:root{--amber:#e6c995;--green:#b0ccac;--glass-fill:linear-gradient(135deg,#192b32bb,#101b27a6);--glass-shadow:inset 0 1px #ffedbf30,0 5px 20px #09141c20;color-scheme:dark}
*{box-sizing:border-box}body{background:#0b161d;color:#f4e9d4;font-family:var(--magic-text),'Times New Roman',serif}button,a,input,select{font-family:var(--magic-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f1d39b;outline-offset:4px}button:disabled{cursor:default;opacity:.38}#app{background:#13242d;--world-art:url('assets/magic/forest-panorama.webp')}#app .scanlines{display:none}#app .menu-art,#app.wide .menu-art{background-image:linear-gradient(90deg,#0a181ee0 0%,#0a181e35 65%,#0a181e15),var(--world-art);background-size:cover;background-position:center;opacity:1;filter:none}#app .scene-vignette{background:linear-gradient(0deg,#0a1723ad,transparent 65%);opacity:1}#app.playing .menu-art{opacity:0}#app.playing .scene-vignette{opacity:0}
#app .brand{color:#f4e7c8;font:600 24px var(--magic-text);letter-spacing:1px}#app .brand .orange{color:#e6c995}#app .brand small{font:9px var(--magic-text);letter-spacing:3px;color:#cbbd9e}#app .brand-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;background:none;transform:none;border:1px solid #e7c58378;border-radius:50%}#app .brand-mark:after{content:'✧';font:32px var(--magic-text);color:#efcf92}#app .brand-mark i{display:none}.build-label{display:none!important}#app .topbar,#app.wide:not(.playing) .topbar,#app:not(.wide):not(.playing) .topbar{left:5%;right:5%;width:auto;max-width:none;top:max(18px,env(safe-area-inset-top));display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0}.top-actions{display:flex;align-items:center;gap:7px}#app:not(.playing) #hudTools{display:none!important}#app #heroBtn{min-height:44px;padding:10px 14px;border:1px solid #dec69568;border-radius:12px;background:#1730399c;color:#efdfba;font-size:13px}.playing #heroBtn{display:none}#app .icon-button{color:#edd3a1;background:#1b2c3588;border:1px solid #dbc18b60;border-radius:13px}#app .lang{min-width:58px;width:64px;display:flex;flex-direction:row;gap:5px;font-size:12px}#app .language-globe{width:18px}
#app .menu,#app.wide .menu{padding:110px 6% 90px;overflow-y:auto;display:flex;align-items:center}#app .menu-content,#app.wide .menu-content,#app:not(.wide) .menu-content,#app:not(.wide):not(.playing) .menu-content{position:relative;inset:auto;width:min(620px,58%);height:auto;max-width:none;min-height:0;padding:0;margin:0;overflow:visible;display:block}#app .eyebrow{font:10px/1.6 var(--magic-text);letter-spacing:2px;color:#d9caac;margin-bottom:21px}#app .live-dot{background:#edd49e;box-shadow:0 0 10px #f7d69d70}#app .title-sub{font:12px/1.5 var(--magic-text);letter-spacing:2px;color:#d6bc88}#app h1{font:500 clamp(54px,6.8cqw,102px)/1.1 var(--magic-text);letter-spacing:-4px;color:#f9ecd0;margin:9px 0 24px;text-shadow:0 4px 28px #080f18aa}#app h1>span{color:#e0be80}#app .title-period{display:none}#app .intro{font:19px/1.6 var(--magic-text);color:#eadfc6;margin:0 0 20px;max-width:500px}#app .operator-tag{font:10px/1.5 var(--magic-text);color:#bdc9bd;letter-spacing:1px;margin:0 0 28px}#app .israel-flag{background:none;color:#e5c98e;font-size:20px}#app .launch-panel{max-width:500px;margin-top:24px;padding:0;background:none;border:0;box-shadow:none}#app .setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none;width:100%;margin:0 0 12px}#app .setup-grid>button{min-height:70px;width:auto;max-width:none;padding:12px 14px;border:1px solid #dcc18c40;background:linear-gradient(135deg,#28404aa8,#162932b8);box-shadow:inset 0 1px #f5e2bc18;border-radius:12px;text-align:left}#app .setup-grid small{font:9px/1.4 var(--magic-text);letter-spacing:1px;color:#bdbea8}#app .setup-grid b{font:14px/1.3 var(--magic-text);margin-top:5px;color:#f5e7c8;white-space:normal;overflow-wrap:normal;display:block}#app .setup-grid button>span{display:none}#app .primary-button{min-height:54px;width:100%;border:1px solid #ecd5a3;border-radius:12px;background:linear-gradient(125deg,#eed8a7,#c7a164);box-shadow:0 5px 24px #a27e3820,inset 0 1px #fff9;font-size:12px;font-weight:700;letter-spacing:1px;color:#25281f;justify-content:flex-start}#app .secondary-button,#app .continue-button{border-radius:10px;background:#18303bad;border:1px solid #c8b98d4d;color:#eedcb5;min-height:44px;padding:10px 12px;font-size:12px;letter-spacing:0}#app .feature-actions{display:flex;gap:8px;margin-top:9px}#app .feature-actions>*{flex:1;text-align:center;justify-content:center}#app .menu-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:15px}#app .help-button{color:#d6d3c5;margin:0;font-size:12px}#app .store-link{background:none;border:0;box-shadow:none;color:#ecd3a0;font-size:12px;min-height:38px;padding:10px 0}#app .best-score{color:#acbebc;letter-spacing:.6px;font:10px/1.5 var(--magic-text)}#app .about-links{display:none}#app .scene-caption{display:none}#app .menu-bottom{left:6%;right:6%;bottom:20px;border-color:#e6d1a42c;padding-top:12px}.mission-facts{gap:24px}#app .mission-facts b{font:24px var(--magic-text);color:#e8cc99}#app .mission-facts small{font:9px var(--magic-text);letter-spacing:1px;color:#b8c4c0}#app .resolution-badge{font-size:9px;color:#96a6a8}
#app .modal{background:#081821b8;backdrop-filter:blur(12px)}#app .modal-card{width:600px;background:linear-gradient(145deg,#21343c,#0f202b);border:1px solid #cdb27b65;border-top:2px solid #e4c88f;border-radius:22px;padding:30px;box-shadow:0 20px 80px #050c18a3}#app .modal-eyebrow{color:#d8b97a;font:10px var(--magic-text);letter-spacing:2px}#app h2{font:30px/1.2 var(--magic-text);color:#f4e7cb;letter-spacing:-.5px}#app h3{font:18px/1.5 var(--magic-text);color:#ebd5ac}#app #modalBody{font:14px/1.65 var(--magic-text);color:#c6d3d3}#app .option-card{background:#20364080;border-color:#b9a88445;color:#f2e1bd}#app .option-card.active{border-color:#e7c98c;background:#74644033}.world-cards{display:grid;gap:12px}.world-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;text-align:left;min-height:170px;padding:20px;border:1px solid #d5c0915e;border-radius:14px;overflow:hidden;color:#f9ebce;background:linear-gradient(90deg,#091822c9,#111c2020),var(--card-art) center/cover;transition:filter .2s,transform .2s}.world-card:hover{filter:brightness(1.16);transform:translateY(-2px)}.world-card small{font-size:10px;letter-spacing:2px;color:#ead7ae}.world-card strong{font:26px var(--magic-text)}.world-card span{font-size:12px;color:#e3e7dc}.world-card b{font-size:10px;letter-spacing:1px;margin-top:13px}.hero-name{width:100%;padding:12px;background:#0e222a;border:1px solid #cfb98550;border-radius:10px;font-size:16px;color:#f1dfbd}.hero-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.hero-choices button,.familiar-choices button{border:1px solid #b8a7863b;border-radius:14px;background:#11293280;color:#e9dbbd;padding:12px}.hero-choices button[aria-pressed=true],.familiar-choices button[aria-pressed=true]{border-color:#e7c58b;background:#a3894c23;box-shadow:inset 0 0 24px #c9a8690e}.hero-art{display:block;height:180px;background-image:url('assets/magic/characters.webp');background-repeat:no-repeat;background-size:610px auto;background-position:-220px 0}.hero-art.boy{background-position:-15px 0}.hero-art.girl{background-position:-220px 0}.familiar-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.familiar-choices button{padding:10px 6px;min-width:0}.familiar-choices strong,.familiar-choices small{display:block}.familiar-choices small{font:11px/1.4 var(--magic-text);margin-top:8px;color:#b7c9c7}.familiar-art{display:block;height:95px;background:url('assets/magic/characters.webp') no-repeat;background-size:465px auto}.familiar-art.fox{background-position:0 -176px}.familiar-art.owl{background-position:-155px -176px}.familiar-art.dragon{background-position:-310px -176px}.wand-cards{display:grid;gap:8px}.wand-card{display:flex;gap:14px;align-items:center;padding:14px;background:#11273170;border:1px solid #b39b6b29;border-radius:12px}.wand-card>span{font-size:40px;flex:none}.wand-card small{font:9px var(--magic-text);letter-spacing:1px;color:#a9b6b5;display:block;margin-bottom:5px}.wand-card strong{font:18px var(--magic-text);color:#e6d5b4}.wand-card p{font-size:12px;margin:6px 0 0!important}.wand-card.found{border-color:#d8b97899;background:#c4a0610d}.medal-symbol{font:40px var(--magic-text)!important;color:#e1c58e}.daily-scene{height:160px;background-size:cover;background-position:center;border-radius:12px;padding:18px;display:flex;align-items:end;margin:14px 0}.daily-scene strong{background:#10232ad9;padding:10px;border-radius:8px;color:#f6e6bf}.leader-portrait{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important}.leader-list{gap:12px}.leader-list article{border-color:#c7b18335}.riddle-clue,.riddle-buttons{display:flex;gap:12px;justify-content:center;margin:20px 0}.riddle-clue>span{font:30px var(--magic-text);color:#d7bc8d;text-align:center}.riddle-clue small{display:block;font-size:15px}.riddle-buttons button{width:72px;height:72px;border:1px solid #ddc48d80;border-radius:14px;color:#e8d1a5;background:#35606a55;font:30px var(--magic-text)}
#app #damageFlash{background:radial-gradient(ellipse,transparent 55%,#7187bc50);box-shadow:inset 0 0 90px #85a9d066}#app .operator-status{background:#19303999;border-color:#e0c3893d}#app .operator-face,#app .operator-face[data-frame],#app.playing[data-controls=touch][data-touch-layout=compact] .operator-face{background-image:url('assets/magic/characters.webp');background-size:1050% auto;background-position:50% 4%;filter:none}#app[data-hero=boy] .operator-face{background-position:12% 4%}#app .operator-face.is-hit{box-shadow:inset 0 0 15px #a7bbdd70}#app .operator-face[data-state=down]{filter:brightness(.7)}#app .lives-meter{color:#dbb990}#app .hud-bottom,#app.playing[data-controls=touch][data-touch-layout=compact] .hud-bottom{background:#152932a6;border:1px solid #dec29142;box-shadow:inset 0 1px #f9e7b51a}#app .hud-health b,#app .hud-ammo b,#app .hud-slot b{color:#e7cf9d}#app .hud-bottom small{color:#bdc9c3}#app .health-track span{background:linear-gradient(90deg,#8cbca8,#e3d8a2)}#app .health-icon{color:#b3ceac}#app .mission-chip,#app.playing[data-controls=touch] .mission-chip{background:#1428338c;border:1px solid #d9bd8642;box-shadow:none}#app .mission-chip b{color:#e2c799;letter-spacing:.5px}#app .mission-chip small{color:#f1e7d2}#app .crosshair{width:12px;height:12px;border:1px solid #ebd6a18a;border-radius:50%;opacity:.7}#app .crosshair i{display:none}#app #minimap,#app.playing[data-controls=touch] .hud #minimap{border-radius:50%;border:1px solid #dbc48f70;opacity:.85;background:#10273499}#app .boss-hud{background:#1827379c;border-color:#d7bc8340}#app .boss-track i{background:#aab8d5}#app :is(#toast,#voiceCaption){background:#11283380!important;border-color:#e4d0a025!important;border-radius:7px!important;padding:5px 10px!important;color:#fff1d4;box-shadow:none!important;pointer-events:none;font:13px/1.4 var(--magic-text)}#app .companion-chip{background:#142b347a;border-color:#d6c19630;color:#d9dfc9}#app .touch-controls button,#touchControls[data-compact=true]>button{color:#edd7a8;background:#1b354677;border-color:#e2c7965c}#touchControls[data-compact=true]>button[data-tool=true]{background:transparent;border:0}#touchDock{background:#18303c77;border-color:#dec48e45}#app #movePad{background:#19303c40!important;border-color:#e8d6b366!important;box-shadow:inset 0 1px #fce1a92e!important}#app #movePad>span{background:#d8c59766!important;border-color:#f4dda36b!important}#app #touchFire{background:linear-gradient(145deg,#d4b676a6,#947a4b77)!important;border-color:#efd7a5ad!important;color:#fff0cb}#app #touchControls button[aria-pressed=true]{background:#b09c6459;color:#fff0c0}.wand-bar{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);display:flex;gap:7px;pointer-events:auto}.wand-bar button{width:44px;height:44px;border:1px solid #cbb27b6b;background:#18313da3;border-radius:10px;color:#ead6aa;display:flex;align-items:center;justify-content:center;gap:3px}.wand-bar button span{font:23px var(--magic-text)}.wand-bar button small{font:10px var(--magic-text)}.wand-bar button[aria-pressed=true]{border-color:#f2d08b;background:#a38b4b61}#app[data-controls=touch] .wand-bar{display:none}#app .playing .brand{opacity:.8}#app .loading{background:#11252d;color:#e3c793}#app .cinematic{background:#10232c}#app .cinematic-title small{color:#d7b77e}#app .cinematic-title strong{font-family:var(--magic-text);color:#f3dfb6}#app .cinematic-progress{background:#e0c185}
@media(max-width:700px){#app{width:100vw!important;height:100dvh!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important}#app .menu,#app.wide .menu{padding:110px 6% 32px;display:block;overflow:auto}#app .menu-content,#app.wide .menu-content,#app:not(.wide) .menu-content,#app:not(.wide):not(.playing) .menu-content{width:100%;max-width:480px;margin:0 auto}#app .menu-art,#app.wide .menu-art{background-image:linear-gradient(0deg,#0b1b24fa 8%,#0b1b2466 64%,#0b1b2422),var(--world-art);background-position:45% center}#app .menu-briefing{padding-top:14px}#app .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:14px}#app .title-sub{font-size:10px;letter-spacing:1.2px}#app h1{font-size:64px;letter-spacing:-3px;margin:6px 0 14px}#app .intro{font-size:17px;line-height:1.6}#app .operator-tag{margin-bottom:18px;font-size:9px}#app .launch-panel{margin-top:16px}#app .setup-grid>button{min-height:70px}#app .setup-grid b{font-size:13px}#app .menu-bottom{position:relative;inset:auto;padding:18px 0 0;margin:24px 0 0;display:none}#app .topbar,#app.wide:not(.playing) .topbar,#app:not(.wide):not(.playing) .topbar{left:6%;right:6%;top:max(18px,env(safe-area-inset-top))}#app .brand{font-size:21px}#app #heroBtn{font-size:12px;padding:8px 10px}#app .brand small{font-size:8px;letter-spacing:2px}#app .top-actions{gap:5px}#app .modal{padding:12px}#app .modal-card{padding:24px 18px;max-height:calc(100dvh - 24px);border-radius:18px}#app h2{font-size:26px}#app #modalBody{font-size:14px}.world-card{min-height:156px}.world-card strong{font-size:23px}.hero-art{height:165px;background-size:560px auto;background-position:-205px 0}.hero-art.boy{background-position:-16px 0}.hero-art.girl{background-position:-205px 0}.familiar-art{height:85px;background-size:390px auto}.familiar-art.fox{background-position:-4px -148px}.familiar-art.owl{background-position:-137px -148px}.familiar-art.dragon{background-position:-266px -148px}.familiar-choices small{font-size:10px}#app.playing .brand{font-size:14px}#app.playing .topbar{left:12px;right:12px;top:max(10px,env(safe-area-inset-top))}#app.playing[data-controls=touch] .mission-chip{top:66px;min-height:56px}#app.playing[data-controls=touch] .hud #minimap{top:66px}#app.playing[data-controls=touch] .mission-chip #objective{font-size:13px}#app.playing[data-controls=touch][data-touch-layout=compact] .hud-bottom small{font-size:9px}#app.playing[data-controls=touch][data-touch-layout=compact] .hud-bottom b{font-size:22px}#app.playing[data-controls=touch][data-touch-layout=compact] #weaponLabel{max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app.playing[data-controls=touch] .boss-hud{top:156px}#app.playing[data-controls=touch] .companion-chip{top:138px}#app .cinematic-title strong{font-size:30px}}
@media(max-height:500px) and (orientation:landscape){#app .menu{padding-top:80px;display:block}#app .menu-content,#app.wide .menu-content{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}#app h1{font-size:55px}#app .menu-briefing{padding-top:0}#app .eyebrow,#app .operator-tag{display:none}#app .launch-panel{margin-top:0}#app .setup-grid>button{min-height:58px;padding:8px}#app .intro{font-size:15px}.wand-bar{bottom:100px}}
html[dir=rtl] #app #modalBody,html[dir=rtl] #app .world-card,html[dir=rtl] #app .setup-grid>button{text-align:right;direction:rtl}html[dir=rtl] #app .familiar-choices,html[dir=rtl] #app .wand-card{direction:rtl}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#app:not(.playing){height:100dvh!important;max-height:none!important}#app .launch-panel>.primary-button,#app #modalButtons>.primary-button{background:linear-gradient(125deg,#eed8a7,#c7a164)!important;color:#25281f!important;border:1px solid #f1d6a2!important}#app .launch-panel>.primary-button>span{color:#25281f!important}#app .israel-flag:before,#app .israel-flag:after{display:none!important}#app .israel-flag{border:0!important;box-shadow:none!important}#app.playing #langBtn{display:none!important}#app .combat-status{bottom:130px}#app .voice-caption{bottom:202px}
/* Menu geometry is independent of the original portrait briefing column. */
#app:not(.playing) .menu,#app.wide:not(.playing) .menu,#app:not(.wide):not(.playing) .menu{inset:0!important;display:block!important;padding:108px 6% 40px!important;overflow-x:hidden;overflow-y:auto;align-items:flex-start;scrollbar-gutter:auto}#app:not(.wide):not(.playing) .menu-content{inset:auto!important;width:100%!important;max-width:520px!important;padding:0!important;display:block!important;overflow:visible!important;margin:0 auto!important}#app:not(.wide) .menu-briefing{width:100%!important}#app:not(.wide) .menu-briefing h1{font:500 clamp(48px,12cqw,68px)/1.08 var(--magic-text)!important;letter-spacing:-3px!important;white-space:nowrap!important;margin:10px 0 20px!important}#app:not(.wide) .menu-briefing h1>span{font-size:1em!important}#app:not(.wide) .menu-briefing .intro{font:17px/1.6 var(--magic-text)!important;margin:0 0 20px!important}#app:not(.wide) .launch-panel{padding:0!important;margin-top:20px!important;max-width:none!important;width:100%!important}#app:not(.playing) .menu-bottom{display:none!important}#app:not(.wide):not(.playing) .top-actions{display:flex!important;width:auto!important;gap:6px!important}#app:not(.wide):not(.playing) #heroBtn{max-width:110px;font-size:12px;padding:10px;white-space:nowrap}#app:not(.wide):not(.playing) #langBtn{width:56px!important;min-width:56px!important;height:44px!important;padding:6px!important}#app:not(.wide):not(.playing) .brand{font-size:19px!important;gap:7px}#app:not(.wide):not(.playing) .brand small{font-size:7px;letter-spacing:1.5px}#app:not(.wide) .setup-grid>button{min-height:72px!important;padding:10px 12px!important}#app:not(.wide) .setup-grid b{font:13px/1.4 var(--magic-text)!important}#app:not(.wide) .setup-grid small{font:9px/1.4 var(--magic-text)!important;letter-spacing:.8px}#app .button-arrow{font-family:var(--magic-text);font-size:20px}#app .primary-button{text-shadow:none!important}
#app:not(.wide) .menu-briefing h1>span{display:inline!important}#app #touchCompanion>small{display:block!important;font:8px/1.1 var(--magic-text)!important;max-width:46px;white-space:nowrap;overflow:hidden}#app #touchCompanion>svg{width:21px!important;height:21px!important}#app #touchControls :is(#touchFire,#touchUse)>small{font-size:10px!important;font-weight:500!important}
#app.playing .menu-art{display:none!important}