@font-face{font-family:Thmanyah;src:url('assets/fonts/thmanyah-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah;src:url('assets/fonts/thmanyah-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#0c1922;--text:#efe7d9;--muted:#8b9faa;--gold:#ecd5a4;--axis:#df9467;--allies:#65b8cc;--neutral:#465461}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Thmanyah,Tahoma,sans-serif}button,input,select{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:active{filter:brightness(1.15)}audio,[hidden]{display:none!important}
#film{position:relative;width:100%;height:100dvh;max-width:1800px;margin:auto;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);background:radial-gradient(ellipse at 52% 42%,#18333f,#0b1923 80%)}
header{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,env(safe-area-inset-right));border-bottom:1px solid #b1c8d414}.brand{font-size:15px;font-weight:700;letter-spacing:.1px}.brand small{display:none}.icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#b5c9d1;font-size:21px;border-radius:8px}.icon:hover{background:#a1cad212}.icon[aria-pressed=true]{color:var(--gold)}
#stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.event-bar{flex:0 0 86px;display:flex;align-items:center;justify-content:center;padding:12px 24px 8px;text-align:center;z-index:2;background:linear-gradient(#0b1923a0,transparent)}.subtitles{font-size:23px;line-height:1.6;margin:0 auto;max-width:800px;word-spacing:1px;text-wrap:balance}.spoken-word{display:inline-block;color:#a5bcc7;opacity:.9;transition:color .14s,opacity .14s}.said-word{color:#e9e4d9;opacity:1}.current-word{color:#ffe3aa;opacity:1;text-shadow:0 0 15px #e8c28c24}.new-phrase{animation:phrase .18s ease-out}@keyframes phrase{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
#mapWindow{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}#map{width:100%;height:100%;display:block;direction:ltr;overflow:hidden}#mapWindow:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 68%,#06111c24);z-index:1}.land{fill:var(--neutral);stroke:#b4cbd070;stroke-width:.65px;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .5s ease}.land.highlight-country{stroke:#fff1c6;stroke-width:1.2px}.controlfill{stroke:none}.country-label{font-family:Thmanyah,Tahoma,sans-serif;fill:#f0f2ec;paint-order:stroke;stroke:#102029;stroke-linejoin:round;direction:rtl;pointer-events:none}.sea-label{fill:#7b9cab;opacity:.35}.route-trail,.route-head{filter:drop-shadow(0 0 .15px #e4a87835)}.map-pin,.moving-dot{fill:#ffe2b1}.locator-ring{fill:none;stroke:#ffdda4;stroke-width:.1}.paused .moving-dot{opacity:0}.instant .land{transition:none}
.corner-year{position:absolute;bottom:13px;right:22px;display:flex;flex-direction:column;pointer-events:none;z-index:2;padding:5px 9px;border-right:1px solid #e5c99466;background:linear-gradient(to left,#0c1922c9,#0c192200)}.corner-year strong{font:43px Georgia,serif;line-height:1;letter-spacing:-1px;color:#e2c99b}.corner-year span{font-size:11px;line-height:1.5;color:#acc2cb;margin-top:5px}.theater{position:absolute;bottom:18px;left:22px;font-size:10px;line-height:1.5;color:#98b4c2;pointer-events:none;z-index:2}
.legend{display:flex;justify-content:center;gap:30px;font-size:11px;color:#bdd0d8;padding:11px 12px;flex:0 0 auto;background:#0b192370}.legend>span{display:flex;align-items:center;gap:7px}.legend i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px #ffffff14}.axis{background:var(--axis)}.allies{background:var(--allies)}.neutral{background:var(--neutral)}
.player{padding:0 max(24px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #a8c5ce18;background:#09151fe6;flex:0 0 auto;z-index:3}.seekrow{display:flex;align-items:center;gap:14px;direction:ltr;height:39px}.seekrow>span{font:11px monospace;color:#9cb5c4;min-width:34px;font-variant-numeric:tabular-nums}.seekrow input{appearance:none;width:100%;height:24px;border:0;border-radius:0;cursor:pointer;touch-action:pan-x;margin:0;background:linear-gradient(to right,var(--gold) 0%,var(--gold) var(--progress,0%),#2b414f var(--progress,0%),#2b414f 100%) center/100% 4px no-repeat}.seekrow input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#edd6a8;box-shadow:0 0 0 4px #ecd5a40d}.seekrow input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#edd6a8;border:0}.playerrow{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;height:46px;direction:ltr}.playerrow>#sound{justify-self:start}.play{justify-self:center;width:60px;height:42px;border-radius:9px;background:#e8d2a5;color:#12212d;font:18px sans-serif}.play:hover{background:#f6e0b5}.right-controls{justify-self:end;display:flex;gap:8px;align-items:center}.right-controls select{background:#172934;color:#c7d8df;border:1px solid #a7c5d61c;border-radius:7px;padding:6px;font:11px monospace;width:62px;height:36px;direction:ltr}
.start-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:linear-gradient(transparent,#0716212a)}.start-overlay>button{background:#112631ee;backdrop-filter:blur(12px);border:1px solid #d2bb8c70;border-radius:15px;padding:25px 38px;box-shadow:0 12px 45px #0003;display:flex;flex-direction:column;align-items:center;gap:11px}.start-overlay button>span{display:grid;place-items:center;background:#e7d0a0;color:#14242c;width:49px;height:49px;border-radius:50%;font:17px sans-serif;padding-left:3px}.start-overlay strong{font-size:18px;font-weight:700}.start-overlay small{font-size:11px;color:#a4bdc9}.start-overlay b{font:11px monospace;color:#e1cda7}#loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#10232f;color:#dfc99e;font-size:14px}dialog{width:min(640px,92vw);max-height:85dvh;background:#142832;color:#d4e1e5;border:1px solid #a7c5cf44;border-radius:12px;padding:22px 25px;line-height:2}dialog::backdrop{background:#040e16df;backdrop-filter:blur(6px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdd7de17;padding-bottom:8px;font-size:13px;color:#dfc89b}#dialogBody h2{font-size:24px;line-height:1.5;color:#e8d3a9;margin:20px 0}#dialogBody p{font-size:14px;color:#b2c8d3;line-height:1.9}#dialogBody details{border-top:1px solid #a5c3d319;padding-top:12px;font-size:13px}#dialogBody summary{color:#dcc49a;cursor:pointer}#dialogBody a{font-size:12px;line-height:1.8;color:#c4d2d6;text-decoration:none}.source{padding:10px 0;border-bottom:1px solid #abc9d514}#toast{position:fixed;bottom:calc(120px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:10px 16px;background:#ead4a5;color:#152735;font-size:12px;border-radius:8px;opacity:0;z-index:120;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1}.immersive{position:fixed!important;inset:0;z-index:100;max-width:none!important;width:100vw!important;height:100dvh!important}
@media(max-width:700px){header{flex-basis:45px;padding:0 max(14px,env(safe-area-inset-right))}.brand{font-size:13px}.event-bar{flex-basis:94px;padding:8px 17px}.subtitles{font-size:19px;line-height:1.55;max-width:100%}.country-label{font-weight:700}.sea-label{display:none}.corner-year{right:11px;bottom:11px;padding:4px 7px}.corner-year strong{font-size:33px}.corner-year span{font-size:10px}.theater{left:12px;bottom:15px;font-size:9px}.legend{gap:24px;font-size:10px;padding:10px 8px}.legend>span{gap:6px}.player{padding:0 max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom))}.seekrow{height:37px;gap:10px}.seekrow>span{font-size:10px;min-width:31px}.right-controls{gap:3px}.right-controls select{width:57px}.start-overlay>button{padding:23px 30px}.start-overlay strong{font-size:17px}dialog{padding:15px 20px}#dialogBody h2{font-size:21px}#dialogBody p{font-size:13px}}
@media(max-width:360px){.subtitles{font-size:18px}.event-bar{flex-basis:94px}.legend{gap:20px}.right-controls select{width:52px}}
@media(max-height:550px) and (orientation:landscape){header{display:none}.event-bar{flex-basis:57px;padding:5px max(20px,env(safe-area-inset-right))}.subtitles{font-size:18px;line-height:1.45;max-width:92%}.legend{position:absolute;bottom:10px;left:95px;right:95px;background:none;padding:0;gap:20px;font-size:9px;pointer-events:none;z-index:2}.player{padding:0 max(14px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom))}.seekrow{height:25px}.playerrow{height:44px}.play{height:38px}.corner-year{bottom:8px;right:15px}.corner-year strong{font-size:27px}.corner-year span{font-size:9px}.theater{display:none}#toast{bottom:90px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}