:root{color-scheme:dark;--ink:#0c2025;--panel:#15343a;--line:#446064;--amber:#ffc375;--cream:#f7ebcd;--rust:#ca7157;--mint:#a0dfc6;font-family:system-ui,sans-serif;color:var(--cream);background:var(--ink)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,select{touch-action:manipulation}button,select{font:inherit;color:var(--cream);border:1px solid #608080;background:#193b41;border-radius:7px;min-height:44px;padding:8px 12px;cursor:pointer}button:hover{background:#2a5055}button:active,button[aria-pressed=true]{background:#bd7842;color:#10272c;border-color:var(--amber)}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--amber);outline-offset:2px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--amber);color:#152d32;border-color:var(--amber);font-weight:800;min-height:52px}a{color:var(--amber)}#app{height:100dvh;width:min(1400px,100%);margin:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;grid-template-rows:52px 100px minmax(0,1fr) 92px}header{padding:0 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{color:var(--cream);text-decoration:none;font-size:17px;font-weight:350;line-height:1;display:flex;flex-wrap:wrap;width:160px;align-items:baseline;gap:4px;min-height:44px;align-content:center}.brand b{font-weight:850}.brand small{font-size:9px;letter-spacing:1.2px;width:100%;margin-top:3px}.top-actions{display:flex;gap:6px}.top-actions button{padding:6px 10px}#instruments{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 12px 4px}#chapter{font:10px ui-monospace,monospace;color:var(--amber);letter-spacing:1.3px}h1{font-size:16px;margin:2px 0}#objective{margin:2px 0;font-size:12px;line-height:1.25}#battery-status{font:12px ui-monospace,monospace;color:var(--mint);white-space:pre-line;line-height:1.6;text-align:right}#status{grid-column:1/-1;font-size:12px;margin:1px 0;color:var(--amber);line-height:1.25;min-height:28px}#arena-wrap{position:relative;min-height:0;overflow:hidden;border-block:1px solid var(--line);background:#15353b}#arena{display:block;width:100%;height:100%;touch-action:none}#field-caption{pointer-events:none;position:absolute;bottom:5px;left:10px;font:9px ui-monospace,monospace;letter-spacing:1.3px;color:#bdd1c4;opacity:.8}footer{padding:4px 9px 6px}#aim-hint{text-align:center;font-size:11px;margin:0 0 5px;height:17px;color:#b8ccc7}.control-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.control-row button{font-size:12px;padding:7px 3px;min-height:50px}#overlay{position:fixed;inset:0;z-index:5;background:#06181cc9;display:grid;place-items:center;padding:12px}#overlay[hidden]{display:none}#panel{position:relative;width:min(700px,100%);max-height:100%;overflow:auto;background:var(--ink);border:1px solid #769088;border-radius:10px;box-shadow:0 16px 60px #0008;padding:22px}#panel.hero{background:linear-gradient(90deg,#0b2025ed,#0b2025bd 55%,#0b202535),url('/assets/arcade-card.webp') center/cover;min-height:min(550px,calc(100dvh - 24px));display:flex;flex-direction:column;justify-content:end}#panel h2{font-size:clamp(26px,6vw,48px);line-height:1.03;margin:6px 0 12px;letter-spacing:-1.1px}#panel h3{margin:14px 0 7px;font-size:18px}#panel p{font-size:14px;line-height:1.55;margin:8px 0}#panel .eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--amber)}#panel .deck{max-width:340px}#panel .buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}#panel .buttons>*{flex:1}#panel label{font-size:12px;display:block;margin-top:12px}#panel select{display:block;width:100%;margin-top:5px}.credit{font-size:11px!important;line-height:1.4!important;margin-top:18px!important;max-width:430px}.credit a{display:inline-flex;align-items:center;min-height:44px}.close{float:right}.grid25{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0}.grid25 button{padding:8px 2px}.lore-entry{padding:12px 0;border-bottom:1px solid var(--line)}.lore-entry a{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.tag{display:inline-block;font:10px ui-monospace,monospace;color:var(--mint);padding:5px;border:1px solid var(--line)}.equipment{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.equipment span{font-size:12px;border:1px solid var(--line);padding:9px;border-radius:5px}.fine{font-size:12px!important;color:#b8ccc7}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:850px) and (min-height:600px){#app{grid-template-columns:250px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) 92px}header{grid-column:1/-1}#instruments{grid-column:1;grid-row:2;display:flex;flex-direction:column;padding:28px 22px;gap:22px;border-right:1px solid var(--line)}#stage-name{font-size:27px}#objective{font-size:15px;line-height:1.6}#battery-status{text-align:left;font-size:16px}#status{font-size:14px;line-height:1.6}#arena-wrap{grid-column:2;grid-row:2}footer{grid-column:1/-1}#aim-hint{font-size:13px}.control-row{max-width:700px;margin:auto}}
@media(max-height:500px) and (min-aspect-ratio:1.2){#app{grid-template-columns:156px minmax(0,1fr);grid-template-rows:46px minmax(0,1fr)}header{grid-column:1/-1;padding:0 8px}.brand{font-size:15px}.brand small{display:none}#instruments{grid-column:1;grid-row:2;padding:8px;display:flex;flex-direction:column;gap:4px;align-self:start}#stage-name{font-size:14px}#objective{font-size:11px}#battery-status{text-align:left;font-size:11px;line-height:1.35}#status{font-size:11px;min-height:0}#arena-wrap{grid-column:2;grid-row:2;border-left:1px solid var(--line)}footer{grid-column:1;grid-row:2;align-self:end;padding:4px 7px}#aim-hint{display:none}.control-row{display:grid;grid-template-columns:1fr;gap:4px}.control-row button{min-height:44px;font-size:11px;padding:3px}#instruments #status{display:none}#panel{padding:16px;max-width:720px}#panel.hero{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#panel.hero .intro{grid-column:1;grid-row:1/4}#panel.hero .actions{grid-column:2}#panel.hero .credit{grid-column:1/-1;margin-top:4px!important}#panel h2{font-size:34px}#panel p{font-size:12px}#panel .buttons{margin:8px 0}.credit a{min-height:44px}#panel label{margin-top:0}.grid25{gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#app>*{min-width:0}header .brand{width:auto;min-width:0;flex:1;font-size:16px;gap:3px}.top-actions{flex-shrink:0}#app{min-width:0}#instruments>*{min-width:0}

.operator{width:34px;height:40px;object-fit:cover;object-position:50% 35%;border-radius:4px;align-self:center}@media(max-width:350px){.operator{display:none}}
#field-caption{bottom:auto;top:7px;max-width:45%;font-size:8px}
@media(max-aspect-ratio:0.8){#panel.hero{background-image:linear-gradient(0deg,#0b2025f5,#0b2025dc 50%,#0b202510),url('/assets/portrait-cover.webp');background-position:center;}}
@media(max-height:500px) and (min-aspect-ratio:1.2){#instruments{padding:6px 8px;gap:2px}#chapter{display:none}#objective{line-height:1.2;max-height:27px;overflow:hidden}#battery-status{font-size:10px;line-height:1.2}#instruments #status{display:block;font-size:10px;line-height:1.2;max-height:24px;overflow:hidden;margin:0}#stage-name{margin:0;font-size:13px}}
@media(max-width:360px){.grid25{gap:6px}}
.error-page{padding:40px}