*{box-sizing:border-box}html{color-scheme:dark;background:#050e16;height:100%;overflow:hidden}body{margin:0;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;color:#f2f9f7;font:14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% 0,#173e49,#07131d 55%,#040b12)}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}button{font:inherit;color:inherit;background:#16303a;border:1px solid #38535a;border-radius:7px;min-width:44px;min-height:44px;padding:5px 8px;cursor:pointer;touch-action:manipulation}button:hover{border-color:#94f9de;background:#214852}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffcb85;outline-offset:-3px}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}.primary{background:#d4fa91;color:#142219;font-weight:800;border-color:#d4fa91}.primary:hover{background:#e9ffc6;color:#142219}#app{height:100%;width:100%;max-width:1440px;margin:auto;padding:calc(4px + var(--safe-top)) calc(6px + var(--safe-right)) calc(4px + var(--safe-bottom)) calc(6px + var(--safe-left));display:grid;grid-template-columns:minmax(200px,min(32vw,380px)) minmax(0,1fr);gap:12px}.media-pane{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.broadcast{background:#07141d;border-radius:10px;overflow:hidden;flex:none}.media{position:relative;width:100%;aspect-ratio:16/9;min-width:200px;min-height:200px;background:#0c1822}.media iframe{display:block;width:100%;height:100%;border:0;min-width:200px;min-height:200px}.episode-cover{height:100%;padding:16px;background:linear-gradient(95deg,#081d2bed,#08213044),url('./assets/hikari-scene-clean.webp') center 35%/cover}.eyebrow{color:#a7c5ca;font-size:9px;font-weight:750;letter-spacing:.12em}.episode-cover h1{font-size:30px;line-height:1.03;margin:10px 0 14px}.video-cta{background:#ffffffed;color:#102635;font-weight:750;border:0;font-size:11px}.broadcast-caption{height:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;font-size:8px;color:#aac5ca;white-space:nowrap}.broadcast-caption>span:first-child{color:#d4fa91;font-weight:700}.broadcast-caption>span:last-child{overflow:hidden;text-overflow:ellipsis}.masthead{height:32px;flex:none;display:flex;align-items:center}.wordmark{font-size:9px;letter-spacing:.18em;font-weight:750;display:flex;gap:8px;align-items:center}.spark{font-size:28px;color:#d4fa91;line-height:1}.wordmark small{display:block;font-size:13px;letter-spacing:.1em}.mission{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr) 48px 44px;gap:3px}.play-topbar{display:flex;align-items:stretch;gap:5px;min-width:0}.hud{flex:1;min-width:0;display:flex;justify-content:space-between;border-bottom:1px solid #32444f;gap:4px}.hud>div{min-width:0}.hud small{display:block;font-size:8px;color:#a8bec5;line-height:13px;white-space:nowrap}.hud strong{font-size:19px;line-height:24px;letter-spacing:-.04em}.hud strong span{color:#8ba2af;font-size:10px;font-weight:500;margin-left:1px}#health{color:#d4fa91}#credits{color:#ffce8a}.header-actions{display:flex;gap:3px}.header-actions button{height:44px;width:44px;padding:2px;background:#0b212b;font-size:10px}.header-actions #briefing-toggle{overflow:hidden;padding:0}.header-actions img{display:block;object-fit:contain;object-position:bottom;margin:auto}#settings{font-size:20px}#battlefield{min-width:0;min-height:0;display:grid;grid-template-rows:20px minmax(0,1fr);justify-items:center;align-items:center}.mission-heading{width:100%;height:20px;display:flex;align-items:center;gap:5px;min-width:0}.mission-heading>div:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#announcement{flex:1;min-width:0;font-size:9px;line-height:10px;color:#c5ddd9;max-height:20px;overflow:hidden}#phase-badge{font-size:8px;font-weight:800;color:#d4fa91;white-space:nowrap}#arena{position:relative;border-radius:8px;background:#0c2029;box-shadow:inset 0 0 0 1px #3d5960;isolation:isolate;min-width:0;min-height:0}#board{display:block;width:100%;height:100%;position:absolute;inset:0;image-rendering:pixelated}#pads{position:absolute;inset:0}.pad{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:44px;height:44px;padding:0;background:#0b27393b;border:1px dashed #a7c7c355;font-size:11px;color:#dbf4e9;display:grid;place-items:center}.pad:hover{background:#bdf8e319}.pad.selected-pad{border:2px solid #ebffd2;background:#d4fa911c}.pad.occupied{width:max(44px,9.6%);height:max(44px,20.55%);border:1px solid transparent;color:transparent;border-radius:8px}.pad.occupied.selected-pad{border:2px solid #edffd4}.map-caption{position:absolute;top:5px;left:7px;right:7px;display:flex;justify-content:space-between;pointer-events:none;color:#7eb3bf;font:7px/1 monospace;letter-spacing:.08em}.action-tray{min-width:0;min-height:0}.tower-row{height:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tower{display:flex;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:2px;min-width:0;text-align:left;background:#102530;border-color:#2b4653}.tower.selected{border-color:#d4fa91;background:#203831}.tower canvas{width:22px;height:40px;flex:none;image-rendering:pixelated}.tower>span{min-width:0}.tower b{display:block;font-size:11px;line-height:14px}.tower small{display:block;font-size:9px;white-space:nowrap;color:#b7cbd0}.tower .protagonist-tag{font-size:6px;line-height:8px;color:#d7fba5;font-weight:800}.team-heading,.character-line{display:none}.selected-tools{height:48px;display:flex;align-items:center;gap:4px;color:#c6dada;font-size:10px}.selected-tools>span{flex:1;min-width:0}.selected-tools button{font-size:10px;min-width:44px;padding:4px 7px}.selected-tools #team-back{width:44px;font-size:21px}.command-row{display:grid;grid-template-columns:44px 44px minmax(88px,.9fr) minmax(100px,1.1fr);gap:4px;min-width:0}.command-row button{height:44px;min-width:0;font-size:10px;font-weight:750;padding:3px;line-height:12px}#pause{font-size:18px}#overload{color:#d5c6ff;background:#211e3b;border-color:#645a86}#overlays{position:absolute;inset:47px 0 0;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}#overlays>section,#overlays>.pause-card{pointer-events:auto;max-width:520px;width:100%;max-height:100%;border:1px solid #5c7970;border-radius:10px;padding:10px;background:linear-gradient(130deg,#071820fc,#102c30fc);box-shadow:0 12px 40px #0007}#overlays>[inert]{display:none!important}.arena-card{display:flex;flex-direction:column;gap:5px}.arena-card h2{font-size:23px;letter-spacing:-.035em;line-height:1.1;margin:0}.arena-card p{font-size:11px;line-height:1.4;color:#d0e0e2;margin:0}.arena-card small{font-size:9px;color:#a9c3c7;line-height:1.3}#save-note{display:none}.map-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.map-choices button{padding:2px;font-size:9px;min-width:0;min-height:44px}.map-choices .active{border-color:#d4fa91;color:#d4fa91}.dialog-buttons{display:flex;gap:5px}.dialog-buttons button{flex:1;font-size:11px;min-width:0}.pause-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.pause-card strong{font-size:24px;letter-spacing:.15em}.pause-card #resume{max-width:100%}.result-team{display:flex;justify-content:center;gap:22px;align-items:flex-end;height:60px}.result-team canvas{width:28px;height:50px;image-rendering:pixelated}.result-team canvas[data-cast="pulse"]{width:34px;height:60px}.options{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;align-content:center}.options h2{font-size:19px;margin:0;grid-column:1/-1}.options label{grid-column:1/-1;display:flex;gap:10px;align-items:center;min-height:44px}.options input{width:23px;height:23px;margin:0;accent-color:#d4fa91}.options #privacy-link{margin:0;font-size:11px}.options a{min-height:44px;display:flex;align-items:center;color:#c9e4de}.options footer{grid-column:1/-1;font-size:9px;color:#a6c3ca;display:flex;justify-content:space-between;gap:5px;min-height:24px;align-items:center}#best{color:#d4fa91;white-space:nowrap}#close-options{grid-column:1/-1}#save-retry{font-size:10px}#navigator{border:1px solid #2b4850;border-radius:10px;background:linear-gradient(110deg,#163139,#0c1e29);overflow:hidden;flex:none}.navigator-strip{display:flex;align-items:center;gap:6px;height:88px;padding-right:6px}.navigator-strip img{object-fit:contain;align-self:end}.navigator-strip small{color:#d7fba5;font-size:8px;letter-spacing:1px}.navigator-strip p{font-size:10px;line-height:1.5;margin:4px 0;color:#d7e9e6}#guide-open{display:none}#guide-panel{display:grid;grid-template-rows:44px 44px auto minmax(44px,1fr) 44px;gap:5px}#guide-panel h3{font-size:17px;line-height:1.2;margin:0}#guide-text{font-size:13px;line-height:1.5;color:#d7e9e6;margin:0;min-height:59px}.guide-tabs{display:flex;gap:4px}.guide-tabs button{flex:1;font-size:11px;min-width:0;padding:3px}.guide-tabs button[aria-pressed=true]{border-color:#d7fba5;color:#d7fba5}.guide-actions{display:flex;justify-content:space-between;gap:5px}.guide-actions button{font-size:11px}.guide-paging{display:flex;justify-content:space-between;align-items:center}.guide-paging button{width:44px;font-size:20px}#guide-count{font-size:11px;color:#b8d2d5}#guide-status:empty{display:none}#guide-status{font-size:10px;color:#afc4c8}.city-scene{height:100%;width:100%;background:linear-gradient(0deg,#0c333b77,#03122122),url('./assets/hikari-scene-clean.webp') center/cover;position:relative;overflow:hidden}.city-scene:after{content:'';position:absolute;inset:65% -20% -30%;background:repeating-linear-gradient(90deg,transparent 0 29px,#64f8e31a 30px 31px),repeating-linear-gradient(0deg,transparent 0 29px,#64f8e31a 30px 31px);transform:perspective(180px) rotateX(35deg)}.city-scene strong{position:absolute;left:12px;bottom:18px;letter-spacing:.08em;font-size:11px;color:#c7ffd2}.save-error{color:#ffbd91}@media (max-width:760px) and (orientation:portrait){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:216px minmax(0,1fr);gap:4px;padding-left:calc(4px + var(--safe-left));padding-right:calc(4px + var(--safe-right))}.media-pane{display:block}.media{height:200px;aspect-ratio:auto}.masthead,#navigator{display:none}}@media (max-width:1050px){.hud>div:last-child{display:none}}@media (max-width:360px){.hud strong{font-size:17px}.hud small{font-size:7px}.play-topbar{gap:3px}.header-actions{gap:2px}.header-actions button{font-size:9px}.tower b{font-size:10px}.tower small{font-size:8px}.tower .protagonist-tag{font-size:6px}.command-row{grid-template-columns:44px 44px minmax(80px,.85fr) minmax(100px,1.15fr);gap:3px}.command-row button{font-size:9px}.arena-card h2{font-size:21px}.arena-card p{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.game-icon{position:absolute;top:9px;right:10px;border-radius:8px}#intro>h2{padding-right:44px}#intro>.eyebrow{padding-right:44px}.analytics-choice{display:flex;align-items:center;gap:8px;min-height:44px;font-size:10px;line-height:1.3}.analytics-choice input{width:22px;height:22px;flex:none;margin:0;accent-color:#d4fa91}.options label{grid-column:auto;font-size:12px}.options .analytics-choice{grid-column:1/-1;font-size:10px}#privacy-link{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}#intro{position:relative}