:root{--bg: #0a0f14;--panel: rgba(15, 22, 30, .92);--panel-light: rgba(28, 36, 46, .92);--panel-border: #8b6a2e;--panel-border-bright: #d8b04a;--accent: #f0c850;--accent-dim: #c9a23a;--accent-warm: #a8732e;--stone-1: #2d2620;--stone-2: #423630;--stone-3: #6b5840;--stone-edge: #1a1410;--text: #ece2cf;--text-dim: #a8987a;--text-dark: #1a1410;--select: #7eff7a;--danger: #d04040;--good: #5cc25c;--wood: #b87a3a;--food: #d04040;--gold: #f0c850;--stone: #aab4be}*{box-sizing:border-box}.hidden{display:none!important}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#050708;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app.frame{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:44px 1fr 158px;background:linear-gradient(to bottom,#1a1410,#0a0807)}.top-bar{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--stone-3) 0%,var(--stone-2) 50%,var(--stone-1) 100%);border-bottom:2px solid var(--stone-edge);box-shadow:0 2px #00000080;padding:0 18px;gap:28px}.viewport{position:relative;overflow:hidden;background:#000}#game{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#game.casting,#game.priming{cursor:crosshair}#game.aim-enemy{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='11' fill='none' stroke='%23ff3030' stroke-width='2.5'/><line x1='14' y1='2' x2='14' y2='8' stroke='%23ff3030' stroke-width='2.5'/><line x1='14' y1='20' x2='14' y2='26' stroke='%23ff3030' stroke-width='2.5'/><line x1='2' y1='14' x2='8' y2='14' stroke='%23ff3030' stroke-width='2.5'/><line x1='20' y1='14' x2='26' y2='14' stroke='%23ff3030' stroke-width='2.5'/><circle cx='14' cy='14' r='2' fill='%23ff3030'/></svg>") 14 14,crosshair}#game.aim-ally{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='9' fill='none' stroke='%23f0c850' stroke-width='2.5'/><circle cx='14' cy='14' r='2' fill='%23f0c850'/></svg>") 14 14,default}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui-overlay>*{pointer-events:auto}.bottom-bar{position:relative;display:grid;grid-template-columns:240px 1fr 200px 56px;background:linear-gradient(to bottom,var(--stone-3) 0%,var(--stone-2) 8%,var(--stone-1) 100%);border-top:2px solid var(--panel-border);box-shadow:0 -2px 0 var(--stone-edge),0 -8px 24px #0009;padding:8px 12px;gap:8px}.bb-section{background:linear-gradient(to bottom,#281c1259,#080402a6),url(/ramayana-rts/assets/ui-panel-bg-BwQCgPR4.webp);background-size:cover,240px 240px;background-position:center,center;border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffdc961a,inset 0 -1px #00000080,inset 0 0 0 1px #00000073;position:relative;overflow:hidden}.bottom-bar:before,.bottom-bar:after{content:"";position:absolute;top:-2px;width:18px;height:18px;background:radial-gradient(circle at 30% 30%,var(--accent) 0,var(--accent-warm) 35%,var(--stone-edge) 70%);border:1px solid var(--panel-border-bright);z-index:1}.bottom-bar:before{left:-2px}.bottom-bar:after{right:-2px}.resource-bar-inline{display:flex;gap:28px;align-items:center}.resource{display:flex;align-items:center;gap:8px;min-width:88px;font-size:17px;font-weight:600;font-feature-settings:"tnum";color:var(--text);text-shadow:0 1px 1px rgba(0,0,0,.7)}.resource .swatch{width:10px;height:10px;border-radius:50%}.resource .res-icon{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.resource .value{min-width:38px;letter-spacing:.3px}.wave-counter{padding:4px 12px;border:1px solid var(--panel-border);background:#28140899;color:var(--accent);font-family:Cinzel,Georgia,serif;letter-spacing:1px;display:flex;gap:6px;align-items:center}.wave-counter .wave-icon{font-size:16px;color:#ff8060}.wave-counter .wave-label{font-weight:700}.wave-counter .wave-timer{color:var(--text-dim);font-size:12px}.idle-villagers{cursor:pointer;padding:4px 10px;border-radius:3px;transition:background .18s;opacity:.45}.idle-villagers.has-idle{opacity:1;background:#d8b04a2e;border:1px solid rgba(240,200,80,.4);box-shadow:0 0 8px #f0c85040;animation:idle-pulse 1.8s ease-in-out infinite}.idle-villagers:hover{background:#d8b04a47}.idle-villagers .idle-icon{font-size:18px;color:var(--accent)}@keyframes idle-pulse{0%,to{box-shadow:0 0 8px #f0c85040}50%{box-shadow:0 0 16px #f0c85099}}.bb-portrait{padding:8px;display:flex;gap:10px;align-items:flex-start}.bb-portrait .portrait-frame{width:88px;height:88px;flex-shrink:0;background:var(--stone-edge);border:1px solid var(--panel-border-bright);box-shadow:inset 0 0 0 1px var(--stone-1),0 0 8px #0009;display:flex;align-items:center;justify-content:center}.bb-portrait .portrait-frame img{width:100%;height:100%;object-fit:cover}.bb-portrait .info{flex:1;min-width:0;font-size:12px;line-height:1.45;padding-top:2px}.bb-portrait .name{color:var(--accent);font-size:15px;font-weight:700;font-family:Cinzel,Georgia,serif;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 1px 1px rgba(0,0,0,.6)}.bb-portrait .stats{color:var(--text-dim);font-size:11px;letter-spacing:.3px}.bb-portrait .stats b{color:var(--text);font-weight:600}.bb-portrait .hp-bar{width:100%;height:5px;background:#00000080;border:1px solid #000;margin:4px 0;overflow:hidden}.bb-portrait .hp-bar>div{height:100%;background:var(--good)}.bb-portrait .hp-bar.low>div{background:#dfb030}.bb-portrait .hp-bar.critical>div{background:var(--danger)}.bb-portrait .placeholder{color:var(--text-dim);font-style:italic;font-size:12px;align-self:center;text-align:center;width:100%}.bb-actions{padding:8px;display:flex;flex-direction:column;gap:4px}.action-row-label{color:var(--text-dim);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;font-family:Cinzel,Georgia,serif}.action-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.act-btn{position:relative;height:52px;background:linear-gradient(to bottom,#3c281680,#140a04b3),url(/ramayana-rts/assets/ui-button-stone-CXr5Dui7.webp);background-size:cover,cover;background-position:center,center;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);box-shadow:inset 0 1px #ffdc9633,inset 0 -1px #00000080,inset 0 0 0 1px #00000059;overflow:hidden}.act-btn:hover:not(:disabled){background:linear-gradient(to bottom,#5a4830 0%,var(--stone-3) 60%,#3a2a18 100%);border-color:var(--accent);color:var(--accent)}.act-btn:active:not(:disabled){background:linear-gradient(to top,var(--stone-3) 0%,var(--stone-2) 100%);box-shadow:inset 0 2px 4px #0009}.act-btn .lbl{font-size:11px;font-weight:700}.act-btn .cost{font-size:9px;color:var(--text-dim);letter-spacing:.4px;text-transform:uppercase}.act-btn:disabled{opacity:.4;cursor:not-allowed}.ability-btn{position:relative;height:60px!important;background:linear-gradient(to bottom,#78501e8c,#3c1e0ad9),url(/ramayana-rts/assets/ui-button-stone-CXr5Dui7.webp)!important;background-size:cover,cover!important;border:1px solid var(--accent)!important;box-shadow:inset 0 1px #ffdc9666,inset 0 -1px #00000080,0 0 12px #d8b04a80!important;animation:ability-pulse 1.8s ease-in-out infinite}.ability-btn.on-cooldown{animation:none;box-shadow:inset 0 1px #ffdc961a,inset 0 -1px #0009!important;border-color:var(--stone-3)!important}@keyframes ability-pulse{0%,to{box-shadow:inset 0 1px #ffdc9666,inset 0 -1px #00000080,0 0 12px #d8b04a80}50%{box-shadow:inset 0 1px #ffdc9666,inset 0 -1px #00000080,0 0 24px #ffdc50d9}}.ability-icon{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));margin-bottom:2px}.ability-btn .cd-mask{position:absolute;left:0;bottom:0;width:100%;background:#140a04bf;pointer-events:none;transition:height .2s ease-out}.ability-btn .cd-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.bb-minimap{padding:6px;display:flex;align-items:center;justify-content:center}.minimap{display:block;background:#000000d9;border:1px solid var(--panel-border-bright);box-shadow:inset 0 0 0 1px var(--stone-1),0 0 8px #0009;cursor:pointer}.bb-system{padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.sys-btn{width:44px;height:44px;background:linear-gradient(to bottom,#3c281680,#140a04b3),url(/ramayana-rts/assets/ui-button-stone-CXr5Dui7.webp);background-size:cover,cover;background-position:center,center;border:1px solid var(--panel-border);color:var(--accent);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffdc962e,inset 0 -1px #00000080;text-shadow:0 1px 1px rgba(0,0,0,.8)}.sys-btn:hover{border-color:var(--accent);color:var(--accent);background:linear-gradient(to bottom,#5a4830 0%,var(--stone-3) 60%,#3a2a18 100%)}.sys-btn.off{opacity:.45}.build-menu{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:linear-gradient(to bottom,var(--stone-3) 0%,var(--stone-2) 100%);border:1px solid var(--panel-border-bright);padding:12px 14px;font-size:13px;display:none;z-index:10;box-shadow:0 8px 24px #0009}.build-menu.open{display:block}.build-menu .title{color:var(--accent);font-size:12px;letter-spacing:2px;margin-bottom:8px;font-family:Cinzel,Georgia,serif;text-align:center}.build-menu .buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-width:480px}.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:linear-gradient(to bottom,#461e14f2,#280f0af2);border:1px solid var(--danger);color:var(--text);padding:8px 18px;font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:6}.toast.show{opacity:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0a0808;background-size:cover;background-position:center;z-index:20}.overlay.hidden{display:none}#overlay{background-image:linear-gradient(#08060473,#08060433 35%,#080604bf),url(/ramayana-rts/assets/title-background-bf_bsKlF.webp)}.title-wrap{position:relative;width:100%;max-width:920px;padding:0 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.title-logo{margin-bottom:44px}.title-main{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:96px;letter-spacing:14px;color:var(--accent);text-shadow:0 0 4px rgba(255,230,140,.6),0 2px 0 rgba(0,0,0,.8),0 6px 24px rgba(216,176,74,.4),0 8px 32px rgba(0,0,0,.7);line-height:1;margin-bottom:4px;animation:title-shimmer 6s ease-in-out infinite}@keyframes title-shimmer{0%,to{text-shadow:0 0 4px rgba(255,230,140,.6),0 2px 0 rgba(0,0,0,.8),0 6px 24px rgba(216,176,74,.4),0 8px 32px rgba(0,0,0,.7)}50%{text-shadow:0 0 16px rgba(255,230,140,.85),0 2px 0 rgba(0,0,0,.8),0 6px 36px rgba(216,176,74,.65),0 8px 32px rgba(0,0,0,.7)}}.title-sub{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:22px;letter-spacing:12px;color:var(--text);text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:18px;text-transform:uppercase}.title-rule{width:240px;height:1px;margin:0 auto 18px;background:linear-gradient(to right,transparent 0%,var(--accent) 50%,transparent 100%);box-shadow:0 0 12px #d8b04a80}.title-tagline{font-style:italic;color:var(--text-dim);font-size:15px;max-width:620px;margin:0 auto;line-height:1.6;letter-spacing:.3px}.title-menu{display:flex;flex-direction:column;gap:12px;width:320px;margin:0 auto}.menu-btn{background:linear-gradient(to bottom,#3c2816d9,#140a04eb),url(/ramayana-rts/assets/ui-button-stone-CXr5Dui7.webp);background-size:cover,cover;background-position:center,center;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;font-family:Cinzel,Georgia,serif;font-weight:600;font-size:15px;letter-spacing:2.5px;text-transform:uppercase;padding:14px 24px;text-shadow:0 1px 1px rgba(0,0,0,.9);box-shadow:inset 0 1px #ffdc9633,inset 0 -1px #00000080,0 4px 12px #0006;transition:all .18s ease}.menu-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:inset 0 1px #ffdc9659,inset 0 -1px #00000080,0 6px 18px #d8b04a40}.menu-btn.primary{background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-warm) 100%);color:var(--text-dark);border-color:var(--accent);font-weight:700}.menu-btn.primary:hover{background:linear-gradient(to bottom,#ffe080 0%,var(--accent) 100%);color:var(--text-dark)}.title-footer{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,Georgia,serif;white-space:nowrap}.end-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px;align-items:center}.end-actions .menu-btn{min-width:260px}.end-panel{max-width:1100px;width:92vw;max-height:90vh;overflow-y:auto;overflow-x:hidden}.coming-next{margin-top:24px;padding-top:22px;border-top:1px solid var(--panel-border)}.coming-next.hidden{display:none}.coming-next h2{font-family:Cinzel,Georgia,serif;color:var(--accent);font-size:18px;letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:6px}.coming-next .sub{text-align:center;color:var(--text-dim);font-style:italic;font-size:13px;margin-bottom:18px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:720px){.chapter-grid{grid-template-columns:1fr}}.chapter{position:relative;display:block;border:1px solid var(--panel-border);overflow:hidden;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:default}.chapter:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #d8b04a40}.chapter img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.chapter-label{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:var(--accent);font-family:Cinzel,Georgia,serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9)}.chapter-sub{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:var(--text);font-size:11px;letter-spacing:1.5px;text-shadow:0 1px 4px rgba(0,0,0,.9)}.credits-panel{max-width:920px;width:92vw;max-height:88vh;overflow-y:auto;text-align:left}.credits-panel h1{text-align:center}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:14px}@media(max-width:720px){.credits-grid{grid-template-columns:1fr}}.cred-section h2{color:var(--accent);font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:8px 0 6px;border-bottom:1px solid var(--panel-border);padding-bottom:4px}.cred-section p{margin:6px 0;line-height:1.55}.cred-section code{background:#0006;padding:1px 5px;border-radius:2px;font-size:12px}.pause-overlay{background-color:#080604bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause-panel{width:380px}.pause-panel h1{letter-spacing:6px}.pause-panel .title-menu{width:100%}#end-overlay.victory{background-image:linear-gradient(#08060499,#080604d9),url(/ramayana-rts/assets/victory-background-C7oHAs9O.webp)}#end-overlay.defeat{background-image:linear-gradient(#080604a6,#080604e0),url(/ramayana-rts/assets/defeat-background-CMja_07i.webp)}.overlay .panel{background:linear-gradient(to bottom,#2d1e12f5,#140c06f5);border:2px solid var(--panel-border-bright);padding:38px 56px;max-width:640px;text-align:center;box-shadow:0 0 60px #d8b04a40,inset 0 1px #ffdc9626,inset 0 -1px #00000080;position:relative}.overlay .panel:before,.overlay .panel:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent);background:radial-gradient(circle,var(--accent) 0,var(--accent-warm) 60%,transparent 100%)}.overlay .panel:before{top:2px;left:2px}.overlay .panel:after{bottom:2px;right:2px}.overlay h1{margin:0 0 16px;color:var(--accent);font-weight:600;letter-spacing:2px;font-size:30px;font-family:Cinzel,Georgia,serif;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 24px rgba(240,200,80,.25)}.overlay p{margin:10px 0;line-height:1.65;color:var(--text)}.overlay p.subtitle{color:var(--accent-dim);font-style:italic;margin-bottom:18px;font-family:Cinzel,Georgia,serif;letter-spacing:1px}.overlay p.hint{color:var(--text-dim);font-size:13px;margin-top:18px}.overlay button{margin-top:24px;padding:12px 36px;font-size:14px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-warm) 100%);color:var(--text-dark);border:1px solid var(--accent);cursor:pointer;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,Georgia,serif;box-shadow:inset 0 1px #fff3,0 2px 6px #00000080}.overlay button:hover{background:linear-gradient(to bottom,#ffe080 0%,var(--accent) 100%)}.tutorial{position:absolute;top:12px;left:50%;transform:translate(-50%);width:480px;background:linear-gradient(to bottom,#2d1e12f0,#140c06f0);border:1px solid var(--panel-border-bright);padding:14px 18px 12px;box-shadow:0 8px 30px #0009;z-index:8;pointer-events:auto;font-size:13px;line-height:1.55}.tut-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tut-progress{color:var(--accent-dim);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,Georgia,serif}.tut-skip{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:11px}.tut-skip:hover{color:var(--accent)}.tut-title{color:var(--accent);font-size:16px;font-weight:600;margin-bottom:6px;font-family:Cinzel,Georgia,serif}.tut-body{color:var(--text);margin-bottom:10px;font-size:12.5px}.tut-actions{display:flex;justify-content:space-between;gap:10px}.tut-actions button{flex:1;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-warm) 100%);border:1px solid var(--accent);color:var(--text-dark);font-weight:700;padding:7px 10px;cursor:pointer;letter-spacing:1px;font-size:11px;text-transform:uppercase;font-family:Cinzel,Georgia,serif}.tut-actions button:hover{background:linear-gradient(to bottom,#ffe080,var(--accent))}.tut-actions button:disabled{opacity:.4;cursor:not-allowed}.tut-actions .tut-prev{background:transparent;color:var(--text-dim);border:1px solid var(--stone-3)}.tut-actions .tut-prev:hover:not(:disabled){color:var(--text);border-color:var(--accent-dim);background:transparent}.help-overlay .panel.help-panel,.settings-overlay .panel.settings-panel{background:linear-gradient(to bottom,#322214f7,#160e08f7);border:2px solid var(--panel-border-bright);max-width:900px;width:92vw;max-height:86vh;padding:28px 36px;overflow-y:auto;text-align:left;position:relative;box-shadow:0 0 60px #d8b04a2e,inset 0 1px #ffdc9626}.help-overlay h1,.settings-overlay h1{text-align:center;margin:0 0 18px;color:var(--accent);font-family:Cinzel,Georgia,serif;letter-spacing:2px;font-size:26px}.help-overlay h2{margin-top:22px;color:var(--accent);font-size:13px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--panel-border);padding-bottom:4px;font-family:Cinzel,Georgia,serif}.help-overlay p{margin:8px 0}.help-overlay ul{padding-left:18px;margin:6px 0}.help-overlay li{margin:3px 0}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:720px){.help-cols{grid-template-columns:1fr}}.help-foot{text-align:center;color:var(--text-dim);font-size:12px;margin-top:14px}.close-btn{position:absolute;top:10px;right:14px;background:transparent;color:var(--text-dim);border:none;font-size:26px;cursor:pointer;width:32px;height:32px}.close-btn:hover{color:var(--accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(201,162,58,.18)}.setting-row label{font-size:13px;color:var(--text);letter-spacing:.5px}.setting-control{display:flex;align-items:center;gap:10px}.setting-row input[type=range]{width:200px;accent-color:var(--accent)}.set-speed-val{width:40px;text-align:right;color:var(--accent);font-weight:600}.setting-row button{background:linear-gradient(to bottom,var(--accent),var(--accent-warm));border:1px solid var(--accent);color:var(--text-dark);font-weight:700;padding:6px 14px;cursor:pointer;letter-spacing:1px;font-size:11px;min-width:64px;font-family:Cinzel,Georgia,serif;text-transform:uppercase}.setting-row button:hover{background:linear-gradient(to bottom,#ffe080,var(--accent))}.setting-row button.off{background:var(--stone-3);border-color:var(--stone-3);color:var(--text-dim)}.setting-row button.off:hover{background:var(--stone-2)}.cutscene-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.cutscene-overlay.hidden{display:none}.cutscene-frame{position:relative;display:inline-block;line-height:0;margin-bottom:14px;box-shadow:0 8px 60px #f0c8502e}.cutscene-image{display:block;max-width:92vw;max-height:70vh}.cutscene-caption{position:absolute;left:0;right:0;bottom:0;min-height:20%;display:flex;align-items:flex-end;justify-content:center;padding:70px 28px 18px;background:linear-gradient(to top,rgb(8,5,3) 0%,rgb(8,5,3) 62%,rgba(8,5,3,.85) 80%,transparent 100%);color:var(--accent);font-family:Cinzel,Georgia,serif;font-weight:600;font-size:clamp(15px,2.1vw,26px);line-height:1.2;letter-spacing:.5px;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.9)}.cutscene-narration{max-width:800px;text-align:center;color:var(--text);font-style:italic;font-size:15px;line-height:1.55;margin-bottom:18px;padding:0 24px;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cutscene-controls{display:flex;align-items:center;gap:26px;color:var(--text);font-size:13px}.cutscene-controls button{background:linear-gradient(to bottom,var(--accent),var(--accent-warm));color:var(--text-dark);border:1px solid var(--accent);padding:11px 26px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:Cinzel,Georgia,serif}.cutscene-controls button:hover{background:linear-gradient(to bottom,#ffe080,var(--accent))}.cutscene-controls .cutscene-skip{background:transparent;color:var(--text-dim);border:1px solid var(--stone-3)}.cutscene-controls .cutscene-skip:hover{background:transparent;color:var(--text);border-color:var(--accent-dim)}.cutscene-progress{color:var(--accent-dim);font-size:12px;letter-spacing:2px;font-family:Cinzel,Georgia,serif}.mission-select-panel{max-width:900px;width:92%;text-align:center}.mission-select-panel .sub{color:var(--text-dim);font-style:italic;margin-bottom:18px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:12px 0 20px}.overlay .mission-card{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:0;padding:0 0 12px;background:#140e08d9;border:1px solid var(--accent-dim, #c9a23a);border-radius:6px;overflow:hidden;cursor:pointer;text-align:left;color:var(--text, #e8dcc8);font:inherit;font-weight:400;letter-spacing:normal;text-transform:none;box-shadow:0 2px 10px #00000080;transition:transform .12s ease,box-shadow .12s ease}.overlay .mission-card:hover:not(.locked){transform:translateY(-3px);background:#1e160ceb;box-shadow:0 6px 24px #f0c85040}.mission-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.mission-card .mc-chapter{font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent, #f0c850);padding:8px 12px 0}.mission-card .mc-title{font-family:Cinzel,Georgia,serif;font-size:17px;font-weight:600;padding:0 12px}.mission-card .mc-desc{font-size:12.5px;line-height:1.45;color:var(--text-dim, #b8a888);padding:0 12px}.mission-card.locked{cursor:default;filter:grayscale(.9) brightness(.55)}.mission-card .mc-lock{position:absolute;top:10px;right:12px;font-size:20px}.mission-card .mc-badge{position:absolute;top:10px;left:12px;background:#3c823ce6;color:#eaffea;font-size:11px;padding:2px 8px;border-radius:10px;letter-spacing:1px}.device-panel{max-width:460px;width:90%;text-align:center;padding:32px 28px}.device-panel .title-rule{margin:14px auto}.device-msg{color:var(--text-dim);line-height:1.55;font-size:14.5px;margin:10px 0}.device-msg b{color:var(--text)}.device-foot{color:var(--accent-dim);font-size:11px;letter-spacing:1px;margin-top:18px}