*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--space:#03020a;--velvet:#110620;--surface:#1c0c34;--surface-glass:#1c0c34b3;--magenta:#d4005a;--magenta-bright:#ff1a7c;--magenta-glow:#d4005a73;--violet:#7c3aed;--violet-light:#c4b5fd;--gold:#f0c040;--gold-glow:#f0c04066;--cream:#fdf4e8;--muted:#7a6b8a;--border:#c4b5fd1f;--font-display:"Cormorant Garamond", Georgia, serif;--font-mono:"Syne Mono", "Courier New", monospace;--font-body:"Outfit", system-ui, sans-serif;font-family:var(--font-body);color:var(--cream);background:var(--space);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{background:var(--space);min-height:100dvh;position:relative}body:after{content:"";opacity:.038;pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100dvh}button{font-family:var(--font-body);cursor:pointer}input{font-family:var(--font-body)}.lb-list{width:100%;list-style:none}.lb-row{border-radius:4px;align-items:center;gap:.75rem;padding:.55rem .5rem;transition:background .2s;animation:.4s cubic-bezier(.16,1,.3,1) both lb-row-in;display:flex}.lb-row:first-child{animation-delay:50ms}.lb-row:nth-child(2){animation-delay:.1s}.lb-row:nth-child(3){animation-delay:.15s}.lb-row:nth-child(4){animation-delay:.2s}.lb-row:nth-child(5){animation-delay:.25s}.lb-row:nth-child(6){animation-delay:.3s}.lb-row:nth-child(7){animation-delay:.35s}.lb-row:nth-child(8){animation-delay:.4s}.lb-row:nth-child(9){animation-delay:.45s}.lb-row:nth-child(10){animation-delay:.5s}@keyframes lb-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.lb-row:hover{background:#7c3aed14}.lb-row--highlight{border:1px solid #d4005a4d;box-shadow:0 0 16px #d4005a26;background:#d4005a1f!important}.lb-rank{text-align:center;width:2rem;font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:.82rem}.lb-row:first-child .lb-rank,.lb-row:nth-child(2) .lb-rank,.lb-row:nth-child(3) .lb-rank{color:var(--cream);font-size:1rem}.lb-name{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;flex:1;font-size:.88rem;font-weight:400;overflow:hidden}.lb-score{font-family:var(--font-mono);color:var(--violet-light);letter-spacing:.04em;flex-shrink:0;font-size:.88rem}.lb-row--highlight .lb-score{color:var(--gold)}.lb-loading,.lb-empty{text-align:center;color:var(--muted);letter-spacing:.04em;padding:1.5rem;font-size:.82rem;font-weight:300}.home{min-height:100dvh;position:relative;overflow:hidden}.home-content{z-index:2;flex-direction:column;align-items:center;gap:3rem;padding:3rem 1.25rem 4rem;display:flex;position:relative}.home-bg{z-index:0;position:absolute;inset:0}.home-bg__leak{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.home-bg__leak--left{background:radial-gradient(circle,#7c3aed47 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite alternate leak-drift-l;top:-100px;left:-180px}.home-bg__leak--right{background:radial-gradient(circle,#d4005a38 0%,#0000 70%);width:420px;height:420px;animation:18s ease-in-out infinite alternate leak-drift-r;bottom:-80px;right:-120px}@keyframes leak-drift-l{0%{transform:translate(0)scale(1)}to{transform:translate(40px,60px)scale(1.15)}}@keyframes leak-drift-r{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-50px)scale(1.1)}}.home-bg__star{background:#ffffffd9;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.7)}50%{opacity:.9;transform:scale(1.2)}}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.home-eyebrow{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:500;animation:.7s cubic-bezier(.16,1,.3,1) .1s both fade-up}.home-title{line-height:.88;font-family:var(--font-display);flex-direction:column;gap:0;font-style:italic;font-weight:900;display:flex}.home-title__line1{background:linear-gradient(160deg, var(--cream) 30%, var(--violet-light) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #7c3aed59);-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,22vw,9.5rem);animation:.75s cubic-bezier(.16,1,.3,1) .22s both fade-up}.home-title__line2{background:linear-gradient(160deg, var(--magenta-bright) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #d4005a66);-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,22vw,9.5rem);animation:.75s cubic-bezier(.16,1,.3,1) .38s both fade-up}.home-tagline{letter-spacing:.06em;color:var(--muted);font-size:.88rem;font-weight:300;animation:.7s cubic-bezier(.16,1,.3,1) .55s both fade-up}.home-play-btn{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);background:var(--magenta);box-shadow:0 0 0 1px #ff1a7c4d, 0 0 40px var(--magenta-glow), 0 4px 20px #0006;border:none;border-radius:3px;margin-top:.5rem;padding:1rem 3.5rem;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;animation:.75s cubic-bezier(.16,1,.3,1) .68s both fade-up;position:relative;overflow:hidden}.home-play-btn:hover{background:var(--magenta-bright);transform:translateY(-2px)scale(1.03);box-shadow:0 0 0 1px #ff1a7c80,0 0 60px #ff1a7c80,0 8px 30px #00000080}.home-play-btn:active{transform:translateY(0)scale(.98)}.home-play-btn__text{z-index:1;position:relative}.home-play-btn__shimmer{background:linear-gradient(105deg,#0000 20%,#ffffff2e 50%,#0000 80%);animation:3.5s ease-in-out 1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}25%{transform:translate(100%)}to{transform:translate(100%)}}.home-hint{color:var(--muted);letter-spacing:.04em;font-size:.72rem;animation:.7s cubic-bezier(.16,1,.3,1) .8s both fade-up}.home-board{width:100%;max-width:400px;animation:.8s cubic-bezier(.16,1,.3,1) 1s both fade-up}.home-board__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.home-board__rule{background:var(--border);flex:1;height:1px}.home-board__label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:600}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.game-hud{-webkit-backdrop-filter:blur(12px);z-index:10;background:#03020ad9;border-bottom:1px solid #c4b5fd1a;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:.65rem 1.25rem;display:grid}.hud-score{align-items:baseline;gap:.35rem;display:flex}.hud-score__icon{color:var(--violet-light);opacity:.7;font-size:.75rem}.hud-score__val{font-family:var(--font-mono);color:var(--violet-light);letter-spacing:.04em;font-size:1.15rem}.hud-timer{justify-content:center;align-items:baseline;gap:.15rem;display:flex}.hud-timer__val{font-family:var(--font-mono);color:var(--cream);letter-spacing:-.02em;font-size:1.8rem;font-weight:400;line-height:1;transition:color .4s}.hud-timer__unit{font-family:var(--font-body);color:var(--muted);letter-spacing:.1em;font-size:.7rem;font-weight:300}.hud-timer[data-urgent] .hud-timer__val{color:var(--magenta-bright);animation:.6s ease-in-out infinite urgent-pulse}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.55}}.hud-streak{font-family:var(--font-mono);color:var(--muted);justify-content:flex-end;align-items:center;gap:.2rem;font-size:1rem;transition:color .25s;display:flex}.hud-streak--on{color:var(--gold);text-shadow:0 0 12px var(--gold-glow)}.hud-streak__fire{font-style:normal}.game-canvas{cursor:crosshair;touch-action:none;flex:1;width:100%;display:block}.end-screen{background:radial-gradient(ellipse 60% 35% at 50% 0%, #d4005a26 0%, transparent 100%), var(--space);justify-content:center;align-items:flex-start;min-height:100dvh;padding:3rem 1.25rem 4rem;display:flex;overflow-y:auto}.end-card{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;animation:.6s cubic-bezier(.16,1,.3,1) both fade-up;display:flex}.ayra-congrats{align-items:flex-end;gap:.85rem;animation:.7s cubic-bezier(.34,1.56,.64,1) .1s both ayra-entrance;display:flex}@keyframes ayra-entrance{0%{opacity:0;transform:translateY(24px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.ayra-img{object-fit:cover;object-position:top;border:2px solid var(--magenta);width:72px;height:72px;box-shadow:0 0 18px var(--magenta-glow);border-radius:50%;flex-shrink:0}.ayra-bubble{color:var(--cream);background:#1c0c34e6;border:1px solid #d4005a4d;border-radius:16px 16px 16px 4px;max-width:220px;padding:.65rem .9rem;font-size:.85rem;font-weight:500;line-height:1.4;position:relative;box-shadow:0 0 20px #d4005a26}.end-score-label{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:600}.end-score{font-family:var(--font-display);background:linear-gradient(160deg, var(--cream) 20%, var(--gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px var(--gold-glow));-webkit-background-clip:text;background-clip:text;font-size:clamp(4.5rem,20vw,8rem);font-style:italic;font-weight:900;line-height:.9;animation:.65s cubic-bezier(.34,1.56,.64,1) .15s both score-pop}@keyframes score-pop{0%{opacity:0;transform:scale(.45)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.end-rank{font-family:var(--font-body);letter-spacing:.06em;color:var(--gold);text-shadow:0 0 16px var(--gold-glow);font-size:1rem;font-weight:600;animation:.5s cubic-bezier(.16,1,.3,1) .4s both fade-up}.end-form{flex-direction:column;gap:.75rem;width:100%;animation:.6s cubic-bezier(.16,1,.3,1) .35s both fade-up;display:flex}.end-name-label{letter-spacing:.08em;color:var(--muted);text-align:center;font-size:.75rem;font-weight:300}.end-name-input{border:1px solid var(--border);width:100%;color:var(--cream);letter-spacing:.03em;background:#1c0c34cc;border-radius:4px;outline:none;padding:.9rem 1.1rem;font-size:1rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.end-name-input::placeholder{color:var(--muted);font-weight:300}.end-name-input:focus{border-color:#d4005a80;box-shadow:0 0 0 3px #d4005a1f}.end-error{color:#f87171;text-align:center;letter-spacing:.02em;font-size:.78rem}.end-submit-btn{letter-spacing:.2em;text-transform:uppercase;color:var(--cream);background:var(--magenta);box-shadow:0 0 30px var(--magenta-glow);border:none;border-radius:3px;padding:.9rem;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s}.end-submit-btn:hover:not(:disabled){background:var(--magenta-bright);transform:translateY(-2px);box-shadow:0 0 45px #ff1a7c80}.end-submit-btn:disabled{opacity:.38;cursor:not-allowed}.end-board-wrap{border:1px solid var(--border);background:#1c0c3480;border-radius:8px;width:100%;padding:1.1rem;animation:.6s cubic-bezier(.16,1,.3,1) .5s both fade-up}.end-board-title{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:.9rem;font-size:.65rem;font-weight:600}.end-again-btn{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:3px;padding:.7rem 2.5rem;font-size:.78rem;font-weight:500;transition:border-color .2s,color .2s;animation:.6s cubic-bezier(.16,1,.3,1) .65s both fade-up}.end-again-btn:hover{color:var(--violet-light);border-color:#c4b5fd59}.mute-btn{z-index:100;-webkit-backdrop-filter:blur(10px);width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;background:#1c0c34bf;border:1px solid #c4b5fd26;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.mute-btn svg{width:1rem;height:1rem}.mute-btn:hover{color:var(--violet-light);background:#1c0c34f2;border-color:#c4b5fd59}