/* Local, original cinematic artwork; no CDN or runtime image requests. */
:root{--bg:#10171b;--panel:#182228;--line:#33403e;--gold:#d9b477;--muted:#a6b2ae}body{background:radial-gradient(ellipse at 60% 0,#26332f55,transparent 60%),#10171b}header{background:linear-gradient(90deg,#111b21,#182429);border-bottom-color:#8b744244}.content{background:linear-gradient(#17232950,#111a2055)}h1,h2{color:#eee3cd}.hero-art{height:270px;overflow:hidden;background:#1a282c;border:1px solid #a28c6044;box-shadow:inset 0 0 40px #0005}.hero-portrait{display:block;width:100%;height:100%;background-image:url('/assets/kahramanlar-10plus.png');background-size:300% 100%;background-repeat:no-repeat;background-position:0 0}.hero-1{background-position:50% 0}.hero-2{background-position:100% 0}.hero-art .hero-portrait{transition:transform .7s}.card:hover .hero-art .hero-portrait{transform:scale(1.035)}.portrait{padding:0;overflow:hidden;flex-shrink:0;width:48px;height:56px}.portrait .hero-portrait{background-size:420% 140%;background-position:5% 8%}.portrait .hero-1{background-position:50% 8%}.portrait .hero-2{background-position:95% 8%}.commander-art{background:url('/assets/kahramanlar-10plus.png') 50% 8%/420% 140%;width:47px;height:55px;padding:0;flex-shrink:0}#scene{height:auto;aspect-ratio:9/5;border-color:#8c805c88;box-shadow:0 15px 45px #0004}#world{height:100%;position:absolute;inset:0}.scene-badge{background:#101e22d9;border-color:#b59b6b66;backdrop-filter:blur(10px)}.scene-hint{background:#101e22b5;border-radius:4px;padding:4px 8px}.building-controls{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0}.building-controls button{font-size:10px;padding:5px 10px;background:#1c2a2e;color:#cabda3;border-color:#65705b66}.card{background:linear-gradient(140deg,#213037,#18242a);border-color:#6c705244}.card .tag{display:block;margin-top:14px}.unit{overflow:hidden;min-width:95px;padding:8px;border-color:#9b885755;background:#162429}.unit.selected{padding:7px;box-shadow:0 0 20px #d9b47722}.troop-art{display:block;width:64px;height:65px;margin:0 auto 8px;background:url('/assets/kahramanlar-10plus.png') 50% 8%/420% 145%;border-radius:4px;box-shadow:inset 0 0 15px #0005}.map-card{overflow:hidden;padding-top:110px;background:linear-gradient(0deg,#152228 40%,#15222855 80%),url('/assets/perf-v523/scene.webp') 15% top/auto 190px no-repeat}.map-card.region-1{background-position:center,50% top}.map-card.region-2{background-position:center,85% top}.map-number{line-height:1.1;font-size:32px;text-shadow:0 2px 10px #0009}.map-card .tag{margin-top:7px}.map-card h3{font-size:15px}.battle-field{height:260px;background:linear-gradient(0deg,#0d171b55,#0d171b22),url('/assets/perf-v523/scene.webp') center/cover;box-shadow:inset 0 0 50px #0008;border:1px solid #93815966}.fighter{width:115px;height:160px;border:1px solid #b79b6a;box-shadow:0 4px 20px #0009;border-radius:7px;overflow:hidden}.fighter>.hero-portrait{background-size:390% 120%;background-position:50% 0}.enemy-fighter>.hero-portrait{background-image:url('/assets/rakip-10plus.png');background-size:cover;background-position:50% 20%}.health{box-shadow:0 2px 8px #0009;border:1px solid #132523;height:8px}.gold{background:linear-gradient(#e7c38a,#c99d5c);border-color:#edd4a0;box-shadow:0 4px 14px #0002}dialog{background:linear-gradient(145deg,#243238,#142127);border-color:#9c865c88}.right{background:linear-gradient(#17242a,#121d23)}@media(min-width:1600px){#scene{height:auto}.hero-art{height:330px}}@media(max-width:720px){#scene{height:auto;min-height:240px;aspect-ratio:9/6}.hero-art{height:190px}.cards:has(.hero-art){grid-template-columns:1fr}.cards:has(.hero-art) .card{display:grid;grid-template-columns:125px 1fr;column-gap:14px;padding:12px}.cards:has(.hero-art) .hero-art{grid-row:1/6;height:210px}.cards:has(.hero-art) .hero-art .hero-portrait{background-size:400% 100%}.cards:has(.hero-art) .hero-0{background-position:5% 0}.cards:has(.hero-art) .hero-2{background-position:95% 0}.map-card{padding-top:90px}.building-controls{gap:5px}.building-controls button{font-size:9px;padding:5px 8px}.fighter{width:95px;height:145px}.scene-badge{left:10px;top:10px;font-size:8px}.content{padding-top:20px}}

/* Adventure edition: original art direction for ages 10+, not a formal age rating. */
:root{color-scheme:light;--bg:#edf5f7;--panel:#fff;--line:#c4d9df;--text:#203e51;--muted:#526d79;--gold:#76501b;--green:#3e8c72}
body{background:linear-gradient(140deg,#e8f5ff,#f3f8ee);color:var(--text)}
header{background:linear-gradient(110deg,#246897,#397ea3);border-bottom:3px solid #eac56b;color:#fff;box-shadow:0 3px 18px #2a5d7b22}
.brand{color:#ffe3a4}.brand small{color:#e1f0f6}.resource i{color:#ffe3a4}.resource small{color:#e1f0f6}header button{color:#fff;background:#ffffff1a;border-color:#ffffff55}
main>aside:first-child{background:#f5fafc}.content{background:linear-gradient(#f2f8fc,#eef6f2)}
h1,h2{color:#24495c}h1{font-family:'Segoe UI',sans-serif;font-weight:750;font-size:29px}h2{font-family:'Segoe UI',sans-serif;font-weight:700}p,small,.tip,.power{color:var(--muted)}
.eyebrow,.tag{color:#8a5b18}.avatar{border-color:#b4cddd}.aside-bottom{color:#4c6c72}nav button{color:#486777}nav .active{background:#e0eff8;color:#226087;box-shadow:inset 3px 0 #e4b44f}
button{background:#f8fcff;border-color:#bbd2dd;color:#2b5267;border-radius:10px;font-weight:600}button:hover{filter:brightness(1.04);box-shadow:0 3px 10px #1c597d20}button:disabled{opacity:.65}
.gold{background:linear-gradient(#ffda7d,#f1bd4f);color:#513818;border-color:#d6a338;box-shadow:0 4px 0 #c58e2933}.right{background:linear-gradient(#f6fbff,#eaf5f6)}.right h2{color:#2b607b}
.quest-mini{background:#e7f1f6;border:1px solid #cadfe8}.progress{background:#c6dbe1}.progress span{background:#54a787}.divider{background:#c9dce3}.power strong{color:#33749b}
.card{background:linear-gradient(140deg,#fff,#f2f9fc);border-color:#b9d3df;box-shadow:0 5px 14px #2b5a7310}.hero-art{background:#bbd9e8;border-color:#a8c8d8}.portrait{border-color:#dfb85a}.hero-portrait{background-color:#a8d6ee}.unit{background:#e8f3f8;border-color:#b1d1dd}.unit.selected{border-color:#d3a22e;box-shadow:0 0 0 3px #f6d77e66}.troop-art{box-shadow:none;border:1px solid #c3dce6}
#scene{border:2px solid #9ac6dc;box-shadow:0 8px 25px #315f7d22}.scene-badge{background:#f9fff4ed;color:#315875;border-color:#a2c5d3;backdrop-filter:blur(5px);font-weight:700}.scene-badge span{color:#38775c}.scene-hint{background:#f8fff4e8;color:#385966}
.building-controls button{background:#f8fcff;border-color:#b9d1de;color:#34586e}.map-card{background:linear-gradient(0deg,#f5fbff 43%,#f5fbff55 80%),url('/assets/perf-v523/scene.webp') 15% top/auto 190px no-repeat}.map-card.region-1{background-position:center,50% top}.map-card.region-2{background-position:center,85% top}.map-number{color:#326d8d;text-shadow:none}.map-card.done{border-color:#61a684}.map-card.locked{opacity:.7}
dialog{background:linear-gradient(135deg,#fff,#eef8fc);border:2px solid #9fc4d4;color:#25495b}dialog h2{color:#27688c}dialog::backdrop{background:#24486299}.battle-field{background:linear-gradient(0deg,#5a8e9d22,#ffffff00),url('/assets/perf-v523/scene.webp') center/cover;border-color:#b1d2df;box-shadow:inset 0 0 24px #36647d22}.battle-log{color:#365968}.fighter{border:2px solid #f3cd7b;box-shadow:0 5px 15px #1d506133}.health{border-color:#fff;background:#d9dbe1}.health span{background:#4ab88c}.enemy-fighter>.hero-portrait{background-position:50% 30%}.danger{color:#a4423b}#toast{background:#fff0be;border:1px solid #dbb854;color:#503d22}
@media(max-width:720px){h1{font-size:23px}header{padding-bottom:3px}.resource small{color:#e7f4ff}.brand span{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}