:root{--frame:#14161c;--panel:#101218d6;--ink:#f5f0e3;--muted:#b3ad9c;--p1:#ff4d2e;--p2:#3d86ff;--hivis:#ffd23f;--line:#f5f0e329;--display:"Bowlby One", "Arial Black", Impact, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{background:var(--frame);color:var(--ink);font-family:var(--body);margin:0;font-size:15px;overflow:hidden}#wrap{touch-action:none;-webkit-user-select:none;user-select:none;height:100svh;position:relative;overflow:hidden}#game{filter:saturate(1.35)contrast(1.06);display:block}.tilt{pointer-events:none;-webkit-backdrop-filter:blur(3.5px);height:24%;position:absolute;left:0;right:0}.tilt.top{top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.tilt.bot{bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.hud{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.pl{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:4px;min-width:0;padding:8px 12px;display:grid}.pl .row{align-items:center;gap:8px;display:flex}.tag{font-family:var(--display);letter-spacing:.04em;font-size:15px}.p1 .tag{color:var(--p1)}.p2 .tag{color:var(--p2)}.p2{text-align:right}.p2 .row{justify-content:flex-end}.pips{gap:4px;display:flex}.pip{opacity:.55;border:2px solid;border-radius:50%;width:10px;height:10px}.pip.on{opacity:1;background:currentColor}.p1 .pips{color:var(--p1)}.p2 .pips{color:var(--p2)}.dmg{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.dmg b{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;text-transform:none;font-size:15px;display:block}.mid{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:11px}@media (width<=620px){.mid{display:none}}.pause-button{right:16px;bottom:calc(50px + env(safe-area-inset-bottom,0px));background:var(--panel);border-color:var(--line);padding:6px 12px;font-size:13px;position:absolute}.ticker{border-top:2px solid var(--hivis);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none;background:#0d0e12;align-items:stretch;min-height:38px;display:flex;position:absolute;bottom:0;left:0;right:0}.badge{background:var(--hivis);color:#14161c;font-family:var(--display);letter-spacing:.06em;flex:none;align-items:center;padding:0 12px;font-size:13px;display:flex}#headline{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;padding:9px 16px;font-size:13px;font-weight:500;overflow:hidden}#headline.in{animation:.45s cubic-bezier(.2,.8,.2,1) slide}@keyframes slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}#big{text-align:center;font-family:var(--display);color:var(--ink);text-shadow:0 4px #14161c,0 0 30px #0006;pointer-events:none;text-wrap:balance;font-size:clamp(36px,9vw,92px);line-height:1;position:absolute;top:38%;left:16px;right:16px}#big small{color:var(--hivis);letter-spacing:.04em;margin-top:.4em;font-size:.32em;display:block}#big.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}#intro{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--hivis);pointer-events:none;border-radius:6px;gap:2px;max-width:calc(100% - 32px);padding:12px 18px;animation:3.2s forwards intro;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%)}#intro .num{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hivis);font-size:11px}#intro .name{font-family:var(--display);font-size:26px;line-height:1.05}#intro .where{font-family:var(--mono);color:var(--muted);font-size:12px}@keyframes intro{0%{opacity:0;transform:translate(-50%,-12px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.overlay{background:radial-gradient(#14161c26,#14161c99);place-items:center;padding:16px 16px 56px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;-webkit-backdrop-filter:blur(6px);border-radius:10px;gap:18px;width:100%;max-width:540px;padding:28px 24px;display:grid}.card.wide{max-width:900px}.card h2{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:28px;font-weight:400}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(40px,11vw,74px);line-height:.88}.logo span{color:var(--hivis);display:block}.logo.small{font-size:clamp(32px,8vw,52px)}.lede{color:var(--muted);max-width:52ch;margin:0;font-size:16px;line-height:1.45}.btns{flex-wrap:wrap;gap:10px;display:flex}button{font-family:var(--display);letter-spacing:.03em;border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:12px 18px;font-size:15px}button.primary{background:var(--hivis);border-color:var(--hivis);color:#14161c}button:hover{transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--p2);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.keys{font-family:var(--mono);color:var(--muted);grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:12px;display:grid}.keys dt{color:var(--ink)}.keys dd{margin:0}.progress{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:11px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px;display:grid}.level{text-align:left;border:1px solid var(--line);font-family:var(--body);letter-spacing:0;background:#ffffff0a;align-content:start;gap:6px;min-height:170px;padding:14px;display:grid}.level:hover,.level:focus-visible{border-color:var(--hivis)}.level .num{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hivis);font-size:11px}.level .name{font-family:var(--display);font-size:19px;line-height:1.05}.level .where{color:var(--muted);font-size:13px;line-height:1.3}.level .meta{font-family:var(--mono);color:var(--muted);gap:2px;margin-top:auto;font-size:11px;display:grid}.level .meta b{color:var(--ink);font-weight:600}.level.won .num:after{content:" · beaten";color:#8fe388}.level:disabled .name:after{content:" 🔒"}.slider{font-family:var(--mono);grid-template-columns:9em 1fr;align-items:center;gap:12px;font-size:13px;display:grid}.slider input{accent-color:var(--hivis)}.bills{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.bill{color:#14161c;font-family:var(--mono);background:#f5f0e3;border-radius:4px;gap:4px;padding:14px 16px 12px;font-size:12px;display:grid;transform:rotate(-.6deg);box-shadow:0 6px 18px #00000059}.bill:nth-child(2){transform:rotate(.8deg)}.bill h3{font-family:var(--display);letter-spacing:.03em;border-bottom:2px dashed #14161c66;margin:0 0 6px;padding-bottom:6px;font-size:15px;font-weight:400}.bill .line{justify-content:space-between;gap:10px;display:flex}.bill .line span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.bill .total{border-top:2px solid #14161c;margin-top:6px;padding-top:6px;font-weight:600}.verdict{font-family:var(--mono);color:var(--hivis);margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){#headline.in,#big.pop,#intro{animation:none}button:hover{transform:none}}