/* Habillage commun — les consoles de combat conservent leurs couleurs et volumes. */
body{background:radial-gradient(ellipse at 15% 0,#34413b 0,transparent 55%),#111b1c;color:#efe7d4}
.prototype{background:linear-gradient(115deg,#263a35,#131d1f);border-bottom:1px solid #947b4e;padding:14px 24px;box-shadow:0 4px 16px #0005}
.prototype h1{color:#f6e5bf;font-size:23px}.prototype .eyebrow{color:#d6b77d}.prototype p{color:#bfc8bc}
.switch{padding:4px;border:1px solid #756443;border-radius:8px;background:#111b1c;box-shadow:inset 0 2px 5px #0007}
.switch button{background:transparent;border-color:transparent;color:#d6d9ca;font-size:14px;padding:8px 13px}
.switch button.active,.switch button.active:hover{background:linear-gradient(#e0c38b,#b3955c);border-color:#ead6a4;color:#282417;box-shadow:0 2px 5px #0006;font-weight:750}
.switch button:hover:not(.active){background:#31483f;color:#fff3d7}
.workspace{gap:18px;padding:18px 24px}.workspace>main{min-width:0}
.rail{background:radial-gradient(ellipse at 90% 6%,#90733b18,transparent 35%),linear-gradient(125deg,#283731,#172422);border:1px solid #8d7850;border-radius:12px;padding:16px 10px 10px;box-shadow:inset 0 0 0 4px #d0b77d16,inset 0 1px 1px #e7ce8e66,0 8px 18px #0005;color:#dedfce}
.rail>h3{color:#ead29d;font-size:16px;margin:0 8px 8px;padding-bottom:10px;border-bottom:1px solid #b89a5f55}.rail p{color:#bac6b9;line-height:1.35}
.rail nav{margin:16px 0}.rail nav button{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px;border:1px solid #73816b66;border-radius:6px;background:linear-gradient(110deg,#30423b,#24332e);color:#e5e4d3;box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0003;font-size:14px;line-height:1.25;white-space:normal}
.rail .number{flex:0 0 26px;height:26px;width:26px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid #a88c54;color:#e1c48a;background:#162521;font:700 12px/1 ui-monospace,monospace;box-shadow:inset 0 2px 3px #0007}
.rail nav button:hover:not(:disabled){background:#3d5447;border-color:#c1a46a;color:#fff2cf}
.rail nav button.active,.rail nav button.active:hover{background:linear-gradient(120deg,#ddc18b,#b89b61);border-color:#eddaa4;color:#272a20;box-shadow:inset 0 1px #fff9,0 3px 7px #0007;font-weight:750}
.rail nav button.active .number{background:#293c31;color:#fff0bf;border-color:#283d30}
.rail nav button[data-step=defense]{border-left:3px solid #b5674d}.rail nav button[data-step=defense].active{background:linear-gradient(120deg,#793a2c,#492723);border-color:#e2b15f;color:#ffe2a3}.rail nav button[data-step=defense].active .number{background:#c4a25b;color:#302219;border-color:#efcd83}
.rail details{background:#12211f;border:1px solid #67705a;border-radius:6px;box-shadow:inset 0 2px 5px #0004;padding:11px;margin-top:12px;color:#d4d8c6}.rail details p{padding:0}.rail details select{width:100%;margin-top:5px;background:#f0ecdc;color:#29392f;border-color:#a49a76;font-size:14px}
.rail #reset{color:#ccbe9d;margin-top:10px;font-size:12px}.rail #reset:hover{background:#32463a;color:#fff0ce}.rail .demo-controls button{background:#354c40;color:#f5e7c5;border-color:#7d8969;white-space:normal;margin-top:9px}
.screen{border:1px solid #897950;border-radius:12px;background:#192727;box-shadow:0 8px 24px #0006;min-height:0}
body:not(.gm-mode) #screen:not(.operational-console){--ink:#293830;--muted:#566354;--line:#bbb393;--soft:#e8e5d5;background:linear-gradient(125deg,#263d35,#192729);color:#e5e5d5}
body:not(.gm-mode) #screen:not(.operational-console) .screenhead{background:radial-gradient(ellipse at 75% 0,#b79a4e14,transparent 55%),linear-gradient(110deg,#29463c,#162527);border-bottom:1px solid #a48a54;padding:16px 20px;box-shadow:inset 0 -3px #0002}
body:not(.gm-mode) #screen:not(.operational-console) .screenhead h2{font-size:25px;line-height:1.2;color:#fae8bf;margin:5px 0}
body:not(.gm-mode) #screen:not(.operational-console) .screenhead .eyebrow{color:#d7bd85;font-size:11px;letter-spacing:1.7px}
body:not(.gm-mode) #screen:not(.operational-console) .shared-team-note{font-size:14px;color:#c5cfc0;margin:5px 0 0}
body:not(.gm-mode) #screen:not(.operational-console) .team-identity{background:#172923;color:#f2dcaa;border:1px solid #a58c55;border-radius:20px;padding:7px 12px;white-space:normal}
body:not(.gm-mode) #screen:not(.operational-console) .content{padding:18px}
body:not(.gm-mode) #screen:not(.operational-console) .panel{position:relative;color:#293830;background:radial-gradient(ellipse at 98% 0,#9d7c3210,transparent 22%),linear-gradient(125deg,#f5f1e4,#e8e5d6);border:1px solid #b4a175;border-radius:8px;padding:16px;margin-bottom:14px;box-shadow:inset 0 1px #fff9,0 4px 9px #0004}
body:not(.gm-mode) #screen:not(.operational-console) .panel>h3{font-size:16px;color:#43523d;border-bottom:1px solid #aaa57f80;padding:0 16px 9px 0;margin-bottom:12px}
body:not(.gm-mode) #screen:not(.operational-console) .panel:before{content:'';position:absolute;right:9px;top:10px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#b79c61 42%,#4a422b 44% 55%,#c5ac72 57%);box-shadow:0 1px 2px #0006;pointer-events:none}
body:not(.gm-mode) #screen:not(.operational-console) .panel p{line-height:1.3;margin:6px 0 10px}
body:not(.gm-mode) #screen:not(.operational-console) :is(button,.resource-button){background:linear-gradient(#fffdf3,#e7e2ce);color:#29392f;border-color:#a89a72;box-shadow:inset 0 1px #fff9,0 2px 3px #0002;border-radius:5px;line-height:1.3}
body:not(.gm-mode) #screen:not(.operational-console) :is(button,.resource-button):hover:not(:disabled){background:#fff2ce;border-color:#8b7139}
body:not(.gm-mode) #screen:not(.operational-console) :is(button.active,.primary,.answer.selected){background:linear-gradient(#3e604b,#294736);color:#fff5d9;border-color:#708a5b;box-shadow:inset 0 1px #c4db9e44,0 2px 5px #0004}
body:not(.gm-mode) #screen:not(.operational-console) :is(button.active,.primary,.answer.selected):hover:not(:disabled){background:#45694f;color:#fff5d9}
body:not(.gm-mode) #screen:not(.operational-console) :is(input,select,textarea){color:#28382f;background:#fffdf4;border-color:#a9a481;line-height:1.3;box-shadow:inset 0 1px 3px #52432115}
body:not(.gm-mode) #screen:not(.operational-console) input::placeholder,body:not(.gm-mode) #screen:not(.operational-console) textarea::placeholder{color:#6a6c5a}
body:not(.gm-mode) #screen:not(.operational-console) .note{color:#c8d0bf;background:#172a24;border-color:#778467;padding:9px 12px;margin:0 0 14px;font-size:12px}
body:not(.gm-mode) #screen:not(.operational-console) .banner{background:linear-gradient(120deg,#e7d3a2,#cbb77e);color:#343a29;border-color:#d5b771;border-radius:5px;margin-bottom:14px;padding:12px 15px}
body:not(.gm-mode) #screen:not(.operational-console) .chip{background:#e3dfca;color:#46543d;border-color:#a4a080;white-space:normal}
body:not(.gm-mode) #screen:not(.operational-console) .timer{color:#f4d698;background:#182821;border:1px solid #8e8054;border-radius:5px;padding:4px 9px;font-size:28px;font-variant-numeric:tabular-nums}
body:not(.gm-mode) #screen:not(.operational-console) .top-time{background:#162722;border:1px solid #8b794e;color:#e6d8b4;box-shadow:inset 0 2px 6px #0004;padding:10px 14px}
body:not(.gm-mode) #screen:not(.operational-console) .top-time small{color:#c4cfb6}
body:not(.gm-mode) #screen:not(.operational-console) .wall-clock{border-color:#7e7955}
body:not(.gm-mode) #screen:not(.operational-console) .wall-clock time{color:#efd292}
body:not(.gm-mode) #screen:not(.operational-console) .progress{background:#ccc8b3;border-radius:5px;overflow:hidden;margin:10px 0}body:not(.gm-mode) #screen:not(.operational-console) .progress span{background:linear-gradient(90deg,#4e6e50,#ad965a)}
body:not(.gm-mode) #screen:not(.operational-console) .answer{font-size:16px;padding:10px 12px;min-height:44px;align-items:center}body:not(.gm-mode) #screen:not(.operational-console) .answers{margin:12px 0;gap:7px}
body:not(.gm-mode) #screen:not(.operational-console) .answer b{border-radius:50%;border-color:#b5a379;background:#e3dcc5;color:#5d5238;flex:0 0 28px}
body:not(.gm-mode) #screen:not(.operational-console) .answer.selected b{background:#d7bd7c;color:#283c2d;border-color:#d7bd7c}
body:not(.gm-mode) #screen:not(.operational-console) .uncertainty-choice.selected{background:#e9d49e;color:#423c2a;border-color:#92773f}
body:not(.gm-mode) #screen:not(.operational-console) .card{min-height:110px;border-top:3px solid #ab925b;padding:12px;gap:6px}body:not(.gm-mode) #screen:not(.operational-console) .card strong{font-size:15px}body:not(.gm-mode) #screen:not(.operational-console) .card small{font-size:12px}
body:not(.gm-mode) #screen:not(.operational-console) .card.active{border-top-color:#ecd18f}
body:not(.gm-mode) #screen:not(.operational-console) .card.active small{color:#d8dfc7}
body:not(.gm-mode) #screen:not(.operational-console) button:disabled{opacity:.65}
body:not(.gm-mode) #screen:not(.operational-console) .result small{color:#d5ddc3}
body:not(.gm-mode) #screen:not(.operational-console) .bank details{background:#fffdf3;border-color:#b8af8c;border-radius:6px;box-shadow:0 2px 4px #0001}body:not(.gm-mode) #screen:not(.operational-console) .bank details summary{font-size:15px;line-height:1.3}
body:not(.gm-mode) #screen:not(.operational-console) .result{background:radial-gradient(ellipse at top,#3e5945,#1c3029);color:#f5dfab;border:1px solid #ae9159;border-radius:8px;box-shadow:inset 0 0 0 4px #ceb77d14;padding:18px}body:not(.gm-mode) #screen:not(.operational-console) .result .muted{color:#c6cfb9}
body:not(.gm-mode) #screen:not(.operational-console) .teacher-only{background:linear-gradient(120deg,#eee6d5,#dedac5);border:1px dashed #9f7b46}
body:not(.gm-mode) #screen:not(.operational-console) .projection{background:#192e2a;color:#eee4c6;border-color:#ad915b;border-radius:7px;box-shadow:inset 0 0 0 3px #d4bd7e15;padding:14px}
body:not(.gm-mode) #screen:not(.operational-console) .projection :is(small,.muted){color:#c1cdb9}body:not(.gm-mode) #screen:not(.operational-console) .projection .answer{background:#e9e6d7;color:#2b382f;font-size:14px}body:not(.gm-mode) #screen:not(.operational-console) .projection h3{color:#e4c788}
body:not(.gm-mode) #screen:not(.operational-console) .log time{color:#626342}
body:not(.gm-mode) #screen:not(.operational-console) .empty{color:#60684f;background:#e5e3d2;border-color:#a6a384;border-radius:6px}
body:not(.gm-mode) #screen:not(.operational-console) .foot{background:#13231f;color:#b7c4b2;border-top:1px solid #677459;padding:10px 18px;font-size:11px}
body:not(.gm-mode) #screen:not(.operational-console) .resource-qr svg{padding:8px;border:1px solid #bbae87;border-radius:6px;background:white}
.doc{background:#182621;border:1px solid #606b50;border-radius:7px;padding:0 14px;color:#c9cdb7;font-size:13px}.doc th{background:#304438;color:#f1deb1}.doc td,.doc th{border-color:#5b694e}.doc a{color:#edcb88}
#bankDialog{color:#29372d;background:#eee8d7;border:2px solid #b2975d;box-shadow:0 16px 70px #0009,inset 0 0 0 4px #c2ae752b;border-radius:10px}#bankDialog::backdrop{background:#0b1715cc}#bankDialog>.toprow{padding-bottom:12px;border-bottom:1px solid #b8a77c;margin-bottom:12px}#bankDialog input,#bankDialog select{background:#fffdf3;color:#29372d;border-color:#a99a72}#bankDialog button{background:#344f40;color:#fff0cd;border-color:#7a8e63}
:is(.rail,.prototype,.doc,#bankDialog) :is(button,a,input,select,summary):focus-visible,body:not(.gm-mode) #screen:not(.operational-console) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #ba782a;outline-offset:3px}
.rail :is(button,summary,select):focus-visible,.prototype button:focus-visible{outline-color:#f0cf85}
@media(max-width:1100px){.workspace{padding:14px;gap:12px}.rail{padding:12px 7px}.rail nav button{font-size:13px;gap:6px}.rail .number{flex-basis:23px;width:23px;height:23px}}
@media(max-width:760px){.prototype{padding:12px 14px}.prototype h1{font-size:20px}.workspace{padding:10px}.rail{padding:8px;margin-bottom:12px;border-radius:8px}.rail nav{margin:0 0 6px;gap:7px;padding:2px}.rail nav button{flex:0 0 auto;width:auto;min-height:44px;white-space:nowrap;font-size:14px}.rail nav button[data-step=choose]{white-space:nowrap;max-width:none}.rail details{margin-top:8px}.rail #reset{margin:5px 0;font-size:12px}.screen{border-radius:8px}body:not(.gm-mode) #screen:not(.operational-console) .screenhead{padding:12px 14px;gap:10px}body:not(.gm-mode) #screen:not(.operational-console) .screenhead h2{font-size:22px}body:not(.gm-mode) #screen:not(.operational-console) .content{padding:12px}body:not(.gm-mode) #screen:not(.operational-console) .panel{padding:13px}body:not(.gm-mode) #screen:not(.operational-console) .resource-access{gap:14px}body:not(.gm-mode) #screen:not(.operational-console) .resource-qr{flex-wrap:wrap}.doc{padding:0 10px}}
@media print{body{background:white;color:#222}.screen,body:not(.gm-mode) #screen:not(.operational-console){background:white;color:#222;box-shadow:none}body:not(.gm-mode) #screen:not(.operational-console) .panel{background:white;box-shadow:none}.panel:before{display:none}}