.arcade-root[data-game="fire-exit"] { touch-action:none; }
.fire-title,.fire-results { position:absolute;box-sizing:border-box;background:#06110d;color:#ffedc8;border:2px solid #00c950;padding:calc(10px * var(--arcade-scale));font:calc(8px * var(--arcade-scale))/1.5 QuitPixel,monospace;pointer-events:auto; }
.fire-title { inset:27% 3% 5% 57%;display:flex;flex-direction:column;gap:calc(4px * var(--arcade-scale)); }
.fire-title h2 { font-size:calc(10px * var(--arcade-scale));color:#00d45b;margin:calc(3px * var(--arcade-scale)) 0 0; }
.fire-title .c-btn,.fire-results .c-btn { min-height:calc(22px * var(--arcade-scale));font-size:calc(8px * var(--arcade-scale));padding:calc(4px * var(--arcade-scale)); }
.fire-title .fire-start { font-size:calc(16px * var(--arcade-scale));min-height:calc(32px * var(--arcade-scale)); }
.fire-missions { list-style:none;margin:0;padding:0; }
.fire-missions li { display:flex;flex-direction:column;gap:2px;margin:calc(3px * var(--arcade-scale)) 0;border:1px solid #226f3c;padding:calc(3px * var(--arcade-scale)); }
.fire-missions small { color:#00d45b;font-size:.85em; }
.fire-missions li[data-complete="true"] { border-color:#ff6500; }
.fire-best { color:#00d45b;font-size:calc(6px * var(--arcade-scale));margin:0; }
.fire-buttons { display:flex;gap:calc(6px * var(--arcade-scale)); }
.fire-buttons .c-btn { flex:1; }
.fire-promise { color:#ff8400;margin:auto 0 0;font-size:calc(6px * var(--arcade-scale));line-height:1.6; }
.fire-results { inset:7% 4% 7% 53%;display:flex;flex-direction:column;gap:calc(5px * var(--arcade-scale)); }
.fire-results h1 { color:#00d45b;font-size:calc(18px * var(--arcade-scale));margin:0 0 calc(4px * var(--arcade-scale));line-height:1.3; }
.fire-stats { display:grid;grid-template-columns:1fr auto;gap:calc(8px * var(--arcade-scale)) calc(8px * var(--arcade-scale));margin:0; }
.fire-stats dt,.fire-stats dd { border-bottom:1px solid #286b37;padding:calc(3px * var(--arcade-scale)) 0;margin:0; }
.fire-stats dt { color:#00d45b; }.fire-stats dd { text-align:right; }.fire-stats dd:last-child { font-size:calc(6px * var(--arcade-scale)); }
.fire-record { color:#ff6500;margin:0; }.fire-board-mode { color:#96bba4;font-size:calc(6px * var(--arcade-scale));margin:0; }
.fire-name { margin-top:auto; }.fire-results .fire-buttons { margin-top:calc(4px * var(--arcade-scale)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title { inset:53% 6% 5%;padding:10px;font-size:9px;gap:5px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title h2 { font-size:12px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-start { font-size:20px;min-height:39px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .c-btn { min-height:35px;font-size:9px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-best { font-size:7px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-promise { font-size:8px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results { inset:42% 6% 5%;padding:12px;gap:9px;font-size:10px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results h1 { font-size:21px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results .c-btn { min-height:43px;font-size:10px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats { gap:13px 5px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats dd:last-child { font-size:8px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-board-mode { font-size:8px; }
.fire-exit-page .arcade-toolbar { height:44px; }.fire-exit-page main { height:calc(100dvh - 44px);min-height:0; }
@media (orientation:landscape) and (max-height:500px){.fire-exit-page .arcade-toolbar { height:28px;padding:2px 12px; }.fire-exit-page main { height:calc(100dvh - 28px); }.fire-exit-page .arcade-toolbar .c-btn { min-height:23px;font-size:8px;padding:2px 8px; }}
.fire-title .fire-missions { font-size:calc(6px * var(--arcade-scale)); }
.fire-title .fire-missions li { display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title { inset:52% 6% 3%; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-missions { font-size:8px; }
.fire-title .fire-missions { font-size:calc(9px * var(--arcade-scale)); }
.fire-title .fire-promise { font-size:calc(8px * var(--arcade-scale)); }
.fire-title .fire-best { font-size:calc(8px * var(--arcade-scale)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title { inset:48% 6% 3%;font-size:11px;gap:4px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-missions { font-size:11px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .c-btn { font-size:13px;min-height:37px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-start { font-size:22px;min-height:42px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-best { font-size:9px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-promise { font-size:10px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results { inset:40% 5% 2%;font-size:12px;gap:5px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats { gap:6px 5px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results h1 { font-size:24px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results .c-btn { font-size:13px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats dd:last-child { font-size:10px; }
/* ARCADE8: the one-line how-to over the title art, the colour legend and the reason a run ended. */
.fire-how-box { position:absolute;box-sizing:border-box;left:3%;bottom:5%;width:51%;background:#06110deb;border:2px solid #ff6600;padding:calc(5px * var(--arcade-scale)) calc(7px * var(--arcade-scale));font:calc(8px * var(--arcade-scale))/1.6 QuitPixel,monospace;color:#ffedc8;pointer-events:none; }
.fire-how-box p { margin:0; }
.fire-how-box .fire-legend { margin-top:calc(2px * var(--arcade-scale)); }
.fire-red { color:#ff5a48; }.fire-green { color:#00d45b; }
.fire-reason { color:#ffb3a8;margin:0;font-size:calc(9px * var(--arcade-scale)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-how-box { left:6%;right:6%;width:auto;bottom:auto;top:35%;font-size:10px;padding:5px 7px; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-reason { font-size:12px; }
/* Portrait sizes follow the stage scale, so a phone narrower than 360 px (a 320 by 568 phone, the theater under its
   bezel) shrinks the panels with the cabinet instead of overflowing them. At scale 1 these equal the tuned sizes. */
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title { padding:calc(10px * var(--arcade-scale,1));font-size:calc(11px * var(--arcade-scale,1));gap:calc(4px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title h2 { font-size:calc(12px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-start { font-size:calc(22px * var(--arcade-scale,1));min-height:calc(42px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .c-btn { min-height:calc(37px * var(--arcade-scale,1));font-size:calc(13px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-best { font-size:calc(9px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-promise { font-size:calc(10px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-title .fire-missions { font-size:calc(11px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results { padding:calc(10px * var(--arcade-scale,1));gap:calc(3px * var(--arcade-scale,1));font-size:calc(12px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results h1 { font-size:calc(22px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-results .c-btn { min-height:calc(43px * var(--arcade-scale,1));font-size:calc(13px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats { gap:calc(2px * var(--arcade-scale,1)) calc(5px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats dt,.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats dd { padding:calc(1px * var(--arcade-scale,1)) 0; }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-stats dd:last-child { font-size:calc(10px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-board-mode { font-size:calc(8px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-how-box { font-size:calc(10px * var(--arcade-scale,1));padding:calc(5px * var(--arcade-scale,1)) calc(7px * var(--arcade-scale,1)); }
.arcade-root[data-game="fire-exit"][data-portrait="true"] .fire-reason { font-size:calc(12px * var(--arcade-scale,1)); }

/* The help copy scrolls while its heading and BACK remain in view. */
.arcade-panel.fire-help { display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(94%,640px);overflow:hidden; }
.fire-help-body { overflow:auto;min-height:0;scrollbar-gutter:stable; }
