@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#151d17;--paper:#e9ead8;--muted:#a5ad98;--accent:#d7de8a;--border:#dbe0b22e;--mono:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--ink);color:var(--paper);font-family:'Noto Sans TC',sans-serif;font-size:16px}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{filter:brightness(1.12)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.hidden,[hidden]{display:none!important}#game-shell{position:relative;width:100%;height:100dvh;min-height:680px;overflow:hidden;background:#494d35}#unity-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;outline:0;image-rendering:pixelated}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#111b15fa 0%,#172118ec 26%,#19201780 57%,#121a1830 100%),linear-gradient(0deg,#101a15db,transparent 30%);transition:opacity .35s}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0b150b09 3px 4px);opacity:.32}header{position:absolute;top:0;left:0;right:0;height:96px;display:flex;align-items:center;padding:0 4vw;gap:15px;z-index:10;border-bottom:1px solid #d6dfb119}.insignia{width:34px;height:38px;color:var(--accent)}.insignia svg{width:100%;height:100%}.header-brand{font:700 24px var(--mono);letter-spacing:2px}.header-brand>span{display:block;font:500 11px 'Noto Sans TC';letter-spacing:5px;color:var(--muted);margin-top:4px}#section-label{border-left:1px solid var(--border);margin-left:22px;padding-left:28px;color:#b7bea9;font-size:14px;letter-spacing:2px}.header-tools{margin-left:auto;display:flex;gap:14px}.icon-button{font-size:14px;letter-spacing:1px;background:#18211c60;border:1px solid var(--border);padding:9px 14px}.icon-button:hover{background:#39442b}.screen{position:absolute;inset:96px 0 0}.home-content{position:absolute;left:8vw;top:8%;width:380px}.eyebrow{font:600 14px var(--mono);letter-spacing:3px;color:var(--accent);display:block}h1{font-size:clamp(72px,7.8vw,122px);line-height:1.09;letter-spacing:10px;font-weight:900;margin:25px 0 23px;position:relative;white-space:nowrap}h1>span{color:var(--accent)}h1 i{position:absolute;left:2.8em;bottom:12px;font:600 26px/1.1 var(--mono);letter-spacing:4px;font-style:normal;color:#859177}.title-rule{width:46px;height:3px;background:#bcc785}.home-caption{font-size:16px;letter-spacing:5px;color:#bdc5ac;margin:21px 0 35px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#202917;width:100%;padding:17px 23px;font-weight:700;letter-spacing:2px;border:1px solid #f0f2b2;box-shadow:0 3px 0 #727d49}.menu-start{width:320px;font-size:20px}.load-state{font-size:12px;color:#9aa789;margin-top:18px;display:flex;flex-wrap:wrap;width:320px;justify-content:space-between;gap:8px}.load-state b{font:500 15px var(--mono);color:#bfcba0}.load-track{height:2px;background:#beca9322;width:100%}.load-track>div{height:100%;width:0;background:#b7c779;transition:width .3s}#load-error{color:#efb599;font-size:14px;line-height:1.7}.location-tag{position:absolute;right:6vw;bottom:115px;text-align:right;border-right:3px solid var(--accent);padding-right:20px;display:flex;flex-direction:column;gap:8px}.coordinate{font:600 20px var(--mono);letter-spacing:5px;color:var(--accent)}.location-tag strong{font-size:24px;letter-spacing:4px}.location-tag>span:last-child{font-size:13px;color:#c4cbb6;letter-spacing:2px}.menu-footer{position:absolute;bottom:30px;left:4vw;right:4vw;border-top:1px solid var(--border);padding-top:20px;display:flex;gap:25px;font-size:12px;color:#929e85}.menu-footer>span:last-child{margin-left:auto;font-family:var(--mono);letter-spacing:3px}.text-button{padding:12px 0;background:none;color:#b9c3a8;font-size:14px;letter-spacing:1px}.text-button:hover{color:var(--accent)}.select-screen{padding:25px 8vw 55px;background:linear-gradient(90deg,#172118e6,#172118b3);overflow:auto}.select-screen>.eyebrow{margin-top:25px}h2{font-size:42px;letter-spacing:3px;margin:10px 0 30px;font-weight:700}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px}.mode-card{text-align:left;padding:0;border:1px solid #b7c88366;background:#222c20;min-width:0;position:relative;color:var(--paper)}.training-card{transition:border-color .2s,transform .2s}.training-card:hover{border-color:var(--accent);transform:translateY(-3px);filter:none}.card-art{height:170px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 90%,#72804c5c,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 23px,#b9c9920a 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#b9c9920a 24px);border-bottom:1px solid var(--border)}.card-art img{image-rendering:pixelated;width:210px;height:210px;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-43%);filter:drop-shadow(10px 12px 0 #0003)}.locked-card .card-art img{width:160px;height:160px;transform:translate(-50%,-50%) rotate(25deg);opacity:.4}.card-number{position:absolute;top:16px;left:23px;font:600 70px var(--mono);color:#d4e1a815;line-height:1}.available,.locked-badge{position:absolute;top:20px;right:22px;background:#ccda9a;color:#26301f;padding:4px 8px;font-size:12px;letter-spacing:1px}.locked-badge{background:#ffffff10;color:#aab39b}.card-copy{padding:25px 28px}.card-copy h3{font-size:28px;letter-spacing:2px;margin:9px 0 14px}.card-copy p{font-size:15px;line-height:1.9;color:#aeb99f;margin:0}.card-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:19px;margin-top:22px;font-size:13px;color:#aeb99f}.card-meta b{font-size:14px;color:var(--accent)}.locked-card{border-color:#adba8830;background:#1c251d9c}.locked-card .card-copy{opacity:.63}.select-note{color:#a5b194;font-size:14px;margin:24px 0}.secondary{border:1px solid var(--border);background:#263122;color:#dfe4cd;padding:14px 20px;width:100%;margin-top:13px}body[data-screen="training"] .scene-shade,body[data-screen="paused"] .scene-shade,body[data-screen="complete"] .scene-shade{opacity:0}body[data-screen="training"] header,body[data-screen="paused"] header,body[data-screen="complete"] header{display:none}#hud{position:absolute;inset:0;pointer-events:none}.mission-top{display:flex;align-items:center;position:absolute;left:28px;right:28px;top:22px;gap:20px}.mission-top>div:first-child{background:#1a251be8;border-left:3px solid var(--accent);padding:12px 22px;min-width:225px}.mission-top strong{display:block;font-size:20px;letter-spacing:3px;margin-top:4px}.training-time{margin-left:auto;background:#1c271de0;padding:8px 18px;text-align:right;display:flex;gap:15px;align-items:center}.training-time span{font-size:12px;color:#bbc5a6}.training-time b{font:600 27px var(--mono);letter-spacing:2px}.mission-top button{pointer-events:auto;background:#1c271df0}.lesson-panel{position:absolute;left:28px;bottom:85px;width:330px;background:#19231cf5;border:1px solid #c1ce974f;padding:21px 24px;box-shadow:0 8px 30px #0003}.lesson-heading{display:flex;justify-content:space-between;font-size:12px;color:#a9b597}.lesson-heading>span:first-child{font:600 16px var(--mono);color:var(--accent);letter-spacing:2px}.step-track{display:flex;gap:5px;margin:13px 0 20px}.step-track span{height:3px;flex:1;background:#9fac852b}.step-track .active{background:var(--accent)}.step-track .done{background:#819453}.lesson-panel h2{font-size:26px;margin:0 0 12px;letter-spacing:2px}.lesson-panel p{font-size:14px;color:#b8c3a6;line-height:1.8;min-height:50px;margin:0 0 22px}.move-keys{display:flex;gap:12px}.move-keys>div{text-align:center;flex:1}.move-keys kbd{display:block;background:#303d2a;padding:8px;border:1px solid #86936c;font:600 22px var(--mono);box-shadow:0 3px 0 #10180f;color:#e2e9ca}.move-keys small{font-size:12px;color:#9dac8b;display:block;margin-top:9px}.move-keys kbd.passed{background:var(--accent);color:#1a2518;border-color:var(--accent)}.lesson-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:15px;margin-top:22px;font-size:12px;color:#9faf8b}.lesson-bottom>span:last-child{color:var(--accent)}.action-guide{display:flex;gap:13px;align-items:center;padding:13px 0}.action-guide strong{font-size:15px}.action-guide small{display:block;font-size:12px;color:#9fac92;margin-top:7px}.action-guide>b{margin-left:auto;white-space:nowrap;font:600 24px var(--mono);color:var(--accent)}.mouse-symbol{width:33px;height:45px;border:2px solid #c3ce9c;border-radius:15px 15px 10px 10px;position:relative;flex-shrink:0;overflow:hidden}.mouse-symbol:before{content:'';position:absolute;left:14px;top:0;width:1px;height:18px;background:#c3ce9c}.mouse-symbol:after{content:'';position:absolute;left:0;top:18px;width:100%;height:1px;background:#c3ce9c}.mouse-symbol.right>span{position:absolute;right:0;top:0;width:14px;height:18px;background:var(--accent)}.equipment{position:absolute;right:28px;bottom:85px;background:#1b251cef;border:1px solid #b7c79155;padding:15px 21px;display:flex;gap:18px;align-items:center;min-width:300px}.weapon-mark{font:800 40px var(--mono);color:#7f8d62;border:1px solid #77835855;width:35px;text-align:center}.equipment strong{font-size:16px;letter-spacing:2px}.equipment small{display:block;font-size:12px;color:#a8b494;margin-top:5px}.ammo{margin-left:auto;font:500 36px var(--mono);text-align:center;color:var(--accent)}.ammo small{font:12px 'Noto Sans TC'}.bottom-controls{position:absolute;bottom:24px;left:28px;right:28px;display:flex;gap:26px;border-top:1px solid #202e2340;padding-top:13px;color:#e5ead6;font-size:12px}.bottom-controls span{background:#1b251cbc;padding:5px 8px}.bottom-controls kbd{font:12px 'Noto Sans TC';margin-right:6px}.world-label,.target-label{position:absolute;transform:translate(-50%,-50%);background:#1b271de8;color:var(--accent);padding:3px 7px;font-size:12px;border:1px solid #c3d08a88;pointer-events:none;white-space:nowrap}.target-label{font:600 16px var(--mono);background:#22291bec;border-color:#ecbf6699;color:#f4da9b;min-width:30px;text-align:center}.target-label.done{color:#e2eccb;border-color:#c5d4a1;background:#425432dd}.target-label.inactive{opacity:.35}.toast{position:absolute;top:128px;left:50%;transform:translateX(-50%);padding:12px 23px;background:#1c281af0;border:1px solid #c9d58e;color:#dce5b4;font-size:15px;letter-spacing:2px;white-space:nowrap}.modal{position:absolute;inset:0;z-index:20;background:#0d1715c9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:440px;max-width:100%;background:#1b271df7;border:1px solid #aab7796e;padding:38px;text-align:center;box-shadow:0 24px 90px #0006}.modal-card h2{font-size:30px;margin:14px 0}.modal-card p{color:#adba9c;font-size:14px;line-height:1.8;margin:0 0 28px}.modal-card .text-button{margin-top:16px}.complete-card{width:530px}.completion-symbol{display:block;width:63px;height:63px;border:1px solid var(--accent);border-radius:50%;line-height:63px;margin:0 auto 24px;font-size:33px;color:var(--accent)}.complete-checks{display:flex;gap:15px;justify-content:center;color:#c1d196;font-size:12px;margin:20px 0}.stats{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0 30px;padding:23px 0}.stats>div{flex:1}.stats b{font:600 30px var(--mono);color:#e2e7cc}.stats span{display:block;color:#94a283;font-size:12px;margin-top:7px}.desktop-note{display:none}body[data-screen="paused"] #hud{opacity:.5}
@media(min-height:950px){.home-content{top:15%}}@media(max-height:760px) and (min-width:850px){header{height:76px}.screen{top:76px}.home-content{top:6%}h1{font-size:80px;margin:18px 0}.home-caption{margin:16px 0 25px}.select-screen{padding-top:10px}.select-screen>.eyebrow{margin-top:10px}.select-screen h2{font-size:34px;margin-bottom:20px}.card-art{height:135px}.card-copy{padding:19px 24px}.card-copy h3{font-size:25px}.card-copy p{font-size:14px}}@media(max-width:900px){#section-label{display:none}.home-content{left:7vw}.equipment{min-width:230px}.equipment .weapon-mark{display:none}.equipment small{max-width:140px}.lesson-panel{width:300px;left:18px;padding:19px}.mission-top{left:18px;right:18px}.location-tag{right:4vw}.mode-grid{gap:16px}.select-screen{padding-left:6vw;padding-right:6vw}.card-copy{padding:20px}.card-meta{gap:10px;font-size:12px}}@media(max-width:620px){#game-shell{min-height:760px}header{padding:0 22px;height:80px}.header-brand{font-size:21px}.header-tools{gap:6px}.icon-button{padding:8px;font-size:12px}.screen{top:80px}.home-content{left:8vw;top:7%;width:84vw}h1{font-size:83px}h1 i{font-size:21px}.home-caption{font-size:14px;letter-spacing:3px}.menu-start,.load-state{width:290px;max-width:100%}.location-tag{bottom:110px;right:7vw}.location-tag strong{font-size:18px}.coordinate{font-size:14px}.location-tag>span:last-child{font-size:12px}.menu-footer{font-size:11px;gap:14px;bottom:45px}.menu-footer>span:last-child{display:none}.desktop-note{display:block;position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:11px;color:#d3ddbc;pointer-events:none}.select-screen h2{font-size:32px}.mode-grid{grid-template-columns:1fr}.card-art{height:105px}.card-art img{width:160px;height:160px}.card-copy{padding:17px}.card-copy h3{font-size:23px;margin:7px 0}.card-copy p{font-size:14px}.card-meta{margin-top:15px;padding-top:13px}.locked-card{display:grid;grid-template-columns:100px 1fr}.locked-card .card-art{height:100%;border-bottom:0}.locked-card img{width:80px!important;height:100px!important}.locked-card .card-number{display:none}.locked-badge{left:8px;right:auto;font-size:10px;top:8px}.locked-card p{font-size:12px}.locked-card .card-meta{display:none}.select-note{font-size:12px}.mission-top{top:12px;gap:8px}.mission-top>div:first-child{min-width:130px;padding:8px 12px}.mission-top .eyebrow{font-size:11px;letter-spacing:1px}.mission-top strong{font-size:16px}.training-time{padding:8px}.training-time span{display:none}.training-time b{font-size:21px}.lesson-panel{left:12px;bottom:115px;width:280px;padding:16px}.lesson-panel h2{font-size:21px}.lesson-panel p{font-size:13px;min-height:0;margin-bottom:12px}.step-track{margin:9px 0 12px}.lesson-bottom{margin-top:13px;padding-top:10px}.equipment{right:12px;bottom:55px;padding:8px 12px;min-width:0}.equipment strong{font-size:12px}.equipment small{display:none}.ammo{font-size:25px}.bottom-controls{left:12px;right:12px;bottom:28px;gap:5px;border:0;padding:0;font-size:10px}.bottom-controls kbd{font-size:10px}.toast{top:95px;font-size:12px}.modal-card{padding:26px}.modal-card h2{font-size:25px}.complete-checks{gap:9px;font-size:11px}.stats b{font-size:25px}}
/* Keep every game screen within the viewport, including the narrow app panel. */
#game-shell{min-height:0}h1 i{position:static;display:inline-block;margin-left:20px;vertical-align:middle}.home-screen{overflow:auto}.home-content{top:5%}.home-screen .location-tag{pointer-events:none}
@media(max-height:750px){.home-content{top:6%}h1{font-size:72px;margin:16px 0}.home-caption{margin:16px 0 23px}.location-tag{bottom:90px}.location-tag strong{font-size:18px}.menu-footer{bottom:22px}.load-state{margin-top:14px}.home-screen .eyebrow{font-size:12px}}
@media(max-width:900px){.lesson-panel{left:18px;right:18px;bottom:56px;width:auto;padding:12px 16px}.lesson-heading{font-size:11px}.lesson-heading>span:first-child{font-size:13px}.step-track{margin:7px 0 10px}.lesson-panel h2{float:left;font-size:18px;margin:0 13px 7px 0}.lesson-panel p{font-size:13px;line-height:1.6;min-height:0;margin:0 0 12px}.move-keys{clear:both;width:215px;gap:9px}.move-keys kbd{font-size:18px;padding:4px}.move-keys small{font-size:11px;margin-top:5px}.lesson-bottom{position:absolute;right:16px;bottom:16px;max-width:215px;border:0;padding:0;margin:0;gap:15px;font-size:11px}.equipment{right:18px;top:107px;bottom:auto;min-width:0;padding:8px 12px}.equipment .weapon-mark,.equipment small{display:none}.equipment strong{font-size:13px}.ammo{font-size:27px}.bottom-controls{bottom:14px;padding:0;border:0;gap:12px}.action-guide{padding:5px 0;clear:both;max-width:340px}.action-guide small{margin-top:3px}.mouse-symbol{height:35px;width:27px}.toast{top:98px;max-width:80%;font-size:12px;white-space:normal}.location-tag{display:none}}
@media(max-width:620px){.home-content{top:5%}h1{font-size:70px}.home-caption{margin:15px 0 23px}.menu-footer{bottom:45px}.lesson-panel{bottom:75px}.lesson-bottom{max-width:115px;line-height:1.7}.bottom-controls{bottom:40px;font-size:10px}.equipment{top:88px}.mission-top>div:first-child{min-width:125px}.desktop-note{font-size:10px}.select-screen{padding-bottom:80px}}

/* Recruit registration */
.character-screen{padding:18px 6vw 30px;background:linear-gradient(115deg,#142017f5,#203020e8);overflow:auto}
.creation-heading{display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:12px auto 20px}
.creation-heading h2{font-size:34px;margin:10px 0 0}.creation-badge{border:1px solid #a8ba7566;color:var(--accent);font-size:12px;padding:7px 12px;letter-spacing:2px}
.creation-layout{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(290px,1fr);gap:28px;max-width:1080px;margin:auto;align-items:start}
.appearance-panel{border:1px solid var(--border);background:#17241ccb;padding:22px}
.appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.appearance-heading strong{font-size:16px;letter-spacing:2px}.appearance-heading>span{font-size:12px;color:#a9b797}
.appearance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.appearance-choice{position:relative;aspect-ratio:1.18;border:1px solid #8c9c6340;background:radial-gradient(ellipse at 50% 60%,#51643b90,#223120 80%);padding:0;overflow:hidden}
.appearance-choice img{position:absolute;width:180%;height:180%;object-fit:contain;top:-40%;left:-40%;image-rendering:pixelated}
.appearance-choice>span{position:absolute;left:9px;top:7px;font:600 14px var(--mono);letter-spacing:1px;color:#a4b38b}
.appearance-choice>b{display:none;position:absolute;bottom:5px;right:8px;color:var(--accent);font-size:14px}
.appearance-choice:hover{border-color:#c2d58b;filter:none;background-color:#475a35}
.appearance-choice.selected{border:2px solid var(--accent);box-shadow:inset 0 0 20px #bddb5230}.appearance-choice.selected>b{display:block}
.appearance-note{font-size:12px;line-height:1.8;color:#a9b797;margin:17px 0 0}
.recruit-card{border:1px solid #c1d0865c;background:#263322db;padding:24px}
.recruit-card>.eyebrow{font-size:12px;letter-spacing:2px}
.recruit-portrait{height:155px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:repeating-linear-gradient(0deg,transparent,transparent 23px,#b9c9920d 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#b9c9920d 24px)}
.recruit-portrait img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;image-rendering:pixelated;filter:drop-shadow(5px 6px 0 #0004)}
.portrait-cross{position:absolute;right:10px;bottom:10px;color:#9aaa6680;font-size:24px}
.recruit-info{margin:18px 0}.recruit-info>span,.recruit-assignment>span{color:#a9b797;font-size:11px;letter-spacing:2px}
.recruit-info h3{font-size:20px;margin:6px 0 8px}.recruit-info p{font-size:12px;color:#b0bea1;margin:0}
.recruit-assignment{border-top:1px solid var(--border);padding-top:14px;margin:12px 0 19px}
.recruit-assignment strong{display:block;font-size:16px;margin:6px 0}.recruit-assignment b{float:right;color:var(--accent)}
.recruit-assignment small{font-size:12px;color:#b0bea1}
.recruit-card .primary{font-size:14px;padding:14px 15px;letter-spacing:1px}
.local-save-note{font-size:11px;line-height:1.6;color:#a6b597;margin:13px 0 0}
#creation-status{font-size:11px;color:var(--accent);margin:6px 0 0}
.appearance-choice:focus-visible{outline-offset:2px;z-index:1}
.equipment{display:block;width:345px;padding:14px 16px}
.equipment-current{display:flex;align-items:center;gap:12px}
.equipment-current>img{width:28px;height:38px;object-fit:contain;image-rendering:pixelated}
.equipment .ammo{font-size:26px;white-space:nowrap}.equipment strong{font-size:15px}.equipment small{font-size:11px}
.weapon-slots{display:flex;gap:6px;margin-top:13px}
.weapon-slots>div{position:relative;flex:1;text-align:center;padding:8px 2px;border:1px solid #b4c08922;opacity:.38;background:#15201980}
.weapon-slots>div.owned{opacity:.8}.weapon-slots>div.equipped{opacity:1;border-color:var(--accent);background:#c6d68a15}
.weapon-slots img{width:14px;height:26px;object-fit:contain;image-rendering:pixelated;display:inline-block;vertical-align:middle;margin-right:8px}
.weapon-slots span{font-size:12px}.weapon-slots small{font-size:10px;letter-spacing:1px;margin-top:4px}
.switch-hint{font-size:11px;text-align:center;color:#bdcc9d;letter-spacing:1px;margin-top:10px}
.pickup-label,.pickup-prompt{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;background:#17271def;border:1px solid #b8ca8866;color:#dce7bc;padding:3px 5px}
.pickup-label.near{border-color:var(--accent);background:#405032}.pickup-prompt{padding:6px 10px;background:#d7de8af0;border:0;color:#182615;font-weight:700}
.action-guide>kbd{font:600 20px var(--mono);padding:9px 10px;min-width:42px;text-align:center;border:1px solid #acbc82;color:var(--accent);white-space:nowrap}
#action-count{font-size:19px}
.reload-track{height:4px;background:#91a7693b;margin-top:10px}.reload-track>div{height:100%;background:var(--accent);width:0}
.complete-checks{flex-wrap:wrap;gap:9px 14px}
.bottom-controls{gap:12px;flex-wrap:wrap}
@media(max-height:760px) and (min-width:901px){.character-screen{padding-top:8px}.creation-heading{margin:4px auto 14px}.creation-heading h2{font-size:29px}.appearance-panel{padding:16px}.recruit-card{padding:18px}.recruit-portrait{height:118px}.recruit-portrait img{width:260px;height:260px}.recruit-info{margin:12px 0}.recruit-assignment{margin:10px 0 15px;padding-top:10px}.appearance-choice{aspect-ratio:1.65}.appearance-heading{margin-bottom:12px}}
@media(max-width:900px){.creation-layout{gap:18px;grid-template-columns:minmax(270px,1.25fr) minmax(240px,1fr)}.character-screen{padding:12px 4vw 35px}.appearance-panel{padding:13px}.appearance-grid{gap:7px}.appearance-heading{display:block}.appearance-heading>span{display:block;margin-top:5px}.recruit-card{padding:17px}.recruit-info h3{font-size:17px}.creation-heading h2{font-size:28px}.recruit-portrait{height:135px}.recruit-portrait img{width:265px;height:265px}.equipment{width:260px;padding:9px 11px;top:98px}.equipment-current>img{width:20px;height:27px}.equipment .ammo{font-size:20px}.equipment strong{font-size:12px}.weapon-slots{margin-top:7px;gap:4px}.weapon-slots>div{padding:5px 1px}.weapon-slots img{height:20px;width:10px;margin-right:6px}.weapon-slots small{display:none}.switch-hint{font-size:10px;margin-top:6px;letter-spacing:0}.equipment-current small{display:none}.bottom-controls{gap:5px}.bottom-controls span{font-size:10px;padding:4px 6px}.bottom-controls kbd{font-size:10px;margin-right:4px}.lesson-panel .action-guide{max-width:370px}.lesson-panel .action-guide>kbd{font-size:16px;padding:7px 9px}.lesson-panel #action-count{font-size:16px}}
@media(max-width:700px){.creation-layout{grid-template-columns:1fr}.creation-heading{margin:5px auto 16px}.appearance-choice{aspect-ratio:1.4}.appearance-panel{padding:14px}.appearance-heading{display:flex}.appearance-heading>span{margin:0}.recruit-card{display:grid;grid-template-columns:120px 1fr;gap:0 15px}.recruit-card>.eyebrow{grid-column:1/-1}.recruit-portrait{grid-row:2/4;height:130px;border:0;margin-top:10px}.recruit-portrait img{width:240px;height:240px}.recruit-info{margin:15px 0 8px}.recruit-assignment{margin:0 0 15px;padding-top:8px}.recruit-card .primary,.recruit-card .local-save-note,#creation-status{grid-column:1/-1}.recruit-info h3{font-size:17px}.creation-badge{font-size:10px}.character-screen{padding-bottom:45px}.equipment{top:92px;width:235px}.bottom-controls{right:8px;left:12px}.lesson-panel p{font-size:12px}.lesson-panel .action-guide{max-width:calc(100% - 100px);gap:8px}.action-guide strong{font-size:12px}.action-guide small{font-size:10px}.lesson-panel .action-guide>kbd{font-size:14px}.lesson-bottom{max-width:95px}.complete-card{max-height:95dvh;overflow:auto}}
/* Player command center, separate from the title screen. */
body[data-screen="hub"] .scene-shade,body[data-screen="hub"] .scanlines{opacity:0}
.hub-screen{padding:18px 6vw 26px;overflow:auto}
.hub-top{max-width:1120px;margin:0 auto 17px;display:flex;align-items:center;justify-content:space-between}
.hub-top h2{font-size:28px;margin:7px 0 0;letter-spacing:4px}.hub-top .eyebrow{font-size:11px;letter-spacing:2px}
.hub-layout{max-width:1120px;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;margin:auto;align-items:start}
.personnel-card{padding:17px 23px 20px;border:1px solid #aabc7940;background:linear-gradient(150deg,#b6ce7105,transparent);min-width:0}
.personnel-top{display:flex;justify-content:space-between;color:#879a77;font:600 12px var(--mono);letter-spacing:2px}
.ready-dot{color:#c7dc93;font:12px 'Noto Sans TC';letter-spacing:1px}.ready-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#c7dc93;border-radius:50%;margin-right:7px}
.hub-portrait{position:relative;height:clamp(150px,27vh,290px);margin:12px 0 0;overflow:hidden;border:1px solid #aabc791c}
.hub-portrait>img{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);image-rendering:pixelated}
.portrait-grid{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 29px,#c3d59006 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#c3d59006 29px 30px);border:12px solid #a9c87c03}
.portrait-coordinate{position:absolute;left:12px;top:12px;font:500 11px/1.5 var(--mono);letter-spacing:2px;color:#748764}
.portrait-corner{position:absolute;right:12px;bottom:8px;color:#9aac6b80;font-size:23px}
.animation-strip{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);color:#788a6d;font-size:11px}
.animation-strip>span{transition:color .2s}.animation-strip .active{color:var(--accent)}.animation-strip i{font-style:normal;color:#4b6246}.animation-strip>b{margin-left:auto;font-size:16px;font-weight:400}
.personnel-name{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.personnel-name>div>span,.level-block>span,.title-block>span{font-size:11px;color:#8c9f7b;letter-spacing:2px}
.personnel-name h3{font-size:29px;letter-spacing:3px;margin:3px 0 0;overflow-wrap:anywhere}
.personnel-name .text-button{font-size:11px;white-space:nowrap;margin-left:12px}
.personnel-details{display:flex;align-items:center;gap:22px;border-top:1px solid var(--border);padding-top:12px}
.level-block strong{display:block;font:500 19px var(--mono);color:#8d9f73;white-space:nowrap;margin-top:7px}.level-block b{font-size:30px;color:var(--accent);font-weight:600}
.title-block strong{display:block;font-size:14px;letter-spacing:1px;margin-top:11px;white-space:nowrap}
.rank-summary{margin-left:auto;background:none;padding:0;display:flex;align-items:center;gap:10px;text-align:left}
.rank-summary small{display:block;font-size:10px;color:#90a078}.rank-summary strong{display:block;font-size:16px;white-space:nowrap;margin-top:7px}.rank-summary>b{color:#8e9d76;margin-left:8px;font-weight:400}
.rank-badge{display:block;position:relative;width:68px;height:68px;flex-shrink:0}
.rank-badge img{position:absolute;object-fit:contain}.badge-frame{inset:0;width:100%;height:100%}.badge-inner{width:79%;height:79%;left:10.5%;top:10.5%}.badge-symbol{max-height:55%;width:59%;left:50%;top:50%;transform:translate(-50%,-50%)}
.hub-action-heading{padding:0 0 15px}.hub-action-heading .eyebrow{font-size:12px;letter-spacing:3px}.hub-action-heading p{font-size:13px;color:#97ab84;margin:8px 0 0}
.hub-action{position:relative;display:flex;align-items:center;gap:18px;width:100%;padding:17px 25px;margin-bottom:11px;text-align:left;border:1px solid #a8bd7959;background:linear-gradient(110deg,#273822,#1b291d);min-height:87px}
.hub-action strong{display:block;font-size:25px;letter-spacing:4px}.hub-action small{display:block;color:#97ab85;font-size:11px;margin-top:5px;letter-spacing:1px}.hub-action>b{margin-left:auto;color:#9daf7a;font-size:23px;font-weight:400}
.hub-button-number{position:absolute;right:25px;top:10px;font:500 10px var(--mono);letter-spacing:1px;color:#799368}
.hub-button-icon{font-size:30px;line-height:1;width:40px;color:#9ab374;text-align:center}
.hub-action.featured{background:linear-gradient(110deg,#d8df91,#aebb77);color:#1b291c;border-color:#d8df91}.hub-action.featured small{color:#455839}.hub-action.featured .hub-button-icon,.hub-action.featured>b{color:#334b2b}.hub-action.featured .hub-button-number{color:#526842}
.hub-action:hover{transform:translateX(3px);filter:brightness(1.08)}.hub-local-note{font-size:10px;color:#7a906c;margin:13px 0 0;letter-spacing:1px}
.graduation{display:flex;gap:20px;align-items:center;max-width:1120px;margin:0 auto 15px;border:1px solid #a7c06e60;background:#293f2299;padding:11px 17px;color:#c5dc97;font-size:12px}
.graduation>span:last-child{margin-left:auto;color:#8fa47b}
.name-field{display:block;font-size:12px;color:#a9bc94;line-height:1.8;text-align:left}
.name-field input{display:block;width:100%;margin:6px 0 12px;padding:10px 12px;background:#142119;border:1px solid #9eb87966;color:#e3e9d2;font:15px 'Noto Sans TC';outline:none}.name-field input:focus{border-color:var(--accent)}
.hub-panel-card{position:relative;width:720px;max-height:90dvh;overflow:auto;text-align:left;padding:32px}
.hub-panel-card h2{margin-bottom:18px}.panel-close{position:absolute;right:18px;top:14px;background:none;color:#c0d195;font-size:28px}
.hub-panel-card .panel-intro{font-size:13px;margin:0 0 20px;color:#aebf9b}.inventory-list{display:grid;gap:10px}
.inventory-list article{display:flex;gap:18px;align-items:center;border:1px solid #aabd7940;padding:17px 20px;background:#253320}
.inventory-list article>img{width:38px;height:56px;object-fit:contain;image-rendering:pixelated;margin:0 8px}
.inventory-list small{font-size:11px;color:#899f72}.inventory-list h3{font-size:19px;letter-spacing:2px;margin:4px 0 5px}.inventory-list p{font-size:12px;margin:0;color:#a9ba93}
.inventory-list article>span:last-child{margin-left:auto;font:500 19px var(--mono);color:var(--accent)}
.inventory-list article>.equipped-tag:last-child{font:11px 'Noto Sans TC';white-space:nowrap}.loadout-index{font:500 18px var(--mono);color:#718b59}
.hub-panel-card .panel-footnote{font-size:11px;color:#859e71;margin:18px 0 0}.rank-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.rank-entry{border:1px solid #71895240;padding:10px 5px;text-align:center;background:#18251b}.rank-entry.current{border-color:var(--accent);background:#3d502b}
.rank-entry .rank-badge{margin:0 auto 7px;width:62px;height:62px}.rank-entry strong{display:block;font-size:13px}.rank-entry small{display:block;font:12px var(--mono);color:#a1b48c;margin-top:5px}
#name-save-status{font-size:12px;color:var(--accent);margin-top:12px}
@media(max-height:760px) and (min-width:901px){.hub-screen{padding-top:12px}.hub-top{margin-bottom:13px}.hub-top h2{font-size:25px}.hub-portrait{height:180px}.hub-action{min-height:79px;padding:12px 23px}.hub-action strong{font-size:23px}.hub-action-heading{padding-bottom:12px}.personnel-card{padding:15px 20px}.personnel-name{padding:11px 0}.personnel-name h3{font-size:27px}.graduation{padding:9px 15px;margin-bottom:12px}.rank-badge{width:62px;height:62px}.personnel-details{gap:20px}.character-screen .recruit-portrait{height:85px}}
@media(max-width:1000px){.hub-layout{gap:22px}.hub-screen{padding-left:4vw;padding-right:4vw}.personnel-card{padding:14px 17px}.personnel-details{gap:15px}.title-block strong{font-size:12px}.rank-summary{gap:6px}.rank-summary>b{margin-left:0}.rank-badge{width:55px;height:55px}.rank-summary strong{font-size:14px}.hub-action{padding:17px 18px;gap:12px}.hub-action strong{font-size:22px}.hub-action small{font-size:10px}}
@media(max-width:760px){.hub-layout{grid-template-columns:1fr 1fr;gap:14px}.hub-screen{padding:14px 20px 45px}.hub-top h2{font-size:22px}.hub-portrait{height:175px}.personnel-card{padding:12px}.personnel-name h3{font-size:22px;letter-spacing:1px}.personnel-name{display:block}.personnel-name .text-button{padding:5px 0;margin:3px 0 0}.personnel-details{flex-wrap:wrap;gap:15px 20px}.rank-summary{margin-left:0;width:100%}.rank-summary>b{margin-left:auto}.hub-action-heading .eyebrow{letter-spacing:1px;font-size:10px}.hub-action{gap:7px;min-height:87px;padding:13px 12px}.hub-button-icon{font-size:24px;width:26px}.hub-action strong{font-size:22px}.hub-action small{font-size:10px;line-height:1.5;letter-spacing:0}.hub-action>b{font-size:18px}.hub-button-number{right:13px;top:6px}.animation-strip{gap:5px;font-size:9px;white-space:nowrap}.animation-strip>b{display:none}.graduation{flex-wrap:wrap;gap:4px 12px;font-size:11px}.graduation>span:last-child{display:none}.rank-grid{grid-template-columns:repeat(4,1fr)}.hub-panel-card{padding:26px 20px}.hub-local-note{line-height:1.8}}
@media(max-width:450px){.hub-layout{grid-template-columns:1fr}.hub-portrait{height:200px}.personnel-name{display:flex}.personnel-details{flex-wrap:nowrap}.rank-summary{width:auto;margin-left:auto}.rank-badge{width:48px;height:48px}.rank-summary strong{font-size:13px}.hub-actions{padding-top:8px}.hub-action{min-height:85px}.rank-grid{grid-template-columns:repeat(3,1fr)}.inventory-list article{padding:12px;gap:9px}.inventory-list article>img{width:26px;margin:0 3px}}
/* V5: chapter selector and a HUD that leaves the entire map unobscured. */
.mission-series{margin:28px 0 22px;border:1px solid #b6c88344;background:#15211df5;max-width:1120px}.mission-series summary{display:flex;gap:24px;align-items:center;padding:25px 30px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#344232,#1e2b23)}.mission-series summary::-webkit-details-marker{display:none}.series-number{font:700 56px var(--mono);color:#d9e29b;line-height:1}.mission-series summary>span:nth-child(2){display:grid;gap:6px;flex:1}.mission-series small{font:600 12px var(--mono);letter-spacing:2px;color:#a4b69a}.mission-series summary strong{font-size:27px;letter-spacing:3px}.mission-series summary em{font-size:13px;color:#b0bda7;font-style:normal}.series-status{font-size:12px;color:#d8dfa5;border:1px solid #bac58644;padding:8px 12px}.series-chevron{font-size:24px;transition:transform .2s}.mission-series[open] .series-chevron{transform:rotate(180deg)}.mission-list{padding:8px 24px 12px}.mission-entry{display:flex;text-align:left;align-items:center;gap:24px;width:100%;padding:21px 4px;background:transparent;border-bottom:1px solid #b6c88322}.mission-entry:last-child{border:0}.mission-entry:hover:not(:disabled){background:#728a5520}.mission-art{width:120px;height:80px;position:relative;flex-shrink:0;overflow:hidden;border:1px solid #a6b48433;background:#35462d}.mission-art>b{position:absolute;bottom:5px;right:8px;font:700 25px var(--mono);color:#e1e7bd}.track-art i{position:absolute;width:95px;height:52px;border:9px solid #967453;border-radius:40px;top:12px;left:10px;box-shadow:inset 0 0 0 2px #c9c7a4,0 0 0 1px #bdbc97}.exercise-art{background:repeating-linear-gradient(0deg,#2b342f 0 19px,#3e484020 19px 20px)}.exercise-art i{position:absolute;inset:15px 12px;background:repeating-linear-gradient(90deg,#547b8d 0 21px,transparent 21px 32px,#995d40 32px 53px,transparent 53px 65px);transform:skewY(-8deg)}.locked-art{background:repeating-linear-gradient(135deg,#202d26 0 8px,#27352b 8px 10px)}.mission-description{display:grid;gap:5px;flex:1}.mission-description>strong{font-size:22px;letter-spacing:2px}.mission-description>span{font-size:13px;color:#c1cbb5}.mission-description>em{font-style:normal;color:#8fa08a;font-size:11px}.mission-state{display:grid;gap:12px;justify-items:end;min-width:100px}.mission-state>b{font-size:13px;color:#d8e49c}.mission-state>small{font-family:inherit;letter-spacing:0}.mission-unavailable{opacity:.48}.mission-unavailable .mission-state>b{color:#adba9f}.select-screen{overflow:auto;padding-bottom:45px}.select-screen h2{margin:12px 0;font-size:40px}
body[data-screen="combat"] .scene-shade,body[data-screen="result"] .scene-shade{opacity:0}body[data-screen="combat"] header,body[data-screen="result"] header{display:none}body[data-screen="training"] .scanlines,body[data-screen="combat"] .scanlines{opacity:.1}
#hud{inset:0;pointer-events:none}#hud:before,#hud:after{content:"";position:absolute;left:0;right:0;background:#111c18;z-index:-1}#hud:before{top:0;height:12%}#hud:after{bottom:0;height:23%}.mission-top{left:18px;right:18px;top:10px;gap:18px}.mission-top>div:first-child{min-width:180px;padding:8px 16px}.mission-top strong{font-size:18px;letter-spacing:2px;margin-top:2px}.mission-top .eyebrow{font-size:11px}.training-time{margin-left:auto;padding:8px 15px;background:#1c2a22}.training-time b{font-size:23px}.mission-top .icon-button{font-size:12px;padding:9px 14px}.lesson-panel{left:18px;right:374px;bottom:30px;width:auto;height:132px;padding:12px 16px;box-shadow:none;border-color:#82915f44}.lesson-heading{font-size:10px}.lesson-heading>span:first-child{font-size:12px}.step-track{position:absolute;top:13px;right:16px;width:115px;margin:0}.lesson-panel h2{font-size:19px;margin:12px 0 5px;float:none;letter-spacing:1px}.lesson-panel p{font-size:12px;line-height:1.6;min-height:0;width:53%;margin:0}.lesson-panel .action-guide{position:absolute;right:16px;top:43px;width:43%;max-width:none;display:flex;gap:9px;padding:0;clear:none}.lesson-panel .action-guide>kbd{font-size:14px;padding:7px 8px;white-space:nowrap}.action-guide small{font-size:10px;line-height:1.5}.action-guide strong{font-size:12px}.lesson-panel #action-count{font-size:14px;white-space:nowrap}.lesson-bottom{position:absolute;bottom:9px;left:16px;right:16px;border:0;padding:0;margin:0;font-size:10px;max-width:none;display:flex;justify-content:space-between;line-height:1.4}.lesson-panel .reload-track{position:absolute;right:16px;bottom:30px;width:43%;height:4px;margin:0}.lap-meter{position:absolute;right:16px;top:52px;width:43%}.lap-meter>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#c7d19f}.lap-meter strong{font:600 19px var(--mono);color:#e3eaaa}.lap-track{height:5px;background:#4a5740;margin-top:10px}.lap-track i{display:block;background:#d8e591;height:100%;width:0;transition:width .2s}.lap-waypoint{position:absolute;transform:translate(-50%,-100%);background:#dae783;color:#223320;font-size:10px;font-weight:700;padding:4px 7px;border-radius:2px;white-space:nowrap;pointer-events:none}
.equipment{left:auto;right:18px;top:auto;bottom:30px;width:338px;min-width:0;padding:10px 14px;height:132px;display:block}.equipment-current{gap:12px;height:47px}.equipment-current>img{width:28px;height:42px;object-fit:contain}.equipment-current>img[data-weapon="1"]{width:18px;height:24px;margin:0 5px}.equipment-current>img[data-weapon="0"]{height:26px}.equipment strong{font-size:14px}.equipment small{display:block;font-size:10px;max-width:175px;margin-top:3px}.equipment .ammo{font-size:24px}.weapon-slots{margin-top:8px;gap:6px}.weapon-slots>div{height:34px;padding:5px 2px;display:flex;align-items:center;justify-content:center;gap:5px}.weapon-slots img{margin:0;width:12px;height:25px}.weapon-slots>div:nth-child(2) img{height:15px;width:8px}.weapon-slots span{font-size:11px}.weapon-slots small{display:none}.switch-hint{margin-top:6px;font-size:10px}.bottom-controls{left:18px;right:18px;bottom:7px;padding:0;border:0;font-size:10px;gap:18px}.bottom-controls kbd{font-size:10px}.toast{top:78px;max-width:70%;font-size:12px}.world-label{font-size:10px}.target-label,.pickup-label{font-size:10px;padding:3px 6px}.pickup-prompt{font-size:11px}.combat-score{display:flex;gap:18px;align-items:center;font:600 19px var(--mono);color:#9ad0e2}.combat-score>b{color:#f0ae96}.health{position:relative;display:block;width:138px;height:27px;background:#374536;border:1px solid #a0bb8855;overflow:hidden}.health>i{position:absolute;inset:0;background:#537b49;transition:width .1s}.health>i.low{background:#ad5744}.health>strong{position:relative!important;text-align:center;font:600 15px var(--mono)!important;letter-spacing:1px!important;margin-top:3px!important}.unit-tag{position:absolute;transform:translate(-50%,-100%);width:68px;text-align:center;font-size:9px;color:#c6edf5;pointer-events:none;text-shadow:0 1px 2px #000}.unit-tag>i{display:block;height:3px;background:#13231ee8;margin:3px 7px 0}.unit-tag>i>b{display:block;height:100%;background:#83c7dc}.unit-tag.enemy{color:#ffd1b9}.unit-tag.enemy>i>b{background:#e98c6b}body[data-mode="combat"] .step-track{display:none}body[data-mode="combat"] .lesson-panel p{width:100%;max-width:650px}body[data-mode="combat"] .lesson-panel h2{color:#e4e7ac}.result-symbol{font-size:42px;color:#dbe8a0;margin:15px 0 6px}.defeat .result-symbol{color:#e2a287}.result-card .stats b{font-size:26px}.hit-flash #game-shell:after{content:"";position:absolute;inset:12% 0 23%;box-shadow:inset 0 0 50px #db4d32;pointer-events:none;animation:damage .4s forwards}@keyframes damage{to{opacity:0}}
@media(max-width:1000px){.lesson-panel{right:302px;padding:10px 12px}.equipment{width:267px;padding:10px}.equipment small{max-width:125px;font-size:9px}.equipment-current{gap:7px}.equipment .ammo{font-size:21px}.mission-top{gap:9px}.combat-score{gap:9px;font-size:16px}.health{width:110px}.lesson-panel h2{font-size:17px}.lesson-panel p{font-size:11px}.action-guide small{display:none}.lesson-bottom{left:12px;right:12px;font-size:9px}.lesson-panel .action-guide{right:10px}.mission-series summary{padding:22px;gap:18px}.mission-entry{gap:16px}.mission-art{width:100px}.mission-description>strong{font-size:20px}}
@media(max-width:700px){.mission-series summary{padding:18px 14px;gap:12px}.series-number{font-size:35px}.mission-series summary strong{font-size:19px}.series-status{display:none}.mission-list{padding:0 12px}.mission-art{display:none}.mission-entry{gap:9px;padding:18px 0}.mission-description>span{font-size:11px}.mission-description>em{font-size:10px}.mission-state{min-width:72px}.mission-state>b{font-size:11px}.mission-description>strong{font-size:18px}.mission-series summary em{font-size:11px}.lesson-panel{left:10px;right:215px;bottom:26px;height:128px}.equipment{right:10px;width:195px;bottom:26px;height:128px}.lesson-panel p{width:100%;font-size:10px}.lesson-panel .action-guide{display:none}.lesson-panel h2{font-size:15px;margin-top:10px}.step-track{width:65px;right:10px}.lap-meter{width:100%;position:static;margin-top:5px}.lap-meter>div:first-child{font-size:9px}.lap-track{margin-top:3px}.lap-meter strong{font-size:13px}.lesson-bottom{bottom:6px}.lesson-bottom #objective-status{display:none}.equipment-current>img{display:none}.equipment strong{font-size:12px}.equipment .ammo{font-size:19px}.equipment-current small{font-size:9px}.weapon-slots span{font-size:10px}.weapon-slots img{display:none}.switch-hint{font-size:9px}.mission-top{left:10px;right:10px;gap:6px}.mission-top>div:first-child{min-width:105px;padding:6px 8px}.mission-top strong{font-size:14px}.combat-score{gap:6px;font-size:12px}.health{width:70px;height:22px}.health>strong{font-size:12px!important}.training-time{display:none}.mission-top>button{margin-left:auto}.bottom-controls{left:10px;right:10px;gap:7px;font-size:9px}.bottom-controls kbd{font-size:9px}.desktop-note{display:none}.world-label,.unit-tag,.pickup-label,.target-label{font-size:8px}.unit-tag{width:55px}}
.inventory-list article>img[src$="pistol.webp"]{height:28px;width:20px;margin-left:17px;margin-right:17px}.inventory-list article>img[src$="rifle.webp"]{height:58px;width:38px}.inventory-list article>img[src$="knife.svg"]{height:31px}.appearance-choice img{image-rendering:pixelated}
/* V6: equipment inspection and supply catalog. */
#hub-gear strong{font-size:clamp(19px,2.1vw,26px);letter-spacing:2px}.hub-actions .hub-action{min-height:105px}.hub-actions .hub-action.featured{min-height:125px}
#hub-panel[data-panel="armory"] .hub-panel-card{width:1080px;max-width:95vw;padding:26px 30px 19px;overflow:visible}#hub-panel[data-panel="armory"] h2{font-size:27px;letter-spacing:3px;margin:8px 0 12px}
.armory{position:relative}.armory-brief{display:flex;justify-content:space-between;align-items:center;color:#adbb9c;font-size:12px;border-bottom:1px solid #a1b87833;padding-bottom:17px;margin-bottom:18px}.armory-brief small{font-size:11px;color:#d5df9d}.armory-columns{display:grid;grid-template-columns:.93fr 1.2fr;gap:28px}.loadout-side{padding-right:28px;border-right:1px solid #a1b87833;min-width:0}.bag-side{min-width:0}.kit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.kit-section-heading h3{font-size:19px;letter-spacing:3px;margin:0}.kit-section-heading>span{font:11px var(--mono);color:#8fa27c;white-space:nowrap}.kit-help{font-size:11px!important;color:#8d9f7f!important;margin:8px 0 16px!important}.loadout-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.loadout-slot{position:relative;min-height:150px;background:linear-gradient(140deg,#283524,#17241d);border:1px solid #71855088;padding:12px 14px;text-align:left;display:flex;flex-direction:column}.loadout-slot.filled{border-top:2px solid #b1c480}.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.slot-heading b{font-size:12px;color:#c7d0b3;font-weight:500;letter-spacing:1px}.slot-heading small{font:10px var(--mono);color:#758a68}.slot-visual{display:flex;align-items:center;justify-content:center;height:70px;margin:3px 0 4px}.slot-visual>i{font:normal 34px var(--mono);color:#647558}.kit-art{display:block;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.kit-art-rifle{width:33px;height:63px}.kit-art-pistol{width:19px;height:34px}.kit-art-knife{width:25px;height:40px}.loadout-slot>strong{font-size:14px;font-weight:500;letter-spacing:1px}.loadout-slot>small{font-size:10px;color:#8e9f7b;margin-top:5px}.slot-edit{position:absolute;bottom:13px;right:12px;font-size:10px;color:#b6c28c;opacity:0}.loadout-slot:hover,.loadout-slot:focus-visible,.bag-cell.occupied:hover,.bag-cell.occupied:focus-visible{border-color:#d9e69e;background:#34432d;outline:1px solid #d9e69e;outline-offset:2px}.loadout-slot:hover .slot-edit,.loadout-slot:focus-visible .slot-edit{opacity:1}.kit-note{font-size:10px!important;line-height:1.7!important;margin:12px 0 0!important;color:#8c9f7d!important}
.bag-tabs{display:flex;border-bottom:1px solid #72885766;margin:10px 0 16px;gap:8px}.bag-tabs button{background:transparent;color:#8fa17c;padding:10px 17px 11px;font-size:13px;border-bottom:2px solid transparent;display:flex;gap:10px;align-items:center}.bag-tabs button[aria-selected="true"]{color:#e4ecb5;border-color:#d3df93;background:#839c4812}.bag-tabs button>span{font:11px var(--mono);color:#8da16f}.bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.bag-cell{min-width:0;height:87px;position:relative;border:1px solid #91a57030;background:#14221b;display:flex;flex-direction:column;align-items:center;justify-content:center}.bag-cell.occupied{background:linear-gradient(140deg,#2d3a27,#1d2c20);border-color:#8fa76870;padding:8px}.bag-cell .kit-art-rifle{height:43px;width:23px}.bag-cell .kit-art-pistol{height:24px;width:14px;margin:9px 0 10px}.bag-cell .kit-art-knife{height:30px;width:19px;margin:6px 0 7px}.bag-cell strong{font-size:11px;font-weight:500;margin-top:3px}.bag-cell>small{font-size:9px;color:#d0da9e;margin-top:2px}.cell-index{position:absolute;left:6px;top:5px;font:8px var(--mono);color:#7e936a}.bag-cell.empty>span{font:18px var(--mono);color:#3c5137}.bag-caption{font-size:11px!important;line-height:1.7!important;color:#8f9f7e!important;margin:12px 0 0!important}.kit-status{margin:17px 0 0!important;padding-top:12px;border-top:1px solid #a1b87833;color:#cbdba0!important;font-size:11px!important;line-height:1.6!important;min-height:31px}
.weapon-picker{position:absolute;z-index:5;inset:-10px -10px -5px;display:flex;align-items:center;justify-content:center;background:#0e1813ed;backdrop-filter:blur(5px);padding:20px}.weapon-picker-card{width:600px;max-width:100%;border:1px solid #a7bd7988;background:linear-gradient(145deg,#293b27,#17251c);padding:25px;box-shadow:0 24px 65px #0008}.picker-heading{display:flex;justify-content:space-between;align-items:center}.picker-heading h3{font-size:24px;letter-spacing:2px;margin:6px 0 0}.picker-heading .eyebrow{font-size:10px}.picker-heading>button{font-size:27px;background:transparent;color:#bfcf9e;padding:5px 10px}.weapon-picker-card>p{font-size:12px;color:#99ad85;margin:15px 0 18px}.picker-list{display:grid;gap:10px;max-height:270px;overflow:auto}.weapon-option{display:flex;align-items:center;gap:24px;width:100%;text-align:left;padding:20px;border:1px solid #7b92604f;background:#19281e}.weapon-option.current{border-color:#bece84;background:#3c4b2b55}.weapon-option:hover{border-color:#dfeba5}.weapon-option>span{flex:1}.weapon-option strong{display:block;font-size:20px;letter-spacing:2px}.weapon-option small{display:block;font-size:11px;color:#a7b798;margin-top:8px;line-height:1.6}.weapon-option>b{font-size:12px;color:#d5e39c;white-space:nowrap}.picker-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.picker-footer .secondary{width:auto;padding:12px 18px;margin:0;font-size:12px}.picker-footer .text-button{font-size:12px}.picker-empty{text-align:center;padding:16px;border:1px dashed #9bb77044}.picker-empty>span{display:block;font-size:30px;color:#8eaa6c}.picker-empty>strong{display:block;font-size:15px;margin:7px}.picker-empty p{font-size:12px;color:#99ad85}.picker-footer button:disabled{opacity:.35;cursor:not-allowed}
.store-intro{display:flex;align-items:center;gap:20px;border-bottom:1px solid #a1b87833;padding:6px 0 22px;margin-bottom:22px}.store-stamp{border:1px solid #bdcf8799;padding:11px 8px;font:600 13px/1.4 var(--mono);color:#c0d489;letter-spacing:2px;transform:rotate(-4deg)}.store-intro h3{margin:0 0 8px;letter-spacing:2px;font-size:20px}.store-intro p{margin:0;font-size:12px;color:#a8b797}.store-status{margin-left:auto;font-size:11px;white-space:nowrap;color:#d6db9e}.store-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.store-catalog article{display:flex;flex-direction:column;align-items:center;border:1px solid #9bb67444;background:#223320;padding:23px 10px 18px;text-align:center}.store-catalog .kit-art{height:75px;margin:10px 0 20px}.store-catalog .kit-art-pistol{height:39px;margin-top:28px;margin-bottom:38px}.store-catalog .kit-art-knife{height:47px;margin-top:24px;margin-bottom:34px}.store-catalog small{color:#94a77d;font-size:10px}.store-catalog h3{font-size:20px;margin:6px 0 10px;letter-spacing:2px}.store-catalog p{font-size:11px;line-height:1.8;color:#a7b799;margin:0}.store-catalog article>span{margin-top:20px;font-size:10px;background:#405334;padding:6px 10px;color:#c0d296}
@media(max-height:760px) and (min-width:901px){#hub-panel[data-panel="armory"] .hub-panel-card{padding-top:20px;padding-bottom:15px}.armory-brief{padding-bottom:12px;margin-bottom:13px}.loadout-slot{min-height:137px}.slot-visual{height:60px}.bag-cell{height:80px}.kit-status{margin-top:12px!important}.hub-actions .hub-action{min-height:102px}.hub-actions .hub-action.featured{min-height:120px}}
@media(max-width:900px){#hub-panel[data-panel="armory"] .hub-panel-card{padding:23px;overflow:auto;max-height:93dvh}.armory-columns{gap:20px;grid-template-columns:1fr 1.1fr}.loadout-side{padding-right:20px}.bag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bag-cell{height:77px}.bag-tabs button{padding-left:10px;padding-right:10px}.loadout-slot{padding:10px;min-height:150px}.kit-section-heading>span{font-size:10px}.weapon-picker{position:fixed;inset:0;padding:25px}.store-catalog{gap:8px}}
@media(max-width:580px){.armory-columns{grid-template-columns:1fr}.loadout-side{border-right:0;border-bottom:1px solid #a1b87833;padding:0 0 18px}.armory-brief{display:block;line-height:1.8}.armory-brief small{display:block}.loadout-slot{min-height:130px}.slot-visual{height:58px}.bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bag-cell{height:80px}.kit-status{padding-bottom:5px}.weapon-picker-card{padding:20px}.weapon-option{gap:14px;padding:14px}.weapon-option>b{font-size:10px}.weapon-option strong{font-size:17px}.weapon-option small{font-size:10px}.store-intro{flex-wrap:wrap;gap:15px}.store-status{margin-left:0}.store-catalog{grid-template-columns:1fr}.store-catalog article{padding:15px}.hub-actions .hub-action,.hub-actions .hub-action.featured{min-height:97px}}
/* Full viewport playfield with compact corner instruments. */
body[data-screen="select"] header{display:none}.select-screen{inset:0;padding:28px 4vw 30px}.select-screen>.eyebrow{margin-top:15px}.select-screen .mission-series{max-width:none;width:100%;margin:22px 0}.select-screen .mission-list{padding:8px 28px 16px}.select-screen .mission-entry{min-height:150px}.select-screen h2{font-size:36px}.select-screen .mission-description>strong{font-size:25px}
#hud:before,#hud:after{display:none}.mission-top{top:16px;left:18px;right:18px;gap:12px}.mission-top>div:first-child{background:#152219e6;border:1px solid #b8c99555;border-left:3px solid #d6df9c;min-width:165px;padding:9px 14px}.mission-top strong{font-size:18px}.training-time{background:#17241bdd}.mission-top .icon-button{background:#17241bea;min-height:40px;pointer-events:auto}#battle-fullscreen{font-size:20px;padding:4px 12px}.combat-score{background:#17241be8;border:1px solid #a8ba7933;padding:9px 13px}.mission-top .eyebrow{font-size:12px}.training-time span{font-size:12px}
.lesson-panel{left:18px;right:auto;bottom:18px;top:auto;width:350px;height:auto;min-height:0;padding:14px 16px;background:#152219eb;border:1px solid #afc58755;box-shadow:0 4px 18px #0003;backdrop-filter:blur(3px)}.lesson-heading{font-size:12px}.lesson-heading>span:first-child{font-size:13px}.lesson-heading>span:last-child{display:none}.step-track{position:static;width:auto;margin:8px 0 10px}.lesson-panel h2{font-size:20px;float:none;margin:5px 0 7px;line-height:1.3}.lesson-panel p,body[data-mode="combat"] .lesson-panel p{width:100%;max-width:none;min-height:0;font-size:14px;line-height:1.6;margin:0}.lap-meter{position:static;width:100%;margin:12px 0 0}.lap-meter>div:first-child{font-size:12px}.lap-meter strong{font-size:19px}.lap-track{margin-top:6px}.lesson-panel .action-guide{position:static;display:flex;width:100%;max-width:none;padding:0;margin:10px 0 0;gap:9px}.lesson-panel .action-guide>kbd{font-size:14px;padding:6px 9px}.action-guide strong{font-size:14px}.action-guide small{display:none}.lesson-bottom{position:static;display:flex;justify-content:space-between;max-width:none;margin:10px 0 0;padding:0;border:0;gap:10px;font-size:12px;line-height:1.4}.lesson-bottom #objective-status{display:block}.lesson-bottom #objective-check{white-space:nowrap}.lesson-panel .reload-track{position:static;width:100%;margin:9px 0 0}.equipment{right:18px;bottom:18px;top:auto;left:auto;width:300px;height:auto;min-height:130px;padding:12px 14px;background:#152219eb;border:1px solid #afc58755;box-shadow:0 4px 18px #0003}.equipment strong{font-size:16px}.equipment small{font-size:11px;max-width:145px}.equipment-current{height:48px}.equipment-current>img{display:block;height:36px;width:23px}.weapon-slots{margin-top:9px}.weapon-slots span{font-size:12px}.weapon-slots img{display:block}.switch-hint{font-size:11px;line-height:1.5}.bottom-controls{left:390px;right:340px;bottom:19px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:0;border:0;font-size:11px}.bottom-controls>span{background:#17251bba;padding:4px 6px;white-space:nowrap}.bottom-controls kbd{font-size:12px}.toast{top:82px}.unit-tag{font-size:11px;width:82px}.world-label,.pickup-label,.target-label{font-size:12px}.lap-waypoint{font-size:12px}.hit-flash #game-shell:after{inset:0}
@media(max-width:1100px){.bottom-controls{display:none}.lesson-panel{width:310px}.equipment{width:275px}.combat-score{font-size:15px;gap:9px;padding:8px}.health{width:100px}.training-time span{display:none}.mission-top strong{font-size:16px}.mission-top>div:first-child{min-width:145px}.lesson-panel p{font-size:13px}}
@media(max-width:700px){.mission-top{top:10px;left:10px;right:10px;gap:6px}.mission-top>div:first-child{min-width:115px;padding:6px 8px}.mission-top .eyebrow{font-size:10px}.mission-top strong{font-size:14px}.mission-top .icon-button{min-height:35px;padding:6px 8px;font-size:11px}.mission-top #battle-fullscreen{font-size:17px}.mission-top .training-time{display:none}.combat-score{font-size:12px;gap:6px;padding:6px}.health{width:60px;height:22px}.mission-top>button{margin-left:0}.mission-top #battle-fullscreen{margin-left:auto}.lesson-panel{left:10px;bottom:10px;width:calc(58% - 15px);padding:10px}.lesson-panel h2{font-size:16px}.lesson-panel p{font-size:12px;line-height:1.5}.lesson-heading,.lesson-heading>span:first-child{font-size:11px}.lesson-bottom{font-size:10px;margin-top:7px}.lesson-bottom #objective-status{display:none}.equipment{right:10px;bottom:10px;width:calc(42% - 15px);padding:9px;min-height:115px}.equipment-current>img{display:none}.equipment strong{font-size:13px}.equipment small{font-size:10px}.weapon-slots span{font-size:10px}.weapon-slots img{display:none}.switch-hint{font-size:9px}.equipment .ammo{font-size:21px}.lap-meter>div:first-child{font-size:10px}.lesson-panel .action-guide>kbd{font-size:11px}.action-guide strong{font-size:12px}.select-screen{padding:16px 20px}.select-screen .mission-entry{min-height:120px}.select-screen .mission-description>strong{font-size:20px}.select-screen .mission-list{padding:0 12px}.world-label,.unit-tag,.pickup-label,.target-label{font-size:10px}}
/* Keep the first route marker clear at 1280 x 720. */
.lesson-panel{padding:12px 14px}.lesson-heading{position:absolute;right:14px;top:14px}.lesson-panel .step-track{display:none}.lesson-panel h2{font-size:18px;margin:0 0 6px;padding-right:60px}.lesson-panel p,body[data-mode="combat"] .lesson-panel p{font-size:13px;line-height:1.5}.lap-meter{margin-top:8px}.lesson-bottom{font-size:11px;margin-top:7px}.lesson-panel:has(.lap-meter:not(.hidden)) .lesson-bottom{display:none}

body[data-screen="training"] #unity-canvas,body[data-screen="combat"] #unity-canvas{cursor:none}

.weapon-slots span{font-size:10px;white-space:normal;line-height:1.35}.equipment strong{font-size:14px;letter-spacing:0}.kit-art-mp5{height:75px}.kit-art-svd{height:90px}.store-catalog{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.weapon-option strong{font-size:18px}

.order-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e6c661aa;border-radius:4px;background:#252d1ddc;color:#f8dd81;font-size:12px;pointer-events:none}.order-marker b{display:block;font-size:22px}.assault-art{filter:sepia(.4)}.select-screen{overflow-y:auto}#unit-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}

.commander-bubble{position:absolute;z-index:5;transform:translate(-50%,-100%);width:280px;max-width:70vw;background:#f2ebcb;color:#263225;border:2px solid #c9ae58;border-radius:12px;padding:11px 15px;box-shadow:0 4px 16px #0006;pointer-events:none;font-size:14px;line-height:1.65}.commander-bubble strong{display:block;color:#6e5817;font-size:12px;margin-bottom:4px}.commander-bubble:after{content:"";position:absolute;top:100%;left:calc(50% - 9px);border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid #f2ebcb}.commander-bubble span{display:block}body[data-assault="true"] .lesson-panel p{font-size:12px;line-height:1.4}body[data-assault="true"] .lesson-panel h2{font-size:17px;margin:3px 0 5px}body[data-assault="true"] .lesson-panel{padding:10px 12px}
.commander-bubble.below{transform:translate(-50%,0)}.commander-bubble.below:after{top:auto;bottom:100%;border-top:0;border-bottom:12px solid #f2ebcb}body[data-assault="true"] .unit-tag{width:58px;font-size:10px}

/* Recruitment briefings remain in the full-window playfield. */
.instructor-tag{position:absolute;transform:translate(-50%,-50%);background:#302b18e8;border:1px solid #d4b762;color:#f0d889;font-size:12px;padding:3px 8px;white-space:nowrap;pointer-events:none}
.commander-bubble{width:300px;font-size:15px}.commander-bubble:after{left:calc(var(--tail,50%) - 9px)}
.mission-countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;padding:20px 36px;border:1px solid #d4d99470;background:#142219e8;color:#eef2bd;pointer-events:none;z-index:6}.mission-countdown span{display:block;font-size:18px;letter-spacing:4px}.mission-countdown b{display:block;font:700 80px/1.15 var(--mono)}

.merit-block{display:grid;gap:8px;padding:14px 20px;color:#e0ca88;font-size:12px;border-top:1px solid #ffffff15}.merit-block progress{width:100%;height:6px;accent-color:#dcc47a}.merit-reward{color:#e0ca88!important;font-weight:600}

body.in-campaign header,body.in-campaign .scene-shade,body.in-campaign .scanlines{display:none!important}
#campaign-view[hidden],#campaign-view [hidden]{display:none!important}#campaign-view{position:absolute;inset:0;pointer-events:none;color:#ecebd5;font-size:12px}
#campaign-view button,#campaign-view details{pointer-events:auto}.campaign-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:12px 24px;background:#111a16e8;border-bottom:1px solid #74836555;letter-spacing:.08em}.campaign-top button{margin-left:auto;padding:8px 14px;border:1px solid #a5ad7955;background:#233326;color:#eee8ca}
.campaign-orders{position:absolute;top:64px;left:22px;width:300px;padding:18px;background:#14221cdf;border:1px solid #80957455;border-left:3px solid #d9c36a}.campaign-orders h2{font-size:23px;margin:7px 0}.campaign-orders p{line-height:1.6;margin:8px 0}.campaign-orders small{color:#cec687}.campaign-orders b{color:#d9d38d}#cp-radio{color:#efc877}#cp-assembly{line-height:1.8;color:#f0d667}
.campaign-map{position:absolute;right:18px;top:65px;width:157px;padding:6px;background:#13201ce8;border:1px solid #8da18266}.campaign-map canvas{width:100%;height:auto}.campaign-map small{display:block;font-size:9px;line-height:1.6;padding:4px}
.campaign-dialogue{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);width:min(640px,65vw);background:#182820f2;border:1px solid #bbae68;padding:20px 24px;box-shadow:0 12px 40px #0008}.campaign-dialogue b{color:#e1cf7b}.campaign-dialogue p{font-size:17px;line-height:1.65;margin:10px 0;white-space:pre-line}.campaign-dialogue button{background:transparent;color:#cecfac;border:0;padding:6px 0}.campaign-dialogue details{font-size:11px;margin-top:8px}.campaign-dialogue details p{font-size:12px}
.campaign-bottom{position:absolute;bottom:0;left:0;right:0;min-height:82px;padding:16px 24px;display:flex;gap:34px;align-items:center;background:#101b16ed;border-top:1px solid #89996a55}.campaign-bottom div{display:grid;gap:7px}.campaign-bottom b{font-size:15px}.campaign-bottom small{color:#bcc5a7;line-height:1.6}.campaign-bottom progress{height:5px;width:150px;accent-color:#b9cf73}
.campaign-modal{position:absolute;inset:0;background:#07110ee0;display:grid;place-items:center;pointer-events:auto}.campaign-modal>div{width:min(610px,90vw);max-height:90vh;overflow:auto;background:#1b2921;border:1px solid #81946a66;padding:30px}.campaign-modal h2{font-size:27px}.campaign-modal p{line-height:1.7}.campaign-modal>div>button{display:block;width:100%;margin:10px 0;padding:12px}.campaign-modal dl{display:grid;grid-template-columns:1fr auto;gap:9px;padding:18px 0;border-block:1px solid #8a9f7050}.campaign-modal dd{color:#d7cf86;text-align:right}
.campaign-factions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.campaign-factions>*{padding:20px;text-align:left;border:1px solid #78956850;background:#243227;color:#c8d0b8}.campaign-factions button{background:#c5cd8a;color:#243324;display:grid;gap:12px}.campaign-factions strong{display:block;font-size:21px}.campaign-factions p,.campaign-factions span{font-size:13px;line-height:1.7}.campaign-note{padding:8px 20px 20px;color:#bac3a8;font-size:12px;line-height:1.7}.campaign-select>.secondary{margin:0 20px 5px;padding:10px 20px}.select-screen{overflow-y:auto}
@media(max-width:950px){.campaign-orders{width:245px;padding:12px;left:12px}.campaign-orders h2{font-size:19px}.campaign-map{width:116px}.campaign-bottom{gap:16px;padding:12px}.campaign-bottom>small{display:none}.campaign-dialogue{width:70vw;bottom:90px}}

.cp-unit{position:absolute;transform:translate(-50%,-100%);pointer-events:none;font-size:10px;text-shadow:0 1px 3px #000;text-align:center;z-index:2}.cp-unit i{display:block;width:28px;height:3px;background:#151b18;border:1px solid #090e0c;margin:2px auto}.cp-unit i b{display:block;height:100%;background:currentColor}

/* Shared field HUD, v21: same palette, hierarchy and edge rails in all missions. */
:root{--field-panel:#14221cdf;--field-line:#80957455;--field-gold:#d9c36a}
.campaign-map{width:244px;max-height:calc(100dvh - 170px);overflow:hidden}
.campaign-map canvas{display:block;max-height:calc(100dvh - 220px);object-fit:contain}
.campaign-map small{font-size:11px}.campaign-orders{max-height:calc(100dvh - 190px);overflow:auto}
#hud .mission-top.campaign-top{top:0;left:0;right:0;min-height:58px;padding:8px 24px;gap:18px;background:#111a16e8;border:0;border-bottom:1px solid var(--field-line)}
#hud .mission-top>div:first-child{padding:0;min-width:185px;border:0;background:none}
#hud .mission-top strong{font-size:15px;letter-spacing:1px}#hud .mission-top .eyebrow{font-size:10px;letter-spacing:1.5px}
#hud .training-time{margin-left:auto;background:none;padding:0;display:block}#hud .training-time span{display:none}#hud .training-time b{font-size:20px}
#hud .mission-top button{margin-left:0}#hud .combat-score{border:0;padding:0;background:none;font-size:14px}#hud .combat-score .health{display:none}
#hud .lesson-panel.campaign-orders{top:74px;bottom:auto;left:22px;right:auto;width:300px;height:auto;min-height:0;padding:18px;background:var(--field-panel);border:1px solid var(--field-line);border-left:3px solid var(--field-gold);box-shadow:none;backdrop-filter:none}
#hud .lesson-panel h2{float:none;font-size:22px;letter-spacing:2px;padding:0;margin:12px 0 9px;color:#ecebd5}
#hud .lesson-panel p{font-size:13px;line-height:1.7;margin:0;color:#d0d7bf;max-width:none}
#hud .lesson-heading{position:static;color:#cec687}#hud .lesson-heading>span:last-child{display:inline;font-size:11px}
#hud .lesson-panel .step-track{display:flex;margin:12px 0}body[data-mode="combat"] #hud .step-track{display:none}
#hud .lesson-bottom{position:static;margin-top:14px;font-size:11px;color:#e4cd83}#hud .lesson-bottom #objective-status{display:block}
#hud .lesson-panel .action-guide{position:static;display:flex;max-width:none;margin-top:12px}#hud .action-guide small{display:block;font-size:10px}
#hud .move-keys{width:100%;margin-top:14px}#hud .move-keys kbd{padding:6px;font-size:18px}
#hud .training-bottom{min-height:120px;padding:10px 24px;gap:22px;align-items:center}
#hud .training-bottom .equipment{position:static;display:block;width:380px;min-width:0;min-height:0;height:auto;background:none;border:0;box-shadow:none;padding:0;flex:1;max-width:440px}
#hud .training-bottom .equipment-current{display:flex;gap:10px;height:auto}#hud .equipment-current>div{display:block}
#hud .equipment-current strong{font-size:14px;letter-spacing:0}#hud .equipment-current small{font-size:10px}
#hud .weapon-slots{display:flex;gap:5px;margin-top:8px}#hud .weapon-slots>div{display:block;padding:4px 2px}#hud .weapon-slots span{font-size:9px}#hud .weapon-slots img{display:none}#hud .weapon-slots small{display:none}
#hud .switch-hint{margin:5px 0 0;font-size:10px}#hud .training-bottom .bottom-controls{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;width:260px;gap:5px;font-size:10px;padding:0;border:0}
#hud .bottom-controls span{padding:1px 3px;background:none;color:#bcc5a7}#hud .bottom-controls kbd{font-size:10px}
#hud .training-vitals progress{width:125px}#hud .training-identity b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hud .commander-bubble{background:#182820f2;color:#ecebd5;border:1px solid #bbae68;border-radius:0}#hud .commander-bubble strong{color:#e1cf7b}#hud .commander-bubble:after{border-top-color:#bbae68}#hud .commander-bubble.below:after{border-bottom-color:#bbae68}
#hud.spread-debug-active .lesson-panel,#campaign-view.debug-active .campaign-orders{visibility:hidden}
#hud.ai-debug-active .toast{visibility:hidden}
@media(max-width:1100px){#hud .training-bottom{gap:14px}#hud .training-bottom .bottom-controls{width:190px}#hud .training-identity{display:none}.campaign-map{width:218px}}
@media(max-width:800px){.campaign-map{width:174px;right:10px}.campaign-orders{width:240px;left:10px}#hud .lesson-panel.campaign-orders{width:245px;left:10px;padding:12px;max-height:calc(100dvh - 225px)}#hud .lesson-panel h2{font-size:18px}#hud .mission-top.campaign-top{padding:8px 12px;gap:9px}#hud .mission-top>div:first-child{min-width:130px}#hud .combat-score{gap:7px;font-size:11px}#hud .training-bottom{padding:10px 12px;gap:12px}#hud .training-bottom .bottom-controls{width:155px}#hud .training-vitals progress{width:85px}#hud .training-vitals b{font-size:12px}#hud .equipment-current>img{display:none}}
@media(max-height:650px){.campaign-map{width:195px}.campaign-map canvas{max-height:calc(100dvh - 225px)}#hud .lesson-panel.campaign-orders{max-height:calc(100dvh - 225px);overflow:auto}#hud .lesson-panel h2{font-size:18px}}

#hud:is(.spread-debug-active,.ai-debug-active) .commander-bubble{left:50%!important;top:53%!important;transform:translate(-50%,-50%)}
#hud:is(.spread-debug-active,.ai-debug-active) :is(#unit-labels,#instructor-tag,#player-label){visibility:hidden}

.campaign-diagnostic{position:absolute;top:76px;width:360px;max-height:calc(100dvh - 180px);overflow:auto;padding:15px;background:#081510ed;border:1px solid #a3b78499;pointer-events:none;font-size:12px;z-index:8}
.campaign-diagnostic b{color:#e1d488}.campaign-diagnostic pre{font:12px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.spread-diagnostic{left:12px}.ai-diagnostic{right:12px;width:410px}
#campaign-view.ai-debug-active .campaign-map,#campaign-view.ai-debug-active #cp-unit-labels,#campaign-view.debug-active #cp-unit-labels{visibility:hidden}
#campaign-view:has(.campaign-diagnostic:not([hidden])) .campaign-dialogue{bottom:100px;max-height:160px;overflow:auto}
@media(max-width:900px){.campaign-diagnostic{width:calc(50% - 18px);padding:10px}.campaign-diagnostic pre{font-size:10px;line-height:1.5}}

/* Keep the speaking actor above the dialogue, with every allied officer named. */
.cp-unit{white-space:nowrap}.cp-unit.is-leader span{font-weight:700;background:#14221cbd;border-radius:3px;padding:1px 4px}.cp-unit.is-speaking{z-index:4}.cp-unit.is-speaking span{color:#fff0aa;background:#354329e8;outline:1px solid #d9c36a}
#campaign-view.cinematic-speech .campaign-orders,#campaign-view.cinematic-speech .campaign-map{visibility:hidden}
#campaign-view.cinematic-speech .campaign-dialogue{max-height:32%;overflow:auto;bottom:96px;padding:12px 20px}
.campaign-dialogue{z-index:5}.campaign-modal{z-index:15}

.cp-unit span{display:inline-block;position:relative}

/* Compact mission briefing, independent of the persistent current objective. */
#cp-orders{padding:0;pointer-events:auto}#cp-orders-body{padding:0 18px 16px}.cp-orders-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;background:transparent;color:#e2d796;text-align:left;font-weight:700}#cp-orders.collapsed{width:164px}#cp-orders-icon{font-size:20px;line-height:1}
.cp-objective{padding:10px;border-top:1px solid #a3af7860;background:#1b2b22}.cp-objective>b{font-size:11px;letter-spacing:2px;color:#dfcb7c}.cp-objective p{margin:6px 0 0;font-size:12px;line-height:1.6;color:#f0edd8}
#campaign-view .campaign-map canvas{max-height:calc(100dvh - 350px)}#campaign-view .campaign-map{max-height:calc(100dvh - 170px)}
#campaign-view .campaign-map,#cp-orders{z-index:3}

.cp-gear-prompt,.cp-ready{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);width:auto;max-width:80vw;padding:14px 24px;z-index:7;background:#ccd394;color:#17261c;border:1px solid #eef0b4}.cp-ready{left:22px;transform:none;bottom:105px;font-size:13px}.cp-armory-modal{z-index:30}.cp-armory-modal>div{width:min(1100px,96vw);max-height:92vh;padding:20px}.cp-armory-modal h2{font-size:24px}.cp-armory-modal .weapon-picker{position:absolute;inset:0;z-index:4}.cp-armory-modal #cp-gear-close{position:sticky;bottom:0}.cp-armory-modal .kit-note{font-size:12px}
.cp-armory-modal .bag-cell .kit-art-mp5,.cp-armory-modal .bag-cell .kit-art-svd{height:38px;max-height:38px;width:auto;margin:0}


.house-view-label{white-space:nowrap}@media(max-width:850px){.header-tools{gap:6px}.header-brand{font-size:18px}}@media(max-width:550px){header{padding:0 12px;gap:7px}.insignia{display:none}.header-brand{font-size:14px;letter-spacing:1px}.header-brand>span{font-size:10px;letter-spacing:1px}.header-tools{gap:4px}.header-tools .icon-button{font-size:12px;padding:6px}}
body[data-art-style="cartoon"]{--mono:ui-monospace,Consolas,monospace;--ink:#0e201c;--paper:#f6edd2}
body[data-art-style="cartoon"] img{image-rendering:auto!important}
body[data-art-style="cartoon"] .scanlines{display:none}
body[data-art-style="cartoon"] .scene-shade{background:linear-gradient(90deg,#0d211dea 0%,#11241c70 55%,#10261b40)}
body[data-art-style="cartoon"] :is(.personnel-card,.hub-action,.mission-series,.mp-member,.appearance-choice){border:2px solid #0c1d17;border-radius:8px;box-shadow:3px 4px 0 #07100b80}
body[data-art-style="cartoon"] :is(.primary,.menu-start){background:#e2bf56;color:#10251d;border:2px solid #101d13;border-radius:5px;box-shadow:3px 4px 0 #08160bb0}
body[data-art-style="cartoon"] .mp-deployment.duel-dialog{background:#f6edd2;color:#1c3026;border:3px solid #10221c;border-radius:14px;box-shadow:8px 9px 0 #0b171d99,0 20px 80px #0008}
body[data-art-style="cartoon"] .duel-dialog :is(.mp-duel-heading small,.mp-duel-person small,.mp-duel-person>span,.mp-duel-person label){color:#455746}
body[data-art-style="cartoon"] .duel-dialog .mp-duel-weapons button{background:#d4dcc5;color:#20362a;border:2px solid #172a23;border-radius:7px;box-shadow:2px 3px 0 #172a2344}
body[data-art-style="cartoon"] .duel-dialog .mp-duel-weapons button.selected{background:#ead27d;outline:2px solid #b87e32;outline-offset:-5px}
body[data-art-style="cartoon"] .duel-dialog .mp-duel-weapons small{color:#42513d}
body[data-art-style="cartoon"] .duel-dialog .mp-duel-person{background:#bdc9aa;border:2px solid #14251e;border-radius:9px}
body[data-art-style="cartoon"] .duel-dialog .mp-duel-portrait{background:radial-gradient(ellipse,#e3e9c5,#b5c29400 70%)}
body[data-art-style="cartoon"] .mp-duel-roster article{background:#d5dcbf;border:2px solid #304336;border-radius:7px;color:#1e3629}
body[data-art-style="cartoon"] .mp-duel-roster article.ready{background:#b2ca83;border-color:#274425}
body[data-art-style="cartoon"] .mp-duel-roster :is(small,b){color:#40533c}
body[data-art-style="cartoon"] .duel-dialog footer small{color:#4a5d46}
body[data-art-style="cartoon"] .mp-duel-heading button{background:#334d3a;color:#f3ecd0;border:2px solid #10281b;border-radius:5px}
body[data-art-style="cartoon"] .duel-dialog button.primary{background:#e2bf56;color:#10251d;border:2px solid #10221c;box-shadow:2px 3px 0 #10221c50}
body[data-art-style="cartoon"] .duel-dialog button:disabled{opacity:.45;box-shadow:none}
body[data-art-style="cartoon"] .duel-dialog :is(button,select):focus-visible{outline:3px solid #bd7431;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.mp-portrait-soldier{animation:none}}

/* Cartoon portraits are exported from the same held-weapon rig as the battle. */
body[data-art-style="cartoon"] .mp-portrait-weapon{display:none}

/* Bound every armory icon, including new weapons with large source textures. */
.kit-art{width:56px;height:64px;max-width:100%}
.armory .slot-visual{min-width:0;flex-shrink:0}
.armory .slot-visual>.kit-art{max-width:100%;max-height:100%;margin:0}
.bag-grid .bag-cell{height:auto;min-height:96px}
.bag-cell>.kit-art{width:56px;height:38px;max-width:100%;max-height:38px;margin:0;object-fit:contain}
.bag-cell>strong{max-width:100%;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.weapon-option>.kit-art{width:56px;height:64px;max-width:56px;max-height:64px;margin:0;object-fit:contain}
.weapon-option>span{min-width:0}
.armory .bag-grid{max-height:52dvh;overflow-y:auto;padding:2px;align-content:start}

.kit-outfit-art{width:64px;height:64px;max-width:100%;object-fit:contain}.bag-cell>.kit-outfit-art{width:52px;height:42px}.outfit-cell.current{border-color:#d3df93;background:#39462c;opacity:1}.bag-tabs{flex-wrap:wrap}.hub-portrait>.outfit-overlay[hidden]{display:none!important}

#hub-panel[data-panel="armory"] .hub-panel-card{overflow:auto}

.header-notice{display:none}body[data-screen="hub"] .header-notice{display:block}body[data-screen="hub"] #section-label{display:block;white-space:nowrap}
@media(max-width:900px){body[data-screen="hub"] #section-label{margin-left:5px;padding-left:14px;letter-spacing:1px}header{gap:10px}}
@media(max-width:550px){body[data-screen="hub"] #section-label{font-size:12px;padding-left:8px;margin-left:0;letter-spacing:0}.header-notice{font-size:12px;padding:6px}}

/* Command room changes scenery only; existing lobby controls retain their layout. */
body[data-screen="hub"] .scene-shade{opacity:1;background:linear-gradient(#07110d42,#07110d85),url("intro/command-room.webp") center/cover no-repeat;clip-path:var(--lobby-scene-clip,none)}
body[data-screen="hub"] .portrait-grid,body[data-screen="hub"] .portrait-coordinate,body[data-screen="hub"] .portrait-corner{display:none}

body[data-screen="home"] .scene-shade{background:linear-gradient(90deg,#08110b30,#08110b40),url("intro/login-frontline-camp.webp") center/cover no-repeat;opacity:1;animation:camp-breathe70 18s ease-in-out infinite alternate}body[data-screen="home"] .home-content{text-shadow:0 2px 12px #000}#game-shell{width:min(100vw,var(--game-width70,100vw));height:min(100dvh,var(--game-height70,100dvh));margin:auto}@keyframes camp-breathe70{from{background-size:100% 100%;filter:brightness(.85)}to{background-size:104% 104%;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){body[data-screen="home"] .scene-shade{animation:none}}

/* Center the title and the authentication/start action as one group. */
.home-screen .home-content{left:50%;top:50%;transform:translate(-50%,-50%);width:min(700px,90vw);text-align:center}
.home-screen h1{font-size:clamp(65px,8vw,114px)}
.home-screen .menu-start,.home-screen .load-state,.home-screen .title-rule{margin-left:auto;margin-right:auto}
.home-screen .menu-start{justify-content:center;gap:22px}
.home-screen .location-tag{display:none}
body[data-screen="combat"] #team-count,body[data-screen="combat"] #enemy-count{display:none}