:root{--bg: #0a1721;--bg2: #0f2330;--ink: #e8f1f5;--muted: #8fa9b6;--line: #1d3b4a;--accent: #36b9d6;--move: #3a82f6;--eat: #d85a30;--spawn: #34d27b;--cell-w: 64px;--cell-h: 90px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(120% 120% at 50% 0%,#103040 0%,var(--bg) 60%);color:var(--ink);overflow:hidden}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px}button{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#04121a;border-color:var(--accent);font-weight:600}button.ghost{background:transparent}select,input[type=text]{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 9px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#040c12b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}.panel{width:min(440px,92vw);background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 20px 60px #00000080;max-height:92vh;overflow-y:auto}.panel h1{margin:0 0 18px;font-size:28px}.panel h2{margin:18px 0 8px;font-size:15px;color:var(--muted);font-weight:600}.panel .sub{font-size:13px;color:var(--muted);font-weight:400}.setup-row{display:flex;align-items:center;gap:10px;margin:8px 0}.setup-row label{width:52px;color:var(--muted)}.setup-row select,.setup-row input{flex:1}#seats{display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;gap:8px}.seat-row .idx{width:22px;color:var(--muted);text-align:center}.seat-row select{flex:1}.seat-row input{width:96px}.setup-buttons{display:flex;gap:8px;margin-top:8px}.setup-buttons button{flex:1}#start{margin-top:20px;width:100%;padding:11px;font-size:16px}.online-box{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.online-hint{font-size:12.5px;line-height:1.45;margin:0 0 8px;max-width:420px}.online-or{text-align:center;color:var(--muted);font-size:13px;margin-bottom:10px}.online-box #host-online{width:100%;margin-bottom:8px}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:2px}.join-row button{flex:0 0 auto}#online-status{margin-top:10px;font-size:13px;min-height:18px}#online-status .code{font-family:ui-monospace,monospace;letter-spacing:3px;font-size:17px;color:var(--fg, #fff)}.share-row{display:flex;align-items:center;gap:10px;margin-top:8px}button.small{padding:4px 10px;font-size:12px}.online-pref{margin-top:12px;font-size:13px}.send-btn{padding:6px 14px;font-weight:700;border-radius:8px;white-space:nowrap}.send-btn:disabled{opacity:.5}.send-btn.ready{background:var(--accent, #2ea043);color:#fff;border-color:transparent;animation:send-pulse 1.4s ease-in-out infinite}@keyframes send-pulse{0%,to{box-shadow:0 0 #2ea04380}50%{box-shadow:0 0 0 6px #2ea04300}}.net-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:30;background:#b45a14f2;color:#fff;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 3px 12px #00000059;pointer-events:none}.discover-preview{position:absolute;top:10px;left:10px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;background:#0f2330f5;border:1px solid var(--line);border-radius:10px;padding:9px 15px 10px;box-shadow:0 5px 20px #0006;text-align:center}.discover-preview.chip-mode{padding:0;background:none;border:none;box-shadow:none}.dp-close{position:absolute;top:2px;right:4px;width:28px;height:28px;line-height:1;border:none;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;pointer-events:auto}.dp-close:hover{color:var(--ink)}.dp-label{font-size:11.5px;color:var(--ink);padding:0 22px}.dp-label b,.dp-name,.chip-label b{text-transform:capitalize}.dp-card{width:44px;height:60px;border-radius:7px;border:2.5px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.dp-art{font-size:20px;line-height:1}.dp-art svg{width:24px;height:12px}.dp-name{font-size:8.5px;color:var(--muted)}.dp-hint{font-size:10.5px;color:var(--muted)}.discover-chip{display:inline-flex;align-items:center;gap:7px;pointer-events:auto;cursor:pointer;background:#0f2330f5;border:2px solid var(--line);border-radius:999px;padding:5px 12px 5px 8px;box-shadow:0 4px 14px #00000059;color:var(--ink);font-size:12.5px}.discover-chip:hover{border-color:var(--accent)}.chip-art{font-size:18px;line-height:1}.chip-art svg{width:22px;height:11px}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:#061016b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:20px}#go-result .go-title{font-size:26px;font-weight:800;color:var(--ink)}#go-result .go-reason{font-size:14px;color:var(--muted);margin-top:4px}#go-result .go-win{font-size:17px;color:var(--spawn);font-weight:700;margin-top:8px}.go-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.go-buttons button{padding:11px 22px;font-size:15px}.opp-left-panel{max-width:460px;text-align:center}.opp-left-bot{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}.opp-left-bot select{flex:0 1 auto}.opp-left-buttons{display:flex;flex-direction:column;gap:8px}.opp-left-buttons button{width:100%;padding:10px}#opp-wait{margin-top:12px}#version-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}.version-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;cursor:pointer}.version-card:hover{border-color:var(--accent);background:#36b9d60f}.vc-name{font-weight:700;font-size:15px}.vc-blurb{font-size:12px;color:var(--muted);line-height:1.35}.version-row .version-name{flex:1;font-weight:600;color:var(--accent)}#game{display:grid;grid-template-columns:1fr 8px var(--side-w, 500px);grid-template-rows:auto 1fr;grid-template-areas:"top top top" "board resize side";height:100vh}#side-resizer{grid-area:resize;cursor:col-resize;background:var(--line);position:relative}#side-resizer:after{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px}#side-resizer:hover,body.resizing-side #side-resizer{background:var(--accent)}body.resizing-side{cursor:col-resize;-webkit-user-select:none;user-select:none}#game.side-collapsed{grid-template-columns:1fr 0 0}#game.side-collapsed #sidebar,#game.side-collapsed #side-resizer,#side-expand{display:none}#game.side-collapsed #side-expand{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:20;cursor:pointer;writing-mode:vertical-rl;padding:14px 7px;font-size:12px;letter-spacing:.04em;background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-right:none;border-radius:9px 0 0 9px;box-shadow:-3px 0 12px #00000040}#side-expand:hover{border-color:var(--accent);color:var(--accent)}.sg-collapse{background:transparent;border:1px solid var(--line);border-radius:7px;width:24px;height:24px;line-height:1;cursor:pointer;color:var(--muted);font-size:14px}.sg-collapse:hover{border-color:var(--accent);color:var(--accent)}#topbar{grid-area:top;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 54px 10px 16px;border-bottom:1px solid var(--line);background:#0f233099}.turn-info{display:flex;gap:8px;align-items:center}.controls{display:flex;gap:8px;align-items:center;margin-left:auto}.meta{display:flex;gap:14px;width:100%}.pill{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:600}.pill.act-3{color:#34d27b;border-color:#34d27b}.pill.act-2{color:#e6b93a;border-color:#e6b93a}.pill.act-1{color:#e5533d;border-color:#e5533d}.score{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.score .sc{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-weight:700;font-variant-numeric:tabular-nums}.score .sc.lead{color:var(--spawn);border-color:var(--spawn)}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input[type=range]{width:92px;vertical-align:middle;accent-color:var(--accent);cursor:pointer}#bot-speed-val{min-width:42px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.menu-toggle{display:none;background:var(--bg2);border:1px solid var(--line);border-radius:8px;font-size:18px;line-height:1;padding:6px 10px;cursor:pointer;color:var(--ink)}.fab{display:none}#board-viewport{grid-area:board;position:relative;overflow:hidden;cursor:grab;touch-action:none}#board-viewport.dragging{cursor:grabbing}#zoom-controls{position:absolute;top:10px;right:10px;z-index:5;display:flex;flex-direction:column;gap:6px}#zoom-controls button{width:38px;height:38px;font-size:22px;line-height:1;padding:0;background:#0f2330d9;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer}#zoom-controls button:hover{border-color:var(--accent)}#world{position:absolute;left:0;top:0;transform-origin:0 0}.hint{position:absolute;left:50%;bottom:60px;transform:translate(-50%);background:#040c12d9;border:1px solid var(--line);border-radius:10px;padding:8px 14px;pointer-events:none;opacity:0;transition:opacity .15s;max-width:80%}.hint.show{opacity:1}.narrate{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:6;background:#040c12eb;border:1px solid var(--line);border-radius:999px;padding:7px 20px;font-size:15px;font-weight:700;pointer-events:none;opacity:0;white-space:nowrap;max-width:90vw}.narrate.show{opacity:1;animation:narratepop .25s ease-out}@keyframes narratepop{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.narrate.move{color:var(--move);border-color:var(--move)}.narrate.eat{color:var(--eat);border-color:var(--eat)}.narrate.spawn{color:var(--spawn);border-color:var(--spawn)}.narrate.explore{color:var(--accent);border-color:var(--accent)}.narrate.turn{color:#fff;background:#0f2330f5;border-color:var(--accent)}.cell{position:absolute;width:var(--cell-w);height:var(--cell-h);border-radius:8px}.cell .card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:3px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-top:4px;cursor:pointer;box-shadow:0 3px #00000059,0 8px 14px #0000004d}.cell .card .art{font-size:32px;line-height:1}.cell .card .name{font-size:10px;letter-spacing:.02em;text-transform:capitalize;color:var(--muted)}.cell .badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#04121a;border:1px solid var(--accent);color:var(--accent);font-size:11px;font-weight:700;display:grid;place-items:center}.cell .meals{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted)}.cell .card.stacked{box-shadow:2px 2px #0a1721,3px 3px 0 var(--line),5px 5px #0a1721,6px 6px 0 var(--line),0 8px 14px #00000059}.cell .claim-badge{position:absolute;left:50%;top:-14px;transform:translate(-50%);z-index:3;background:var(--spawn);color:#04121a;border:none;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 3px 8px #0006}.cell .claim-badge:hover{filter:brightness(1.1)}.cell.empty .slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:2px dashed var(--line)}.cell.nursery .slot{border-color:#2c6f54;background:#2c6f541f}.cell.deck{display:grid;place-items:center}.cell.deck .deckface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:2px solid var(--accent);background:repeating-linear-gradient(45deg,#0c2a38,#0c2a38 6px,#103442 6px,#103442 12px);display:grid;place-items:center;font-weight:700;color:var(--accent)}.cell.selected .card{outline:3px solid var(--accent);outline-offset:2px}.cell.target-move .slot{border:3px solid var(--move);background:#3a82f62e;cursor:pointer;animation:pulse 1.2s infinite}.cell.target-eat .card{outline:3px solid var(--eat);outline-offset:2px;cursor:pointer}.cell.target-gulp .card{outline:3px solid #6C5CE7;outline-offset:2px;cursor:pointer;box-shadow:0 0 0 5px #6c5ce738}.cell.target-explore .slot{border:3px solid var(--accent);background:#36b9d629;cursor:pointer}.cell.spawnable .card{outline:3px solid var(--spawn);outline-offset:2px;box-shadow:0 0 0 6px #34d27b2e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#sidebar{grid-area:side;border-left:1px solid var(--line);background:#0f233066;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}#pools h3,#card-dist h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}#side-drag{display:none}#side-guide{display:flex;flex-direction:column;gap:8px}.sg-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sg-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:auto}.sg-tabs{display:flex;gap:4px}.sg-tabs .tab{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 11px;font-size:12.5px;cursor:pointer;color:var(--ink)}.sg-tabs .tab:hover{border-color:var(--accent)}.sg-tabs .tab.active{background:var(--accent);color:#04121a;border-color:var(--accent);font-weight:600}#side-guide-body{overflow:hidden}#side-guide-body .sg-scale{width:100%}#side-guide-body .gd-note{margin:6px 2px 10px}#side-guide-body .gd-spawn{margin:2px 0 14px}.dist-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px}.dist-row .art{width:22px;text-align:center;font-size:18px;line-height:1}.dist-row .art .fishicon{width:22px;height:12px}.dist-row .sp{width:52px;text-transform:capitalize;color:var(--ink)}.dist-row .dist-bar{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.dist-row .dist-bar span{display:block;height:100%;border-radius:4px}.dist-row .dist-num{width:60px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.spawn-btn{display:flex;justify-content:space-between;width:100%;margin-bottom:6px;text-align:left}.spawn-btn .gain{color:var(--spawn);font-weight:700}.spawn-none{color:var(--muted);font-size:12px}.pool{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px}.pool.active{border-color:var(--accent);box-shadow:0 0 0 2px #36b9d633}.pool .ph{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pool .ph .who{font-weight:600}.pool .ph .cnt{font-size:20px;font-weight:800}.pool .ph .cnt small{font-size:11px;color:var(--muted);font-weight:500}.pool .bars{display:flex;gap:3px;height:8px}.pool .bars span{display:block;border-radius:2px}.pool .lead{color:var(--spawn)}.pools-eye{display:flex;gap:10px;align-items:flex-end;padding:8px 4px 0;min-height:170px}.eye-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.eye-pile{display:flex;flex-direction:column-reverse;width:36px;min-height:4px;border-bottom:2px solid var(--line);border-radius:3px 3px 0 0;overflow:hidden}.eye-pile .seg{display:block;width:100%}.eye-col.active .eye-pile{box-shadow:0 0 0 2px var(--accent);border-radius:4px}.eye-name{font-size:12px;color:var(--muted);text-align:center}.eye-col.active .eye-name{color:var(--ink);font-weight:600}#log-box{display:flex;flex-direction:column;min-height:120px;flex:1}#log{flex:1;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#040c1266;font-size:12px}.log-line{padding:2px 0;border-bottom:1px solid rgba(29,59,74,.4);color:var(--ink)}.log-line:last-child{border-bottom:0}.log-line .lt{color:var(--muted)}.log-line .who{font-weight:600}.log-line.sys{color:var(--muted);font-style:italic}.log-line.spawn{color:var(--spawn)}.fishicon{display:block}.cell.deck .deckface{cursor:default}.cell.deck.clickable .deckface{cursor:pointer;box-shadow:0 0 0 4px #36b9d640}.ref-panel{width:min(640px,94vw);max-height:90vh;display:flex;flex-direction:column}.ref-panel h1{margin:0 0 6px}#ref-pyramid{overflow-y:auto;flex:1 1 auto;min-height:0;margin-bottom:12px}.ref-legend{margin:2px 0 12px}#ref-close{margin-top:8px;width:100%}.gd-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:8px 2px 14px}.gd-note b{color:var(--ink)}.gd-slot{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.gd-card{position:relative;width:52px;height:72px;border-radius:7px;border:2.5px solid var(--line);background:#0f2330;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.gd-card .art{font-size:21px;line-height:1}.gd-card .art svg{width:26px;height:13px}.gd-card .name{font-size:7.5px;text-transform:capitalize;color:var(--muted)}.gd-badge{position:absolute;top:-7px;right:-7px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:#0a1721;border:1.5px solid var(--ink);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.gd-card.ghost{border-style:dashed;border-color:var(--muted);background:transparent}.gd-card.ghost .ghost-plus{font-size:24px;color:var(--muted);font-weight:700}.gd-cap{font-size:9.5px;color:var(--muted);text-align:center;max-width:74px;line-height:1.25}.gd-op{font-size:18px;color:var(--muted);align-self:flex-start;margin-top:24px}.gd-spawn-head{display:flex;align-items:center;gap:10px;margin:6px 2px 16px;font-size:12.5px;color:var(--muted);line-height:1.5}.gd-spawn-head .gd-spawn-tag{margin-bottom:0;flex:0 0 auto}.gd-spawn{display:flex;flex-direction:column;align-items:center;margin:4px 0 20px}.gd-spawn-tag{color:var(--spawn);border:1.5px solid var(--spawn);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 10px;margin-bottom:8px;background:#34d27b14}.gd-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.gd-spawn-rule{font-size:11.5px;color:var(--muted);margin-top:7px}.gd-spawn-rule b{color:var(--ink);text-transform:capitalize}.learn-links{display:flex;flex-wrap:wrap;gap:6px;flex:1}button.link{background:transparent;border:1px solid var(--line);color:var(--accent);padding:5px 10px;font-size:13px}button.link:hover{border-color:var(--accent);background:#36b9d614}.rules-panel{width:min(800px,95vw);max-height:90vh;display:flex;flex-direction:column}.rules-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}.rules-head h1{margin:0 0 6px;font-size:22px}.rules-tabs{display:flex;gap:6px;flex-wrap:wrap}.rules-tabs .tab{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:13px;cursor:pointer}.rules-tabs .tab:hover{border-color:var(--accent)}.rules-tabs .tab.active{background:var(--accent);color:#04121a;border-color:var(--accent);font-weight:600}.rules-body{overflow-y:auto;flex:1;margin:12px 0;padding-right:8px;line-height:1.5}.rules-body h1{font-size:22px;margin:18px 0 8px}.rules-body h2{font-size:18px;margin:18px 0 8px;color:var(--accent)}.rules-body h3{font-size:15px;margin:14px 0 6px}.rules-body p{margin:8px 0}.rules-body ul,.rules-body ol{margin:8px 0;padding-left:22px}.rules-body li{margin:3px 0}.rules-body strong{color:#fff}.rules-body code{background:#ffffff14;padding:1px 5px;border-radius:4px;font-size:.9em}.rules-body pre{background:#08151d;border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto}.rules-body pre code{background:none;padding:0;white-space:pre;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.35;color:#cfe6ef}.rules-body table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.rules-body th,.rules-body td{border:1px solid var(--line);padding:6px 9px;text-align:left}.rules-body th{background:#36b9d61a}.rules-body blockquote{border-left:3px solid var(--accent);margin:10px 0;padding:4px 12px;color:var(--muted);background:#36b9d60d}.rules-body hr{border:0;border-top:1px solid var(--line);margin:18px 0}.rules-body a{color:var(--accent)}#rules-close{width:100%}.info-panel{width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column}.info-panel .rules-head h1{margin:0 0 6px;font-size:22px}.info-body{overflow-y:auto;flex:1 1 auto;min-height:0;margin:12px 0}.info-body #log-box{flex:none;min-height:0}.info-body #log{max-height:60vh}#info-close{width:100%}#fab-spawn{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:40;background:var(--spawn);color:#04121a;border:none;border-radius:999px;padding:14px 30px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #0000008c;max-width:92vw}#fab-spawn:active{filter:brightness(.92)}@media (max-width: 760px){.panel h1 .sub{display:block;margin-top:2px}.menu-toggle{display:inline-flex;align-items:center}#topbar{gap:8px;padding:8px 12px}.turn-info{flex:1 1 auto;flex-wrap:wrap;font-size:13px}.pill{padding:4px 10px}#topbar .controls,#topbar .meta{display:none;flex-basis:100%;width:100%;margin-left:0;order:5}#topbar.expanded .controls{display:flex;flex-wrap:wrap;gap:12px}#topbar.expanded .meta{display:flex;flex-wrap:wrap;gap:14px}#topbar.expanded .controls button{padding:9px 14px}#game,#game.side-collapsed{grid-template-columns:1fr;grid-template-rows:auto 1fr var(--side-h, 35vh);grid-template-areas:"top" "board" "side"}#game.side-collapsed #sidebar{display:flex}#side-resizer,#side-expand,.sg-collapse,.sg-title{display:none!important}#side-drag{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:4;padding:8px 10px;margin:0 -12px 4px;background:#0f2330f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:row-resize;touch-action:none}.drawer-label{flex:1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.drawer-arrows{display:flex;gap:6px}.drawer-arrows button{width:34px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:14px;cursor:pointer}.drawer-arrows button:hover{border-color:var(--accent);color:var(--accent)}#sidebar{grid-area:side;border-left:none;border-top:none;padding:0 12px 72px;gap:10px}#fab-spawn.show{display:block}}.home-link{font-size:13px;font-weight:500;color:var(--accent);text-decoration:none;margin-left:8px;white-space:nowrap}.home-link:hover{text-decoration:underline}