@font-face{font-family:SurrenderOswald;src:url('../../assets/experience/fonts/oswald-vietnamese.woff2')}@font-face{font-family:SurrenderOswald;src:url('../../assets/experience/fonts/oswald-latin.woff2');unicode-range:U+0000-00FF}
.teaching-slide.slide-surrender-video,body.lesson-presenting .teaching-slide.slide-surrender-video{container-type:size;display:block;padding:16px 3%;overflow:auto;background:#091e18 url('../../assets/experience/allied/map-background.png') center/cover no-repeat;isolation:isolate}
.surrender-console{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;color:#edc77c;font-family:SurrenderOswald,var(--sans),sans-serif}
.surrender-console *{box-sizing:border-box;min-width:0}
.surrender-heading{align-self:center}.surrender-console .surrender-heading p{margin:0 0 5px;font:600 clamp(10px,1cqw,15px)/1.4 var(--sans);color:#d0b277}
.surrender-console .surrender-heading h2{margin:0;font:600 clamp(25px,min(3.8cqw,7cqh),56px)/1.18 SurrenderOswald;text-shadow:0 2px #75551b,0 4px 5px #000;color:#ebc663}
.surrender-tools{display:flex;align-items:center;gap:8px}.surrender-tools button{min-width:44px;min-height:44px;padding:8px 12px;border:2px ridge #7f806a;border-radius:5px;background:linear-gradient(#354032,#1f2c23);color:#e8c783;font:500 23px SurrenderOswald;cursor:pointer}.surrender-tools button:first-child{font-size:14px}.surrender-tools button:disabled{opacity:.45;cursor:default}
.surrender-console button:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}.surrender-console button:hover{filter:brightness(1.18)}
/* Original 2000 x 725 foreground plane. No object is stretched or independently re-positioned. */
.surrender-layout{grid-column:1/-1;position:relative;isolation:isolate;aspect-ratio:2000/725;width:min(100%,calc(68cqh * 2000 / 725));align-self:center;justify-self:center;container-type:inline-size}
.teaching-slide .surrender-scene-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border:0;object-fit:contain;z-index:3;pointer-events:none}
.teaching-slide .surrender-media{position:absolute;inset:0;margin:0;padding:0}.surrender-monitor{position:absolute;inset:0}
.teaching-slide .surrender-monitor-art,.teaching-slide .surrender-dossier-art{display:none}
.surrender-stage{position:absolute;left:11.95%;top:16.4%;width:35.95%;height:61.66%;background:#111b16;clip-path:polygon(0 3.6%,98.9% 0,100% 92%,2.1% 100%);overflow:hidden;z-index:1}
.surrender-player{display:block;width:100%;height:100%;object-fit:contain;background:#111b16}
.teaching-slide .surrender-stage .surrender-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:64px;height:64px;min-width:0;min-height:0;margin:0;padding:18px;border:1px solid #dfc178;border-radius:50%;background:#243128ed;box-shadow:0 2px 9px #0008;color:#f4d48b;z-index:5;cursor:pointer}
.surrender-play svg{width:100%;height:100%;fill:currentColor}.teaching-slide .surrender-stage .surrender-play[hidden]{display:none}
.surrender-caption{display:none}.surrender-dossier{position:absolute;left:65.5%;top:24.4%;width:25.1%;height:75.2%;background:#242820;border-radius:4px;z-index:2}
.surrender-facts{position:absolute;inset:6% 3% 2%;display:flex;flex-direction:column;gap:.5cqw;overflow:auto;scrollbar-width:thin;scrollbar-color:#ad985e #242820}
.surrender-fact{margin:0;padding:0}.surrender-fact-toggle{display:flex;align-items:center;gap:.6cqw;width:100%;min-height:24px;padding:0;background:none;border:0;text-align:left;color:#e9bd62;font:500 clamp(14px,1.6cqw,25px)/1.2 SurrenderOswald;cursor:pointer}.surrender-fact-toggle>span{width:1.5cqw;text-align:center;font-family:Arial}.surrender-fact-toggle small{margin-left:auto;font:400 18px Arial;color:#c6ae75}
.surrender-console .surrender-fact p{margin:.2cqw 0 0 2.1cqw;font:400 clamp(12px,1.15cqw,20px)/1.18 SurrenderOswald;color:#f3eddd}.surrender-fact p[hidden]{display:none}.surrender-fact:first-child p{color:#eac16b}
.surrender-console .surrender-task{grid-column:1/-1;margin:0;padding:10px 16px;text-align:center;border:5px ridge #6d7260;background:#202c23;color:#efcb80;font:500 clamp(14px,min(1.65cqw,3.3cqh),24px)/1.3 SurrenderOswald}
.surrender-console .surrender-status{position:absolute;left:12%;top:80%;width:36%;margin:0;padding:5px;background:#17271bf0;color:#ffdf9c;font:500 13px/1.4 var(--sans);text-align:center;z-index:6}.surrender-status:empty{display:none}
@media(max-width:1000px),(max-height:550px){
 .teaching-slide.slide-surrender-video,body.lesson-presenting .teaching-slide.slide-surrender-video{container-type:inline-size;padding:16px 12px}
 .surrender-console{height:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.surrender-tools{justify-self:start}.surrender-console .surrender-heading h2{font-size:clamp(25px,5.6cqw,42px)}
 .surrender-layout{display:flex;flex-direction:column;gap:24px;width:100%;aspect-ratio:auto;container-type:inline-size}.teaching-slide .surrender-scene-art{display:none}
 .teaching-slide .surrender-media{position:relative;inset:auto;width:100%;margin:0}.surrender-monitor{position:relative;inset:auto;width:100%;aspect-ratio:1159/879}
 .teaching-slide .surrender-monitor-art{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;border:0;z-index:3;pointer-events:none}
 .surrender-stage{left:10.25%;top:17.45%;width:83.36%;height:68.34%}
 .surrender-console .surrender-caption{display:block;margin:10px 0 0;font:400 16px/1.4 SurrenderOswald;text-align:center}
 .surrender-dossier{position:relative;inset:auto;width:min(100%,600px);height:auto;min-height:0;aspect-ratio:760/930;align-self:center;border-radius:0;background:transparent}
 .teaching-slide .surrender-dossier-art{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border:0;object-fit:contain;z-index:3;pointer-events:none}
 .surrender-facts{inset:27% 8% 3% 4%;gap:15px;background:#242820;padding:8px;z-index:2}.surrender-fact-toggle{min-height:44px;font-size:22px;gap:8px}.surrender-fact-toggle>span{width:24px}.surrender-console .surrender-fact p{font-size:18px;line-height:1.3;margin:4px 0 0 32px}
 .surrender-console .surrender-task{font-size:18px}.surrender-console .surrender-status{position:relative;inset:auto;width:100%;font-size:14px}.surrender-stage .surrender-play{width:54px;height:54px}
}