/* V39: field dossier, amber accents and a shared metal frame. */
body{background:#0a1117;color:#f1ead8}header>strong{letter-spacing:1px}button{background:#1a272d;border-color:#64706c;box-shadow:inset 0 0 0 1px #101920;border-bottom-width:2px}button:focus-visible,input:focus-visible{outline:2px solid #ffb463;outline-offset:3px}.game{border-color:#53605f}#mobile-controls,#rotate-hint{display:none}body.choosing #overlay{background:linear-gradient(180deg,#07101775,#07101740 60%,#071017c2);gap:12px;padding:20px}body.choosing #character-selection{max-width:880px}.menu-title{font-size:36px;letter-spacing:5px;color:#fff0ce;text-shadow:3px 3px #0a1016;margin-bottom:22px}.menu-title small{display:block;font-size:10px;letter-spacing:3px;color:#c4b7a0;margin-top:10px}body.choosing #character-selection h2{font-size:15px;letter-spacing:4px;margin-bottom:12px}body.choosing .character-roster{gap:0;padding:12px;background:linear-gradient(135deg,#14222de8,#172526a8);border:1px solid #81908790;border-top:3px solid #aa9772;box-shadow:0 14px 30px #0007;position:relative}body.choosing .character-roster:before,body.choosing .character-roster:after{content:'';position:absolute;width:16px;height:16px;border:3px solid #e3ae65;pointer-events:none}body.choosing .character-roster:before{top:-3px;left:-3px;border-right:0;border-bottom:0}body.choosing .character-roster:after{bottom:-3px;right:-3px;border-left:0;border-top:0}body.choosing .character-card{position:relative;flex:1;width:25%;height:335px;border:1px solid #89918a70;border-right:0;transform:none;opacity:.8;box-shadow:none;background:#18232b;transition:border-color .15s,opacity .15s}body.choosing .character-card:last-child{border-right:1px solid #89918a70}body.choosing .character-card img{height:calc(100% - 58px);object-fit:cover;object-position:50% 34%;filter:brightness(.85) saturate(.85)}body.choosing .character-card.selected{transform:none;border-color:#ffb66c;opacity:1;box-shadow:inset 0 0 0 2px #ffb66c;z-index:1}body.choosing .character-card.selected img{filter:none}.character-card.selected:before{content:'SELECTED';position:absolute;top:10px;left:9px;background:#f0aa62;color:#182027;font-size:9px;letter-spacing:1px;padding:5px 8px;z-index:1}body.choosing .character-card.unavailable{border-color:#89918a70;opacity:.65}.operative-caption{height:58px;min-height:58px;border-top:1px solid #78817960;background:#101b22;color:#fff0d4;gap:7px}.operative-caption strong{font-size:17px;letter-spacing:2px}.operative-caption small{font-size:9px;letter-spacing:1px;color:#d5a15f}body.choosing .character-card.unavailable img{filter:grayscale(1) brightness(.75)}body.choosing #start{background:#e5a362;color:#10171b;border-color:#ffe0a4;font-size:16px;letter-spacing:2px;min-height:46px;padding:12px 38px}body.choosing #load{margin:0;color:#e0bd85}
body.debriefing .hud,body.debriefing .skill-dock,body.debriefing #status,body.debriefing .command,body.debriefing .utility{display:none}body.debriefing #overlay{background:#061019dd;padding:16px;gap:12px;overflow:auto}body.debriefing #overlay h1{font-size:20px;letter-spacing:3px;margin:0}#result{width:min(840px,98%)}.debrief-card{display:grid;grid-template-columns:200px 1fr;background:linear-gradient(130deg,#1b2b33,#101a21);border:1px solid #657978;border-top:3px solid #e4aa62;text-align:left;box-shadow:0 15px 40px #0006}.debrief-operative{position:relative;min-height:350px;overflow:hidden;border-right:1px solid #65797870}.debrief-operative>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.82}.debrief-operative>div{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 18px;background:linear-gradient(transparent,#081119 26%);display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.debrief-operative small{font-size:9px;color:#edb16d}.debrief-operative strong{font-size:18px;line-height:1.3}.debrief-operative span{font-size:9px;color:#bcc8c8;line-height:1.5}.debrief-data{padding:20px 24px 16px}.result-score{display:grid;grid-template-columns:1fr auto;align-items:end}.result-score small{font-size:11px;grid-column:1/-1;letter-spacing:2px;color:#edb16d}.result-score strong{font-size:48px;margin:5px 0 16px}.result-score>span{font-size:10px;color:#aebbb9;margin-bottom:20px}.result-grid{grid-template-columns:repeat(4,1fr);gap:14px 10px;margin:0 0 18px}.result-grid>div{padding:0;background:none;border:0;border-left:2px solid #5f72726b;padding-left:9px;min-width:0}.result-grid dt{font-size:8px;line-height:1.4;letter-spacing:.6px;min-height:22px;color:#9caeae;margin:0 0 4px}.result-grid dd{font-size:19px;color:#f2e7d0}.result-grid>div:nth-child(6) dd{font-size:14px;line-height:1.4}.score-breakdown{border-top:1px solid #5f727270;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px}.score-breakdown span{color:#94a6a9;font-size:8px;line-height:1.5}.score-breakdown b{display:block;color:#edb16d;font-size:15px;margin-top:4px}.debrief-footer{grid-column:1/-1;display:flex;gap:14px;align-items:center;border-top:1px solid #65797870;padding:12px 18px;background:#0d1820}.debrief-footer label{font-size:8px;letter-spacing:1px;color:#9caeae;display:flex;flex-direction:column;gap:5px;flex:1;max-width:270px}.debrief-footer input{font:16px 'Ops Pixel',monospace;color:#fff0d4;background:#172832;border:1px solid #657978;padding:8px;min-width:0;width:100%;border-radius:0}.debrief-footer button{font-size:10px;min-height:44px;color:#ffe0a4;border-color:#9a8768;white-space:nowrap}.debrief-footer>small{font-size:8px;line-height:1.5;color:#8aa79f;margin-left:auto;max-width:100px}.stats-table td small{display:block;color:#a0b0af;font-size:9px;margin-top:5px}body.debriefing #start{background:#d19b61;border-color:#ffe0a4;color:#111b21;min-height:44px;font-size:13px;padding:10px 30px}
@media(max-width:850px){body.choosing #overlay{padding:12px;gap:10px}.menu-title{font-size:25px;margin-bottom:14px}.menu-title small{font-size:8px;margin-top:7px}body.choosing #character-selection h2{font-size:12px;margin-bottom:8px}body.choosing .character-roster{padding:8px}body.choosing .character-card{height:245px}body.choosing .character-card img{height:calc(100% - 46px)}.operative-caption{height:46px;min-height:46px;gap:5px}.operative-caption strong{font-size:13px}.operative-caption small{font-size:8px}body.debriefing #overlay{padding:10px;gap:8px}body.debriefing #overlay h1{font-size:16px}.debrief-card{grid-template-columns:155px 1fr}.debrief-operative{min-height:245px}.debrief-data{padding:12px 16px}.result-score strong{font-size:34px;margin-bottom:12px}.result-score>span{font-size:8px;margin-bottom:15px}.result-grid{gap:10px 6px;margin-bottom:12px}.result-grid dt{font-size:7px}.result-grid dd{font-size:15px}.result-grid>div:nth-child(6) dd{font-size:11px}.score-breakdown{padding-top:8px}.score-breakdown b{font-size:12px}.debrief-footer{padding:8px 12px}.debrief-operative strong{font-size:14px}}
@media(max-width:540px){body.choosing .game{height:calc(100dvh - 50px);min-height:500px}body.choosing canvas{width:auto;min-width:100%;height:100%;aspect-ratio:1280/650}body.choosing #overlay{justify-content:center;padding:16px}.menu-title{font-size:25px;letter-spacing:2px;margin-bottom:20px}body.choosing .character-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.choosing .character-card{width:100%;height:190px;border-right:1px solid #89918a70}.operative-caption strong{font-size:13px}.operative-caption small{font-size:8px}.character-card.selected:before{font-size:7px;padding:4px}body.debriefing .game{height:calc(100dvh - 50px);min-height:590px}body.debriefing #overlay{justify-content:flex-start;padding:12px;gap:12px}body.debriefing #overlay h1{font-size:14px;line-height:1.5;margin-top:10px}.debrief-card{grid-template-columns:1fr}.debrief-operative{min-height:105px;border-right:0;border-bottom:1px solid #65797870}.debrief-operative>img{width:100px;object-position:50% 28%}.debrief-operative>div{left:100px;top:0;bottom:0;justify-content:center;padding:12px;background:#101e26;gap:6px}.debrief-operative strong{font-size:17px}.debrief-operative small{font-size:9px}.debrief-data{padding:15px}.result-score strong{font-size:37px}.result-grid{grid-template-columns:repeat(4,1fr);gap:12px 5px}.result-grid dt{font-size:7px}.result-grid dd{font-size:15px}.result-grid>div:nth-child(6) dd{font-size:10px}.debrief-footer{flex-wrap:wrap;gap:10px}.debrief-footer label{flex-basis:100%;max-width:none}.debrief-footer>small{max-width:none}body.debriefing #start{font-size:13px}.stats-card .result-grid{grid-template-columns:1fr 1fr}}
/* Landscape touch play: full viewport, independent multi-pointer controls. */
@media(pointer:coarse){#mobile-controls{user-select:none;-webkit-user-select:none;touch-action:none}body.playing{overflow:hidden;overscroll-behavior:none}body.playing main{position:fixed;inset:0;padding:0;max-width:none;display:flex;align-items:center;justify-content:center;background:#070e13}body.playing header,body.playing .command,body.playing .utility{display:none}body.playing .game{width:min(100vw,calc(100dvh * 1280 / 650));max-height:100dvh;border:0}body.playing #mobile-controls{display:block;position:fixed;inset:0;z-index:4;pointer-events:none}#move-stick{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:100px;height:100px;border:2px solid #9ca6a080;border-radius:50%;background:#0c1b2866;pointer-events:auto;touch-action:none}#stick-knob{position:absolute;width:42px;height:42px;left:27px;top:27px;border:2px solid #e2b074aa;border-radius:50%;background:#dfa36680;pointer-events:none}.mobile-actions{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,54px);gap:8px;align-items:end;pointer-events:none}.mobile-actions button{pointer-events:auto;width:54px;min-height:48px;padding:7px 3px;font-size:9px;border-radius:50%;background:#101f2b99;border:1px solid #a8ada480;color:#f1ead8;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-actions button small{font-size:9px;color:#efb775}.mobile-actions .mobile-fire{height:58px;background:#9b5435bb;border-color:#efb775;font-size:12px}.mobile-actions button.held{background:#ba874cbf;color:#101820}body.playing .skill-dock{z-index:5;left:auto;right:210px;bottom:max(12px,env(safe-area-inset-bottom));gap:8px}body.playing .skill-dock button{width:54px;height:69px;min-height:48px;border:1px solid #b59e77;background:#101c26aa}body.playing .skill-dock img{width:42px;height:40px;padding:1px}body.playing .skill-dock span{font-size:7px}body.playing .skill-dock small{font-size:8px}body.playing #status{bottom:auto;top:54px;left:12px;font-size:9px}body.playing .hud{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));font-size:10px}body.playing .hud .money{display:block}body.playing .hud button{min-height:40px;min-width:60px;font-size:10px}body.playing .pixel-heart{width:18px;height:16px}}
@media(pointer:coarse) and (orientation:landscape){body.choosing header{height:36px}body.choosing header>strong{font-size:15px}body.choosing header button{padding:5px 8px;min-height:30px;font-size:9px}body.choosing main{padding:0}body.choosing .game{height:calc(100dvh - 36px);width:100%;border:0}body.choosing canvas{width:100%;height:100%;object-fit:cover}body.choosing #overlay{gap:6px;padding:8px}body.choosing .menu-title{font-size:22px;letter-spacing:3px;margin-bottom:8px}.menu-title small{font-size:8px;margin-top:5px}body.choosing #character-selection{max-width:710px}body.choosing #character-selection h2{font-size:10px;margin-bottom:6px}body.choosing .character-card{height:clamp(125px,48dvh,255px)}body.choosing .character-card img{height:calc(100% - 40px)}.operative-caption{height:40px;min-height:40px;gap:4px}.operative-caption strong{font-size:12px}.operative-caption small{font-size:7px}body.choosing #start{min-height:38px;font-size:12px;padding:8px 25px}body.debriefing header{height:36px}body.debriefing main{padding:0}body.debriefing .game{height:calc(100dvh - 36px);min-height:0}body.debriefing #overlay{padding:6px;gap:5px}body.debriefing #overlay h1{font-size:12px}.debrief-card{grid-template-columns:125px 1fr}.debrief-operative{min-height:190px}.debrief-operative>img{width:100%;object-position:50% 30%}.debrief-operative>div{left:0;top:auto;background:linear-gradient(transparent,#081119 26%);padding:16px 10px 10px;gap:5px}.debrief-operative strong{font-size:12px}.debrief-data{padding:8px 15px}.result-score strong{font-size:28px;margin:3px 0 8px}.result-score small{font-size:8px}.result-score>span{font-size:8px;margin-bottom:12px}.result-grid{gap:8px 5px;margin-bottom:8px}.result-grid dt{font-size:6px;min-height:17px}.result-grid dd{font-size:13px}.result-grid>div:nth-child(6) dd{font-size:9px}.score-breakdown{padding-top:6px}.score-breakdown span{font-size:7px}.score-breakdown b{font-size:10px;margin-top:2px}.debrief-footer{padding:6px 12px;flex-wrap:nowrap;gap:10px}.debrief-footer label{flex-basis:auto;font-size:7px;max-width:270px}.debrief-footer input{padding:5px;font-size:16px}.debrief-footer button{min-height:38px;font-size:8px}.debrief-footer>small{font-size:7px;max-width:80px}body.debriefing #start{min-height:36px;padding:7px 24px;font-size:11px}}
@media(pointer:coarse) and (orientation:portrait){body.playing #rotate-hint{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:7;background:#08121bf2;text-align:center;color:#ffc078;font-size:18px;line-height:1.7}#rotate-hint small{font:16px Arial,sans-serif;color:#bec8c6}body.playing #mobile-controls,body.playing .skill-dock{visibility:hidden}}
#result{flex-shrink:0}
@media(max-width:540px) and (orientation:portrait){.debrief-data .result-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.debrief-data .result-grid dt{font-size:9px;min-height:15px}.debrief-data .result-grid dd{font-size:20px}.debrief-data .result-grid>div:nth-child(6) dd{font-size:16px}.debrief-data .score-breakdown span{font-size:8px}.debrief-data .score-breakdown b{font-size:13px}}
body.debriefing #overlay{justify-content:flex-start}