:root{color-scheme:dark;--ink:#edf0f8;--muted:#adb8ce;--gold:#f3cc73;--line:#3c4563;--panel:#192239;--purple:#8f78c7}*{box-sizing:border-box}body{margin:0;background:#101624;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.app{max-width:1560px;margin:auto;padding:18px 22px}.top{display:flex;align-items:center;min-height:40px;margin-bottom:14px}h1{font-size:20px;letter-spacing:.06em;margin:0;color:var(--gold)}h1 small{display:inline-block;font-size:12px;color:#aeb8cc;margin-left:14px;letter-spacing:.12em;font-weight:400}.layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:14px;align-items:start}.game-column{min-width:0}.game-frame{border:1px solid #515b78;border-radius:12px 12px 0 0;overflow:hidden;background:#101a2b}.board{position:relative;aspect-ratio:3/2;background:#263244;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.battle-hud{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;background:#1c2840;border-bottom:1px solid #56617b;padding:10px 6px}.hud-badge{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;padding:0 10px;border-right:1px solid #46516b}.hud-badge:last-child{border:0}.hud-icon{font-size:27px;line-height:1;color:#c9cee3}.hud-label{display:block;font-size:12px;color:#bec8db;letter-spacing:.06em;font-weight:700}.hud-badge b{display:block;font-size:24px;font-weight:800;line-height:1.2;color:#f4f5fa;font-variant-numeric:tabular-nums;white-space:nowrap}.faith-badge b,.faith-badge .hud-icon{color:var(--gold)}.hope-badge .hud-icon{color:#bfaae9}.enemies-badge .hud-icon{color:#e6a4a9}.toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;background:#1c2840;border:1px solid #515b78;border-top:0;border-radius:0 0 12px 12px}.toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.btn{min-height:42px;padding:9px 13px;border:1px solid #55617c;border-radius:7px;background:#263149;color:#eef0f9;font-size:14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--gold);color:#201c2a;border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.1)}button:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #77cde6;outline-offset:3px}[hidden],.toolbar>[hidden]{display:none!important}.toast{font-size:14px;color:var(--muted);min-height:24px;margin:9px 3px}.shop{background:var(--panel);border:1px solid #4b4565;border-radius:12px;padding:16px;color:var(--ink)}.shop-heading{font-size:12px;letter-spacing:.13em;color:#b7afcb;margin:0 0 12px;font-weight:700}.hero-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.card{padding:0;background:#222b42;border:2px solid #43465e;border-radius:7px;overflow:hidden;cursor:pointer;position:relative;min-width:0;height:86px}.card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.card .portrait{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}.card>div{position:absolute;inset:auto 0 0;background:#101827de;padding:3px}.card h3{margin:0;font-size:12px;color:#f3f1f8;font-weight:700}.card p,.card .cost,.card .air-tag{display:none}.weapon-kicker{margin:0 0 8px;font-size:12px;color:#d0bee8}.hero-description{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 15px}.weapon-title{display:flex;align-items:center;gap:8px;justify-content:space-between}.weapon-title h2{font-size:21px;line-height:1.15;margin:0;color:#fff;font-weight:800}.sound-preview{width:34px;height:34px;flex:none;border:1px solid #63577b;border-radius:50%;background:#302a47;color:#dfd5f1;font-size:20px;cursor:pointer}.weapon-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.weapon-tags span{font-size:12px;color:#c6dddf;border:1px solid #40586b;border-radius:5px;padding:3px 7px;background:#1e3343}.weapon-meters{display:grid;gap:13px;margin:22px 0}.meter-row{display:grid;grid-template-columns:60px 1fr 32px;gap:7px;align-items:center}.meter-row label{font-size:14px;color:#c4ccdf}.meter-row b{font-size:12px;text-align:right;color:#c4ccdf;font-variant-numeric:tabular-nums}.meter{height:10px;background:#0b1221;border:1px solid #47506a;border-radius:4px;overflow:hidden;position:relative}.meter:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 2px),#142039 calc(12.5% - 2px),#142039 12.5%)}.meter i{height:100%;display:block}.meter.speed i{background:#a9c889}.meter.range i{background:#81c5dd}.meter.damage i{background:#e4a275}.weapon-cost{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;padding-top:15px;border-top:1px solid var(--line)}.weapon-cost span{font-size:12px;color:var(--muted);letter-spacing:.08em}.weapon-cost strong{font-size:23px;color:var(--gold)}.inspect>.btn{width:100%}.inspect>.reveal-btn{margin-top:10px;color:#a9edf4;border-color:#497784;background:#203943}.placement-hint{font-size:14px;line-height:1.5;color:#bac3d7}.panel-details{border-top:1px solid var(--line);padding-top:12px;margin-top:17px}.panel-details summary{font-size:14px;color:#c6b5e1;cursor:pointer}.panel-details p{font-size:14px;line-height:1.5;color:#bdc7da}.panel-details label{font-size:14px}.panel-details select{margin:5px 0 10px}.panel-details .btn{width:100%;background:transparent}.path-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.path-switch button{min-width:0;padding:10px 7px;font-size:14px;background:#242b41;border:1px solid #5c5372;border-radius:7px;color:#ced1df;cursor:pointer}.path-switch button.active{background:#493b62;border-color:#c1a2e7;color:#fff}.utility-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin-top:0}.utility{font-size:14px;color:#b8c4d8}.utility>summary{cursor:pointer;padding:8px 0}.utility[open]{flex-basis:100%;background:#192239;border:1px solid #3c4563;border-radius:9px;padding:8px 16px}.utility[open]>summary{color:var(--gold)}.utility p{font-size:14px;line-height:1.6;max-width:750px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:850px;border-top:1px solid #3a4861;padding:10px 0}.options-grid h2{font-size:16px}.options-grid label{display:block;font-size:14px;margin:12px 0}.options-grid .btn{margin:6px 4px 0 0}select{display:block;width:100%;padding:9px;border:1px solid #687082;border-radius:6px;background:#24334b;color:#fff;font-size:14px}input[type=range]{vertical-align:middle;accent-color:var(--gold);margin-left:10px}#expansions h2{font-size:16px}#expansions .btn{margin:4px 8px 4px 0}.loading,.result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#172139ed;padding:25px;text-align:center}.result h2{font-size:32px;color:var(--gold)}.result p{max-width:420px}.boss{display:none;position:absolute;left:8%;top:10%;width:84%;background:#211b36f2;border:1px solid #9a7db0;border-radius:10px;padding:15px;gap:15px;align-items:center;pointer-events:none}.boss.show{display:flex}.boss img{width:80px;height:100px;object-fit:contain}.boss span{font-size:12px;color:#c9a6e5}.boss h2{font-size:22px;margin:5px 0}.boss p{font-size:14px}.air-warning{color:#d8b8ed}.lesson-panel{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;background:#231f36;border:1px solid #8c77ac;border-top:3px solid #b298d5;border-radius:0 0 12px 12px;padding:20px}.lesson-portrait{width:84px;height:96px;object-fit:cover;object-position:top;border-radius:9px;border:1px solid #ad94c7}.eyebrow,#lesson-speaker{font-size:12px;letter-spacing:.07em;color:#c3aade;margin:0 0 7px}.lesson-copy h2{font-size:23px;line-height:1.25;margin:0 0 9px}.lesson-copy p{margin:0 0 12px;max-width:720px}.lesson-copy .lesson-note{color:#bdb5d0;font-size:14px}.lesson-copy a{color:#aadce9}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap}.lesson-choices{display:grid;gap:8px;margin:12px 0}.lesson-choice{text-align:left;font:inherit;color:#ebe8f4;padding:10px 14px;background:#302a46;border:1px solid #625573;border-radius:7px;cursor:pointer}.lesson-choice.answered{border-color:#accfab;background:#29443a}#lesson-feedback:empty{display:none}#lesson-feedback{color:#d1e8c3;font-size:14px}.enemy-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.enemy-guide>div{display:flex;gap:10px;align-items:center}.enemy-guide img{width:56px;height:70px;object-fit:contain}.enemy-guide b,.enemy-guide span{display:block}.enemy-guide span{color:var(--muted);font-size:12px;margin-top:3px}
@media(max-width:1050px){.app{padding:12px}.layout{grid-template-columns:minmax(0,1fr) 246px;gap:10px}.shop{padding:12px}.hud-badge{padding:0 6px;gap:6px}.hud-icon{display:none}.hud-badge b{font-size:22px}.hud-label{font-size:12px}.enemy-guide{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.shop{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 18px}.shop-heading{grid-column:1/-1}.hero-list{align-content:start;grid-template-columns:1fr;gap:8px;margin:0}.card{height:74px}.weapon-meters{margin:16px 0}.options-grid{grid-template-columns:1fr}.boss img{width:45px;height:65px}.boss h2{font-size:18px}h1 small{display:block;margin:3px 0 0}.toolbar .btn{padding:8px 10px}.lesson-panel{grid-template-columns:56px minmax(0,1fr);padding:14px;gap:12px}.lesson-portrait{width:56px;height:66px}}
@media(max-width:430px){.app{padding:8px}.shop{grid-template-columns:94px minmax(0,1fr);gap:0 12px}.card{height:64px}.weapon-title h2{font-size:18px}.hud-badge{padding:0 3px}.hud-badge b{font-size:20px}.meter-row{grid-template-columns:48px 1fr 27px;gap:5px}.meter-row label{font-size:12px}.lesson-panel{display:block}.lesson-portrait{display:none}.enemy-guide{grid-template-columns:1fr}.hero-description{font-size:14px}.path-switch{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Hero dossier and battlefield instruments */
.layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.shop{padding:14px;background:#171d30;border-color:#55506c}.shop-heading{margin-bottom:10px}.hero-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}.card{height:64px;border-radius:6px}.card h3{font-size:12px;letter-spacing:-.02em}.card .portrait{object-position:50% 25%}.hero-feature{position:relative;height:180px;overflow:hidden;border:1px solid var(--hero-color);border-radius:9px;background:#101a30;margin-bottom:15px}.hero-feature>img{position:absolute;right:0;top:0;width:180px;height:180px;object-fit:contain}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101a30 0%,#101a30b3 29%,transparent 67%),linear-gradient(0deg,#101a30a8,transparent 50%);pointer-events:none}.hero-feature-caption{position:absolute;left:13px;right:10px;bottom:13px;z-index:1}.hero-feature-caption span{display:block;color:var(--hero-color);font-size:12px;max-width:125px;line-height:1.3;margin-bottom:6px}.hero-feature-caption h2{font-size:28px;line-height:1;margin:0;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 8px #0a1225}.hero-story{border-bottom:1px solid #3c4059;margin-bottom:14px;padding-bottom:3px}.hero-story p{font-size:14px;line-height:1.5;color:#c9d0e0;margin:0 0 12px}.hero-story p>span{display:block;font-size:12px;letter-spacing:.09em;color:#ad9ccc;margin-bottom:3px;font-weight:700}.weapon-kicker{font-size:12px;color:#a9b6ca;margin-bottom:8px}.weapon-title h2{font-size:19px}.weapon-meters{margin:16px 0;gap:10px}.weapon-cost{padding-top:11px;margin-bottom:10px}.placement-hint{font-size:12px;margin:8px 0}.panel-details{margin-top:12px;padding-top:9px}.battle-hud{padding:12px;gap:9px;background:linear-gradient(180deg,#2a2543,#161c2d);border-bottom:2px solid #78653e;grid-template-columns:repeat(4,minmax(0,1fr))}.hud-badge{position:relative;justify-content:flex-start;gap:10px;padding:10px 12px 13px;border:1px solid #5a5471;border-radius:8px;background:linear-gradient(145deg,#293149,#11192a);box-shadow:inset 0 1px #ffffff13,0 3px 0 #0b101e;overflow:hidden}.hud-badge:last-child{border:1px solid #5a5471}.hud-icon{display:grid;place-items:center;width:34px;height:38px;flex:none;border-radius:6px;background:#0c1425;border:1px solid #4d4862;font-size:24px;color:#e5dce9;text-shadow:0 2px #080b14}.hud-label{font-size:12px;letter-spacing:.07em;color:#b7c2d9}.hud-badge b{font-size:25px;line-height:1.15;margin-top:2px;letter-spacing:-.02em}.faith-badge{border-color:#947c48}.faith-badge .hud-icon{color:#f4cf77;border-color:#75613a;background:#30291d}.hope-badge .hud-icon{color:#c6a7ef}.round-badge:after,.hope-badge:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b5a3e8 var(--fill,0%),#39364f var(--fill,0%))}.hope-badge:after{background:linear-gradient(90deg,#b5a3e8 var(--fill),#39364f var(--fill))}
@media(max-width:1120px){.layout{grid-template-columns:minmax(0,1fr) 286px;gap:10px}.hud-badge{padding:9px 8px 12px;gap:6px}.hud-icon{width:26px;height:32px;font-size:21px}.hud-badge b{font-size:21px}.battle-hud{padding:9px;gap:6px}}
@media(max-width:960px) and (min-width:761px){.hud-icon{display:none}.hud-badge{justify-content:center}.hud-badge b{font-size:20px}.hud-label{letter-spacing:0}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.shop{display:block}.hero-list{grid-template-columns:repeat(4,minmax(0,1fr))}.card{height:76px}.hero-feature{height:200px}.hero-feature>img{width:200px;height:200px}.hero-feature-caption h2{font-size:34px}.hero-story{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-feature-caption span{max-width:none}.weapon-meters{max-width:none}.hud-icon{display:grid}}
@media(max-width:500px){.battle-hud{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.hud-badge{padding:7px 11px 10px;gap:10px}.hud-badge b{font-size:23px}.hud-icon{width:30px;height:34px}.card{height:65px}.hero-story{display:block}.hero-feature-caption h2{font-size:30px}.path-switch{grid-template-columns:1fr 1fr}}
/* Battle console: map, deployment dock, and independently scrolling profile. */
body{background:#0b101b}.app{--map-ratio:1.5;width:min(1440px,calc(100% - 24px),calc((100svh - 240px)*var(--map-ratio) + 316px));max-width:none;padding:0;margin:0 auto}.top{min-height:46px;margin:0;justify-content:center}.top h1{font-size:17px;letter-spacing:.1em}.top h1 small{font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 296px;gap:12px;align-items:start}.game-frame{border:1px solid #716246;border-radius:8px 8px 0 0}.battle-hud{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 12px;min-height:44px;background:#202435;border:0;border-bottom:1px solid #716246}.hud-badge,.hud-badge:last-child{display:flex;gap:7px;padding:6px 4px;min-width:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}.hud-badge>div{display:flex;gap:7px;align-items:baseline}.hud-icon{display:block;width:auto;height:auto;font-size:19px;line-height:1;background:none!important;border:0!important;border-radius:0;text-shadow:none}.hud-label{font-size:11px;letter-spacing:.03em;color:#a9b4c8}.hud-badge b{font-size:20px;margin:0;line-height:1.1}.round-badge:after,.hope-badge:after{display:none}.hero-dock{padding:10px;background:#202435;border:1px solid #716246;border-top:0}.hero-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.hero-dock .card{display:flex;align-items:center;height:58px;border:1px solid #50556d;border-radius:5px;background:#141b2d;padding:0;gap:7px;text-align:left}.hero-dock .card.selected{border-color:#f3cc73;box-shadow:inset 0 -3px #f3cc73;background:#2c2934}.hero-dock .card .portrait{width:48px;height:100%;object-fit:cover;object-position:50% 20%;flex:none}.hero-dock .card>div{position:static;background:none;padding:0;min-width:0}.hero-dock .card h3{font-size:12px;letter-spacing:0}.hero-dock .card .cost{display:block;color:#eaca83;font-size:12px;margin-top:3px}.hero-dock .card p,.hero-dock .card .air-tag{display:none}.toolbar{padding:8px 10px;gap:6px;border-color:#716246;background:#171e2f;border-radius:0 0 8px 8px}.toolbar>div{gap:5px}.toolbar .btn{min-height:34px;padding:6px 10px;font-size:12px;border-radius:4px}.toolbar #start{min-width:108px}.toast{font-size:12px;margin:6px 0;line-height:1.4;min-height:18px}.shop{max-height:calc(100svh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#766589 #171d30;padding:12px;background:#1b2032;border:1px solid #59516a;border-radius:8px}.shop-heading{font-size:11px;margin-bottom:10px}.hero-feature{height:164px;margin-bottom:12px;border:0;border-radius:5px}.hero-feature>img{width:164px;height:164px}.hero-feature-caption h2{font-size:27px}.hero-feature-caption span{font-size:12px;max-width:110px}.hero-story p{font-size:14px;line-height:1.45;margin-bottom:10px}.hero-story p>span{font-size:11px;margin-bottom:3px}.hero-story{margin-bottom:11px}.weapon-title h2{font-size:18px}.weapon-meters{margin:13px 0;gap:8px}.weapon-cost strong{font-size:21px}.utility-row{gap:18px;margin:0 0 12px}.utility>summary{font-size:12px;padding:5px 0}.lesson-panel{border-radius:0;border-bottom:0}.lesson-panel:not([hidden])~.hero-dock{opacity:.5}.placement-controls{align-items:center}
@media(max-width:1100px){.hero-dock .card{gap:5px}.hero-dock .card .portrait{width:36px}.hud-label{font-size:10px}.hud-badge b{font-size:18px}.battle-hud{padding:0 7px}}
@media(max-height:650px) and (min-width:761px){.app{width:min(1200px,calc(100% - 24px))}.shop{max-height:620px}}
@media(max-width:900px){.app{width:calc(100% - 20px)}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:9px}.hero-dock .card{display:block;height:67px;text-align:center;position:relative}.hero-dock .card .portrait{width:100%;height:100%}.hero-dock .card>div{position:absolute;inset:auto 0 0;background:#111827e8;padding:2px}.hero-dock .card .cost{display:none}.hud-icon{display:none}.hud-badge>div{display:block}.battle-hud{min-height:48px}.hud-label{display:block}.hud-badge b{font-size:18px}.hero-feature{height:150px}.hero-feature>img{width:150px;height:150px}}
@media(max-width:760px){.app{width:calc(100% - 16px)}.top{min-height:48px}.top h1 small{display:inline-block;margin-left:10px}.layout{grid-template-columns:1fr}.shop{max-height:none;overflow:visible}.hero-dock .card{display:flex;text-align:left;position:relative;height:58px}.hero-dock .card .portrait{width:43px}.hero-dock .card>div{position:static;background:none;padding:0}.hero-dock .card .cost{display:block}.hero-feature{height:180px}.hero-feature>img{width:180px;height:180px}.hero-story{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-feature-caption span{max-width:none}.battle-hud{display:flex;min-height:44px}.hud-badge>div{display:flex}.hud-icon{display:block}.hud-label{font-size:11px}.utility-row{margin-top:10px}.toolbar .btn{min-height:38px}}
@media(max-width:480px){.hud-icon{display:none}.hud-badge>div{display:block}.hud-label{font-size:10px}.hud-badge b{font-size:19px}.battle-hud{padding:3px 9px}.hero-dock{padding:8px}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-dock .card{height:48px;gap:8px}.hero-dock .card .portrait{width:48px}.hero-story{display:block}.top h1{font-size:16px}.top h1 small{font-size:10px;margin-left:8px}}
/* Horizontal command deck */
.app{width:min(1080px,calc(100% - 28px));margin:auto}.top{justify-content:flex-start;height:46px}.layout{display:flex;flex-direction:column;gap:0}.game-column{width:100%;background:#131b29;border:1px solid #3e475b;border-radius:10px 10px 0 0;overflow:hidden}.game-frame{width:min(100%,calc(54svh * var(--map-ratio)));margin:auto;border:0;border-radius:0}.battle-hud{background:#101724;border-bottom:1px solid #505875;min-height:39px}.hud-label{color:#99a7bb}.hud-badge b{font-size:19px}.hero-dock{border:0;border-top:1px solid #3e475b;background:#1b2537;padding:9px 12px}.hero-list{gap:9px}.hero-dock .card{height:54px;display:flex;text-align:left;background:#101a2c;border:1px solid #46536a;border-radius:5px;gap:12px}.hero-dock .card .portrait{width:55px;height:100%;object-fit:cover}.hero-dock .card>div{position:static;background:none;padding:0}.hero-dock .card h3{font-size:14px}.hero-dock .card .cost{display:block;font-size:12px}.toolbar{border:0;border-radius:0;background:#101724;padding:8px 12px}.toolbar .btn{font-size:12px;min-height:36px}.toolbar #auto-rounds[aria-pressed=true]{border-color:#b69ad5;color:#dec5f5;background:#302840}.toast{padding:0 12px;margin:5px 0 8px}.shop{width:100%;max-height:none;overflow:visible;border:1px solid #3e475b;border-top:0;border-radius:0 0 10px 10px;background:#1a2032;padding:16px}.inspect{display:grid;grid-template-columns:170px minmax(0,1fr) 290px;gap:22px;align-items:start}.hero-feature{height:198px;margin:0;border:1px solid #5a526e;background:#11182a}.hero-feature>img{width:170px;height:170px;top:0}.hero-feature:after{background:linear-gradient(0deg,#10182a 0%,#10182acc 18%,transparent 65%)}.hero-feature-caption{left:10px;bottom:12px}.hero-feature-caption h2{font-size:25px}.hero-feature-caption span{max-width:none;font-size:12px}.hero-story{display:block;margin:0;padding:0;border:0}.hero-story p{font-size:14px;line-height:1.55;margin-bottom:16px}.hero-story p>span{font-size:11px;letter-spacing:.12em;color:#d1b3e9}.profile-controls{border-left:1px solid #41445a;padding-left:20px;min-width:0}.profile-controls>.btn{width:100%}.profile-controls>.reveal-btn{margin-top:7px}.weapon-kicker{font-size:11px;margin-bottom:8px}.weapon-title h2{font-size:18px}.weapon-tags{margin-top:7px}.weapon-meters{margin:11px 0;gap:7px}.weapon-cost{padding-top:8px;margin-bottom:8px}.weapon-cost strong{font-size:20px}.panel-details{margin-top:10px}.utility-row{margin-top:8px}.lesson-panel{border-radius:0}.profile-controls .placement-hint{margin-bottom:0}
@media(max-width:900px){.app{width:calc(100% - 20px)}.inspect{grid-template-columns:145px minmax(0,1fr) 245px;gap:14px}.profile-controls{padding-left:14px}.hero-feature{height:184px}.hero-feature>img{width:145px;height:145px}.hero-feature-caption h2{font-size:23px}.hero-dock .card{height:54px}.hero-dock .card .portrait{width:43px}.hero-dock .card h3{font-size:12px}}
@media(max-width:700px){.game-frame{width:100%}.inspect{grid-template-columns:130px minmax(0,1fr);gap:15px}.profile-controls{grid-column:1/-1;border-left:0;border-top:1px solid #41445a;padding:14px 0 0}.hero-feature{height:175px}.hero-feature>img{width:130px;height:130px}.hero-feature-caption h2{font-size:22px}.hero-story p{font-size:14px;line-height:1.45;margin-bottom:10px}.hero-dock .card{gap:6px}.hero-list{gap:6px}.hero-dock .card .portrait{width:35px}.hero-dock .card h3{font-size:12px}.top h1 small{font-size:10px}.shop{padding:12px}}
@media(max-width:480px){.hero-list{grid-template-columns:1fr 1fr}.hero-dock .card .portrait{width:45px}.hero-dock .card{height:48px;gap:10px}.toolbar>div{gap:5px}.hero-feature-caption span{font-size:11px}.hero-feature-caption h2{font-size:21px}.inspect{grid-template-columns:120px minmax(0,1fr);gap:12px}.hero-feature>img{width:120px;height:130px}}
/* One-screen playfield, shop rail, and contextual tower window. */
html,body{width:100%;height:100%;overflow:hidden}body{background:#121425}.app{--rail:176px;width:100%;height:100dvh;max-width:none;display:grid;grid-template-rows:36px minmax(0,1fr);padding:0 8px 8px;margin:0}.top{height:36px;min-height:0;display:flex;justify-content:space-between;padding:0 7px}.top h1{font-size:16px}.top .btn{min-height:28px;padding:3px 12px;font-size:12px}.layout{position:relative;display:grid;align-items:stretch;grid-template-columns:minmax(0,1fr) var(--rail);grid-template-rows:minmax(0,1fr);gap:0;min-height:0;height:100%;border:2px solid #786047;border-radius:8px;overflow:hidden;background:#182638}.game-column{position:relative;width:auto;min-width:0;min-height:0;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column;background:#182638}.game-frame{display:grid;grid-template-rows:44px minmax(0,1fr);width:100%;height:100%;min-height:0;flex:1;margin:0;border:0;background:#162336}.board{place-self:center;flex:none;max-width:100%;max-height:100%;border-radius:0}.battle-hud{grid-row:1;min-height:44px;display:flex;justify-content:space-between;background:#151b2ce8;padding:0 12px;border-bottom:1px solid #53516b}.hud-badge,.hud-badge:last-child{padding:4px 0;gap:7px}.hud-badge>div{display:flex;gap:6px;align-items:baseline}.hud-label{font-size:11px}.hud-badge b{font-size:22px;text-shadow:0 2px #070d1b}.hud-icon{display:block;color:#d7b9ee}.game-column>.toast{position:absolute;left:8px;bottom:7px;max-width:calc(100% - 16px);background:#101827da;border-radius:4px;padding:4px 8px;margin:0;font-size:12px;pointer-events:none;z-index:2}.hero-dock{grid-column:2;grid-row:1;min-height:0;padding:9px;display:flex;flex-direction:column;gap:12px;border:0;border-left:2px solid #88704b;background:#3e344c;overflow:auto;scrollbar-width:thin}.hero-dock:before{content:'HEROES';display:block;text-align:center;font-size:16px;font-weight:900;letter-spacing:.06em;color:#ffe2a0}.hero-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start}.hero-dock .card{position:relative;display:block;height:98px;padding:0;background:#1b2841;border:2px solid #8b819f;box-shadow:0 2px #221b30;border-radius:7px;overflow:hidden;text-align:center}.hero-dock .card .portrait{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.hero-dock .card>div{position:absolute;inset:auto 0 0;background:#111a2be8;padding:3px 0}.hero-dock .card h3{font-size:11px;color:#fff}.hero-dock .card .cost{display:block;color:#ffe196;font-size:14px;font-weight:900;margin:0}.hero-dock .card.selected{border-color:#ffe092;box-shadow:0 0 0 1px #ffce65}.toolbar{margin-top:auto;display:flex;flex-direction:column;background:none;border:0;padding:0;gap:7px}.toolbar>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.toolbar #start,.toolbar #auto-rounds{grid-column:1/-1}.toolbar .btn{min-width:0;min-height:36px;padding:6px 3px;font-size:12px}.toolbar #start{min-width:0;min-height:46px;font-size:14px}.toolbar .placement-controls{grid-template-columns:1fr}.shop{position:absolute;z-index:8;top:52px;width:286px;max-width:calc(100% - var(--rail) - 24px);max-height:calc(100% - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px;background:#252b42;border:2px solid #ab91c8;border-radius:10px;box-shadow:0 8px 24px #0008}.inspect{display:flex;flex-direction:column;gap:0}.close-profile{position:sticky;top:0;float:right;z-index:2;margin:-5px -5px 3px 5px;min-height:28px;height:28px;width:28px;padding:0;font-size:23px;background:#564466;border-color:#c1a3dd}.popup-abilities{display:flex;gap:4px;flex-wrap:wrap;min-height:29px;margin:0 25px 7px 0}.popup-abilities span{font-size:12px;padding:3px 6px;background:#163e4c;border:1px solid #558894;border-radius:4px;color:#c3f3f8}.hero-feature{width:100%;height:154px;flex:none;margin-bottom:12px;border:1px solid #5b536e}.hero-feature>img{width:154px;height:154px}.hero-feature-caption h2{font-size:26px}.hero-feature-caption span{font-size:12px}.hero-story{display:block;width:100%;margin-bottom:8px}.hero-story p{font-size:13px;line-height:1.4;margin-bottom:8px}.hero-story p>span{font-size:11px}.profile-controls{border:0;padding:0;width:100%;grid-column:auto}.profile-controls .weapon-tags{display:none}.profile-controls .weapon-meters{margin:10px 0}.profile-controls .btn{min-height:36px}.profile-controls .weapon-title h2{font-size:18px}.utility-row{position:fixed;inset:48px max(12px,calc((100vw - 760px)/2)) 16px;z-index:30;display:block;overflow:auto;padding:16px 20px;margin:0;background:#1b2338;border:2px solid #9b85b6;border-radius:12px;box-shadow:0 0 0 100vmax #080d18c9}.utility{display:block;margin-top:10px}.utility[open]{padding:10px}.utility>summary{font-size:15px}.lesson-panel{position:absolute;z-index:15;left:10px;right:10px;bottom:10px;max-height:calc(100% - 64px);overflow-y:auto;border:2px solid #ac91cc;border-radius:10px;box-shadow:0 6px 24px #0009}.lesson-panel:not([hidden])~.hero-dock{opacity:1}.lesson-copy p{font-size:14px}.lesson-copy h2{font-size:20px}
@media(max-width:760px){.app{--rail:138px;padding:0 4px 4px}.hero-dock{padding:6px}.hero-dock .card{height:84px}.hero-dock .card h3{font-size:10px}.hero-dock .card .cost{font-size:12px}.hero-dock .card .portrait{width:100%;height:100%}.hero-list{grid-template-columns:1fr 1fr;gap:5px}.hud-icon{display:none}.hud-badge>div{display:block}.hud-label{font-size:10px}.hud-badge b{font-size:18px}.battle-hud{padding:0 7px}.toolbar .btn{font-size:11px}.shop{width:270px;padding:10px}.hero-story{display:block}.hero-feature{height:140px}.hero-feature>img{width:140px;height:140px}.hero-feature-caption h2{font-size:25px}}
@media(max-width:480px){.app{--rail:104px;grid-template-rows:32px minmax(0,1fr)}.top{height:32px}.top h1{font-size:14px}.top h1 small{display:none}.hero-dock{padding:5px;gap:8px}.hero-dock:before{font-size:13px}.hero-list{grid-template-columns:1fr}.hero-dock .card{height:64px}.hero-dock .card .portrait{object-position:50% 25%}.hero-dock .card h3{font-size:11px}.hero-dock .card .cost{font-size:12px}.toolbar>div{grid-template-columns:1fr 1fr;gap:4px}.toolbar .btn{min-height:30px;font-size:10px}.toolbar #start{font-size:12px}.hud-label{font-size:9px}.hud-badge b{font-size:16px}.battle-hud{padding:0 5px}.shop{max-width:calc(100% - 20px);left:8px!important;right:auto!important;top:48px;width:280px;max-height:calc(100% - 56px)}.lesson-panel{left:5px;right:5px;padding:10px}.game-column>.toast{font-size:10px}}

/* The viewport grid owns height; content must not shrink either column. */
.layout>.game-column,.layout>.hero-dock{align-self:stretch;height:100%;min-height:0}.game-column>.game-frame{flex:1 1 0;min-height:0;height:100%}
/* Edge-to-edge map with grouped in-game counters. */
.app{grid-template-rows:minmax(0,1fr);padding:0;height:100dvh}.layout{height:100%;border-width:0;border-radius:0}.game-column>.game-frame{position:relative;display:block;width:100%;height:100%;flex:1 1 0;overflow:hidden}.board{position:absolute;inset:0;place-self:auto;margin:0;aspect-ratio:auto!important;max-width:none;max-height:none}.battle-hud{position:absolute;z-index:4;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;min-height:0;padding:0;background:none;border:0;pointer-events:none;gap:14px}.hud-cluster{display:flex;align-items:stretch;gap:8px;padding:5px;background:#171c2ce8;border:1px solid #b8a179;border-radius:13px;box-shadow:0 3px 0 #11172599,0 6px 14px #0b111440}.hud-badge,.hud-badge:last-child{display:flex;align-items:center;gap:9px;min-width:87px;padding:5px 10px;background:none;border:0;box-shadow:none}.hud-badge+.hud-badge{border-left:1px solid #72647a; border-radius:0}.hud-badge>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hud-label{font-size:10px;font-weight:800;letter-spacing:.09em;color:#c1cada;line-height:1}.hud-badge b{font-size:28px;line-height:1.05;font-weight:900;color:#fff;text-shadow:0 2px 0 #080e1c;letter-spacing:-.03em}.faith-badge b{color:#ffdc78}.hope-badge b{color:#fff}.hud-icon{display:block;font-size:34px;line-height:1;width:auto;height:auto;color:#ffd06b;text-shadow:0 2px 0 #070d1d}.hope-badge .hud-icon{color:#f78d9c}.enemies-badge b{color:#e9c6f8}.round-badge b{white-space:nowrap}.hero-dock{background:linear-gradient(90deg,#43394e,#302d42);border-left:3px solid #ad9260;padding-top:10px}.hero-dock:before{display:none}.rail-brand{text-align:center;color:#ffdc8c;font-weight:900;letter-spacing:.06em;font-size:16px;margin-bottom:-4px}.hero-dock>#menu-toggle{min-height:30px;font-size:12px;background:#24283c;border-color:#8c789f}.shop{top:90px;max-height:calc(100% - 102px)}.hero-dock .toolbar{padding-bottom:5px}.boss{top:95px}.utility-row{top:12px}.game-column>.toast{bottom:10px;background:#101827e0;color:#d0d9e7}
@media(max-width:900px){.battle-hud{left:9px;right:9px;top:9px;gap:8px}.hud-cluster{gap:0;padding:4px}.hud-badge,.hud-badge:last-child{min-width:70px;padding:4px 8px;gap:6px}.hud-badge b{font-size:24px}.hud-icon{font-size:27px}.hud-label{font-size:9px}.shop{top:82px;max-height:calc(100% - 94px)}}
@media(max-width:600px){.hud-cluster{border-radius:8px;padding:3px}.hud-icon{display:none}.hud-badge,.hud-badge:last-child{min-width:0;padding:4px 6px}.hud-badge b{font-size:19px}.hud-label{font-size:8px;letter-spacing:0}.battle-hud{gap:5px;left:5px;right:5px;top:6px}.rail-brand{font-size:12px}.hero-dock{border-left-width:2px}.shop{top:66px;max-height:calc(100% - 76px)}}
@media(max-width:480px){.app{grid-template-rows:minmax(0,1fr);padding:0}.hud-badge b{font-size:17px}.hud-badge,.hud-badge:last-child{padding:4px}.hud-cluster{padding:2px}.hud-label{font-size:8px}.shop{top:66px!important;max-height:calc(100% - 76px)}}
/* Compact shop controls and softer HUD typography. */
.hero-dock{gap:10px}.hero-dock .toolbar{margin-top:3px;padding:10px 0 0;border-top:1px solid #8f7c9e;gap:7px}.toolbar>div{align-items:stretch}.toolbar #mute{grid-column:1/-1}.toolbar .btn{width:100%;height:38px;min-height:38px;border-radius:5px}.toolbar #start{height:44px;min-height:44px}.toolbar #auto-rounds{height:36px;min-height:36px}.game-column>.toast{position:absolute;left:-10000px;bottom:auto;width:1px;height:1px;max-width:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.battle-hud{font-family:'Trebuchet MS',Verdana,sans-serif}.hud-cluster{background:linear-gradient(150deg,#1c3444f2,#172335f2);border-color:#88aeb3;border-radius:10px;box-shadow:0 3px 0 #0c162b80,0 6px 14px #0b111430}.hud-label{font-family:'Trebuchet MS',Verdana,sans-serif;color:#accbd0;font-weight:700;font-size:11px;letter-spacing:.07em}.hud-badge b{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:800;font-size:29px;letter-spacing:.01em;color:#edf5f3;text-shadow:0 2px #0d1c2b;font-variant-numeric:tabular-nums}.hud-badge+.hud-badge{border-left-color:#527685}.faith-badge b,.faith-badge .hud-icon{color:#f3d8a0}.hope-badge .hud-icon{color:#8fdbc5}.enemies-badge b{color:#badbe6}.round-badge b{color:#f5f1e6}.hud-icon{font-family:'Trebuchet MS',Verdana,sans-serif}
@media(max-width:900px){.hud-badge b{font-size:25px}.hud-label{font-size:10px}}
@media(max-width:600px){.hud-badge b{font-size:19px}.hud-label{font-size:8px;letter-spacing:0}}
@media(max-width:480px){.hud-badge b{font-size:17px}.toolbar .btn{height:32px;min-height:32px}.toolbar #start{height:38px;min-height:38px}}

/* Clear, game-native feedback for purchasing and pausing. */
.hero-dock .card:disabled{cursor:not-allowed;filter:saturate(.45) brightness(.62);border-color:#626275;box-shadow:none}
.hero-dock .card:disabled .cost{color:#c7b8a1}
.pause-indicator{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 20px;border:1px solid #9bc7c5;border-radius:8px;background:#142630e8;color:#f4eddc;font:800 20px/1 'Trebuchet MS',Verdana,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 7px 24px #08101899;pointer-events:none}
.site-return{display:flex;align-items:center;justify-content:center;min-height:30px;padding:5px 7px;border:1px solid #6f8790;border-radius:5px;background:#233342;color:#d8ece8;font:600 12px/1.2 'Trebuchet MS',Verdana,sans-serif;text-decoration:none;text-align:center}
.site-return:hover{background:#2b4250;color:#fff7e8;border-color:#9bb9b8}
.battle-hud>.hud-cluster:first-child{gap:11px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.battle-hud>.hud-cluster:first-child .hud-badge,.battle-hud>.hud-cluster:first-child .hud-badge:last-child{min-width:0;padding:0;gap:5px;border:0;background:none;box-shadow:none}
.battle-hud>.hud-cluster:first-child .hud-badge>div{display:block}
.hope-badge .hud-label,.faith-badge .hud-label{display:none}
.hope-badge .hud-icon{display:block;width:auto;height:auto;color:#f22d3e!important;font:900 35px/1 Arial,sans-serif;text-shadow:0 2px 0 #86101c,0 0 2px #fff}
.faith-badge .hud-icon{display:block;width:35px;height:35px;background:none!important;border:0!important}
.faith-badge .hud-icon img{display:block;width:35px;height:35px;object-fit:contain}
.hope-badge b,.faith-badge b{color:#fff!important;font-size:29px!important;line-height:1!important;text-shadow:-2px -2px 0 #182033,2px -2px 0 #182033,-2px 2px 0 #182033,2px 2px 0 #182033,0 3px 0 #182033}
.lesson-choice:disabled{cursor:default;opacity:.68}
.lesson-choice.answered:disabled{opacity:1}
.damage-bonus-indicator{position:absolute;z-index:5;left:50%;top:14px;transform:translateX(-50%);padding:6px 10px;border:1px solid #8cc9b3;border-radius:6px;background:#183a35e8;color:#dff9e9;font:700 12px/1.2 'Trebuchet MS',Verdana,sans-serif;box-shadow:0 3px 12px #07131288;pointer-events:none}
.reward-indicator{position:absolute;z-index:7;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 15px;border:1px solid #d7bb78;border-radius:7px;background:#2d263beF;color:#ffe7a8;font:800 15px/1.2 'Trebuchet MS',Verdana,sans-serif;box-shadow:0 6px 18px #080b1699;pointer-events:none;white-space:nowrap}
@media(max-width:600px){.damage-bonus-indicator{top:58px;font-size:10px}.reward-indicator{bottom:10px;font-size:12px}}
.sell-tower{margin-top:7px!important;border-color:#a95d69!important;background:#492c39!important;color:#ffe0e2!important}
.sell-tower:hover:not(:disabled){background:#613344!important;border-color:#d7838d!important}
.placement-status{position:absolute;z-index:7;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid #75ceaf;border-radius:6px;background:#132d2eee;color:#defff0;font:600 14px/1.3 'Trebuchet MS',Verdana,sans-serif;pointer-events:none}.placement-status.blocked{border-color:#f48493;color:#ffe0e5;background:#3a2331ee}
.chapter-journal-row{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #546076}.chapter-journal-row strong{font-size:14px}.chapter-journal-row .btn{margin:0;text-align:left}
.villain-roster{flex:none}.villain-card.boss-card{display:block;position:relative;inset:auto;width:auto;margin:0;padding:0;border-color:var(--boss-color);background:radial-gradient(circle at 50% 33%,#3d3356,#17172b 72%)}.villain-card.boss-card img{filter:hue-rotate(var(--boss-hue))}
.villain-grid .villain-card{height:82px}.villain-grid .villain-card span{min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:normal;font-size:9px;line-height:1.1}.villain-grid .villain-card span small{display:block;margin:0 0 2px}
.villain-roster{margin-top:2px;padding-top:10px;border-top:1px solid #8f7c9e;color:#e9edf4;font-family:'Trebuchet MS',Verdana,sans-serif}
.rail-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:7px}.rail-section-title b{font-size:10px;letter-spacing:.09em;color:#e7d4ee}.rail-section-title span{font-size:9px;color:#aebbc9}
.villain-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch}.villain-card{position:relative;height:68px;overflow:hidden;border:1px solid #60677d;border-radius:6px;background:radial-gradient(circle at 50% 33%,#36415c,#171d2e 70%)}.villain-card img{display:block;width:100%;height:50px;object-fit:contain;object-position:center}.villain-card.heavy img{transform:scale(1.12);filter:brightness(.78)}.villain-card.decoy img{opacity:.65;filter:saturate(.55) brightness(1.15)}.villain-card.boss{border-color:var(--boss-color);background:radial-gradient(circle at 50% 33%,#3d3356,#17172b 72%)}.villain-card.boss img{filter:hue-rotate(var(--boss-hue)) saturate(1.12)}.villain-card span{position:absolute;inset:auto 0 0;min-height:18px;padding:3px 2px 2px;background:#101827ed;color:#f2f0f6;font-size:8px;font-weight:700;line-height:1.05;text-align:center;white-space:nowrap}.villain-card span small{margin-right:3px;color:var(--boss-color);font-size:8px;font-weight:900}
@media(max-width:600px){.battle-hud>.hud-cluster:first-child{gap:7px}.hope-badge .hud-icon{display:block;font-size:28px}.faith-badge .hud-icon,.faith-badge .hud-icon img{display:block;width:29px;height:29px}.hope-badge b,.faith-badge b{font-size:23px!important}}
@media(max-width:480px){.rail-section-title{display:block}.rail-section-title span{display:block;margin-top:2px}.villain-grid{grid-template-columns:1fr}.villain-card{height:56px}.villain-card img{height:40px}.battle-hud>.hud-cluster:first-child{gap:5px}.hope-badge .hud-icon{display:block;font-size:24px}.faith-badge .hud-icon,.faith-badge .hud-icon img{display:block;width:25px;height:25px}.hope-badge b,.faith-badge b{font-size:20px!important}}
.villain-card.boss-card img{filter:none}