*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b1a;--fg:#f2f2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 20% -10%, #ff00801f, transparent 60%), radial-gradient(1000px 500px at 90% 10%, #00c8ff1f, transparent 60%), radial-gradient(900px 700px at 50% 110%, #78ff001a, transparent 60%), var(--bg);color:var(--fg);touch-action:none;place-items:center;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden}.game{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative}.scores{justify-content:space-between;align-items:baseline;gap:1.5rem;width:min(90vw,560px);font-size:1rem;display:flex}.scores h1{letter-spacing:.04em;font-size:1.4rem}.rainbow-text{background:linear-gradient(90deg,#ff004c,#ff8a00,#ffe600,#2bff00,#00e5ff,#7b2bff,#ff00d4,#ff004c) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rainbow-slide}@keyframes rainbow-slide{to{background-position:200% 0}}.board{aspect-ratio:1;background:#ffffff08 padding-box padding-box;border:2px solid #0000;border-radius:14px;width:min(90vw,90vh,560px);box-shadow:0 0 0 2px #ffffff14,0 0 40px #7b2bff40,0 0 80px #00e5ff26}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;text-align:center;background:#0b0b1ab8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.overlay .big{font-size:clamp(2rem,8vw,3.5rem);font-weight:800}.overlay button{font:inherit;color:#0b0b1a;cursor:pointer;background:linear-gradient(90deg,#ff8a00,#ffe600,#2bff00,#00e5ff);border:none;border-radius:999px;padding:.6rem 1.8rem;font-weight:700;transition:transform .15s}.overlay button:hover{transform:scale(1.06)}.hint{opacity:.6;font-size:.8rem}