/* Portrait is the product layout on phones, tablets and desktop previews. */
:root{--app-blue:#061649;--app-cyan:#22d8ff;--app-violet:#6522b8;--app-yellow:#ffe457;color-scheme:dark;background:#030821}
html{min-height:100%;background:#030821;overscroll-behavior-y:none}
body{background:radial-gradient(ellipse at 50% 20%,#102668,#030821 70%);min-height:100svh;overflow-x:hidden}
main{width:100%;max-width:430px;margin:0 auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);min-height:100svh;background:var(--app-blue);box-shadow:0 0 70px #000b}
button{touch-action:pan-y;-webkit-tap-highlight-color:transparent;min-height:44px;border-radius:0}
button:focus-visible{outline:3px solid var(--app-yellow);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-screen=home] header,body[data-screen=home] footer{display:none}
#militia-hub.portrait-home{min-height:0;border:0;box-shadow:none;background:#080b39}
.home-artboard{position:relative;width:100%;aspect-ratio:941/1672;isolation:isolate;container-type:inline-size}
.home-art{image-rendering:pixelated;display:block;width:100%;height:auto;pointer-events:none;user-select:none}
#home-coins{position:absolute;left:17.22%;top:2.02%;width:16.25%;height:2.66%;image-rendering:pixelated;pointer-events:none}
#militia-hub .home-hotspot{position:absolute;display:block;padding:0;border:0;min-height:0;background:transparent;box-shadow:none;z-index:2;color:transparent;touch-action:pan-y}
#militia-hub .home-hotspot:hover{background:#fff1}
#militia-hub .home-hotspot:active{background:#fff3;box-shadow:inset 0 0 0 2px #fff8}
#militia-hub .home-hotspot:disabled{opacity:1;cursor:wait}
.home-wallet{left:10%;top:.8%;width:31%;height:6%}
.home-gear{left:80.5%;top:.6%;width:13%;height:6.2%}
.home-play{left:19.4%;top:60.1%;width:61.5%;height:8.55%}
.home-levels{left:23%;top:69.5%;width:54%;height:5.45%}
.home-upgrades{left:23%;top:75.3%;width:54%;height:5.45%}
.home-collectibles{left:23%;top:81.05%;width:54%;height:5.45%}
.home-settings{left:23%;top:86.9%;width:54%;height:5.45%}
.home-loading,.resume-ribbon{position:absolute;z-index:3;pointer-events:none;left:27%;width:46%;top:67.9%;padding:5px 2px;text-align:center;color:#fff8cc;background:#061d45;border:1px solid #8cee69;font-size:10px;font-weight:bold;letter-spacing:1px}
.home-loading{top:60.5%;background:#092743ed;min-height:44px;display:grid;place-items:center}
.home-more{padding:8px 18px 14px;background:#080b39}
.home-more button{display:block;width:100%;min-height:48px;border:2px solid #2cbded;background:linear-gradient(#143e8c,#12255e);font-size:11px;letter-spacing:1px;color:#e4f5ff;box-shadow:0 3px 0 #02061c}
.home-save{color:#ffce96!important;background:#3a143f;border-color:#913e81!important}
/* Every destination keeps a phone-sized, one-column navigation flow. */
#militia-hub.portrait-menu{border:0;min-height:100svh;background:linear-gradient(#07164b,#150934);box-shadow:none}
.app-page-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#081745f5;border-bottom:2px solid #1da5dd;backdrop-filter:blur(12px)}
.app-page-bar button{padding:8px;flex:none;font-size:11px;background:#143070;border-color:#28a8ed;color:#e5f3ff}
.app-page-bar strong{font-size:11px;line-height:1.4;text-align:center;text-transform:uppercase;color:#e0f5ff}
.hub-top{padding:20px 16px 14px;background:transparent;border-color:#243b7a;gap:12px}
.hub-top h2{font-size:24px;color:#fff3a8;text-shadow:2px 2px #692049}
.hub-kicker{font-size:9px;letter-spacing:1.4px;color:#53dfff}
.wallet{gap:6px}.wallet span{border-color:#2467b3;background:#0b204d;color:#fcebaa;font-size:11px}
#militia-hub nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px;background:#080f35;border-color:#284595}
#militia-hub nav button{min-width:0;min-height:52px;padding:7px 4px;font-size:10px;line-height:1.3;flex-direction:column;gap:3px;border:1px solid #2b5292;background:#14275e;color:#d3ebff}
#militia-hub nav button>span{font-size:16px;color:#44dfff}
#militia-hub nav button[aria-current=page]{background:#3a1983;color:#ffef88;border-color:#d548ff;box-shadow:0 2px 0 #08051d}
.hub-content{padding:20px 16px 26px}.hub-content h2{font-size:26px;color:#ffeda5}.hub-content h3{color:#fff1bd}.hub-content p{color:#c0cbea;font-size:14px}.hub-content small{color:#99add7}
.page-heading{margin-bottom:20px}.hub-content article{background:linear-gradient(135deg,#14275c,#15163f);border:1px solid #3f64a0;padding:18px}
.hub-content button{border-color:#308cc7;background:#143877;color:#f2f7ff;font-size:12px}
.hub-actions button:first-child,.mission-node button{background:linear-gradient(#197c36,#075826);border:2px solid #90e735;color:#fff6bc;box-shadow:0 3px 0 #032021}
.brief-grid,.mission-route,.gear-grid,.offer-grid,.settings-grid{grid-template-columns:1fr;gap:16px}
.hq-intro{gap:8px;border-color:#334e8c}.hq-intro h2{font-size:27px}.hq-intro canvas{width:100px;height:110px}
.mission-node{border-top-color:#1bd7ff!important}.node-number{background:#062957;color:#4de3ff;border-color:#20bdec}.mission-node.locked{border-top-color:#343657!important}
.world-route>div{min-width:145px;background:#121b45;border-color:#494578}.world-route span{color:#c6d3ed}
.slot-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slot-tabs button{padding:8px 3px;font-size:11px}.slot-tabs [aria-pressed=true]{background:#692091;color:#fff0a3;border-color:#e047ff}
.equipped-strip{background:#13285b;border-color:#ffce4e;color:#d7e7ff}.equipped-strip span{color:#a8c8ef}
.companion-card{gap:12px}.companion-badge{width:50px;height:70px;background:#13522e;border-color:#89dc45}.bonus-pair>span{padding:10px;border-color:#45858d}
.collection-shelf{border-color:#33347d;border-bottom-color:#7843b9;background:#102350;flex-direction:column;align-items:stretch}.collectible{min-width:0}.empty-display{color:#9ca9d4}
.food-pyramid{margin:20px -4px}.food-pyramid button{min-height:86px;font-size:12px}.food-pyramid button:nth-child(1){background:#7c3d91;width:48%}.food-pyramid button:nth-child(2){background:#63379b;width:66%}.food-pyramid button:nth-child(3){background:#2e4bb7;width:84%}.food-pyramid button:nth-child(4){background:#156a9e;width:100%}.food-pyramid small{max-width:190px;font-size:10px;color:#e3edff;text-align:center}
.timing-track{border:2px solid #26bbee;background:#0c2856}.target-zone{background:#bc9c23}.future-note{border-color:#854ea7}.save-status{padding:14px 16px;border-color:#273c72;color:#9aaccd}
/* The action camera is portrait; controls live outside its unobstructed view. */
header{margin:0;padding:8px;gap:6px;min-height:52px;background:#091640;border-bottom:2px solid #1aa2d8}.brand{font-size:9px;letter-spacing:.5px;max-width:104px;line-height:1.4;gap:8px}.brand i{width:10px;height:10px;flex:none}.tools{gap:4px}.tools button{min-width:44px;min-height:44px;padding:5px;font-size:9px;background:#123476;border-color:#328bd0}.tools small{display:none}#full{font-size:18px}
#cabinet{border:0;box-shadow:none;aspect-ratio:auto;overflow:visible;background:#071236}
.game-viewport{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden;background:#102747}
#game{display:block;width:100%;height:auto;aspect-ratio:2/3;image-rendering:pixelated;touch-action:none}
#overlay{z-index:3;inset:0;padding:22px 18px;background:linear-gradient(#071337ed,#132768ec);border:2px solid #2bcfff}
h1{font-size:36px;letter-spacing:-1px}h1 span{font-size:1.25em}.eyebrow{font-size:10px;letter-spacing:1.4px}#message{font-size:14px;line-height:1.6;margin:22px 0}#play{font-size:14px;min-height:54px;width:100%;max-width:310px;padding:14px 10px}.start-note{font-size:10px;line-height:1.6;letter-spacing:.4px}
#touch{display:grid;position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:.85fr 1.15fr;gap:14px;align-items:center;padding:14px 12px 18px;background:linear-gradient(#162358,#0c1031);border-top:2px solid #33539c;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}
#touch .move-pad{display:grid;grid-template-columns:1fr 1fr;gap:8px}#touch .action-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#touch button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:100%;min-width:0;height:48px;min-height:48px;padding:3px;font-size:22px;background:linear-gradient(#224b9d,#182a63);border:2px solid #3c9bd4;box-shadow:0 3px 0 #030a22;color:#effaff;touch-action:none}
#touch button:active{transform:translateY(2px);background:#3175bb;box-shadow:0 1px 0 #030a22}#touch button small{font-size:8px;letter-spacing:1px;opacity:1;margin:0}
#touch .move-pad button:last-child{grid-column:1/3;width:54%;justify-self:center;font-size:15px;height:44px;min-height:44px}
#touch .action-pad button{font-size:9px}#touch .action-pad .jump{grid-column:1;font-size:24px;height:58px}#touch .action-pad .fire{grid-column:2/4;width:100%;height:58px;font-size:20px;background:linear-gradient(#e16b17,#aa281c);border-color:#ffce32;color:#fff4ad;box-shadow:0 3px 0 #581329}
#touch .action-pad button[data-key=r]{grid-column:1/2}#touch .action-pad button[data-key=q]{grid-column:2/3}#touch .action-pad button[data-key=k]{grid-column:3/4}#touch .action-pad button[data-key=l]{grid-column:1/4;height:44px;min-height:44px;background:#402376;border-color:#a751de}
footer{padding:12px;font-size:10px;background:#080f30}.mission,.keys{display:none}.hint{display:block!important;font-size:10px;line-height:1.6;margin:0;color:#8faadc}
body[data-screen=playing] main{height:100dvh;min-height:0;display:flex;flex-direction:column}
body[data-screen=playing] header{flex:none}
body[data-screen=playing] footer{display:none!important}
body[data-screen=playing] #cabinet{display:flex;flex-direction:column;flex:1;min-height:0}
body[data-screen=playing] .game-viewport{flex:1;min-height:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
body[data-screen=playing] #game{height:100%;width:100%;object-fit:contain;aspect-ratio:2/3}
body[data-screen=playing] #touch{flex:none}
/* Fullscreen includes navigation, menus, pause and controls as one app. */
main:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:none;width:100vw;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden;background:#050b23!important}
main:fullscreen>header,main:fullscreen>#cabinet,main:fullscreen>#militia-hub{width:min(100vw,430px)}
main:fullscreen>header{flex:none}main:fullscreen>#cabinet{flex:1;min-height:0}
main:fullscreen>#militia-hub{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
main:fullscreen canvas#game{width:100%;height:100%;object-fit:contain}
@media(max-width:359px){.tools button{font-size:8px;min-width:44px}.brand{max-width:82px;font-size:8px}#touch{gap:9px;padding-left:8px;padding-right:8px}.app-page-bar strong{font-size:10px}.companion-card{display:block}.companion-badge{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.home-hotspot{transition:none}}