:root,html[data-ink=pink]{--bg: #08060c;--panel: #120814;--line: #803060;--ink: #f0dce8;--dim: #a08098;--accent: #ff80d8;--cyan: #7af0ff;--pink: #ff80d8;--well: var(--well);--well-deep: var(--well-deep);--well-line: var(--well-line);--bar: #0c0610cc;--game: #160810;--game-on: #201018;--game-main: #221018;--haze: #2a1038;--haze-2: #0a2030}html[data-ink=blue]{--bg: #060810;--panel: #0c1420;--line: #306090;--ink: #dce8f4;--dim: #8090a8;--accent: #4aa8ff;--cyan: #7af0ff;--pink: #5ad0ff;--well: #081420;--well-deep: #081018;--well-line: #184060;--bar: #061018cc;--game: #08141c;--game-on: #102030;--game-main: #102438;--haze: #103058;--haze-2: #082030}html[data-ink=green]{--bg: #060c08;--panel: #0c1810;--line: #308050;--ink: #dcf0e0;--dim: #80a888;--accent: #5dff8a;--cyan: #b6ff7a;--pink: #7dff6a;--well: #081810;--well-deep: #08140c;--well-line: #184828;--bar: #06100ccc;--game: #08140c;--game-on: #102418;--game-main: #10281c;--haze: #104028;--haze-2: #0a2818}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font:12px/1.4 IBM Plex Mono,ui-monospace,monospace;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,var(--haze) 0%,transparent 42%),radial-gradient(ellipse at 80% 80%,var(--haze-2) 0%,transparent 40%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000014 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 45%,transparent 48%,#040208cc 100%)}button{font:inherit;letter-spacing:2px;cursor:pointer}button:disabled{opacity:.35;cursor:default}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:14px;text-align:center;background:linear-gradient(#1a0820,#08040c)}#boot.hide{display:none}.boot-mark{font-size:36px;letter-spacing:8px;color:var(--pink);text-shadow:0 0 24px color-mix(in srgb,var(--pink) 40%,transparent),4px 4px 0 var(--well)}#boot-status{color:var(--cyan)}#boot-err{position:fixed;left:16px;top:50%;z-index:21;color:#ff6a7a;pointer-events:none}#top{position:relative;z-index:4;display:grid;grid-template-columns:max-content 1fr auto;align-items:center;gap:16px;padding:12px 18px;background:var(--bar);box-shadow:inset 0 -2px 0 var(--line)}.brand{display:flex;align-items:baseline;letter-spacing:3px;white-space:nowrap}.brand b{color:var(--pink);font-size:18px}.brand span{color:var(--dim);margin-left:8px}#beta-chip,.boot-mark em{font-style:normal;margin-left:10px;padding:2px 8px;letter-spacing:3px;font-size:11px;color:#100810;background:var(--accent);box-shadow:2px 2px #040208,0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.boot-mark em{font-size:14px;vertical-align:8px}#ticker{color:var(--dim);letter-spacing:2px;overflow:hidden;white-space:nowrap;opacity:.8}.presence{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}#you-chip{background:var(--well);color:var(--accent);padding:4px 8px;box-shadow:inset 0 0 0 2px var(--line)}#sound-btn{background:var(--well);color:var(--dim);border:0;padding:6px 10px;letter-spacing:2px;box-shadow:inset 0 0 0 2px var(--line)}#sound-btn.on{color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan)}#ink-btn{background:var(--well);color:var(--accent);border:0;padding:6px 10px;letter-spacing:2px;box-shadow:inset 0 0 0 2px var(--accent)}#wallet-btn{background:var(--well);color:var(--cyan);border:0;padding:6px 10px;letter-spacing:2px;box-shadow:inset 0 0 0 2px var(--cyan)}#wallet-btn.on{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}#wallet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;place-items:center;background:#040208cc}#wallet-back[hidden]{display:none}#wallet-modal{width:min(440px,calc(100vw - 32px));background:var(--panel);box-shadow:inset 0 0 0 2px var(--line),6px 6px #040208;padding:16px 16px 18px}.wallet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#wallet-title{margin:0;letter-spacing:3px;color:var(--pink);font-size:16px}#wallet-x{background:var(--well);color:var(--pink);border:0;box-shadow:inset 0 0 0 2px var(--line);padding:4px 10px}#wallet-note{color:var(--dim);margin:0 0 12px;max-width:46ch}#wallet-picks{display:grid;gap:8px}#wallet-picks button{text-align:left;padding:10px 12px;background:var(--well);color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--line)}#wallet-picks button.on{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}#wallet-picks button.ghost{opacity:.55}#wallet-picks button:hover{filter:brightness(1.12)}#wallet-drop{margin-top:12px;width:100%;background:var(--well-deep);color:var(--pink);border:0;box-shadow:inset 0 0 0 2px var(--line);padding:10px 12px}#paper-btn{background:var(--well);color:var(--accent);border:0;padding:6px 10px;letter-spacing:2px;box-shadow:inset 0 0 0 2px var(--accent)}#paper-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:23;display:grid;place-items:center;background:#040208cc;padding:16px}#paper-back[hidden]{display:none}#paper{width:min(720px,calc(100vw - 24px));max-height:min(86dvh,820px);overflow:auto;background:var(--panel);box-shadow:inset 0 0 0 2px var(--line),6px 6px #040208;padding:16px 18px 22px}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;box-shadow:inset 0 -2px 0 var(--well-line);padding-bottom:10px}#paper-title{margin:0;letter-spacing:3px;color:var(--pink);font-size:18px}.paper-head small{color:var(--dim);letter-spacing:2px}#paper-x{background:var(--well);color:var(--accent);border:0;box-shadow:inset 0 0 0 2px var(--accent);padding:8px 12px}#paper-body{display:grid;gap:8px}#paper-body h3{margin:12px 0 0;color:var(--accent);letter-spacing:2px;font-size:13px}#paper-body p{margin:0;color:var(--ink);line-height:1.5;max-width:68ch}#paper-body b{color:var(--pink)}.paper-lead,.paper-end{color:var(--cyan);letter-spacing:1px}#shell{position:relative;z-index:2;height:calc(100vh - 118px);display:grid;grid-template-columns:260px 1fr 300px;gap:14px;padding:14px 18px 8px}#party,#playlist,#hero{background:var(--panel);box-shadow:inset 0 0 0 2px var(--line),4px 4px #040208}#party,#playlist{display:flex;flex-direction:column;min-height:0;overflow:hidden}.mod-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;letter-spacing:3px;color:var(--pink);box-shadow:inset 0 -2px 0 var(--well-line);flex:0 0 auto}.mod-head.sub{box-shadow:inset 0 2px 0 var(--well-line),inset 0 -2px 0 var(--well-line)}.mod-head h2{margin:0;font-size:13px}.mod-head span{color:var(--dim);letter-spacing:2px}#party-list{list-style:none;margin:0;padding:10px;display:grid;gap:8px;flex:0 0 auto}#party-list li{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:6px;background:var(--well-deep);box-shadow:inset 0 0 0 2px var(--well-line)}#party-list li.you{box-shadow:inset 0 0 0 2px var(--accent)}#party-list li.net{box-shadow:inset 0 0 0 2px var(--cyan)}#party-list li.open{opacity:.45}#party-list canvas{width:52px;height:52px;image-rendering:pixelated;background:#10080e}#party-list b{display:block;letter-spacing:1px}#party-list small{color:var(--dim);letter-spacing:2px}#party-hint{padding:4px 12px 8px;color:var(--dim);line-height:1.45;flex:0 0 auto}#hero{display:grid;grid-template-rows:minmax(0,1fr) max-content;position:relative;overflow:hidden;padding:2px}#stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:end center;padding:0;cursor:pointer;background:#08040e}#hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}#hero-cv{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#hero-scene{color:var(--cyan);letter-spacing:3px;margin:0;font-size:11px;cursor:pointer}#hero-glow,#hero-plat{display:none}#hero-meta{display:grid;grid-template-columns:1.1fr .9fr;gap:4px 16px;align-items:start;padding:6px 14px 8px;background:var(--panel);box-shadow:inset 0 2px 0 var(--well-line);min-width:0}#hero-who,#hero-play{min-width:0}#hero-status{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:2px}#you-pick{display:flex;align-items:center;gap:10px;margin-bottom:2px}#you-pick button{background:var(--well);color:var(--pink);border:0;box-shadow:inset 0 0 0 2px var(--line);padding:4px 10px}#you-slot{color:var(--dim);letter-spacing:3px}#hero-name{font-size:14px;letter-spacing:2px;line-height:1.25;padding-bottom:2px;color:var(--pink);text-shadow:3px 3px 0 var(--well);overflow-wrap:anywhere}.name-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:4px 0 0;color:var(--dim);letter-spacing:1px}.name-row input{width:100%;min-width:0;box-sizing:border-box;background:var(--well-deep);color:var(--ink);border:0;padding:5px 7px;font-size:11px;letter-spacing:1px;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--line)}#name-bind{color:var(--cyan);letter-spacing:1px;margin:0;font-size:10px}#hero-role{color:var(--dim);letter-spacing:1px;margin:0;font-size:10px}#selected-title{font-size:15px;letter-spacing:2px;color:var(--accent);overflow-wrap:anywhere}#selected-blurb{color:var(--ink);opacity:.85;margin:4px 0 0;padding-bottom:0;max-width:42ch;line-height:1.4}#queue-panel{margin-top:14px}#queue-label{letter-spacing:3px;color:var(--cyan);margin-bottom:6px}#queue-bar{height:8px;background:var(--well-deep);box-shadow:inset 0 0 0 2px var(--well-line)}#queue-fill{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 10px var(--accent)}#queue-count{margin-top:6px;color:var(--dim);letter-spacing:2px}#hold-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;grid-auto-rows:max-content;align-content:start;padding:8px;flex:1 1 auto;min-height:0;overflow:auto}.hold-face{background:var(--well-deep);color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--well-line);padding:4px 2px;display:grid;justify-items:center;gap:2px;align-self:start}.hold-face canvas{width:40px;height:40px;image-rendering:pixelated}.hold-face small{color:var(--dim);letter-spacing:0;font-size:8px;max-width:100%;line-height:1.15;text-align:center;overflow-wrap:anywhere;white-space:normal}.hold-face.on{box-shadow:inset 0 0 0 2px var(--accent)}.hold-empty{grid-column:1 / -1;margin:0;padding:10px 8px;color:var(--dim);letter-spacing:0;font-size:10px;line-height:1.35;overflow-wrap:break-word}#games{display:grid;gap:8px;padding:10px;flex:1 1 auto;min-height:0;overflow:auto}#rooms{display:grid;gap:6px;padding:8px 10px 12px;flex:0 1 auto;min-height:0;max-height:28vh;overflow:auto}.room-join{text-align:left;padding:8px 10px;background:var(--well-deep);color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--well-line);display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.room-join b{letter-spacing:1px;font-size:12px}.room-join small{color:var(--dim);letter-spacing:1px;grid-column:1}.room-join em{color:var(--cyan);letter-spacing:2px;font-style:normal;font-size:11px}.room-empty{margin:0;padding:8px 2px;color:var(--dim);letter-spacing:1px;font-size:10px}#game-tip{position:fixed;z-index:24;max-width:28ch;padding:8px 10px;background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 2px var(--accent),4px 4px #040208;font-size:11px;letter-spacing:.4px;line-height:1.4;pointer-events:none}#game-tip[hidden]{display:none}.game{text-align:left;padding:10px 12px;background:var(--game);color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--well-line),3px 3px #040208;display:grid;gap:4px}.game small{color:var(--g, var(--pink));letter-spacing:3px}.game b{font-size:14px;letter-spacing:2px}.game span{color:var(--dim);font-size:11px;letter-spacing:1px;overflow-wrap:anywhere}.game.on,.game:hover{box-shadow:inset 0 0 0 2px var(--g, var(--accent)),3px 3px #040208;background:var(--game-on)}.game.main{padding:14px 12px;background:var(--game-main)}.game.main b{font-size:18px;letter-spacing:4px}.game.locked{opacity:.48}.game.locked.on{opacity:.72}.game.locked span{color:var(--pink);letter-spacing:2px}#btn-play:disabled{opacity:.4;cursor:default;animation:none;filter:none}#dock{position:relative;z-index:9;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 18px;background:var(--bar);box-shadow:inset 0 2px 0 var(--line)}#mode-switch{display:flex;gap:8px}#mode-switch button{background:var(--well-deep);color:var(--dim);border:0;box-shadow:inset 0 0 0 2px var(--well-line);padding:8px 12px}#mode-switch button.on{color:#100810;background:color-mix(in srgb,var(--accent) 82%,#fff);box-shadow:3px 3px #040208,0 0 10px color-mix(in srgb,var(--accent) 90%,#fff),0 0 28px var(--accent)}#dock-status{letter-spacing:3px;color:var(--dim);text-align:center}#dock-actions{display:flex;justify-content:flex-end;gap:8px}#btn-play{background:color-mix(in srgb,var(--accent) 78%,#fff);color:#100810;border:0;padding:12px 28px;font-size:16px;letter-spacing:5px;box-shadow:4px 4px #040208,0 0 14px #fff,0 0 28px var(--accent),0 0 52px color-mix(in srgb,var(--accent) 80%,transparent);animation:play-glow 1.4s ease-in-out infinite}#btn-play:hover{filter:brightness(1.14)}@keyframes play-glow{0%,to{box-shadow:4px 4px #040208,0 0 12px #fff,0 0 24px var(--accent),0 0 44px color-mix(in srgb,var(--accent) 70%,transparent)}50%{box-shadow:4px 4px #040208,0 0 18px #fff,0 0 36px var(--accent),0 0 64px var(--accent)}}#btn-fill,#btn-cancel{background:var(--well-deep);color:var(--pink);border:0;box-shadow:inset 0 0 0 2px var(--line);padding:12px 14px}@media(max-width:1100px)and (min-height:601px){#shell{grid-template-columns:220px 1fr 240px}#top{grid-template-columns:1fr auto}#ticker{display:none}}@media(max-width:900px),(max-height:560px){html,body{height:auto;min-height:100dvh;overflow:auto}#top{position:sticky;top:0;z-index:10;grid-template-columns:1fr auto;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px}.brand{flex-wrap:wrap;white-space:normal}.brand b{font-size:15px}.brand span,#ticker,#net-label,#you-chip,.dot{display:none}#sound-btn,#wallet-btn,#paper-btn,#ink-btn{padding:10px 12px;min-height:44px}#shell{display:flex;flex-direction:column;height:auto;overflow:visible;gap:10px;padding:10px 10px 8px}#hero{order:1;min-height:0}#playlist{order:2}#party{order:3}#hero-meta{grid-template-columns:1fr}#stage{padding:0;min-height:200px}#hero-name{font-size:14px;letter-spacing:2px}#selected-title{font-size:15px}#you-pick button{padding:10px 14px;min-height:44px}.name-row input{width:100%;padding:8px 7px;min-height:40px;font-size:11px}.game,.game.main{padding:14px 12px}.game b,.game.main b{font-size:16px}#dock{position:fixed;left:0;right:0;bottom:0;z-index:12;grid-template-columns:1fr auto;gap:8px;padding:8px 10px max(12px,env(safe-area-inset-bottom,0px))}#shell{padding-bottom:92px}#mode-switch{display:none}#dock-status{text-align:left;letter-spacing:2px;font-size:11px}#dock-actions{justify-content:flex-end}#btn-play,#btn-fill,#btn-cancel{min-height:48px}#playlist,#party{overflow:visible}#hold-picks{flex:none;max-height:none}#games{flex:none;overflow:visible}#party-list li{grid-template-columns:44px 1fr}#wallet-picks button{min-height:48px}}