:root{--bg:#0b1020;--bg-2:#151a35;--fg:#e9ecff;--muted:#9aa3d4;--accent:#ffd34d;--win:#58e08f;--lose:#ff7a7a;--cell:#1d2447;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;color:var(--fg);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background-color:#0000;background-image:radial-gradient(1100px 620px at 50% -12%,#ffd34d21,#0000 62%),radial-gradient(820px 560px at 8% 12%,#58e08f12,#0000 64%),radial-gradient(900px 640px at 92% 20%,#7a8cff1f,#0000 62%),linear-gradient(170deg,#0a0e1c 0%,#121735 55%,#0b1020 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,#9aa3d40d 0 1px,#0000 1px 72px),repeating-linear-gradient(#9aa3d40d 0 1px,#0000 1px 72px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(1000px 700px at 50% 0,#000,#0000 75%);mask-image:radial-gradient(1000px 700px at 50% 0,#000,#0000 75%)}#app,#below{z-index:1;position:relative}#app{flex-direction:column;max-width:480px;margin:0 auto;padding:28px 16px 8px;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#1d24479e,#11162e9e);border:1px solid #9aa3d429;border-radius:22px;padding:26px 20px 22px;box-shadow:0 26px 60px -26px #000c,inset 0 1px #ffffff0d}.kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px}h1{margin:0 0 12px;font-size:28px;line-height:1.2}.sub{color:var(--muted);margin:8px 0 20px}.fineprint{color:var(--muted);opacity:.7;margin-top:18px;font-size:12px}.bigtime{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:56px;font-weight:800}.verdict{margin:12px 0 0;font-weight:700}.verdict.win{color:var(--win)}.verdict.lose{color:var(--lose)}.namefield{color:var(--muted);text-align:left;margin:20px 0 14px;font-size:13px;display:block}.namefield input{background:var(--cell);border-radius:var(--radius);width:100%;color:var(--fg);border:1px solid #2a3260;margin-top:6px;padding:14px;font-size:17px}button{font:inherit;cursor:pointer}.primary{background:var(--accent);color:#17130a;border-radius:var(--radius);border:0;width:100%;padding:16px;font-size:18px;font-weight:700}.ghost{width:100%;color:var(--muted);border-radius:var(--radius);background:0 0;border:1px solid #2a3260;margin-top:10px;padding:14px;font-size:16px}.linkbox{cursor:pointer;background:var(--cell);border-radius:var(--radius);color:var(--muted);word-break:break-all;-webkit-user-select:all;user-select:all;border:1px dashed #2a3260;margin:10px 0 0;padding:12px;font-size:13px}.playtop{flex-direction:column;align-items:center;gap:2px;padding:10px 0 18px;display:flex}.chase{color:var(--muted);background:#151a3599;border:1px solid #9aa3d429;border-radius:999px;margin-bottom:8px;padding:6px 12px;font-size:13.5px}.chase b{color:var(--fg);font-weight:650}.next{color:var(--muted);font-size:14px}.next b{color:var(--accent);font-size:18px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:54px;font-weight:800;line-height:1.05}.clock.behind{color:var(--lose)}.grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.cell{aspect-ratio:1;font-variant-numeric:tabular-nums;background:var(--cell);color:var(--fg);border-radius:var(--radius);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;place-items:center;font-size:clamp(18px,6vw,28px);font-weight:700;display:grid}.cell.empty{background:#141936}.cell.miss{background:#4a1f2e;animation:.18s shake}@keyframes shake{0%,to{transform:translate(0)}33%{transform:translate(-4px)}66%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.cell.miss{animation:none}}.leaderboard{text-align:left;margin:24px 0 0;padding:0;list-style:none}.leaderboard li{font-variant-numeric:tabular-nums;border-bottom:1px solid #222a52;justify-content:space-between;padding:10px 12px;display:flex}#below{max-width:480px;padding:8px 16px calc(40px + env(safe-area-inset-bottom));gap:14px;margin:0 auto;display:grid}body.playing #below{display:none}.panel{background:#151a3573;border:1px solid #9aa3d41c;border-radius:18px;padding:20px 18px}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:13px}.panel p{color:#c6cbf0;margin:0 0 10px;font-size:14.5px;line-height:1.6}.panel p:last-child{margin-bottom:0}.panel b{color:var(--fg);font-weight:650}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{color:#c6cbf0;margin-bottom:14px;padding:0 0 0 34px;font-size:14.5px;line-height:1.6;position:relative}.steps li:last-child{margin-bottom:0}.steps li:before{counter-increment:step;content:counter(step);width:22px;height:22px;color:var(--accent);background:#ffd34d21;border:1px solid #ffd34d47;border-radius:7px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.bands{margin:0;padding:0;list-style:none}.bands li{border-bottom:1px solid #9aa3d417;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.bands li:last-child{border-bottom:0}.band-t{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.band-d{color:var(--muted);text-align:right;font-size:14px}.note{opacity:.85;color:var(--muted)!important;margin:12px 0 0!important;font-size:12.5px!important}#foot{color:var(--muted);opacity:.65;justify-content:space-between;gap:12px;padding:2px 4px;font-size:12px;display:flex}@media (width>=620px){#app{padding-top:44px}#below{max-width:560px}}body.playing #app{min-height:100dvh;padding-bottom:calc(22px + env(safe-area-inset-bottom));justify-content:flex-end}@media (width>=620px){body.playing #app{justify-content:center;padding-top:0}}.panel a{color:var(--accent);text-underline-offset:3px;text-decoration-color:#ffd34d66}.namerow{align-items:stretch;gap:8px;display:flex}.namerow input{flex:1;margin-top:0}.dice{background:var(--cell);border-radius:var(--radius);width:48px;color:var(--fg);border:1px solid #2a3260;flex:none;font-size:20px;line-height:1}.dice:active{background:#262e5c}.renamebox{margin-top:18px}.renamebox .namefield{margin:0}.renamehint{min-height:16px;color:var(--muted);text-align:left;margin-top:6px;font-size:12.5px;display:block}.how{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.how.two{grid-template-columns:repeat(2,1fr)}.how-step{text-align:center;background:#0b102066;border:1px solid #9aa3d41a;border-radius:12px;padding:10px 8px 12px}a.how-step{color:inherit;text-decoration:none;display:block}a.how-step:hover{border-color:#ffd34d4d}.fig{place-items:center;height:62px;margin-bottom:8px;display:grid}.cap{color:var(--muted);font-size:12px;line-height:1.4}.cap b{color:var(--fg);margin-bottom:2px;font-weight:650;display:block}.tiles{grid-template-columns:repeat(3,1fr);gap:3px;width:56px;display:grid}.tiles i{aspect-ratio:1;background:var(--cell);font-variant-numeric:tabular-nums;border-radius:4px;place-items:center;font:650 10px/1 inherit;display:grid}.tiles i.on{color:var(--accent);background:#ffd34d2e}.swap{align-items:center;gap:6px;display:flex}.swap i{background:var(--cell);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;width:30px;height:30px;font:700 13px/1 inherit;display:grid}.swap i.was{color:var(--accent);background:#ffd34d2e}.swap i.now{color:var(--win);background:#58e08f26}.swap span{color:var(--muted);font-size:13px}.bubble{color:#cfeede;font-variant-numeric:tabular-nums;background:#58e08f1f;border:1px solid #58e08f38;border-radius:10px 10px 10px 3px;padding:7px 10px;font-size:11.5px}.linesfig{gap:4px;width:74px;display:grid}.linesfig i{background:#9aa3d438;border-radius:2px;height:4px}.linesfig i:last-child{width:55%}.linesfig.tagged{position:relative}.linesfig.tagged:after{content:"A B";letter-spacing:.1em;color:var(--accent);font-size:9px;position:absolute;top:-14px;right:-4px}.rsvpdemo{place-items:center;display:grid}.rsvpdemo span{opacity:0;grid-area:1/1;font-size:21px;font-weight:650;animation:2.4s step-end infinite rsvpcycle}.rsvpdemo span:nth-child(2){animation-delay:.8s}.rsvpdemo span:nth-child(3){animation-delay:1.6s}.rsvpdemo b{color:var(--accent);font-weight:inherit}@keyframes rsvpcycle{0%,33%{opacity:1}33.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.rsvpdemo span{opacity:0;animation:none}.rsvpdemo span:first-child{opacity:1}}.dialfig{text-align:center;color:var(--muted);font-size:11px}.dialfig b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;display:block}.bigfig{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:800}.bigfig small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.scale{gap:4px;margin:0;padding:0;list-style:none;display:flex}.scale li{text-align:center;border-top:3px solid var(--accent);color:var(--muted);flex:1;padding-top:8px;font-size:11px;line-height:1.35}.scale li b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:13px;display:block}.scale li:first-child{border-top-color:var(--win)}.scale li:nth-child(3){border-top-color:#ffd34d80}.scale li:nth-child(4){border-top-color:#9aa3d44d}.legend{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.legend i{color:var(--muted);background:#151a3599;border:1px solid #9aa3d424;border-radius:999px;padding:4px 9px;font-size:11.5px;font-style:normal}.legend i:before{content:"•";vertical-align:-1px;font-size:15px;line-height:0}.legend i.ok:before{color:var(--fg)}.legend i.bad:before{color:var(--lose)}.legend i.cur:before{color:var(--accent)}.more{border-top:1px solid #9aa3d41a;margin-top:14px;padding-top:12px}.more summary{cursor:pointer;color:var(--muted);font-size:12.5px;list-style:none}.more summary::-webkit-details-marker{display:none}.more summary:after{content:" +";color:var(--accent)}.more[open] summary:after{content:" −"}.more summary:hover{color:var(--fg)}.more>:not(summary){margin-top:10px}@media (width<=380px){.how{grid-template-columns:1fr}.how-step{text-align:left;align-items:center;gap:12px;padding:10px 12px;display:flex}.fig{flex:0 0 62px;height:auto;margin:0}.cap{flex:1}}