:root{--bg: #1a1d24;--panel: rgba(20, 22, 28, .82);--text: #e8eaed;--p1: #4da3ff;--p2: #ff6b6b;--guide-bar-clearance: calc(52px + env(safe-area-inset-bottom, 0px)) }*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}#app{position:relative;width:100vw;height:100vh;height:100dvh}#game-canvas{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;user-select:none;pointer-events:none}#hud.hidden{display:none}#turn-indicator{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:8px;padding:6px 16px;background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(6px);white-space:nowrap}#turn-indicator .label{font-size:12px;opacity:.7}#turn-player{font-size:18px;font-weight:700}#app.with-meter #turn-indicator{top:8px}#hud-toggle{position:absolute;top:14px;left:14px;pointer-events:auto;width:40px;height:40px;font-size:20px;font-weight:700;line-height:1;font-family:inherit;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:10px;backdrop-filter:blur(6px);cursor:pointer;opacity:.85;transition:background .15s,opacity .15s}#hud-toggle:hover{opacity:1;background:#3a4150}#players-info{pointer-events:none}.player-card{position:absolute;top:64px;width:min(210px,40vw);padding:10px 12px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(6px);display:grid;gap:4px;opacity:.72;transition:opacity .25s ease,box-shadow .25s ease,border-color .25s ease,transform .25s ease}#player-card-p0{left:14px;border-left:3px solid var(--p1)}#player-card-p1{right:14px;text-align:right;border-right:3px solid var(--p2)}.player-card.active{opacity:1}#player-card-p0.active{border-color:#4da3ffb3;box-shadow:0 0 0 1px #4da3ff80,0 0 18px #4da3ff59}#player-card-p1.active{border-color:#ff6b6bb3;box-shadow:0 0 0 1px #ff6b6b80,0 0 18px #ff6b6b59}.pc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#player-card-p1 .pc-head{justify-content:flex-end}.pc-head .pname{font-size:15px;font-weight:700}.pc-char{font-size:13px;font-weight:700;opacity:.95}.pc-char:empty,.pc-char .char-name:empty{display:none}.pc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}#player-card-p1 .pc-meta{justify-content:flex-end}.pc-walls{display:inline-flex;align-items:center;gap:5px;opacity:.95;font-variant-numeric:tabular-nums}.pc-walls-icon{width:14px;height:10px;flex:none;border-radius:2px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.85) 0 3px,transparent 3px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 6px,transparent 6px 7px);background-color:#c8aa788c;border:1px solid rgba(255,255,255,.4)}.pc-walls-num{font-size:14px;font-weight:700}.pc-ability{color:#d9b8ff;opacity:.95}.pc-ability:empty{display:none}#hud.collapsed .pc-char,#hud.collapsed .pc-ability,#hud.collapsed #hud-legends{display:none}@media(prefers-reduced-motion:reduce){.player-card{transition:none}}@media(max-width:480px){.player-card{top:66px;width:min(150px,42vw);padding:8px 9px;gap:3px;border-radius:10px}#player-card-p0{left:10px}#player-card-p1{right:10px}.pc-head .pname{font-size:13px}.pc-char{font-size:12px}.pc-meta{font-size:11px;gap:6px}.ctrl-badge{font-size:10px;padding:1px 6px}#hud-toggle{top:10px;left:10px;width:36px;height:36px;font-size:18px}#turn-indicator{padding:5px 12px}#turn-player{font-size:16px}}#cpu-indicator{font-size:12px;font-weight:700;color:#ffd479;animation:cpu-pulse 1.2s ease-in-out infinite}#cpu-indicator.hidden{display:none}@keyframes cpu-pulse{0%,to{opacity:.45}50%{opacity:1}}.ctrl-badge{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:#78829640;border:1px solid rgba(255,255,255,.22);opacity:.9}.ctrl-badge.hidden{display:none}.player-1{color:var(--p1)}.player-2{color:var(--p2)}.swamp-badge{justify-self:start;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:#608c4659;border:1px solid rgba(140,190,100,.5);color:#b9e29a}#player-card-p1 .swamp-badge{justify-self:end}.hex-badge{background:#7850a059;border-color:#aa78d28c;color:#d7bdf0}.swamp-badge.hidden,#legend-toggle{display:none}#hud-legends{position:absolute;left:14px;bottom:calc(var(--guide-bar-clearance) + 8px);max-width:min(340px,calc(100vw - 28px));padding:8px 10px;background:#14161c9e;border:1px solid rgba(255,255,255,.08);border-radius:10px;backdrop-filter:blur(6px);opacity:.9}#legend{font-size:12px;line-height:1.6}#legend:not(.hidden)+#zone-legend{margin-top:8px}#legend.hidden{display:none}.legend-item{display:flex;align-items:center;gap:6px}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}.swatch.ice{background:#9fd8f0;box-shadow:0 0 4px #9fd8f0cc}.swatch.swamp{background:#3a4d30;border:1px solid rgba(140,190,100,.4)}.legend-note{opacity:.7}#zone-legend{font-size:11px;line-height:1.6;opacity:.85}#zone-legend .swatch{width:10px;height:10px;vertical-align:-1px;margin-right:3px}.swatch.zone-home-p0{background:var(--p1);box-shadow:0 0 4px #4da3ffb3}.swatch.zone-home-p1{background:var(--p2);box-shadow:0 0 4px #ff6b6bb3}#action-buttons{position:absolute;left:50%;bottom:calc(var(--guide-bar-clearance) + 64px);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}#action-buttons:empty{display:none}#action-buttons button{padding:9px 18px;font-size:14px;font-weight:700;font-family:inherit;color:var(--text);background:#2c313c;border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer;transition:background .15s}#action-buttons button:hover:not(:disabled){background:#3a4150}#action-buttons button:disabled{opacity:.45;cursor:default}#action-buttons button.hidden{display:none}#ability-btn.active{background:#5a2d7a;border-color:#d580ff;box-shadow:0 0 8px #d580ff80}#ability-btn.active:hover:not(:disabled){background:#6b3a8f}#pass-btn{border-color:#ffc85a80}#spectate-controls{position:absolute;left:50%;bottom:calc(var(--guide-bar-clearance) + 8px);transform:translate(-50%);padding:10px 12px;background:var(--panel);border-radius:12px;backdrop-filter:blur(6px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;pointer-events:auto;user-select:none;z-index:10}#spectate-controls.hidden{display:none}#spectate-controls button{padding:6px 12px;font-size:12px;font-weight:700;font-family:inherit;color:var(--text);background:#2c313c;border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer;transition:background .15s}#spectate-controls button:hover{background:#3a4150}#pause-btn{border-color:#ffd47980}#pause-btn.paused{background:#6b5322;border-color:#ffd479;box-shadow:0 0 8px #ffd47966}#spectate-controls .speed-label{font-size:12px;opacity:.7;margin-left:4px}#speed-buttons{display:inline-flex;gap:4px}#speed-buttons button.selected{background:#2c4a6e;border-color:#6cb2ff}#wall-confirm{position:absolute;left:50%;bottom:calc(var(--guide-bar-clearance) + 8px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;pointer-events:none;user-select:none}#wall-confirm.hidden{display:none}.wall-confirm-buttons{display:flex;gap:12px;pointer-events:auto}.wall-confirm-buttons button{min-width:128px;min-height:48px;padding:10px 20px;font-size:16px;font-weight:700;font-family:inherit;color:var(--text);border-radius:12px;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,opacity .15s;touch-action:manipulation}#wall-confirm-ok{color:#fff;background:#2e7d4f;border:1px solid rgba(160,255,190,.45)}#wall-confirm-ok:hover{background:#379159}#wall-confirm-ok.illegal{background:#5a3038;border-color:#ff787866;opacity:.65}#wall-confirm-cancel{background:#2c313c;border:1px solid rgba(255,255,255,.18)}#wall-confirm-cancel:hover{background:#3a4150}#mute-btn,#menu-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;font-size:20px;line-height:1;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.18);border-radius:12px;backdrop-filter:blur(6px);cursor:pointer;transition:background .15s;z-index:10}#mute-btn:hover,#menu-btn:hover{background:#3a4150}#menu-btn{right:68px}#menu-btn.hidden{display:none}#game-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c10b8;backdrop-filter:blur(4px);z-index:20;padding:24px}#game-menu.hidden{display:none}#game-menu-panel{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 28px;display:grid;gap:10px;min-width:250px;max-width:calc(100vw - 48px)}#game-menu-panel h2{font-size:15px;text-align:center;letter-spacing:.2em;margin-right:-.2em;margin-bottom:4px;opacity:.85}#game-menu-panel button{padding:11px 22px;font-size:15px;font-weight:700;font-family:inherit;white-space:nowrap;color:var(--text);background:#2c313c;border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer;transition:background .15s}#game-menu-panel button:hover{background:#3a4150}#game-menu-panel button.hidden{display:none}#menu-resign-btn,#menu-quit-spectate-btn{border-color:#ff6b6b73}#advantage-meter{position:absolute;top:46px;left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 240px));height:16px;background:var(--p2);border:1px solid rgba(255,255,255,.28);border-radius:999px;overflow:hidden;z-index:8;pointer-events:none;user-select:none}#advantage-meter.hidden{display:none}#meter-fill{height:100%;width:50%;background:var(--p1);transition:width .3s ease}@media(prefers-reduced-motion:reduce){#meter-fill{transition:none}}.meter-pct{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;line-height:1}.meter-pct.p0{left:8px}.meter-pct.p1{right:8px}#guide-bar{position:absolute;left:0;right:0;bottom:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:var(--panel);backdrop-filter:blur(6px);font-size:12px;line-height:1.5;text-align:center;color:var(--text);user-select:none;pointer-events:none;z-index:5}#guide-bar.hidden{display:none}#mode-indicator{position:absolute;left:50%;bottom:calc(var(--guide-bar-clearance) + 108px);transform:translate(-50%);max-width:min(420px,calc(100vw - 32px));padding:4px 12px;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;color:#e6c8ff;background:#4a2d66b8;border:1px solid rgba(213,128,255,.4);border-radius:999px;backdrop-filter:blur(6px)}#mode-indicator.hidden{display:none}#winner-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:28px 44px;background:var(--panel);border-radius:16px;backdrop-filter:blur(8px);text-align:center;user-select:none;max-width:calc(100vw - 32px)}@media(max-width:480px){#winner-banner{padding:22px 20px;width:calc(100vw - 32px)}}#winner-banner.hidden{display:none}#winner-text{white-space:nowrap;font-size:clamp(16px,6.5vw,32px);font-weight:700;margin-bottom:16px}.banner-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.banner-buttons button{padding:10px 28px;font-size:16px;font-weight:700;white-space:nowrap;flex:1 1 auto;font-family:inherit;color:var(--text);background:#2c313c;border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer;transition:background .15s}.banner-buttons button:hover{background:#3a4150}.banner-buttons button.hidden{display:none}#setup-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c10b8;backdrop-filter:blur(4px);overflow:auto;padding:24px}#setup-overlay.hidden{display:none}#setup-panel{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 28px;max-width:720px;width:100%;margin:auto}#setup-panel h1{font-size:22px;margin-bottom:16px}#setup-panel h2{font-size:14px;margin:14px 0 8px;opacity:.9}.setup-chars{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.setup-chars{grid-template-columns:1fr}}.setup-column{display:grid;gap:6px;align-content:start}.setup-controllers{display:flex;flex-wrap:wrap;gap:4px}.controller-btn{padding:6px 10px;font-size:12px;font-weight:700;font-family:inherit;color:var(--text);background:#262b34;border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.controller-btn:hover{background:#313845}.controller-btn.selected{border-color:#6cb2ff;background:#2c3a52;box-shadow:0 0 6px #6cb2ff59}.setup-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;font-family:inherit;color:var(--text);background:#262b34;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s}.setup-card:hover{background:#313845}.setup-card.selected{border-color:#6cb2ff;background:#2c3a52;box-shadow:0 0 6px #6cb2ff59}.setup-card .card-icon{width:46px;height:46px;flex:none;border-radius:8px;background:radial-gradient(circle at 50% 40%,#ffffff1a,#ffffff05)}.setup-card .card-text{display:block;flex:1;min-width:0}.setup-card .card-name{display:block;font-size:14px;font-weight:700}.setup-card .card-desc{display:block;font-size:11.5px;line-height:1.45;opacity:.75;margin-top:2px}.setup-maps{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-width:640px){.setup-maps{grid-template-columns:1fr}}.setup-legend{margin-top:12px;font-size:12px;display:flex;flex-wrap:wrap;gap:6px 16px;opacity:.85}.setup-legend .swatch{vertical-align:-1px;margin-right:5px}#start-btn{margin-top:18px;width:100%;padding:12px;font-size:17px;font-weight:700;font-family:inherit;color:#fff;background:#2f6fbf;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:background .15s}#start-btn:hover{background:#3a82da}#setup-back-btn{margin-top:10px;width:100%;padding:11px;font-size:15px;font-weight:700;font-family:inherit;color:var(--text);background:#262b34;border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer;transition:background .15s}#setup-back-btn:hover{background:#313845}.setup-toggle-row{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#262b34;border:1px solid rgba(255,255,255,.12);border-radius:10px}.setup-toggle-row .toggle-label{font-size:13px;font-weight:700}.setup-toggle-row .toggle-note{display:block;font-size:11px;font-weight:400;opacity:.7;margin-top:2px}.toggle-btn{flex:none;min-width:64px;padding:6px 14px;font-size:12px;font-weight:700;font-family:inherit;color:var(--text);background:#1f242d;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.toggle-btn.on{color:#fff;background:#2f6fbf;border-color:#6cb2ff;box-shadow:0 0 6px #6cb2ff59}#stage-select-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c10b8;backdrop-filter:blur(4px);overflow:auto;padding:24px}#stage-select-overlay.hidden{display:none}#stage-panel{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 28px;max-width:560px;width:100%;margin:auto}#stage-panel h1{font-size:22px;margin-bottom:16px}.stage-list{display:grid;gap:8px}.stage-tier-heading{margin-top:10px;padding-bottom:4px;font-size:13px;font-weight:700;letter-spacing:.12em;color:#cfe3ff;border-bottom:1px solid rgba(255,255,255,.14)}.stage-tier-heading:first-child{margin-top:0}.stage-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;font-family:inherit;color:var(--text);background:#262b34;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s}.stage-card:hover{background:#313845;border-color:#6cb2ff80}.stage-card .stage-num{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#cfe3ff;background:#2c3a52;border-radius:999px}.stage-card .stage-text{display:block;flex:1;min-width:0}.stage-card .stage-name{display:block;font-size:15px;font-weight:700}.stage-card .stage-desc{display:block;font-size:11.5px;line-height:1.45;opacity:.75;margin-top:2px}.stage-card .stage-check{flex:none;font-size:12px;font-weight:700;color:#7ee0a5}.stage-card .stage-check.hidden{display:none}#stage-back-btn{margin-top:18px;width:100%;padding:11px;font-size:15px;font-weight:700;font-family:inherit;color:var(--text);background:#262b34;border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer;transition:background .15s}#stage-back-btn:hover{background:#313845}#title-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 42%,#0a0c1061,#0a0c10d1);z-index:30;user-select:none;padding:24px}#title-screen.hidden{display:none}#title-logo{font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",Georgia,serif;font-size:clamp(44px,10vw,84px);font-weight:600;letter-spacing:.28em;margin-right:-.28em;color:#f0ede4;text-shadow:0 2px 28px rgba(0,0,0,.65)}.title-rule{width:min(420px,72vw);height:2px;margin:14px auto 16px;background:linear-gradient(90deg,var(--p1),rgba(232,234,237,.85) 50%,var(--p2));border-radius:1px}#title-sub{font-size:14px;letter-spacing:.22em;margin-right:-.22em;opacity:.82}#title-buttons{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:12px}#title-buttons button{min-width:230px;padding:13px 36px;font-size:17px;font-weight:700;font-family:inherit;letter-spacing:.12em;color:var(--text);background:#2c313cd9;border:1px solid rgba(255,255,255,.22);border-radius:10px;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s,border-color .15s}#title-buttons button:hover{background:#3a4150;border-color:#fff6}#title-single-btn{border-color:#4da3ff8c}#app.tutorial #turn-indicator,#app.tutorial #hud-toggle,#app.tutorial #players-info,#app.tutorial #hud-legends{display:none}#tutorial-panel{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(600px,calc(100vw - 240px));padding:12px 16px;background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:12px;backdrop-filter:blur(6px);user-select:none;z-index:9}#tutorial-panel.hidden{display:none}@media(max-width:640px){#tutorial-panel{top:72px;width:calc(100vw - 24px)}}.tut-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}#tut-progress{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#4da3ff38;border:1px solid rgba(108,178,255,.5);color:#a8d1ff;white-space:nowrap}#tut-title{font-size:15px;font-weight:700}#tut-dots{display:inline-flex;gap:5px;align-items:center}#tut-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff38}#tut-dots .dot.done{background:var(--p1)}#tut-dots .dot.now{background:#fff;animation:tut-dot-pulse 1.2s ease-in-out infinite}@keyframes tut-dot-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){#tut-dots .dot.now{animation:none}}#tut-skip-btn{margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700;font-family:inherit;color:var(--text);background:#2c313c;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer;transition:background .15s;white-space:nowrap}#tut-skip-btn:hover{background:#3a4150}#tut-intro{margin-top:8px;font-size:12.5px;line-height:1.6;opacity:.92}#tutorial-toast{position:absolute;left:50%;bottom:calc(var(--guide-bar-clearance) + 76px);transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:10px 16px;font-size:13px;line-height:1.55;text-align:center;color:var(--text);background:#3a2a1eeb;border:1px solid rgba(255,200,120,.4);border-radius:10px;backdrop-filter:blur(6px);pointer-events:none;user-select:none;z-index:15;opacity:0;transition:opacity .25s}#tutorial-toast.show{opacity:1}#tutorial-toast.hidden{display:none}#tutorial-toast.success{background:#1e3a28eb;border-color:#78ffaa66}#tutorial-complete{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c1099;backdrop-filter:blur(3px);z-index:22;padding:24px}#tutorial-complete.hidden{display:none}#tutorial-complete-panel{background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 30px;max-width:480px;width:100%;text-align:center;user-select:none}#tutorial-complete-panel h2{font-size:24px;margin-bottom:10px}#tut-complete-text{font-size:13.5px;line-height:1.7;opacity:.92;margin-bottom:18px}#tut-cpu-btn{color:#fff;background:#2f6fbf;border-color:#6cb2ff99}#tut-cpu-btn:hover{background:#3a82da}@media(max-width:480px){#legend-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;color:#ffffffbf;font-size:16px;font-weight:700}#hud-legends{left:10px;max-width:min(300px,calc(100vw - 20px));padding:0;background:#14161c9e;border-radius:17px}#hud-legends:not(.open) #legend,#hud-legends:not(.open) #zone-legend{display:none}#hud-legends.open{padding:7px 9px;border-radius:10px;bottom:calc(var(--guide-bar-clearance) + 56px)}#hud-legends.open #legend-toggle{margin-bottom:6px}#legend{font-size:11px;line-height:1.5}#action-buttons{bottom:calc(var(--guide-bar-clearance) + 8px)}#action-buttons button{padding:8px 14px;font-size:13px}#mode-indicator{bottom:calc(var(--guide-bar-clearance) + 56px)}#spectate-controls{bottom:calc(var(--guide-bar-clearance) + 8px);max-width:calc(100vw - 20px)}}