:root{--paper: #FBF7EF;--paper2: #F3EDE1;--paper3: #EAD9B4;--ink: #2A2119;--ink2: #1C1813;--ink3: #4A3A2A;--rust: #B4552F;--rust2: #9A3F1E;--gold: #C99A3E;--silver: #CDD3DA;--muted: #C8B79B;--good: #6C9A4A;--bad: #B4402F;--wood: #7A5230;--k: 1;--tap: max(44px, calc(56px * var(--k)));--gap: max(6px, calc(10px * var(--k)));--font-title: "Ruslan Display", Georgia, "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: max(env(safe-area-inset-right, 0px), var(--sluzhebnye-v, var(--sluzhebnye-sprava, 0px)))}*{box-sizing:border-box}[hidden]{display:none!important}#stage{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#2a2119;font-family:var(--font-ui);color:var(--ink)}#sky{position:absolute;inset:0;background:linear-gradient(#f2cf8e,#fbebcb)}#sky canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#field{position:absolute;inset:0}#field canvas{display:block}#ui{position:absolute;inset:0;pointer-events:none}.scr-body,.map-side,.card{overscroll-behavior:contain}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #3A7BD5;outline-offset:2px}button[disabled],button[aria-disabled=true]{cursor:default}.title{font-family:var(--font-title);font-weight:400;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 calc(18px * var(--k) + 6px);background:var(--paper);border:3px solid var(--wood);border-radius:12px;font-weight:700;font-size:max(15px,calc(18px * var(--k)));color:var(--ink);box-shadow:0 4px #4a2e1873;transition:transform .08s ease,box-shadow .08s ease}.btn:active:not([disabled]){transform:translateY(2px);box-shadow:0 2px #4a2e1873}.btn.primary{background:var(--rust);color:#fff;border-color:#4a2e18;font-family:var(--font-title);font-weight:400;font-size:max(18px,calc(24px * var(--k)))}[data-testid=confirm] .btn.primary{font-family:var(--font-ui);font-weight:800;font-size:max(15px,calc(18px * var(--k)))}.btn.small{min-height:max(38px,calc(40px * var(--k)));font-size:max(13px,calc(15px * var(--k)));padding:0 12px}@media(pointer:coarse){.btn.small{min-height:44px}}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;box-shadow:none}.btn .ico{width:1.3em;height:1.3em;flex:none}.panel{background:var(--paper);border:3px solid var(--wood);border-radius:14px;box-shadow:0 4px #7a523059}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--paper);border:2px solid var(--wood);border-radius:10px;font-weight:700;font-size:max(14px,calc(18px * var(--k)))}.chip svg{width:1.3em;height:1.3em}.scr{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.scr.dim{background:#1c18139e;align-items:center;justify-content:center;padding:16px}.scr.paper{background:radial-gradient(circle at 45% 40%,#f6e9ca,#ead5a8 70%,#cdae78)}.scr-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l))}.scr-head{display:flex;align-items:center;gap:var(--gap);padding:calc(8px + var(--safe-t)) calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l))}.scr-head h1{margin:0;flex:1;font-size:max(22px,calc(34px * var(--k)));color:#4a2e18}.menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#fbf7efe6 0,#fbf7efb8 36%,#fbf7ef00 64%)}.menu>*{position:relative}.menu .corner{position:absolute}.menu{justify-content:center;align-items:flex-end;text-align:right;padding:calc(12px + var(--safe-t)) calc(24px + var(--safe-r)) calc(12px + var(--safe-b)) calc(24px + var(--safe-l))}.menu .logo{font-size:max(40px,calc(84px * var(--k)));color:#2a2119;margin:0;line-height:1;text-shadow:0 2px 0 rgba(255,243,207,.7)}.menu .tagline{margin:4px 0 calc(16px * var(--k));font-weight:700;color:#4a2e18;font-size:max(14px,calc(20px * var(--k)))}.menu .col{display:flex;flex-direction:column;gap:var(--gap);width:min(360px,42vw);min-width:220px}.menu .row{display:flex;gap:var(--gap);flex-wrap:wrap;margin-top:calc(10px * var(--k))}.menu .corner{position:absolute;left:calc(16px + var(--safe-l));bottom:calc(12px + var(--safe-b));display:flex;gap:var(--gap)}.map-wrap{flex:1;display:flex;gap:var(--gap);min-height:0;padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.map-svg{flex:1.6;min-width:0;min-height:0}.map-svg svg{width:100%;height:100%;display:block}.map-side{flex:1;min-width:250px;max-width:380px;min-height:0;display:flex;flex-direction:column;gap:var(--gap);overflow:hidden}.map-side>.map-card{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.map-side>:not(.map-card){flex:none}.map-card{padding:calc(14px * var(--k) + 4px);display:flex;flex-direction:column;gap:10px}.map-card h2{margin:0;font-size:max(20px,calc(28px * var(--k)));color:#4a2e18}.map-card p{margin:0;font-size:max(13px,calc(15px * var(--k)));line-height:1.4;color:var(--ink3)}.map-card .label{font-size:12px;font-weight:700;color:#6a5238;text-transform:none}.seg{display:flex;gap:6px}.seg button{flex:1;min-height:max(40px,calc(42px * var(--k)));border-radius:10px;font-weight:700;background:#f3e6c8;border:2px solid #C8B38E;color:#4a2e18;font-size:max(13px,calc(15px * var(--k)))}.seg button[aria-pressed=true]{background:var(--wood);border-color:#4a2e18;color:#fff}.seg button[aria-disabled=true]{opacity:.45}.battles{display:flex;gap:6px}.battles button{flex:1;text-align:left;padding:8px 10px;border-radius:10px;background:#f3e6c8;border:2px solid #C8B38E;font-size:max(12px,calc(14px * var(--k)));font-weight:700;color:#4a2e18;min-height:var(--tap)}.battles button[aria-pressed=true]{border-color:var(--rust);background:#fbefd9}.battles button .won{color:var(--good)}.battles button[aria-disabled=true]{opacity:.5}.reward{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#f3e6c8;border-radius:10px;padding:8px 10px;font-weight:700;font-size:max(13px,calc(14px * var(--k)))}.card{width:min(520px,94vw);max-height:94%;overflow:auto;padding:calc(18px * var(--k) + 6px);display:flex;flex-direction:column;gap:10px}.card h2{margin:0;font-size:max(26px,calc(40px * var(--k)));text-align:center;color:#4a2e18}.card .sub{text-align:center;font-weight:700;color:var(--ink3);margin:0}.card .lines{display:flex;flex-direction:column;gap:6px}.card .line{display:flex;align-items:center;gap:8px;background:#f3e6c8;border-radius:10px;padding:8px 12px;font-weight:700}.card .hint{background:#fff3d6;border:2px dashed var(--gold);border-radius:10px;padding:10px 12px}.card .hint b{display:block;margin-bottom:2px;color:var(--rust2)}.card .actions{display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center}.card>.actions{position:sticky;bottom:calc(-1 * (18px * var(--k) + 6px));margin:auto calc(-1 * (18px * var(--k) + 6px)) calc(-1 * (18px * var(--k) + 6px));padding:8px calc(18px * var(--k) + 6px) calc(18px * var(--k) + 6px);background:var(--paper);border-top:2px solid var(--paper3);border-radius:0 0 12px 12px;z-index:1}.win h2{color:#3e6a2a}.lose h2{color:var(--bad)}.hud{position:absolute;inset:0;pointer-events:none}#ui>.hud{pointer-events:none}#ui>.toast{position:absolute;left:50%;bottom:14%;transform:translate(-50%);max-width:min(560px,86%);padding:10px 18px;border-radius:12px;background:#1c1813db;color:#fff3cf;font-weight:800;text-align:center;pointer-events:none;z-index:60;animation:notice-in .25s ease}.hud>*{pointer-events:auto}.hud-top{position:absolute;left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));top:calc(6px + var(--safe-t));display:flex;align-items:flex-start;gap:var(--gap);pointer-events:none}.hud-top>*{pointer-events:auto}.hire-bar{display:flex;gap:max(3px,calc(8px * var(--k)));flex-wrap:nowrap}.hire{position:relative;width:max(44px,calc(64px * var(--k)));display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none}.hire .face{position:relative;width:max(44px,calc(60px * var(--k)));height:max(44px,calc(60px * var(--k)));border-radius:50%;background:var(--paper);border:3px solid var(--rust);display:flex;align-items:center;justify-content:center;box-shadow:0 3px #2a211959}.hire .face svg{width:72%;height:72%;color:var(--ink2)}.hire .ring{position:absolute;inset:-3px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),transparent 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%)}.hire .cost{background:var(--ink);color:var(--paper2);font-size:max(11px,calc(13px * var(--k)));font-weight:700;border-radius:8px;padding:1px 7px}.hire .badge{position:absolute;top:-4px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--rust);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px}.hire .alive{position:absolute;left:-4px;top:calc(max(44px,calc(60px * var(--k))) - 18px);min-width:20px;height:20px;border-radius:10px;background:var(--ink);color:var(--paper2);border:2px solid var(--paper);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}.hire .key{position:absolute;left:-2px;top:-4px;font-size:10px;font-weight:800;color:var(--ink3);background:var(--paper2);border-radius:6px;padding:0 4px;opacity:.8}.hire.poor .cost{background:var(--bad)}.hire.poor .face{opacity:.7}.hire.locked .face{border-color:#9a8f80;opacity:.45}.hire.locked .cost{background:#9a8f80}.hud-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px;pointer-events:none}.minimap{width:100%;max-width:380px;height:max(22px,calc(26px * var(--k)));border-radius:8px;background:#fbf7efd1;border:2px solid var(--ink);pointer-events:auto;touch-action:none}.minimap canvas{width:100%;height:100%;display:block;border-radius:6px}.timer{font-weight:800;font-size:max(12px,calc(15px * var(--k)));background:#fbf7efd9;border-radius:8px;padding:1px 10px;white-space:nowrap}.boss-bar{width:100%;max-width:380px;display:flex;flex-direction:column;gap:2px}.boss-bar .name{font-family:var(--font-title);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);text-align:center;font-size:max(14px,calc(18px * var(--k)))}.boss-bar .track{height:10px;border-radius:5px;background:#1c18138c;overflow:hidden;display:flex;gap:2px}.boss-bar .fill{height:100%;background:var(--bad);transition:width .2s ease}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap)}.res{display:flex;align-items:center;gap:max(6px,calc(12px * var(--k)));background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:4px max(8px,calc(12px * var(--k)));white-space:nowrap;box-shadow:0 3px #2a211959;font-weight:800;font-size:max(15px,calc(22px * var(--k)))}.res span{display:flex;align-items:center;gap:6px}.res svg{width:1.1em;height:1.1em}.res .sep{width:1px;height:1.1em;background:var(--muted)}.res .full{color:var(--bad)}.res .fort{display:block;width:max(36px,calc(56px * var(--k)));height:8px;border-radius:4px;background:#1c181340;overflow:hidden}.res .fort .fill{display:block;height:100%;width:100%;background:var(--good);transition:width .2s ease}.res .fort .fill.low{background:var(--bad)}.tally{font-size:max(11px,calc(13px * var(--k)));font-weight:800;background:#fbf7efe0;border-radius:8px;padding:1px 8px;white-space:nowrap;color:var(--ink)}.cmds{display:flex;gap:max(4px,calc(8px * var(--k)))}.cmd{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none}.cmd .face{width:max(44px,calc(54px * var(--k)));height:max(44px,calc(54px * var(--k)));border-radius:14px;background:var(--paper);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center}.cmd .face svg{width:55%;height:55%}.cmd .lbl{font-size:max(10px,calc(12px * var(--k)));font-weight:800;background:var(--paper);border-radius:6px;padding:0 6px}.cmd[aria-pressed=true] .face{background:var(--rust);border-color:#4a2e18}.cmd[aria-pressed=true] .face svg{stroke:#fff}.pause-btn{width:max(40px,calc(44px * var(--k)));height:max(40px,calc(44px * var(--k)));border-radius:12px;background:var(--paper);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.hud-bottom{position:absolute;left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(8px + var(--safe-b));display:flex;align-items:flex-end;gap:var(--gap);pointer-events:none}.hud-bottom>*{pointer-events:auto}.spells{display:flex;gap:max(4px,calc(8px * var(--k)));margin:0 auto}.spell{position:relative;width:max(44px,calc(52px * var(--k)));height:max(44px,calc(52px * var(--k)));border-radius:50%;background:#2a2233;border:3px solid var(--gold);color:#fff;display:flex;align-items:center;justify-content:center}.spell svg{width:60%;height:60%}.spell .n{position:absolute;bottom:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}.spell[aria-disabled=true]{opacity:.4}.spell.aiming{box-shadow:0 0 0 4px #f4c542b3}.joy{position:relative;width:max(120px,calc(150px * var(--k)));height:max(120px,calc(150px * var(--k)));border-radius:50%;background:#fbf7ef59;border:3px solid rgba(42,33,25,.55);touch-action:none}.joy .knob{position:absolute;left:50%;top:50%;width:44%;height:44%;margin:-22% 0 0 -22%;border-radius:50%;background:#fbf7efe6;border:3px solid var(--ink)}.acts{display:flex;align-items:flex-end;gap:var(--gap)}.act{width:max(60px,calc(78px * var(--k)));height:max(60px,calc(78px * var(--k)));border-radius:50%;background:var(--rust);border:3px solid #4A2E18;color:#fff;font-weight:800;font-size:max(12px,calc(14px * var(--k)));display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;touch-action:none;box-shadow:0 4px #4a2e18}.act.alt{background:var(--paper);color:var(--ink);width:max(52px,calc(64px * var(--k)));height:max(52px,calc(64px * var(--k)));box-shadow:0 3px #2a211973}.act.held{transform:translateY(2px);box-shadow:0 2px #4a2e18}.act[aria-disabled=true]{opacity:.5}.release{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(max(60px,calc(78px * var(--k))) + 24px + var(--safe-b))}.notice{position:absolute;left:50%;top:24%;transform:translate(-50%);padding:8px 18px;border-radius:12px;background:#1c1813c7;color:#fff3cf;font-weight:800;font-size:max(15px,calc(22px * var(--k)));text-align:center;pointer-events:none;max-width:86vw;animation:notice-in .25s ease}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.tip{position:absolute;max-width:min(420px,80vw);background:var(--paper);border:3px solid var(--rust);border-radius:14px;padding:10px 14px;font-weight:700;font-size:max(14px,calc(17px * var(--k)));box-shadow:0 6px 18px #00000040;display:flex;flex-direction:column;gap:8px}.tip .row{display:flex;gap:8px;justify-content:flex-end}.pulse{animation:pulse 1.1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pulse{animation:none;box-shadow:0 0 0 4px #b4552fbf}}.reduced-motion .pulse{animation:none;box-shadow:0 0 0 4px #b4552fbf}@keyframes pulse{0%,to{box-shadow:0 0 #b4552f00}50%{box-shadow:0 0 0 8px #b4552f73}}.rotate{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:24px;background:#1c1813e0;color:#fff3cf;font-weight:800;font-size:18px;z-index:50}.portrait .rotate.on{display:flex}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:var(--gap)}.item{padding:12px;display:flex;flex-direction:column;gap:8px}.item h3{margin:0;font-size:clamp(16px,calc(19px * var(--k)),22px);color:#4a2e18;display:flex;align-items:center;gap:8px}.item h3 svg{width:34px;height:34px;flex:none}.item p{margin:0;font-size:14px;color:var(--ink3);line-height:1.35}.steps{display:flex;gap:4px}.steps i{flex:1;height:8px;border-radius:4px;background:#e3d6bc}.steps i.on{background:var(--gold)}.banner-ico{width:44px;height:56px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--paper);border:2px solid var(--muted);border-radius:12px;font-weight:700}.toggle input[type=range]{width:min(220px,40vw);height:44px;margin:0;background:transparent;accent-color:var(--rust);cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:pan-y}.toggle input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:#e3d6bc;border:2px solid var(--muted)}.toggle input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--rust);border:3px solid var(--paper);box-shadow:0 1px 3px #00000059}.toggle input[type=range]::-moz-range-track{height:10px;border-radius:5px;background:#e3d6bc;border:2px solid var(--muted)}.toggle input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--rust);border:3px solid var(--paper);box-shadow:0 1px 3px #00000059}.toggle input[type=range]:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.pulse,.notice{animation:none}}