:root{--void: #12141c;--panel: #1b1f2c;--line: #2b3145;--ink: #f2ede3;--dim: #8c93a8;--tan: #d08a46;--sky: #a7c7e9;--mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--disp: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--scale: 2}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--mono);overflow:hidden}body{display:grid;place-items:center}#frame{position:relative;width:calc(640px * var(--scale));height:calc(360px * var(--scale));box-shadow:0 24px 80px #00000073;border:2px solid var(--line)}#view{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#10141d;display:block}#chrome{position:fixed;inset:0;pointer-events:none;display:grid;place-items:center}#chrome>.panel{pointer-events:auto}body[data-mode=game] #chrome{place-items:stretch}.panel{width:min(560px,calc(100vw - 32px));background:color-mix(in srgb,var(--panel) 92%,transparent);border:2px solid var(--line);padding:28px 28px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.center{text-align:center}.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--dim);margin:0 0 10px}h1,h2{font-family:var(--disp);letter-spacing:.04em;margin:0 0 10px;font-weight:800}h1{font-size:clamp(28px,5vw,42px);text-transform:uppercase}h1 .amp{color:var(--dim);font-weight:400}h1 .sp{color:var(--tan)}h1 .ba{color:var(--sky)}.lede{color:var(--dim);line-height:1.5;margin:0 0 22px}.muted{color:var(--dim);font-size:12px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.join{display:flex;gap:0}button,input{font:inherit;color:var(--ink);background:#232839;border:2px solid var(--line);padding:8px 14px;box-shadow:2px 2px #131720}button{cursor:pointer;letter-spacing:.04em}button:hover{border-color:var(--tan)}button:disabled{opacity:.4;cursor:not-allowed}#create{background:var(--tan);color:#1b1207;border-color:var(--tan);font-weight:700}#join-code{width:92px;text-align:center;letter-spacing:.2em;text-transform:uppercase}.picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.pick{text-align:left;display:flex;flex-direction:column;gap:8px;min-height:120px}.pick .portrait{image-rendering:pixelated;width:64px;height:64px;align-self:center}.hud-actions{display:flex;gap:8px}#mute,#leave{pointer-events:auto;font-size:11px;padding:4px 10px;box-shadow:none}#hearts{position:absolute;top:48px;right:18px;display:flex;flex-direction:column;gap:4px;font-size:12px;text-align:right;pointer-events:none}#hearts[hidden]{display:none}#hearts-you{color:#f2a0a0;letter-spacing:.12em}#hearts-ko{color:var(--dim);font-size:11px}.pick .who{font-family:var(--disp);font-size:18px;font-weight:800}.pick .bio{color:var(--dim);font-size:12px;line-height:1.4}.pick.splinty:hover,.pick.splinty{border-color:var(--tan)}.pick.banya:hover,.pick.banya{border-color:var(--sky)}.share{font-size:11px;color:var(--dim);word-break:break-all}.share code{color:var(--ink)}.hud{pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px 12px;color:var(--ink);text-shadow:0 1px 0 #000}.hud header,.hud footer,.hud .quests{pointer-events:none;font-size:12px}.hud header{display:flex;justify-content:space-between;gap:12px;align-items:center}#who.banya{color:var(--sky)}#who.splinty{color:var(--tan)}.quests{list-style:none;margin:0;padding:0;position:absolute;top:48px;left:18px;display:flex;flex-direction:column;gap:4px}.quests li{color:var(--dim)}.quests li.done{color:#b7e0a2}.quests b{font-weight:400;opacity:.7}.hud footer{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--dim);font-size:11px;margin-bottom:52px}.chat{pointer-events:auto;position:absolute;left:16px;bottom:12px;width:min(300px,calc(100% - 32px));display:flex;flex-direction:column;gap:4px}#chat-log{max-height:70px;overflow:hidden;font-size:11px;line-height:1.35;text-shadow:0 1px 0 #000}#chat-log div{color:var(--ink);opacity:.9}#chat-log .banya b{color:var(--sky)}#chat-log .splinty b{color:var(--tan)}#chat-in{width:100%;box-shadow:none;padding:5px 8px;font-size:12px}kbd{display:inline-block;min-width:16px;padding:1px 5px;border:1px solid var(--line);background:#232839;color:var(--ink);font:inherit;font-size:10px}#toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--panel);border:2px solid var(--line);padding:8px 12px;font-size:13px;animation:in .2s ease-out}@keyframes in{0%{transform:translateY(8px);opacity:0}}#birthday{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#0c0e16b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#birthday[hidden]{display:none}.bday-card{width:min(420px,calc(100vw - 32px));text-align:center;background:var(--panel);border:2px solid var(--sky);padding:22px 22px 18px;box-shadow:0 20px 60px #00000073}.bday-card h1{font-size:28px;text-transform:none}#bday-stage{display:block;margin:8px auto 12px;image-rendering:pixelated;background:#171c28;border:2px solid var(--line);width:320px;max-width:100%;height:auto}#bday-skip{background:var(--sky);color:#17242f;border-color:var(--sky);font-weight:700}@media(max-width:700px){.picks{grid-template-columns:1fr}.hud footer{display:none}.chat{width:calc(100% - 24px)}}