@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Space+Grotesk:wght@700&display=swap";:root{color:#f7fbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1020;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{background:radial-gradient(circle at 20% 0,#6c63ff55,#0000 28%),radial-gradient(circle at 80% 18%,#58e1ff44,#0000 30%),linear-gradient(135deg,#0b1020,#131a2a 60%,#180f2f);min-height:100vh;padding:32px;position:relative;overflow:hidden}.bg i{filter:blur(28px);opacity:.55;border-radius:999px;animation:10s ease-in-out infinite float;position:fixed;inset:auto}.bg i:first-child{background:#6c63ff;width:34vw;height:34vw;top:12vh;left:-8vw}.bg i:nth-child(2){background:#ff6ec7;width:24vw;height:24vw;animation-delay:-4s;top:4vh;right:4vw}.bg i:nth-child(3){background:#58e1ff;width:28vw;height:28vw;animation-delay:-7s;bottom:-8vw;right:18vw}@keyframes float{50%{transform:translate(30px,-24px)scale(1.08)}}header,.hero,footer{z-index:1;max-width:1180px;margin:auto;position:relative}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}h1{letter-spacing:-.08em;margin:0;font:800 clamp(48px,10vw,120px)/.82 Space Grotesk}.eyebrow{color:#9bffb0;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:8px;font-size:12px;display:flex}.hero{grid-template-columns:minmax(0,1fr) 360px;gap:24px;display:grid}.panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff18,#ffffff08);border:1px solid #ffffff25;border-radius:32px;padding:24px;box-shadow:0 24px 80px #0008}.game{text-align:center}.toolbar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}select,button{color:#f7fbff;background:#10182bcc;border:1px solid #ffffff30;border-radius:14px;min-height:42px;padding:10px 12px}select{appearance:auto;min-width:112px}option{color:#f7fbff;background:#10182b}button{cursor:pointer;transition:all .2s}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0004}.board{justify-content:center;gap:10px;display:grid}.row{gap:10px;display:flex}.tile{text-transform:uppercase;background:linear-gradient(145deg,#ffffff18,#ffffff05);border:1px solid #ffffff24;border-radius:18px;place-items:center;width:min(13vw,68px);height:min(13vw,68px);font:800 28px Space Grotesk;display:grid;box-shadow:inset 0 1px #fff4,0 12px 30px #0005}.correct{color:#06140b;background:linear-gradient(145deg,#9bffb0,#1f9b5a)}.present{color:#1d1400;background:linear-gradient(145deg,#ffe66d,#e5a700)}.absent{background:#4a5368}.keyboard{flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px;margin:22px auto;display:flex}.keyboard button{min-width:44px}.wide,.primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#58e1ff);border:0;font-weight:800}.toast{background:#0b1020cc;border:1px solid #fff3;border-radius:999px;padding:10px 16px;display:inline-block}.field{grid-template-columns:1fr;gap:8px;margin:12px 0;display:grid}.field select{width:100%}.toggles{gap:10px;display:grid}.toggle{background:#ffffff10;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 12px;display:flex}.toggle input{accent-color:#6c63ff;width:18px;height:18px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stats b{background:#ffffff12;border:1px solid #fff2;border-radius:18px;padding:16px;display:grid}.stats span{font-size:28px}h2{align-items:center;gap:8px;display:flex}.theme-ocean{background:linear-gradient(135deg,#061826,#053b52,#0b1020)}.theme-forest{background:linear-gradient(135deg,#08180f,#123d2a,#0b1020)}.theme-sunset{background:linear-gradient(135deg,#231024,#913b57,#f96)}.theme-minimal{color:#10182b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(135deg,#f8f1e7,#dfe8ff)}.theme-minimal select,.theme-minimal button{color:#10182b;background:#fffd;border-color:#10182b22}.theme-minimal option{color:#10182b;background:#fff}.contrast{filter:contrast(1.25)}.large{font-size:120%}footer{text-align:center;color:#cbd6ff;margin-top:24px;line-height:1.7}footer a{color:#9bffb0;font-weight:800}@media (width<=860px){.app{padding:18px}.hero{grid-template-columns:1fr}.panel{border-radius:24px}.tile{border-radius:14px;font-size:22px}}@media (prefers-reduced-motion:reduce){*,.bg i{transition:none!important;animation:none!important}}