:root{--bg:#12102a;--bg-glow:#241f52;--fg:#fdfcff;--muted:#b6b1d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;color:var(--fg);background:radial-gradient(circle at 20% 0%, var(--bg-glow), transparent 55%), radial-gradient(circle at 85% 100%, #3b1d5e, transparent 50%), var(--bg);margin:0;font-family:"Baloo 2",Comic Sans MS,Trebuchet MS,system-ui,sans-serif}.arcade{max-width:1100px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,4vw,2rem) 4rem}.languages{justify-content:flex-end;gap:.5rem;margin-bottom:clamp(.75rem,3vw,1.5rem);display:flex}.languages__option{font:inherit;color:var(--fg);cursor:pointer;background:#ffffff0f;border:3px solid #0000;border-radius:.9rem;place-items:center;padding:.45rem;font-weight:700;display:grid}.languages__option svg{opacity:.55;border-radius:.3rem;width:2.7rem;height:1.8rem;transition:opacity .12s;display:block;box-shadow:0 0 0 1px #ffffff4d}.languages__option:hover svg{opacity:.85}.languages__option[aria-pressed=true]{background:#ffd16629;border-color:#ffd166}.languages__option[aria-pressed=true] svg{opacity:1}.languages__option:focus-visible{outline-offset:3px;outline:3px solid #ffd166}.arcade__title{text-align:center;letter-spacing:-.02em;background:linear-gradient(95deg,#ffd166,#ff5d8f 45%,#7c5cff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.15em;font-size:clamp(2.5rem,9vw,5rem);line-height:1.05}.arcade__subtitle{text-align:center;color:var(--muted);margin:0 0 clamp(2rem,5vw,3rem);font-size:clamp(1.1rem,3vw,1.5rem)}.arcade__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(1rem,3vw,1.75rem);display:grid}.arcade__empty{text-align:center;color:var(--muted);border:3px dashed #443c7a;border-radius:1.5rem;grid-column:1/-1;padding:3rem 1.5rem;font-size:1.15rem}.tile{--tile-color:#7c5cff;text-align:center;min-height:220px;color:var(--fg);background:linear-gradient(160deg, color-mix(in srgb, var(--tile-color) 85%, white 15%), var(--tile-color));box-shadow:0 12px 0 0 color-mix(in srgb, var(--tile-color) 55%, black 45%), 0 18px 35px #00000059;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:clamp(1.25rem,4vw,2rem) 1rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.tile:hover,.tile:focus-visible{box-shadow:0 16px 0 0 color-mix(in srgb, var(--tile-color) 55%, black 45%), 0 22px 40px #0006;transform:translateY(-4px)}.tile:active{box-shadow:0 4px 0 0 color-mix(in srgb, var(--tile-color) 55%, black 45%), 0 8px 18px #00000059;transform:translateY(8px)}.tile:focus-visible{outline-offset:4px;outline:4px solid #ffd166}.tile__badge{background:#ffffff38;border-radius:50%;place-items:center;width:110px;height:110px;font-size:4rem;line-height:1;display:grid;overflow:hidden}.tile__badge img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.tile__faces{display:flex;position:absolute;top:.75rem;right:.75rem}.tile__faces img{background:#fff;border:3px solid #fff;border-radius:50%;width:3.75rem;height:3.75rem;box-shadow:0 4px 10px #0000004d}.tile__faces img+img{margin-left:-1.1rem}.tile__title{text-shadow:0 2px #00000040;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:800}.tile__description{opacity:.9;max-width:22ch;font-size:.95rem}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover,.tile:focus-visible,.tile:active{transform:none}}