:root{--ink:#0f1226;--panel:rgba(20,24,48,.78);--panel-solid:#171b36;--line:rgba(244,239,228,.14);--paper:#f4efe4;--mute:#a3a9c9;--amber:#ffb357;--coral:#ff5b61;--teal:#52d6c4;--sticky:#ffe066;--display:"Unbounded","Arial Black",system-ui,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;color-scheme:dark}html,body{height:100%}[hidden]{display:none!important}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(6,6,20,.62) 100%)}#hurt{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(100% 80% at 50% 50%,transparent 40%,rgba(255,60,70,.55) 100%);transition:opacity .08s}#stressGlow{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(110% 85% at 50% 50%,transparent 50%,rgba(255,91,97,.35) 100%)}.hud{position:fixed;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;pointer-events:none;opacity:0;transition:opacity .4s}.hud.on{opacity:1}.chip{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:0}.label{font:600 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.stress{justify-self:start;width:min(260px,100%)}.stress-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}#stressState{font:700 12px/1 var(--body);color:var(--teal);white-space:nowrap}.meter{margin-top:8px;height:10px;border-radius:6px;background:#ffffff14;overflow:hidden;position:relative}#stressFill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--amber) 55%,var(--coral));background-size:260px 100%;transition:width .2s}.meter:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(15,18,38,.55) 24px 26px)}.clock{text-align:center;padding:10px 18px}#clock{font:700 26px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}#clock small{font-size:13px;color:var(--mute);margin-left:4px}.day{margin-top:8px;height:4px;width:150px;max-width:100%;background:#ffffff14;border-radius:3px;overflow:hidden}#dayFill{height:100%;width:0;background:var(--amber)}.score{justify-self:end;text-align:right}#score{font:900 24px/1 var(--display);font-variant-numeric:tabular-nums;margin-top:6px}#combo{display:inline-block;margin-top:6px;font:700 11px/1 var(--mono);color:var(--ink);background:var(--amber);padding:3px 7px;border-radius:5px;transform-origin:right center}#combo.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.foot{position:fixed;left:0;right:0;bottom:0;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none;opacity:0;transition:opacity .4s}.foot.on{opacity:1}.tally{display:flex;gap:16px}.tally b{display:block;font:700 18px/1.1 var(--mono);font-variant-numeric:tabular-nums;margin-top:4px}.buffs{display:flex;gap:8px;align-items:center}.buff{font:700 11px/1 var(--mono);padding:7px 9px;border-radius:8px;border:1px solid currentColor;background:var(--panel)}.buff.coffee{color:var(--amber)}.buff.ooo{color:var(--teal)}.btns{display:flex;gap:8px;pointer-events:auto}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--paper);display:grid;place-items:center;cursor:pointer;font:700 12px var(--mono)}.icon-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.icon-btn svg{width:18px;height:18px}#dashWrap{position:relative;width:64px;height:64px;pointer-events:auto}#dashBtn{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--paper);font:700 10px/1.1 var(--display);letter-spacing:.04em;cursor:pointer;display:block}#dashRing{position:absolute;inset:-3px;pointer-events:none}.touch .desk-only{display:none}#banner{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 96px);transform:translate(-50%,-10px);opacity:0;pointer-events:none;text-align:center;transition:opacity .3s,transform .3s;max-width:calc(100% - 32px)}#banner.show{opacity:1;transform:translate(-50%)}#banner .t{font:900 clamp(16px,3.2vw,26px)/1.1 var(--display);text-shadow:0 4px 30px rgba(0,0,0,.6);text-wrap:balance}#banner .s{margin-top:6px;font:600 13px var(--body);color:var(--amber);letter-spacing:.06em}#floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden}.fl{position:absolute;left:0;top:0;white-space:nowrap;font:700 14px/1 var(--body);will-change:transform,opacity;text-shadow:0 2px 8px rgba(0,0,0,.7)}.fl.quote{font:600 13px/1.2 var(--body);background:var(--paper);color:var(--ink);padding:7px 10px;border-radius:12px 12px 12px 3px;text-shadow:none;box-shadow:0 6px 20px #00000059}.fl.pts{font:900 15px/1 var(--display);color:var(--amber)}.fl.good{color:var(--teal);font:900 14px/1 var(--display)}.fl.bad{color:var(--coral);font:900 16px/1 var(--display)}.tag{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;will-change:transform,opacity;display:flex;align-items:center;gap:6px;font:600 11px/1 var(--body);padding:4px 9px 4px 4px;border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:0 4px 14px #00000059;opacity:0}.tag i{font-style:normal;width:19px;height:19px;border-radius:50%;background:var(--coral);color:var(--paper);display:grid;place-items:center;font:700 8px/1 var(--mono);letter-spacing:.02em}.tag.shout,.fl.shout{background:var(--coral);color:var(--paper);font:900 13px/1 var(--display);padding:6px 10px;border-radius:10px 10px 10px 2px;text-shadow:none;box-shadow:0 4px 14px #00000059}.fl.shout{font-size:15px}.tag.thoughts{font:italic 600 11.5px/1 var(--body);padding:6px 10px;border-radius:12px 12px 12px 2px}#joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1.5px solid rgba(244,239,228,.25);background:#14183059;pointer-events:none;display:none}#joyKnob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#f4efe4d9}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:16px;padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:#0a0c1c59;overflow:auto}.mail{width:min(560px,100%);background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #0006;overflow:hidden;animation:rise .5s cubic-bezier(.2,.9,.25,1.15) both}@keyframes rise{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}.mail-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#ffffff08}.dot{width:10px;height:10px;border-radius:50%;background:#f4efe42e}.dot.r{background:var(--coral)}.dot.y{background:var(--amber)}.dot.g{background:var(--teal)}.mail-bar span{margin-left:8px;font:500 12px var(--mono);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.headers{padding:14px 22px 0;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font:500 13px/1.35 var(--body)}.headers dt{color:var(--mute)}.headers dd{margin:0;min-width:0;overflow-wrap:anywhere}.headers .flag{color:var(--coral);font-weight:700}.mail-body{padding:16px 22px 22px}h1{margin:4px 0 0;font:900 clamp(38px,9vw,64px)/.92 var(--display);letter-spacing:-.03em;text-wrap:balance}h1 em{font-style:normal;color:var(--amber)}h2{margin:0;font:900 clamp(26px,6vw,38px)/1 var(--display);letter-spacing:-.02em;text-wrap:balance}.lede{margin:14px 0 0;font:500 15px/1.5 var(--body);color:var(--paper);max-width:46ch}.legend{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.leg{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#ffffff0a;min-width:0}.leg img{width:38px;height:28px;object-fit:contain;flex:none}.leg div{min-width:0;font:600 12px/1.25 var(--body)}.leg small{display:block;font-weight:500;color:var(--mute);font-size:11px}.leg.good div{color:var(--teal)}.keys{margin:16px 0 0;font:500 12px/1.6 var(--body);color:var(--mute)}kbd{font:700 11px var(--mono);color:var(--paper);background:#ffffff14;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.btn{appearance:none;border:0;border-radius:12px;padding:14px 22px;font:700 14px/1 var(--display);letter-spacing:.02em;cursor:pointer;color:var(--ink);background:var(--amber);box-shadow:0 8px 24px #ffb35740;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffb35759}.btn.ghost{background:transparent;color:var(--paper);border:1px solid var(--line);box-shadow:none}.best{font:500 12px var(--mono);color:var(--mute)}.stats{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.stat{padding:10px 12px;border-radius:10px;background:#ffffff0a}.stat b{display:block;margin-top:5px;font:700 20px/1 var(--mono);font-variant-numeric:tabular-nums}.stat.hl b{color:var(--amber)}.sig{margin-top:16px;font:500 13px/1.5 var(--body);color:var(--mute);border-top:1px dashed var(--line);padding-top:12px}#loading{position:fixed;inset:0;display:grid;place-items:center;font:600 13px var(--mono);color:var(--mute);background:var(--ink)}@media(max-width:640px){.hud{grid-template-columns:1fr auto;padding-left:12px;padding-right:12px}.clock{grid-column:1 / -1;grid-row:2;justify-self:center;padding:6px 14px;display:flex;align-items:center;gap:10px}.clock .label{display:none}.day{margin-top:0;width:80px}#clock{font-size:18px}.stress{width:auto}#score{font-size:18px}.tally b{font-size:15px}#banner{top:calc(env(safe-area-inset-top,0px) + 120px)}.headers{padding:12px 16px 0}.mail-body{padding:14px 16px 18px}}@media(prefers-reduced-motion:reduce){.mail,#combo.pop{animation:none}}:root{--gold:#ffd34d}.screen{place-items:safe center}.buff.gold,.fl.gold{color:var(--gold)}.fl.gold{font:900 15px/1 var(--display)}#nameInput{flex:1 1 150px;min-width:0;max-width:220px;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--paper);font:600 14px var(--body);-webkit-user-select:text;user-select:text}#nameInput::placeholder{color:var(--mute)}#nameInput:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#postMsg{margin:14px 0 0}#postMsg:empty{display:none}.board{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:4px;counter-reset:rank}.board:empty{display:none}.board li{display:grid;grid-template-columns:2em 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:#ffffff0a;font:500 13px var(--body);counter-increment:rank}.board li:before{content:counter(rank);font:700 12px var(--mono);color:var(--mute)}.board li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li b{font:700 13px var(--mono);font-variant-numeric:tabular-nums;color:var(--amber)}.board li.me{outline:1px solid var(--amber);background:#ffb3571a}.board li.empty{grid-template-columns:1fr;color:var(--mute)}.board li.empty:before{content:none}.opp{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.opp .label{color:var(--coral);text-transform:none;letter-spacing:.04em;font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#oppState{font:700 12px/1 var(--body);white-space:nowrap}#oppFill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--amber) 55%,var(--coral));background-size:260px 100%;transition:width .2s}.icon-btn.throw{width:auto;padding:0 14px;color:var(--amber);border-color:#ffb35780;letter-spacing:.06em}.ptag{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;will-change:transform;font:700 11px/1 var(--mono);color:var(--paper);background:#ff5b61d9;padding:4px 8px;border-radius:999px;letter-spacing:.04em}.online{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.online-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.online-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px}.online-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:#ffffff0a;font:600 13px var(--body)}.online-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-list li.empty{color:var(--mute);font-weight:500}.btn.small{padding:8px 12px;font-size:12px;border-radius:9px;box-shadow:none}.btn:disabled{opacity:.45;cursor:default}.invite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#ffb3571a;border:1px solid rgba(255,179,87,.35);font:600 13px var(--body)}.invite span{flex:1 1 160px}.online .keys{margin-top:12px}