/* One compact top rail. The centre of the arena belongs to the game. */
#app[data-startup="pending"]{visibility:hidden}
.startup-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#020309;isolation:isolate;overflow:hidden;height:100vh;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box}
.startup-splash img{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;opacity:0;will-change:opacity}
body.clear-signal #leaderboardOverlay{z-index:95}
body.clear-signal .board-tabs button,body.clear-signal .rank-actions button{background:#112c3b;color:#ddf5ff;border:1px solid #4f7688;border-radius:6px;clip-path:none;font-weight:750;cursor:pointer}
body.clear-signal .board-tabs button[aria-pressed=true]{background:#aaeefa;color:#071b25}
body.clear-signal .board-tabs button:focus-visible,body.clear-signal .rank-actions button:focus-visible,body.clear-signal .player-entry input:focus-visible{outline:2px solid #ffeeab;outline-offset:3px}
body.clear-signal #hud{display:flex;align-items:flex-start;min-height:0;padding:calc(10px + var(--safe-t)) 16px 10px;gap:18px;background:linear-gradient(#050d18f0,transparent);height:82px}
body.clear-signal .hud-left{width:180px;flex-shrink:0;gap:6px}
body.clear-signal .meter{grid-template-columns:30px 1fr 28px;font-size:12px;gap:5px}
body.clear-signal .hud-centre{position:static;transform:none;flex:1;width:auto;max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body.clear-signal .stage-chip{order:2;background:none;border:0;padding:0;color:#b9cdd5;font-size:12px;letter-spacing:0}
body.clear-signal .hud-score{display:flex;margin:0;gap:6px;align-items:baseline}
body.clear-signal .hud-score span{font-size:23px;line-height:1}
body.clear-signal .hud-score small{font-size:12px}
body.clear-signal .hud-right{gap:8px}
body.clear-signal #districtRail,body.clear-signal #fullscreenBtn,body.clear-signal #kitHud,body.clear-signal #roomReward,body.clear-signal .level-banner{display:none!important}
body.clear-signal #aftershockHud{top:calc(78px + var(--safe-t));left:16px;transform:none;width:auto;max-width:70vw;text-align:left}
body.clear-signal .mission-strip{justify-content:flex-start;gap:12px;font-size:12px}
body.clear-signal #objectiveText{font-size:12px;margin:5px 0;text-align:left}
body.clear-signal #flowHud{top:calc(80px + var(--safe-t));left:auto;right:16px;min-width:0;width:auto;background:none;border:0;padding:0;box-shadow:none;display:flex;gap:6px;align-items:center}
body.clear-signal #flowHud.quiet{visibility:hidden}body.clear-signal #flowValue{font-size:20px}body.clear-signal #flowTimer{display:none}
body.clear-signal #powerStrip{top:calc(110px + var(--safe-t));left:auto;right:16px;transform:none;max-width:190px;justify-content:flex-end;gap:4px}
body.clear-signal .power-pill{font-size:12px;padding:3px 7px;border-color:#edcf8055;color:#fff0b8}
body.clear-signal #resonanceHud{bottom:calc(10px + var(--safe-b));width:225px;padding:5px 8px;border:0;background:#07121ab8}
body.clear-signal #resonanceHud>span{font-size:12px}body.clear-signal #chargeState{font-size:12px}
body.clear-signal #bossBar{top:calc(80px + var(--safe-t));bottom:auto;width:min(400px,45vw);padding:6px 10px;border:0;background:#120c1580}
body.clear-signal .toast{top:auto;bottom:calc(47px + var(--safe-b));max-width:min(550px,60vw);padding:7px 12px;font-size:13px;border:1px solid #52758355;box-shadow:none;pointer-events:none;background:#07131ddd}
body.clear-signal #modOverlay,body.clear-signal #cacheOverlay{background:none;backdrop-filter:none;align-items:flex-end;padding:18px;pointer-events:none}
body.clear-signal #modOverlay .panel,body.clear-signal #cacheOverlay .panel{pointer-events:auto;width:min(690px,100%);max-height:48dvh;overflow:auto;padding:16px 20px;border:1px solid #91dbe27a;border-radius:12px;box-shadow:0 12px 50px #000a;background:#081722f7;clip-path:none}
body.clear-signal #modOverlay h2{font-size:20px;margin:4px 0 12px}body.clear-signal #modOverlay .eyebrow{font-size:12px;margin:0}body.clear-signal #modOverlay .choice-copy{display:none}
body.clear-signal #modChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}
body.clear-signal #modChoices .choice-card{padding:12px;min-height:0;clip-path:none;border-radius:7px;text-align:left;gap:5px}
body.clear-signal #modChoices .choice-icon{font-size:23px}body.clear-signal #modChoices strong{font-size:14px;line-height:1.2}body.clear-signal #modChoices small{font-size:13px;line-height:1.4}body.clear-signal #modChoices em{font-size:12px}
body.clear-signal #cacheOverlay h2{font-size:21px}body.clear-signal #cacheOverlay .cache-reward{font-size:16px}
.player-entry{display:grid;gap:6px;margin:15px 0}.player-entry label{font-size:14px;font-weight:750}.player-entry input{width:100%;background:#07121d;border:1px solid #537887;border-radius:6px;padding:12px;color:#eefcff;font:16px inherit}.player-entry small{font-size:12px;color:#a3bcc7;line-height:1.5}
.board-tabs{display:flex;gap:6px;margin:18px 0}.board-tabs button{flex:1;font-size:14px;padding:10px 6px}.board-tabs [aria-pressed=true]{color:#091521;background:#aaeefa}
.board-status{font-size:14px;color:#bdd7e1;min-height:22px}.board-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.board-table th{font-size:12px;color:#aac6d2;font-weight:600}.board-table td,.board-table th{padding:13px 8px;border-bottom:1px solid #284452}.board-table td:last-child,.board-table th:last-child{text-align:right}.board-table tr.mine{background:#19394a}.board-table td:nth-child(2){word-break:break-word}.board-note{font-size:13px;line-height:1.5;color:#99b6c5}.rank-result{font-size:14px;line-height:1.5;color:#b7eeff;margin:15px 0}.rank-actions{display:flex;gap:8px;justify-content:center}.rank-actions button{font-size:13px;padding:8px 12px;min-height:40px}.board-me{font-size:15px;color:#ffdfa0;line-height:1.5}
@media(hover:hover) and (pointer:fine) and (min-width:901px){body.clear-signal #stickZone{display:none}body.clear-signal .action-cluster{width:174px;height:50px;bottom:10px;right:16px;opacity:.85}body.clear-signal .action-btn{position:static;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:50px!important;height:50px!important;margin-left:5px;border-radius:7px;background:#112737!important;border:1px solid #456576;box-shadow:none;vertical-align:top;color:#c8eaf2}body.clear-signal .action-btn span{font-size:18px}body.clear-signal .action-btn small{font-size:10px}body.clear-signal .action-btn.surge.ready{color:#ffdd91}}
@media(max-width:640px){body.clear-signal #hud{padding:calc(9px + var(--safe-t)) 10px 8px;gap:9px;height:76px}body.clear-signal .hud-left{width:116px}body.clear-signal .meter{grid-template-columns:0 1fr 25px;font-size:12px}.clear-signal .meter-label{visibility:hidden}body.clear-signal .hud-score span{font-size:21px}body.clear-signal .hud-score small{display:none}body.clear-signal .stage-chip{font-size:12px;max-width:155px;line-height:1.3}body.clear-signal .hud-coins{display:none}body.clear-signal .hud-right .icon-btn{width:40px;height:40px;min-width:40px}body.clear-signal #aftershockHud{left:10px;top:calc(74px + var(--safe-t));max-width:70vw}.clear-signal .mission-strip{gap:8px}body.clear-signal #flowHud{top:calc(74px + var(--safe-t));right:10px}body.clear-signal #powerStrip{top:calc(107px + var(--safe-t));right:10px;max-width:150px}body.clear-signal #bossBar{top:calc(112px + var(--safe-t));width:80vw}body.clear-signal #bossPhase{font-size:12px}body.clear-signal .toast{bottom:calc(168px + var(--safe-b));max-width:85vw;font-size:12px}body.clear-signal #modOverlay{padding:8px}body.clear-signal #modOverlay .panel{padding:12px;max-height:49dvh}body.clear-signal #modChoices{grid-template-columns:1fr;gap:5px}body.clear-signal #modChoices .choice-card{display:grid;grid-template-columns:24px 1fr;padding:8px 10px;gap:3px 8px}body.clear-signal #modChoices .choice-icon{grid-row:1/4;align-self:center;font-size:21px}body.clear-signal #modChoices small{font-size:12px;line-height:1.25}body.clear-signal #modChoices em{display:none}.board-table td,.board-table th{padding:12px 5px}.board-tabs button{font-size:12px}body.clear-signal #leaderboardOverlay .panel{padding:18px}}
@media(max-height:540px) and (orientation:landscape){body.clear-signal #hud{height:68px;padding-top:8px}body.clear-signal #aftershockHud,body.clear-signal #flowHud{top:68px}body.clear-signal #powerStrip{top:90px}body.clear-signal #modChoices{grid-template-columns:repeat(3,1fr)}body.clear-signal #modOverlay .panel{max-height:49dvh}body.clear-signal #modOverlay h2{font-size:17px;margin:2px 0 6px}body.clear-signal #modOverlay .eyebrow{display:none}body.clear-signal .toast{bottom:35px;max-width:50vw}body.clear-signal #bossBar{top:70px}}

@media(hover:hover) and (pointer:fine) and (min-width:901px){body.clear-signal .action-cluster{display:flex;gap:6px;width:174px;align-items:flex-start}body.clear-signal .action-btn{flex:0 0 50px;min-width:50px;margin:0;padding:0;clip-path:none;transform:none}body.clear-signal .action-btn.zap,body.clear-signal .action-btn.dash,body.clear-signal .action-btn.surge{position:static;inset:auto}}

/* Touch-sized controls also remain usable in narrow desktop windows. */
@media(max-width:900px){body.clear-signal .action-btn small{font-size:12px;letter-spacing:.03em}body.clear-signal .action-btn{opacity:.86}body.clear-signal .action-btn:active{opacity:1}body.clear-signal .stick-zone{opacity:.68}body.clear-signal .stick-zone:active{opacity:1}}