:root{color-scheme:dark;--ink:#0d1720;--gold:#e7c27b;--muted:#9fafb6;--line:#b69a5b55;--paper:#eee4cd}*{box-sizing:border-box}body{margin:0;background:#0b141d;color:var(--paper);font:13px Manrope,Segoe UI,sans-serif}button{font:inherit;color:inherit;background:linear-gradient(#2e4351,#172b39);border:1px solid #9e956357;border-radius:5px;padding:10px 14px;cursor:pointer;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.16)}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible{outline:3px solid #91d4e8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Prata,Georgia,serif;font-weight:400}p{line-height:1.8;color:var(--muted)}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}button .icon{width:17px;height:17px}.gold-button{background:linear-gradient(#f0d59b,#ba8d46);border:1px solid #ffdfa0;color:#302516;font-weight:800;box-shadow:inset 0 1px #ffffff80,0 3px 10px #0004}.gold-button:hover:not(:disabled){filter:brightness(1.1)}.gold-button .icon{margin-left:7px}.myth-shell{min-height:100vh;background:radial-gradient(ellipse at top,#244257,#0d1824 70%)}.myth-hud{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:2px solid #b99a5e70;background:linear-gradient(#233b4a,#102432);position:relative;z-index:4;gap:15px;box-shadow:0 4px 20px #0005}.myth-logo{border:0;background:transparent;box-shadow:none;display:flex;align-items:center;gap:12px;padding:0;white-space:nowrap}.myth-logo>span{font:44px Georgia;color:#f4ce83;text-shadow:0 0 15px #cba75970}.myth-logo b{font:20px Georgia;letter-spacing:3px;text-align:left;color:#ecd09b}.myth-logo small{display:block;font:7px Manrope;letter-spacing:2px;margin-top:5px;color:#b8ab89}.hud-wallet{display:flex;gap:12px;align-items:center}.hud-resource{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid #a79b6c40;background:#0b1c2bb5;border-radius:5px;color:#eacd91}.hud-resource .icon{color:#f5c96f}.hud-resource:nth-child(2) .icon{color:#c1a7ed}.hud-resource:nth-child(3) .icon{color:#77d9c7}.hud-resource:nth-child(4) .icon{color:#84c9ee}.hud-resource b{font-size:16px;white-space:nowrap}.hud-resource small{font-size:8px;color:#8ea5b4}.sound{border:0;background:none;padding:8px;color:#9bb2c3}.myth-main{min-height:calc(100vh - 150px)}.myth-nav{height:74px;display:flex;gap:12px;justify-content:center;align-items:center;background:linear-gradient(#162c3bd9,#0a1721);border-top:1px solid #b89b6050;position:sticky;bottom:0;z-index:3;backdrop-filter:blur(12px)}.myth-nav button{display:flex;align-items:center;gap:10px;min-width:125px;justify-content:center;padding:13px 18px;font-size:12px;border-color:#a98b4a50;background:linear-gradient(#304854,#162b36)}.myth-nav button.active{border-color:#f2d18c;color:#f4d79a;background:linear-gradient(#655738,#332f22);box-shadow:0 0 20px #cbaa4315}.myth-nav .icon{color:#dcc18a}.alpha-label{position:fixed;bottom:4px;left:12px;font-size:7px;color:#73909e;z-index:4;pointer-events:none}.world-scene{position:relative;min-height:600px;height:calc(100vh - 150px);background-size:cover;background-position:center;overflow:hidden}.city-scene{background-image:url('/assets/myth-city.webp')}.quest-scene{background-image:url('/assets/myth-map.webp')}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06142465,transparent 35%,transparent 75%,#0817249e);pointer-events:none}.scene-heading{position:absolute;left:30px;top:25px;text-shadow:0 2px 10px #000b;pointer-events:none}.scene-heading>span,.page-heading>span{color:#f3d79d;letter-spacing:2.5px;font-size:8px;font-weight:800}.scene-heading h1{font-size:32px;margin:9px 0 8px}.scene-heading p{font-size:11px;color:#d5daca;letter-spacing:2px}.quest-track{position:absolute;right:27px;top:25px;width:280px;padding:13px;background:#0c2232df;border:1px solid #e2bd7760;border-radius:6px;box-shadow:0 5px 20px #0005}.quest-track>span{font-size:11px;font-weight:700}.quest-track .icon{width:14px;height:14px;color:var(--gold);margin-right:6px}.track{height:4px;background:#061523;border-radius:4px;overflow:hidden}.track i{height:100%;display:block;background:linear-gradient(90deg,#769b66,#cecc7e)}.quest-track .track{margin:11px 0}.quest-track button{border:0;background:none;padding:0;font-size:9px;color:#e0c68b;float:right}.city-hotspot{position:absolute;transform:translate(-50%,-50%);padding:0;background:none;border:0;box-shadow:none;display:grid;justify-items:center;gap:7px;z-index:1;min-width:140px}.city-hotspot:hover:not(:disabled){transform:translate(-50%,-54%)}.hotspot-icon{display:grid;place-items:center;background:linear-gradient(#536f68,#172e3b);color:#f7db96;width:45px;height:45px;border:2px solid #d0b573;box-shadow:0 4px 12px #0009,inset 0 0 0 3px #152b3b;border-radius:8px}.hotspot-icon .icon{width:24px;height:24px}.hotspot-label{background:#0b2231ec;border:1px solid #e7c5838c;border-radius:4px;padding:7px 12px;font-size:11px;text-shadow:0 1px #000;box-shadow:0 3px 10px #0007;white-space:nowrap}.hotspot-label small{display:block;color:#c5b385;font-size:8px;margin-top:3px}.city-income{position:absolute;bottom:22px;left:27px;background:#0c2234e8;border:1px solid #c2a05c80;border-radius:7px;padding:13px 16px;display:flex;gap:18px;align-items:center;box-shadow:0 5px 25px #0005;font-size:10px}.city-income .icon{width:15px;height:15px;color:#e3c17d}.city-income>div>span{margin:0 6px;color:#b49e70}.city-income b{font-size:15px}.city-income button{font-size:10px}.city-note{position:absolute;right:25px;bottom:30px;font-size:9px;color:#f0e9ce;background:#0f2531bb;padding:10px;border-radius:5px;max-width:260px}.city-note .icon{width:15px;height:15px;margin-right:5px}.city-note strong{display:block;color:#f2cc7d;margin-top:8px}.quest-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;display:grid;justify-items:center;gap:5px;min-width:150px;z-index:1;filter:drop-shadow(0 3px 5px #0008)}.quest-node>span{width:47px;height:47px;display:grid;place-items:center;background:linear-gradient(#bb733f,#672c24);border:2px solid #e6c67d;box-shadow:inset 0 0 0 3px #362b25;border-radius:5px}.quest-node>span .icon{width:28px;height:28px}.quest-node b{font-size:10px;background:#142e3cec;border:1px solid #c5a36980;padding:5px 9px;border-radius:4px}.quest-node small{font-size:8px;background:#102332ed;color:#c8c5a4;padding:3px 7px;border-radius:3px}.quest-node.locked{filter:grayscale(.7);opacity:.65}.quest-node.completed>span{background:linear-gradient(#6a9554,#244a3a)}.map-legend{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#0e2534e8;border:1px solid #bca16560;border-radius:5px;padding:12px 20px;font-size:9px;white-space:nowrap}.map-legend .icon{width:14px;height:14px;color:#dfc086;margin-right:5px}.map-legend>span{margin:0 10px;color:#8c9f9c}.content-page{max-width:1450px;margin:auto;padding:30px 36px 45px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:35px;margin:10px 0 12px}.page-heading p{font-size:11px;max-width:800px}.content-page h2{font-size:23px;margin:25px 0 20px;display:flex;align-items:center;gap:20px}.content-page h2 small{font:9px Manrope;color:#91a5b2}.five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.myth-card{position:relative;border:2px solid #b69a65;background:linear-gradient(#223642,#13212e);border-radius:9px;padding:4px;box-shadow:0 5px 17px #0007,inset 0 0 0 1px #f4d69550;overflow:hidden;text-align:left;min-width:0}.myth-card::after{content:'';position:absolute;inset:4px;border:1px solid #e6cc9740;border-radius:5px;pointer-events:none}.pantheon-1{border-color:#8daec4;background:linear-gradient(#24425d,#112136)}.pantheon-2{border-color:#c19b53;background:linear-gradient(#435553,#172c31)}.card-art{position:relative;height:180px;border-radius:4px 4px 0 0;overflow:hidden;background:#233b45}.myth-art{position:absolute;inset:0;width:100%;height:100%;display:block}.card-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142532c7,transparent 20%)}.level-badge{position:absolute;left:4px;top:4px;display:grid;place-items:center;width:26px;height:32px;font:bold 18px Georgia;background:linear-gradient(#53948b,#1e464b);border:1px solid #b3e0cd;clip-path:polygon(50% 0,100% 20%,90% 80%,50% 100%,10% 80%,0 20%);color:#f5eed4;z-index:1;text-shadow:0 1px #000}.race-badge,.amulet-badge{position:absolute;right:5px;top:6px;width:26px;height:26px;background:#152936e8;border:1px solid #d3bc77;border-radius:50%;display:grid;place-items:center;z-index:1;color:#e6ca89}.race-badge .icon,.amulet-badge .icon{width:15px;height:15px}.amulet-badge{top:auto;bottom:6px;left:6px;right:auto;background:#326a56;color:#d7ffb3}.card-caption{padding:0 8px 10px}.card-caption h3{font:15px Georgia;line-height:1.3;margin:5px 0 8px;color:#f0dba5;min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center}.card-numbers{display:flex;justify-content:space-between;gap:5px;font-size:13px;font-weight:800;color:#f0d294}.card-numbers .icon{height:13px;width:13px}.card-numbers>span:last-child{color:#acdab8}.hp-bar{height:4px;background:#071421;border:1px solid #8ca39530;border-radius:3px;margin:8px 0}.hp-bar i{height:100%;display:block;background:linear-gradient(90deg,#557f54,#aed794);transition:width .3s}.card-ability{min-height:39px;display:grid;gap:5px;font-size:8px;line-height:1.5;text-align:center;color:#ddca98}.card-ability span{font-size:7px;color:#97b3c2}.card-inspect{padding:0;display:block;width:100%;background:none;border:0;box-shadow:none}.xp-info{margin:10px 0 7px;font-size:8px;color:#a5b7bc}.xp-info .track{height:3px;margin-top:5px}.card-actions{display:grid;gap:5px}.card-actions button{font-size:8px;padding:8px 4px}.equipped{background:linear-gradient(#5d5539,#343223);color:#edce8b;border-color:#dabb7b80}.upgrade-ready{border-color:#bfe2a0;color:#ddf0be;box-shadow:0 0 15px #9cc67820}.collection-item>.gold-button{width:100%;margin-top:10px;font-size:10px}.unowned{filter:saturate(.6)}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.info-strip{margin-top:25px;padding:15px;border:1px solid #b29d6260;background:#172e3c;color:#cab98f;font-size:11px}.info-strip .icon{width:16px;height:16px;margin-right:8px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.category-tile{min-height:190px;padding:24px;background:radial-gradient(ellipse at 50% 35%,#54877a88,transparent 70%),linear-gradient(135deg,#183f4c,#27263f);border:2px solid #c2aa72;box-shadow:inset 0 0 0 3px #192a39,0 7px 20px #0005;text-align:center}.category-tile.category-1{background:radial-gradient(ellipse at 50% 35%,#7788b388,transparent 70%),linear-gradient(135deg,#23334f,#222d35)}.category-tile.category-2{background:radial-gradient(ellipse at 50% 35%,#c2965788,transparent 70%),linear-gradient(135deg,#364645,#302b3f)}.category-tile>div>.icon{width:60px;height:60px;color:#eace92;filter:drop-shadow(0 3px 8px #0008)}.category-tile h3{font-size:19px;margin:16px 0}.category-tile>span{font-size:8px;color:#afb9ad}.category-tile>span .icon{width:12px;height:12px;margin-left:7px}.back-button{margin-bottom:20px;font-size:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px}.shop-offer{padding:26px;background:linear-gradient(#2b414c,#182637);border:1px solid #bda46a80;border-radius:8px;display:flex;flex-direction:column;gap:12px;box-shadow:0 7px 20px #0003}.offer-symbol{height:90px;display:grid;place-items:center;background:radial-gradient(ellipse,#c7b06e30,transparent 70%)}.offer-symbol .icon{height:55px;width:55px;color:#ebcb87}.shop-offer h3{font-size:20px;margin:0}.shop-offer p{font-size:11px;flex:1;margin:0}.shop-offer>small{font-size:9px;color:#d5c390}.shop-offer button{margin-top:auto}.shop-card .gold-button{width:100%;margin-top:12px}.shop-card .card-art{height:240px}.shop-card .card-caption h3{font-size:19px}.myth-battle{padding:18px 24px 25px;min-height:calc(100vh - 76px);background:linear-gradient(#0a1c2c77,#0c1a2bc9),url('/assets/battlefield.webp') center/cover}.battle-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.battle-heading>div>small{font-size:8px;letter-spacing:1.5px;color:#c9b383}.battle-heading h1{font-size:24px;margin:7px 0 0}.battle-heading>button{font-size:9px;background:#18303fc9}.score{text-align:center;min-width:150px}.score>b{font:28px Georgia;color:#a8d7ef}.score>b:nth-of-type(2){color:#e9ac8d}.score>span{margin:0 12px;color:#a5acaa}.score small{display:block;font-size:8px;color:#d1c098;margin-top:4px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:20px;max-width:1450px;margin:auto}.battle-board{min-width:0}.team-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:900px;margin:0 auto}.board-card{position:relative;background:none;border:2px solid transparent;padding:0;box-shadow:none;border-radius:9px;min-width:0}.board-card:disabled{opacity:1}.board-card:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1)}.board-card.pair-active{border-color:#ffe1a2;box-shadow:0 0 20px #f9d47c55}.board-card.played{opacity:.35;filter:grayscale(.8)}.compact .card-art{height:85px}.compact .card-caption{padding:0 6px 5px}.compact .card-caption h3{font-size:11px;min-height:28px;margin:4px 0}.compact .card-numbers{font-size:10px}.compact .card-numbers .icon{width:10px;height:10px}.compact .hp-bar{margin:5px 0 2px;height:3px}.compact .level-badge{width:21px;height:25px;font-size:14px}.compact .race-badge{width:20px;height:20px}.compact .race-badge .icon{width:12px;height:12px}.card-back{height:163px;background:radial-gradient(ellipse at center,#5e6b5760,transparent 70%),repeating-linear-gradient(45deg,transparent 0 8px,#d7b57606 8px 9px),linear-gradient(#273e48,#182b3b);border:2px solid #b59b68;box-shadow:inset 0 0 0 4px #1a2d3b,inset 0 0 0 5px #c1a66c44;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ddc28a}.card-back>span{font:60px Georgia;border:1px solid #bc9a55;width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:#263b41}.card-back>small{font-size:7px;letter-spacing:3px;margin-top:13px}.duel-mark{font-size:7px;color:#e7d49f}.duel-stage{min-height:280px;margin:12px auto;display:grid;place-items:center;position:relative}.duel-message{max-width:570px;text-align:center;padding:25px;background:radial-gradient(ellipse,#0b2239d9,#0b223900 75%)}.duel-message>span>.icon{width:40px;height:40px;color:#e2c484;margin-bottom:10px}.duel-message h2{font-size:26px;margin:0 0 13px}.duel-message p{font-size:11px;color:#bbcad0;margin:0 0 12px}.duel-message>small{color:#d9c496;font-size:9px}.duel-message .gold-button{margin-top:8px}.duel-pair{display:grid;grid-template-columns:200px 155px 200px;gap:24px;align-items:center}.duelist{position:relative}.duelist .card-art{height:140px}.duelist .card-caption h3{font-size:15px;min-height:21px}.duelist .card-ability{min-height:34px}.duel-center{display:grid;gap:10px;text-align:center}.versus{font:35px Georgia;color:#e3bd73;text-shadow:0 0 25px #e3bd7360}.duel-center>small{font-size:8px;letter-spacing:2px;color:#d3c098}.duel-center>button{font-size:9px;padding:10px 6px}.duel-center p{font-size:8px;line-height:1.7;margin:0;color:#a9bac7}.spell-rack{background:#0a2031ca;border:1px solid #baa46f60;border-radius:7px;padding:12px;height:max-content}.spell-rack h3{font:15px Georgia;margin:0 0 6px;text-align:center}.spell-rack>small{display:block;font-size:7px;text-align:center;color:#9eb3bd;margin-bottom:14px}.spell-rack>button{position:relative;display:grid;justify-items:center;text-align:center;width:100%;padding:12px 8px;margin-bottom:10px;background:radial-gradient(ellipse at 50% 20%,#435e7a,#183141 80%);border-color:#d4b77499}.spell-rack>button>span{color:#f0d499}.spell-rack>button>span>.icon{height:30px;width:30px}.spell-rack>button>b{position:absolute;right:7px;top:5px;background:#182d3a;border:1px solid #d5b78370;min-width:20px;padding:2px;font-size:11px;border-radius:4px}.spell-rack>button>strong{font-size:9px;margin-top:7px}.spell-rack>button>small{font-size:7px;line-height:1.6;color:#b9cad3;margin-top:7px}.spell-rack>.spells-shop{font-size:7px;padding:7px;border:0;background:none;margin:0}.battle-journal{font-size:8px;color:#a5b6bf;margin:15px 0}.battle-journal summary{cursor:pointer}.battle-journal p{font-size:10px;margin:6px 0}.battle-journal>div{background:#102737bb;padding:10px 15px;border:1px solid #7896a030;max-height:180px;overflow:auto}.result-page{background:radial-gradient(ellipse at 50% 0,#7d6a3440,transparent 70%)}.result-heading{text-align:center}.result-heading>div>.icon{height:50px;width:50px;color:#eac77b;filter:drop-shadow(0 0 20px #f0c46650)}.result-heading>small{display:block;font-size:9px;letter-spacing:2px;color:#c9b582;margin:12px 0}.result-heading h1{font-size:35px;margin:10px 0}.result-heading p{font-size:11px}.reward-strip{display:flex;justify-content:center;gap:15px;margin:25px 0}.perfect-bonus{display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid #d6b76b70;background:#514b2945;padding:15px;font-size:10px;color:#e9d397;border-radius:6px;margin:25px 0}.perfect-bonus .icon{width:17px;height:17px;margin-right:5px}.return-button{display:block;margin:30px auto 0;min-width:220px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#030b15bc;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.game-modal{position:relative;background:radial-gradient(ellipse at top right,#38566788,transparent 60%),linear-gradient(#223d4e,#122634);border:2px solid #c5a56b;border-radius:10px;box-shadow:0 25px 100px #000a,inset 0 0 0 4px #0c203080;max-width:780px;width:100%;padding:38px;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:12px;top:12px;padding:0;width:30px;height:30px;background:linear-gradient(#8a4d36,#502a28);border-color:#e1bc76;font-size:24px;line-height:1}.game-modal>small{font-size:8px;letter-spacing:2px;color:#d9bd80}.game-modal h2{font-size:30px;margin:13px 0 18px}.game-modal p{font-size:12px}.modal-emblem{width:65px;height:65px;display:grid;place-items:center;border:1px solid #c2aa72;border-radius:50%;color:#e7c583;background:#c1a45420;margin-bottom:25px}.modal-emblem .icon{height:34px;width:34px}.building-benefit{padding:15px;border:1px solid #bea46a44;background:#102c3c;font-size:13px;color:#dfc792;margin:20px 0}.game-modal>.gold-button{padding:14px 25px}.quest-reward-preview{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.quest-reward-preview .hud-resource{font-size:10px}.quest-completion{font-size:10px;color:#d7c6a1;line-height:1.9;margin-bottom:25px}.inspect-layout{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}.inspect-layout .card-art{height:220px}.inspect-layout>div>small{font-size:9px;color:#d4bc80}.inspect-layout h2{font-size:25px;margin:12px 0 18px}.inspect-layout h3{font-size:17px;color:#e4ca8f}.inspect-layout p{font-size:11px}.ability-timing{padding:10px;background:#112c3e;border-left:2px solid #c4a563;font-size:10px;line-height:1.8;color:#d4c5a2;margin-bottom:15px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:20;background:#142d40f5;border:1px solid #e0c17f;border-radius:5px;padding:14px 22px;color:#eee1c3;font-size:12px;box-shadow:0 10px 35px #0008;opacity:0;pointer-events:none;max-width:90vw;transition:opacity .2s}#toast.show{opacity:1}.float-number{position:absolute;left:50%;top:40%;z-index:2;pointer-events:none;font:bold 38px Georgia;color:#ffd5ab;text-shadow:0 2px #a6462d,0 0 10px #000;animation:float .5s ease-out both}.flash-hit .myth-card{animation:hit .4s ease-out}.flash-heal .myth-card{box-shadow:0 0 35px #b1f0a499}.flash-heal .float-number{color:#c2ffab;text-shadow:0 2px #3c7c42}@keyframes float{from{opacity:1;transform:translate(-50%,8px) scale(.8)}to{opacity:0;transform:translate(-50%,-40px) scale(1.2)}}@keyframes hit{0%,100%{filter:none;transform:translateX(0)}25%{filter:brightness(1.7);transform:translateX(-5px)}65%{transform:translateX(4px)}}
@media(min-width:1500px){.card-art{height:230px}.compact .card-art{height:100px}.card-back{height:180px}.duel-stage{min-height:320px}.duelist .card-art{height:170px}.duel-pair{grid-template-columns:225px 170px 225px}.world-scene{min-height:650px}}
@media(max-width:1000px){.myth-hud{padding:0 14px;height:67px}.myth-logo b{font-size:15px}.myth-logo small{font-size:6px}.hud-wallet{gap:6px}.hud-resource{padding:8px;gap:5px}.hud-resource b{font-size:13px}.hud-resource small{display:none}.world-scene{height:calc(100vh - 141px)}.scene-heading h1{font-size:27px}.quest-track{width:225px}.content-page{padding:25px 22px}.five-grid{gap:10px}.card-art{height:150px}.card-caption h3{font-size:13px}.card-numbers{font-size:11px}.card-numbers .icon{width:11px;height:11px}.card-ability{font-size:7px}.card-actions button{font-size:7px}.category-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.shop-grid{gap:16px}.shop-offer{padding:20px}.myth-battle{padding:15px}.battle-layout{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.team-row{gap:6px}.compact .card-art{height:70px}.compact .card-caption h3{font-size:9px;min-height:24px}.compact .card-numbers{font-size:8px}.compact .card-numbers .icon{width:9px;height:9px}.card-back{height:141px}.card-back>span{width:65px;height:65px;font-size:46px}.duel-pair{grid-template-columns:165px 125px 165px;gap:15px}.duelist .card-art{height:135px}.duelist .card-caption h3{font-size:13px}.spell-rack{padding:9px}.spell-rack>button>small{font-size:6px}.spell-rack h3{font-size:13px}.duel-stage{min-height:270px}.card-caption{padding:0 6px 8px}}
@media(max-width:700px){.myth-hud{height:auto;min-height:93px;flex-wrap:wrap;gap:4px;padding:9px 12px}.myth-logo{width:100%;justify-content:center;gap:8px}.myth-logo>span{font-size:24px}.myth-logo b{font-size:13px;letter-spacing:2px}.myth-logo small{display:inline-block;margin:0 0 0 10px;font-size:5px;letter-spacing:1px}.hud-wallet{justify-content:center;width:100%;gap:5px}.hud-resource{padding:6px 7px;gap:4px}.hud-resource b{font-size:11px}.hud-resource .icon{width:14px;height:14px}.sound{padding:5px}.sound .icon{width:16px;height:16px}.myth-nav{height:64px;gap:5px;padding:8px}.myth-nav button{min-width:0;flex:1;padding:8px 4px;display:grid;justify-items:center;gap:4px;font-size:8px}.myth-nav .icon{width:18px;height:18px}.alpha-label{font-size:5px;bottom:1px}.world-scene{height:calc(100svh - 157px);min-height:520px;background-size:auto 100%;background-position:center}.city-scene,.quest-scene{background-size:100% 100%}.scene-heading{left:15px;top:17px}.scene-heading>span{font-size:6px;letter-spacing:1.4px}.scene-heading h1{font-size:23px;margin:8px 0}.scene-heading p{font-size:8px;letter-spacing:1px}.quest-track{right:12px;top:112px;width:180px;padding:9px}.quest-track>span{font-size:8px}.quest-track .icon{width:12px;height:12px}.quest-track button{font-size:7px}.quest-track .track{margin:8px 0}.city-hotspot{min-width:95px;gap:5px}.hotspot-icon{width:34px;height:34px}.hotspot-icon .icon{width:18px;height:18px}.hotspot-label{font-size:8px;padding:5px 7px}.hotspot-label small{font-size:6px}.city-income{bottom:40px;left:12px;right:12px;gap:8px;padding:10px;justify-content:space-between;font-size:8px}.city-income b{font-size:11px}.city-income .icon{width:12px;height:12px}.city-income button{font-size:8px;padding:8px}.city-note{bottom:10px;left:12px;right:auto;padding:5px;font-size:7px;max-width:none}.city-note .icon{width:12px;height:12px}.city-note strong{display:inline;margin-left:7px;font-size:6px}.quest-node{min-width:90px;gap:4px}.quest-node>span{width:34px;height:34px}.quest-node>span .icon{width:20px;height:20px}.quest-node b{font-size:7px;padding:4px 6px;max-width:120px}.quest-node small{font-size:6px;max-width:120px}.quest-scene .scene-heading h1{font-size:21px}.map-legend{font-size:6px;padding:10px;bottom:15px}.map-legend .icon{width:11px;height:11px}.map-legend>span{margin:0 4px}.content-page{padding:22px 14px 30px}.page-heading{margin-bottom:20px}.page-heading>span{font-size:6px;letter-spacing:1.3px}.page-heading h1{font-size:28px}.page-heading p{font-size:10px}.content-page h2{font-size:21px;display:block;margin-top:25px}.content-page h2 small{display:block;font-size:8px;margin-top:10px}.five-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:170px}.card-caption h3{font-size:14px;min-height:32px}.card-numbers{font-size:12px}.card-ability{font-size:8px;min-height:40px}.card-ability span{font-size:6px}.xp-info{font-size:8px}.card-actions button{font-size:8px;padding:9px 5px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{padding:16px 10px;min-height:155px}.category-tile>div>.icon{width:42px;height:42px}.category-tile h3{font-size:16px;line-height:1.6;margin:12px 0 8px}.category-tile>span{font-size:7px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-offer{padding:17px 12px;gap:10px}.shop-offer h3{font-size:17px}.shop-offer p{font-size:9px}.shop-offer button{font-size:9px;padding:10px 5px}.offer-symbol{height:65px}.offer-symbol .icon{width:40px;height:40px}.shop-card .card-art{height:170px}.shop-card .card-caption h3{font-size:14px}.shop-card .gold-button{font-size:9px;padding:10px 5px}.myth-battle{padding:12px 8px 20px;min-height:calc(100svh - 93px)}.battle-heading{gap:8px;margin-bottom:13px}.battle-heading h1{font-size:16px;line-height:1.5;max-width:145px}.battle-heading>div>small{font-size:6px;letter-spacing:.3px}.battle-heading>button{font-size:7px;padding:7px}.score{min-width:100px}.score>b{font-size:23px}.score>span{margin:0 6px}.score small{font-size:6px;max-width:110px;line-height:1.6}.battle-layout{display:flex;flex-direction:column;gap:10px}.team-row{gap:3px}.compact{padding:2px;border-width:1px;border-radius:5px}.compact::after{inset:2px;border-radius:3px}.compact .card-art{height:55px}.compact .card-caption{padding:0 3px 4px}.compact .card-caption h3{font-size:7px;min-height:21px;margin:3px 0;line-height:1.5}.compact .card-numbers{font-size:6px;gap:2px}.compact .card-numbers .icon{width:7px;height:7px}.compact .hp-bar{height:2px;margin:4px 0 0}.compact .level-badge{width:16px;height:20px;font-size:11px;left:2px;top:2px}.compact .race-badge{width:15px;height:15px;right:2px;top:3px}.compact .race-badge .icon{width:9px;height:9px}.compact .amulet-badge{width:14px;height:14px;bottom:3px;left:3px}.compact .amulet-badge .icon{width:8px;height:8px}.card-back{height:106px;border-width:1px;border-radius:5px;box-shadow:inset 0 0 0 3px #1a2d3b,inset 0 0 0 4px #c1a66c44}.card-back>span{width:42px;height:42px;font-size:30px}.card-back>small{font-size:4px;letter-spacing:1px;margin-top:10px}.duel-mark{font-size:5px}.duel-stage{min-height:265px;margin:9px auto}.duel-message{padding:18px 12px}.duel-message h2{font-size:22px}.duel-message p{font-size:10px}.duel-message>small{font-size:8px}.duel-message>span>.icon{width:30px;height:30px}.duel-pair{width:100%;grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr);gap:7px}.duelist .card-art{height:135px}.duelist .card-caption{padding:0 5px 6px}.duelist .card-caption h3{font-size:10px;min-height:28px;line-height:1.5}.duelist .card-numbers{font-size:9px}.duelist .card-numbers .icon{width:9px;height:9px}.duelist .card-ability{font-size:6px;line-height:1.5;min-height:30px;gap:3px}.duelist .card-ability span{font-size:5px}.duelist .level-badge{width:22px;height:27px;font-size:14px}.duelist .race-badge{width:21px;height:21px}.duel-center{gap:8px}.versus{font-size:27px}.duel-center>small{font-size:6px;letter-spacing:.5px}.duel-center>button{font-size:7px;padding:9px 3px;line-height:1.6}.duel-center p{font-size:6px}.spell-rack{padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start;width:100%}.spell-rack h3{grid-column:1/-1;margin:0;font-size:13px}.spell-rack>small{grid-column:1/-1;margin:0;font-size:6px}.spell-rack>button{margin:0;padding:9px 6px}.spell-rack>button>span>.icon{height:22px;width:22px}.spell-rack>button>strong{font-size:7px}.spell-rack>button>small{font-size:6px}.spell-rack>button>b{font-size:9px;min-width:17px;top:3px;right:4px}.spell-rack>.spells-shop{grid-column:1/-1;font-size:6px;padding:2px}.battle-journal{font-size:7px;margin:12px 0 0}.result-heading h1{font-size:28px}.result-heading p{font-size:10px}.reward-strip{gap:7px;flex-wrap:wrap;margin:20px 0}.reward-strip .hud-resource small{display:block;font-size:6px}.perfect-bonus{display:block;padding:12px;font-size:9px;line-height:1.8}.perfect-bonus button{display:block;margin:12px auto 0;font-size:10px}.game-modal{padding:30px 22px;max-height:90svh}.game-modal h2{font-size:24px;line-height:1.5}.game-modal p{font-size:11px}.game-modal>small{font-size:7px}.quest-reward-preview{gap:6px}.quest-reward-preview .hud-resource{padding:7px}.quest-reward-preview .hud-resource small{display:block;font-size:6px}.quest-reward-preview .hud-resource b{font-size:13px}.quest-completion{font-size:9px}.inspect-layout{grid-template-columns:1fr;gap:20px}.inspect-layout>.myth-card{max-width:190px;margin:auto;width:100%}.inspect-layout .card-art{height:175px}.inspect-layout h2{font-size:22px}.inspect-layout p{font-size:10px}.float-number{font-size:30px}#toast{font-size:10px;bottom:78px;max-width:90vw;width:max-content;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Alpha 0.5: living battlefield and tactile cards */
.myth-battle{position:relative;isolation:isolate;overflow:hidden;background-color:#08121d}.battle-heading,.battle-layout{position:relative;z-index:1}.battle-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#e3bc5b16,transparent 48%)}.battle-atmosphere i{position:absolute;left:calc(var(--i)*8% + 3%);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffcf77;box-shadow:0 0 12px 3px #eebb6a88;animation:embers calc(7s + var(--i)*.4s) linear infinite;animation-delay:calc(var(--i)*-.9s)}
.myth-card{box-shadow:0 12px 25px #0008,inset 0 0 0 1px #f5d89750;transition:transform .25s,box-shadow .25s;overflow:hidden}.myth-card .myth-art{transition:transform .45s}.card-inspect:hover .myth-art,.board-card:not(:disabled):hover .myth-art{transform:scale(1.07);transform-origin:center}.board-card:not(:disabled):hover{transform:translateY(-7px);filter:brightness(1.14)}.board-card.pair-active .myth-card{box-shadow:0 0 26px #ffcf7770,0 15px 30px #0008}.card-caption{background:linear-gradient(180deg,#152936cc,#08141fee)}.hp-bar{box-shadow:inset 0 1px 4px #000a;overflow:hidden}.hp-bar i{background:linear-gradient(90deg,#3aa981,#aee5a2);box-shadow:0 0 8px #b6f1ac88;transition:width .4s}.level-badge{box-shadow:0 3px 10px #0009,inset 0 1px #fff9}.card-back{background:radial-gradient(ellipse at 50% 35%,#344d5b,#10222f 75%);box-shadow:inset 0 0 0 4px #0e2432,inset 0 0 0 5px #bb9d5955,0 8px 18px #0008}.card-back>span{box-shadow:0 0 25px #e8c17a15}
.victory-pips{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.victory-pips i{display:block;width:10px;height:10px;transform:rotate(45deg);border:1px solid #9a947b;background:#14222e}.victory-pips .won{background:#efc16b;border-color:#ffe6ac;box-shadow:0 0 12px #f6c15b99}.victory-pips .lost{background:#a04c58;border-color:#dc7c88}.duel-center .versus{font-size:48px;color:#ffdc8a;text-shadow:0 0 24px #ffc36390}.duel-notice{min-height:46px;color:#ffe1a1;font-size:11px;line-height:1.6;text-align:center;padding:8px;border-top:1px solid #c9ab5f44;border-bottom:1px solid #c9ab5f44;background:#0a1b2bcc;width:100%}.duel-center>button[data-combat]{background:#142b3cce;border-color:#91b8c744}.duelist{position:relative;will-change:transform}.duelist.turn-ready>.myth-card{border-color:#f3d18b;box-shadow:0 0 22px #ffd17436,0 12px 30px #0009}.striking-player>.duelist:first-child{animation:lunge-right .6s ease-in-out}.striking-enemy>.duelist:last-child{animation:lunge-left .6s ease-in-out}.duelist.flash-hit:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 38%,#fff5cacc 49%,#ff9d3baa 51%,transparent 61%);mix-blend-mode:screen;animation:slash .6s ease-out}.duelist.flash-heal:after{content:'';position:absolute;inset:-8px;border:2px solid #85ffc1;border-radius:14px;box-shadow:0 0 25px #4bffb7,inset 0 0 30px #63ffac55;pointer-events:none;animation:heal-ring .6s ease-out}.float-number{z-index:5;font-weight:800;color:#fff2d3;text-shadow:0 3px 0 #742e22,0 0 18px #ff7e30;font-family:Manrope,Segoe UI,sans-serif;animation:damage-rise .62s ease-out both}.flash-heal .float-number{color:#bdffd8;text-shadow:0 3px 0 #154c39,0 0 20px #5bffa5}.spell-rack{background:linear-gradient(160deg,#1b3344ee,#081623ee);border-color:#c0ad7155;box-shadow:0 10px 30px #0006}.spell-rack>button:not(:disabled){border-color:#d5ba73;box-shadow:inset 0 0 20px #e5c76b13,0 0 13px #d8b96022}.gold-button{background:linear-gradient(110deg,#c3924e,#f4d99a 45%,#c79651);text-shadow:0 1px #fff7;box-shadow:inset 0 1px #fff9,0 4px 15px #0006}.gold-button:active:not(:disabled){transform:translateY(2px)}
.result-heading{position:relative;isolation:isolate;padding:36px 0 20px}.result-heading>div:not(.victory-rays){position:relative}.result-heading>.victory-rays{position:absolute;z-index:-1;inset:-50px 20%;background:repeating-conic-gradient(from 0deg,#f4c96918 0deg 8deg,transparent 8deg 24deg);mask-image:radial-gradient(ellipse,#000,transparent 66%);animation:ray-spin 90s linear infinite;pointer-events:none}.result-heading h1{color:#ffe0a2;text-shadow:0 2px 2px #000,0 0 30px #e4ac5544}.reward-strip .hud-resource{border-color:#d3b46c70;background:linear-gradient(#294151,#142737);box-shadow:0 7px 20px #0004}.city-hotspot:hover .hotspot-icon{box-shadow:0 0 25px #ffda8d88}.hotspot-label{backdrop-filter:blur(8px)}
@keyframes embers{0%{transform:translate(0,0);opacity:0}15%{opacity:.7}85%{opacity:.5}100%{transform:translate(35px,-700px);opacity:0}}@keyframes lunge-right{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(20px) rotate(2deg) scale(1.035)}}@keyframes lunge-left{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(-20px) rotate(-2deg) scale(1.035)}}@keyframes slash{0%{opacity:0;transform:scale(.85)}25%{opacity:1}100%{opacity:0;transform:scale(1.12)}}@keyframes heal-ring{from{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}@keyframes damage-rise{from{opacity:1;transform:translateY(15px) scale(.7)}35%{transform:translateY(-7px) scale(1.15)}to{opacity:0;transform:translateY(-45px) scale(1)}}@keyframes ray-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.duel-notice{font-size:7px;padding:5px;min-height:40px}.duel-center .versus{font-size:26px}.victory-pips{gap:5px}.victory-pips i{width:7px;height:7px}.duel-center{gap:5px}.duel-stage{min-height:300px}.battle-atmosphere i{width:2px;height:2px}.striking-player>.duelist:first-child,.striking-enemy>.duelist:last-child{animation:none}}
@media(prefers-reduced-motion:reduce){.battle-atmosphere,.victory-rays{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}

.duel-center[data-running="true"]>[data-action="step"]{display:none}.duel-center{gap:8px}.duel-notice{min-height:36px;padding:6px}.duel-center>p{margin-bottom:0}.duel-center .versus{line-height:1}
.route-panel{margin:22px 0;padding:20px;background:radial-gradient(ellipse at top left,#c9994225,transparent 70%),#0b1b29;border:1px solid #c7a66b66;border-radius:9px;text-align:left}.route-panel>small{font-size:10px;letter-spacing:1.8px;color:#c6aa73}.route-panel h3{font-size:23px;color:#ffe0a2;margin:10px 0}.route-panel p{font-size:12px;line-height:1.8}.route-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.route-options button{text-align:left;padding:17px;background:linear-gradient(140deg,#2b4652,#142834);border-color:#bca56e88}.route-options button:last-child{background:linear-gradient(140deg,#4b3542,#241b2b)}.route-options b,.route-options span{display:block}.route-options b{font-size:13px;margin-bottom:9px;color:#f3dcaa}.route-options span{font-size:11px;line-height:1.7;color:#b5c6cd}.route-panel>strong{display:block;padding:12px;background:#344c443d;color:#cce9b9;font-size:12px;line-height:1.8}.myth-logo b{letter-spacing:2px}.myth-logo small{letter-spacing:3px}@media(max-width:700px){.route-panel{padding:14px}.route-options{grid-template-columns:1fr}.route-panel h3{font-size:19px}.route-panel>small{font-size:8px}.myth-logo b{font-size:14px;letter-spacing:1px}.myth-logo small{font-size:6px;letter-spacing:2px}}
.living-art{animation:portrait-breathe 9s ease-in-out infinite;transform-origin:50% 70%;will-change:transform}.card-art{position:relative;isolation:isolate;overflow:hidden}.portrait-aura{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 90%,var(--rank-glow,#79cbd9) 0%,transparent 65%);opacity:.08;mix-blend-mode:screen;animation:aura-breathe 5s ease-in-out infinite}.rank-crown{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);z-index:2;color:var(--rank-color,#b9c6cb);background:#06131bd9;border:1px solid #c6b77e55;border-radius:14px;padding:3px 8px;font-size:10px;letter-spacing:2px;white-space:nowrap;text-shadow:0 0 8px currentColor}.ascension-1{--rank-color:#b9c6cb;--rank-glow:#79cbd9}.ascension-2{--rank-color:#87e7b1;--rank-glow:#2dffac;border-color:#87e7b1}.ascension-3{--rank-color:#7dc7ff;--rank-glow:#4f8bff;border-color:#7dc7ff}.ascension-4{--rank-color:#d8a0ff;--rank-glow:#bb58ff;border-color:#d8a0ff}.ascension-5{--rank-color:#ffe094;--rank-glow:#ffd14f;border-color:#ffe094;box-shadow:0 0 25px #fbd26955}.ascension-2 .portrait-aura{opacity:.2}.ascension-3 .portrait-aura{opacity:.3}.ascension-4 .portrait-aura{opacity:.4}.ascension-5 .portrait-aura{opacity:.5}.ascension-3 .myth-art{filter:saturate(1.12) contrast(1.04)}.ascension-4 .myth-art{filter:saturate(1.2) contrast(1.07)}.ascension-5 .myth-art{filter:saturate(1.3) contrast(1.1) brightness(1.08)}.compact .rank-crown{font-size:6px;padding:2px 5px;letter-spacing:1px;bottom:4px}.ascension-button{border-color:#b08ce97a!important;color:#dfc7ff}.rank-path{display:flex;gap:5px;margin:18px 0}.rank-path span{flex:1;text-align:center;font-size:9px;color:#8c9ba7}.rank-path b{display:block;margin:0 auto 7px;width:28px;height:28px;line-height:28px;border:1px solid #677a89;border-radius:50%}.rank-path .unlocked{color:#f0d395}.rank-path .unlocked b{border-color:#e2ba63;background:#ad80362c;box-shadow:0 0 12px #d6a94933}.ascension-preview{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:480px;margin:20px auto}.ascension-preview>div>small{display:block;text-align:center;margin-top:9px;color:#c9ba97}.ascension-preview .card-art{height:180px}.ascension-preview .card-caption h3{font-size:15px}.ascension-preview .card-ability{font-size:9px}.ascension-preview .card-numbers{font-size:13px}.game-modal:has(.ascension-preview){max-width:760px}@keyframes portrait-breathe{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.055) translateY(-3px)}}@keyframes aura-breathe{0%,100%{filter:brightness(.7)}50%{filter:brightness(1.5)}}@media(max-width:700px){.rank-path span{font-size:7px}.ascension-preview{gap:12px}.ascension-preview .card-art{height:135px}.ascension-preview .card-caption h3{font-size:11px}.ascension-preview .card-numbers{font-size:10px}.rank-crown{font-size:7px}.compact .rank-crown{font-size:4px;padding:1px 2px}}@media(prefers-reduced-motion:reduce){.living-art,.portrait-aura{animation:none!important;will-change:auto}}
/* New roster: original heraldic emblems until individual illustrations are ready. */
.unit-crest{height:100%;min-height:120px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px 16px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#b18b3b55,transparent 65%),linear-gradient(140deg,#233e50,#0b1c2c);overflow:hidden;color:#f0d59e}.unit-crest.faction-1{background:radial-gradient(ellipse at 50% 35%,#c7a04455,transparent 65%),linear-gradient(140deg,#3a3447,#141e29)}.unit-crest.faction-2{background:radial-gradient(ellipse at 50% 35%,#60a9d655,transparent 65%),linear-gradient(140deg,#1f3c51,#101b2c)}.unit-crest.faction-3{background:radial-gradient(ellipse at 50% 35%,#62d1b955,transparent 65%),linear-gradient(140deg,#21433f,#101f29)}.unit-crest.faction-4{background:radial-gradient(ellipse at 50% 35%,#a3c46655,transparent 65%),linear-gradient(140deg,#263e30,#101d21)}.unit-crest.faction-5{background:radial-gradient(ellipse at 50% 35%,#e58d9f55,transparent 65%),linear-gradient(140deg,#492a38,#211523)}.crest-ring{position:absolute;width:140px;height:140px;border:1px solid #d7bb7e55;border-radius:50%;box-shadow:0 0 0 8px #d8c0860b,0 0 0 9px #d7bb7e22;transform:rotate(45deg);top:13%;pointer-events:none}.unit-crest>div{position:relative;margin:7px 0 20px}.unit-crest .icon{width:65px;height:65px;filter:drop-shadow(0 0 14px #f3ce7c77)}.unit-crest>strong{font:18px Prata,Georgia,serif;line-height:1.5;z-index:1}.unit-crest>small{font-size:9px;color:#c0cbd0;margin-top:8px;z-index:1}.unit-crest>em{font-size:8px;color:#8a9ba8;font-style:normal;margin-top:12px;z-index:1}.rarity-seal{display:block;color:#e5c581;font-size:9px;letter-spacing:1px;margin-top:6px}.compact .unit-crest{min-height:0;padding:16px 5px 8px}.compact .unit-crest>strong,.compact .unit-crest>em{display:none}.compact .unit-crest>small{font-size:7px;margin-top:0}.compact .unit-crest .icon{width:45px;height:45px}.compact .unit-crest>div{margin:0 0 7px}.compact .crest-ring{width:70px;height:70px}.compact .rarity-seal{font-size:6px;letter-spacing:.4px}.catalog-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0 20px;padding:20px;background:#102736;border:1px solid #bd9f6544;border-radius:8px}.catalog-filters label{font-size:11px;color:#cbb984}.catalog-filters select{display:block;width:100%;margin-top:8px;padding:11px;background:#0a1a27;border:1px solid #a28f5b77;border-radius:5px;color:#e8dfcc;font:inherit}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.catalog-pagination span{font-size:11px;color:#a1b1bc}@media(max-width:700px){.catalog-filters{grid-template-columns:1fr;padding:12px}.unit-crest>strong{font-size:13px}.unit-crest .icon{width:42px;height:42px}.unit-crest>em{font-size:6px}.compact .unit-crest .icon{width:22px;height:22px}.compact .unit-crest>small{display:none}.compact .crest-ring{width:36px;height:36px}.compact .unit-crest{padding:8px 2px}.compact .rarity-seal{font-size:4px}.catalog-pagination span{font-size:8px}.unit-crest{padding:15px 7px}.crest-ring{width:90px;height:90px}.duelist .unit-crest{min-height:0}.duelist .unit-crest>strong{font-size:10px}.duelist .unit-crest>small{font-size:6px}.duelist .unit-crest>em{display:none}.rarity-seal{font-size:7px}}
/* Alpha 0.9: full-bleed portraits, cinematic duels and a movable world. */
.myth-card{position:relative;isolation:isolate;aspect-ratio:2/3;min-height:0;padding:3px;border-radius:12px;background:#102330}
.myth-card .card-art{position:absolute!important;inset:3px!important;height:auto!important;border-radius:9px;z-index:-1}
.living-portrait{position:absolute;inset:0;background-image:url('/assets/myth-starters-v09.webp');background-size:500% 100%;animation:portrait-sway 11s ease-in-out infinite;transform-origin:50% 45%;filter:saturate(1.08)}
.portrait-light{position:absolute;inset:-35%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffeda51c 48%,transparent 55%);animation:light-drift 9s ease-in-out infinite;mix-blend-mode:screen}
.myth-card .card-caption{position:absolute;bottom:3px;left:3px;right:3px;padding:50px 11px 12px;background:linear-gradient(transparent,#07121bdd 34%,#06111bf5);border-radius:0 0 9px 9px;z-index:2;text-shadow:0 2px 5px #000}
.myth-card .card-caption h3{font-size:clamp(12px,1.25vw,19px);min-height:0;margin:6px 0;line-height:1.3;color:#fff0ce}
.myth-card .card-numbers{font-size:15px;gap:14px;justify-content:center}.myth-card .card-ability{font-size:10px;min-height:0;line-height:1.5;padding-top:6px}.myth-card .card-ability span{font-size:8px}.myth-card .hp-bar{height:4px;margin:6px 0}.myth-card .rarity-seal{font-size:8px;margin-top:0}.myth-card .rank-crown{bottom:auto;top:10px;font-size:7px;background:#06131b9c}.myth-card .level-badge,.myth-card .race-badge{z-index:4}.myth-card .amulet-badge{bottom:auto;top:49px;z-index:4}.myth-card .unit-crest{height:100%;padding-bottom:80px}.myth-card .unit-crest>strong{display:none}.myth-card .unit-crest>em{font-size:7px}.myth-card .unit-crest>small{font-size:8px}.myth-card .unit-crest .icon{width:70px;height:70px}
.compact.myth-card{aspect-ratio:2/3}.compact .card-caption{padding:22px 5px 5px}.compact .card-caption h3{font-size:10px;margin:3px 0;min-height:0}.compact .card-numbers{font-size:8px;gap:4px}.compact .card-numbers .icon{width:10px;height:10px}.compact .rarity-seal{font-size:5px}.compact .rank-crown{top:6px;font-size:5px}.compact .unit-crest .icon{width:32px;height:32px}.compact .unit-crest{padding-bottom:35px}.compact .unit-crest>em{display:none}.compact .unit-crest>small{display:none}.compact .card-caption .hp-bar{height:3px;margin:3px 0}.ascension-preview .myth-card{width:100%}
.myth-hud{height:62px;padding:0 20px}.hud-resource{padding:6px 10px}.hud-resource b{font-size:14px}.myth-nav{height:62px;gap:8px}.myth-nav button{min-width:108px;padding:9px 16px;border-radius:9px}.myth-main{min-height:calc(100svh - 124px)}.card-actions{gap:4px}.card-actions button{padding:7px 8px;border-radius:7px;font-size:10px}.content-page{max-width:1320px}.five-grid{gap:18px}.page-heading{margin-bottom:24px}.page-heading p{max-width:850px;font-size:11px}
.cinematic-stage{position:fixed!important;inset:62px 0 0;z-index:8;margin:0!important;min-height:0!important;background:radial-gradient(ellipse at 50% 35%,#25445ce6,#07101df7 75%),url('/assets/myth-map.webp') center/cover;display:grid;place-items:center;backdrop-filter:blur(15px);padding:35px 170px 35px 35px}
.cinematic-stage:before{content:'ДУЭЛЬ ПАНТЕОНОВ';position:absolute;top:13px;left:0;right:130px;text-align:center;letter-spacing:6px;color:#d9c18a;font-size:9px;opacity:.75}
.cinematic-stage .duel-pair{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:28px;width:min(1020px,100%);align-items:center}.cinematic-stage .duelist{width:100%;max-width:350px;justify-self:center;position:relative}.cinematic-stage .duelist .myth-card{width:100%;max-height:calc(100svh - 150px);aspect-ratio:2/3}.cinematic-stage .duelist .card-caption h3{font-size:clamp(14px,1.8vw,25px)}.cinematic-stage .duelist .card-ability{font-size:11px}.cinematic-stage .duelist .card-ability span{font-size:9px}.cinematic-stage .duelist .card-numbers{font-size:20px}.cinematic-stage .duelist .card-numbers .icon{width:19px;height:19px}.cinematic-stage .duel-center{background:#0b1d2ca8;padding:15px 10px;border:1px solid #d8b66b44;border-radius:40px 40px 12px 12px}.cinematic-stage .duel-center .versus{font-size:52px;color:#f7d89d;text-shadow:0 0 30px #f6d38b66}.cinematic-stage .duel-center button{width:100%;padding:9px 5px;font-size:10px}.cinematic-stage .duel-center p{font-size:8px}.cinematic-stage .duel-notice{font-size:10px;color:#f2dfbd;min-height:60px}.myth-battle:has(.cinematic-stage) .spell-rack{position:fixed;z-index:9;right:12px;top:100px;width:140px;max-height:calc(100svh - 125px);overflow:auto;padding:10px;display:block}.myth-battle:has(.cinematic-stage) .spell-rack>button{padding:9px 5px;margin:8px 0}.myth-battle:has(.cinematic-stage) .spell-rack>button>small{display:none}.myth-battle:has(.cinematic-stage) .spell-rack>button>strong{font-size:9px}.myth-battle:has(.cinematic-stage) .spell-rack h3{font-size:14px}.modal-backdrop{z-index:30}
.duel-enter .duelist:first-child{animation:duel-arrive-left .95s cubic-bezier(.16,1,.3,1) both}.duel-enter .duelist:last-child{animation:duel-arrive-right .95s cubic-bezier(.16,1,.3,1) both}.duel-enter .duel-center{animation:duel-reveal .8s ease both}.cinematic-stage .striking-player>.duelist:first-child{animation:hero-strike-right .62s ease}.cinematic-stage .striking-enemy>.duelist:last-child{animation:hero-strike-left .62s ease}.cinematic-stage .flash-hit .myth-card{animation:card-impact .45s ease}.float-number{pointer-events:none}
.world-viewport{position:relative;height:calc(100svh - 124px);min-height:460px;overflow:hidden;background:#0d202b;touch-action:none;cursor:grab;isolation:isolate;user-select:none}.world-viewport.dragging,.world-viewport.dragging *{cursor:grabbing!important}.world-camera{width:1900px;height:1100px;transform-origin:0 0;will-change:transform}.world-camera .world-scene{width:1900px;height:1100px;min-height:0;background-size:100% 100%;overflow:hidden}.world-chrome{position:absolute;top:20px;left:25px;right:20px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 10px #000}.world-chrome h1{font-size:25px;margin:7px 0}.world-chrome small{font-size:8px;letter-spacing:3px;color:#f2d698}.map-tools{pointer-events:auto;display:flex;gap:5px}.map-tools button{width:36px;height:36px;padding:0;font-size:21px;border-radius:8px;background:#102735e8}.map-hint{position:absolute;bottom:10px;left:24px;font-size:9px;color:#c6d5d8;background:#071724aa;padding:7px 12px;border-radius:20px;pointer-events:none}.world-camera .quest-scene .scene-heading{display:none}.world-camera .quest-node{z-index:2}.world-camera .map-legend{display:none}.world-camera .city-scene{background-image:radial-gradient(ellipse,#1e352a6b,#112931bb),url('/assets/myth-city.webp')}.town-ground{position:absolute;left:280px;top:190px;width:1300px;height:760px;border-radius:35%;background:radial-gradient(ellipse,#3b583ddd 30%,#2b463ad4 60%,transparent 72%);box-shadow:0 0 100px 25px #29463499}.town-grid{position:absolute;left:20px;top:20px;width:1260px;height:720px;display:grid;grid-template-columns:repeat(14,90px);grid-template-rows:repeat(10,72px)}.town-cell{position:relative;padding:0;min-width:0;overflow:visible;background:#42684a0a;border:1px solid #dcf1be12;border-radius:0;box-shadow:inset 0 0 12px #1a29140a}.town-cell:hover{background:#ebdfa82e;border-color:#e7cd8777}.town-grid.planning .town-cell:not(.occupied){background:#78d28a13;border-color:#b0eab446}.town-cell.built,.town-cell.obstacle{border-color:transparent;background:none}.town-cell>small{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;background:#10221cbb;border-radius:8px;padding:3px 6px;color:#e7d39c;z-index:3}.town-model{display:grid;place-items:center;width:68px;height:62px;margin:-12px auto 0;background:linear-gradient(135deg,#78846a,#243a2d);border:2px solid #c0b28a;box-shadow:0 9px 0 #182c25,0 16px 16px #0007;clip-path:polygon(50% 0,100% 23%,100% 85%,50% 100%,0 85%,0 23%);filter:drop-shadow(0 5px 4px #0008)}.town-model .icon{width:34px;height:34px;color:#f0d29e}.model-garden{background:radial-gradient(ellipse,#9ccfa0,#2f6e49);border-color:#78af74}.model-statue{background:linear-gradient(120deg,#d8cba7,#7f806e)}.obstacle-model{display:inline-grid;place-items:center;filter:drop-shadow(4px 7px 4px #0006)}.obstacle-model .icon{width:45px;height:45px}.obstacle-model.bush{color:#8bad63;background:radial-gradient(ellipse,#5b8d4c,#2e563a);border-radius:46% 55% 35% 48%;transform:rotate(-12deg);width:58px;height:43px}.obstacle-model.rock{color:#bac0ab;background:linear-gradient(135deg,#9aa28b,#4b5a50);border-radius:50% 40% 30% 20%;width:53px;height:42px}.obstacle-model.stump{color:#b7a57b;background:linear-gradient(90deg,#4c3423,#826246,#4b3b28);border-radius:5px 5px 15px 15px;width:42px;height:36px}.obstacle-model.stump .icon{width:24px;height:24px}.town-building.city-hotspot{min-width:0;width:90px;gap:3px;transform:translate(-50%,-50%)}.building-model{display:grid;place-items:center;width:74px;height:70px;background:linear-gradient(135deg,#d0bb89,#626f63 50%,#354b44);border:2px solid #c9b275;border-radius:12px 12px 6px 6px;box-shadow:0 7px 0 #283a31,0 13px 16px #0008;clip-path:polygon(50% 0,100% 20%,100% 82%,50% 100%,0 82%,0 20%)}.building-model .icon{width:40px;height:40px;color:#f9e8b5;filter:drop-shadow(0 3px 3px #253730)}.building-core{height:90px;width:94px;background:linear-gradient(135deg,#ddd1a8,#85938a 60%,#374d46)}.building-temple,.building-obelisk{background:linear-gradient(135deg,#85b4ad,#375c61)}.building-mine{background:linear-gradient(135deg,#9b90bc,#414c66)}.town-building .hotspot-label{font-size:9px;padding:4px 6px;white-space:nowrap}.town-building .hotspot-label small{font-size:7px;margin-top:2px}.selected-building{filter:drop-shadow(0 0 12px #f3d581)}.world-camera .city-income{left:305px;bottom:50px;right:auto;width:280px;font-size:11px;padding:12px}.town-toolbar{position:absolute;bottom:43px;left:22px;right:22px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;pointer-events:none}.town-toolbar button{pointer-events:auto;background:#102b32ed;backdrop-filter:blur(12px);border-radius:9px;padding:9px 11px;font-size:10px;box-shadow:0 4px 14px #0005}.town-toolbar button.equipped{border-color:#e1bf76;background:#4c4b2dea}.town-toolbar button small{display:block;font-size:8px;color:#cfbf99;margin-top:4px}.town-toolbar>span{font-size:10px;padding:7px;background:#12282bdb;border-radius:8px}.town-toolbar>span:empty{display:none}
@keyframes portrait-sway{0%,100%{transform:scale(1.015) translate(0,0)}50%{transform:scale(1.055) translate(-1px,-3px)}}@keyframes light-drift{0%,100%{transform:translateX(-25%);opacity:.1}50%{transform:translateX(20%);opacity:.7}}@keyframes duel-arrive-left{from{opacity:0;transform:translate(-55vw,15vh) rotate(-14deg) scale(.35)}to{opacity:1;transform:none}}@keyframes duel-arrive-right{from{opacity:0;transform:translate(55vw,-15vh) rotate(14deg) scale(.35)}to{opacity:1;transform:none}}@keyframes duel-reveal{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes hero-strike-right{0%,100%{transform:none}35%{transform:translate(38px,-6px) rotate(3deg) scale(1.035)}}@keyframes hero-strike-left{0%,100%{transform:none}35%{transform:translate(-38px,-6px) rotate(-3deg) scale(1.035)}}@keyframes card-impact{25%{filter:brightness(1.6);transform:translateX(4px)}55%{transform:translateX(-3px)}to{transform:none}}
@media(max-width:850px){.cinematic-stage{padding:35px 95px 25px 12px}.cinematic-stage .duel-pair{gap:10px;grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr)}.cinematic-stage .duel-center{padding:8px 5px}.cinematic-stage .duel-center button{font-size:8px}.myth-battle:has(.cinematic-stage) .spell-rack{width:80px;right:6px}.myth-battle:has(.cinematic-stage) .spell-rack h3{font-size:9px}.myth-battle:has(.cinematic-stage) .spell-rack>small{font-size:7px}.cinematic-stage .duelist .card-numbers{font-size:13px}.cinematic-stage .duelist .card-ability{font-size:8px}.cinematic-stage .duelist .card-ability span{font-size:6px}.cinematic-stage .duel-notice{font-size:8px}.myth-card .card-caption{padding:35px 6px 7px}.myth-card .card-ability{font-size:8px}.myth-card .card-ability span{font-size:6px}.myth-card .card-numbers{font-size:11px}.five-grid{gap:8px}.compact .card-caption h3{font-size:7px}.compact .card-numbers{font-size:6px}.compact .rank-crown{font-size:3px}.world-chrome h1{font-size:18px}.world-chrome{left:15px;top:15px}.map-hint{font-size:7px;left:10px}.town-toolbar{left:10px;right:10px}.hud-resource small{display:none}.myth-nav button{min-width:0;padding:8px 12px}.myth-hud{padding:0 12px}.myth-logo b{font-size:14px}}
@media(max-width:550px){.cinematic-stage{inset:62px 0 0;padding:25px 8px 160px}.cinematic-stage .duel-pair{grid-template-columns:1fr 1fr;gap:12px;max-width:420px}.cinematic-stage .duelist{grid-row:1}.cinematic-stage .duelist:last-child{grid-column:2}.cinematic-stage .duel-center{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px;padding:6px;border-radius:8px;justify-content:center}.cinematic-stage .duel-center .versus,.cinematic-stage .duel-center p,.cinematic-stage .duel-center>small{display:none}.cinematic-stage .duel-center .duel-notice{min-height:0;flex-basis:100%;padding:3px}.cinematic-stage .duel-center button{width:auto;padding:7px;font-size:8px}.cinematic-stage .duelist .myth-card{max-height:calc(100svh - 300px);max-width:200px;margin:auto}.cinematic-stage .duelist .card-caption h3{font-size:13px}.cinematic-stage .duelist .card-numbers{font-size:12px}.cinematic-stage .duelist .card-numbers .icon{width:12px;height:12px}.cinematic-stage .duelist .card-ability{font-size:7px}.cinematic-stage .duelist .rarity-seal{font-size:6px}.myth-battle:has(.cinematic-stage) .spell-rack{top:auto;bottom:10px;left:10px;right:10px;width:auto;display:flex;gap:6px;max-height:95px}.myth-battle:has(.cinematic-stage) .spell-rack>button{flex:1;margin:0}.myth-battle:has(.cinematic-stage) .spell-rack>small,.myth-battle:has(.cinematic-stage) .spell-rack h3,.myth-battle:has(.cinematic-stage) .spell-rack .spells-shop{display:none}.cinematic-stage:before{right:0;font-size:7px;letter-spacing:3px}.myth-card .card-numbers{font-size:9px;gap:5px}.myth-card .card-caption h3{font-size:11px}.myth-card .card-ability{font-size:7px}.myth-card .rarity-seal{font-size:6px}.myth-card .rank-crown{font-size:4px}.compact .card-caption{padding:16px 3px 4px}.compact .card-caption h3{font-size:6px}.compact .rarity-seal{font-size:4px}.compact .card-numbers{font-size:5px}.compact .card-numbers .icon{width:7px;height:7px}.town-toolbar button{font-size:8px;padding:7px}.town-toolbar button small{font-size:7px}.town-toolbar>span{font-size:8px}.myth-hud .hud-wallet{gap:3px}.hud-resource{padding:5px}.hud-resource b{font-size:10px}.hud-resource .icon{width:13px;height:13px}.myth-logo>span{font-size:28px}.sound{padding:4px}}
@media(prefers-reduced-motion:reduce){.living-portrait,.portrait-light,.duel-enter .duelist,.cinematic-stage .duelist{animation:none!important}.world-camera{will-change:auto}}
.building-model{background-image:url('/assets/myth-buildings-v09.webp');background-size:300% 200%;width:118px;height:118px;border:0;border-radius:0;clip-path:none;box-shadow:none;filter:drop-shadow(0 9px 6px #0006);background-color:transparent;transform:translateY(-8px)}.building-model>.icon{display:none}.building-core{background-position:0 0;width:142px;height:142px}.building-mine{background-position:50% 0}.building-academy{background-position:100% 0}.building-temple{background-position:0 100%}.building-market{background-position:50% 100%}.building-obelisk{background-position:100% 100%}.town-building .hotspot-label{margin-top:-18px;z-index:2;background:#10271edb}.town-cell{border-color:#dcf1be0b}.town-model{background-image:url('/assets/myth-buildings-v09.webp');background-size:300% 200%;width:95px;height:95px;clip-path:none;border:0;box-shadow:none;background-color:transparent;filter:drop-shadow(0 7px 5px #0006);margin-top:-35px}.town-model .icon{display:none}.model-quarry{background-position:50% 0}.model-garden{background-position:0 100%}.model-statue{background-position:100% 100%}
.world-viewport>.city-income{position:absolute;right:20px;left:auto;bottom:44px;top:auto;width:240px;padding:10px 12px;z-index:5;background:#0b2332e8;backdrop-filter:blur(12px)}.world-viewport>.city-income>div{font-size:10px}.world-viewport>.city-income button{padding:7px 10px;font-size:10px;margin-top:5px}@media(max-width:700px){.world-viewport>.city-income{top:78px;bottom:auto;right:10px;width:180px;padding:8px}.world-viewport>.city-income>div{font-size:8px}.world-viewport>.city-income button{font-size:8px}}
.world-camera .city-scene{background-image:url('/assets/myth-terrain-v09.webp')}.town-ground{background:none;box-shadow:none;border-radius:0}.city-scene>.scene-shade{background:linear-gradient(180deg,#06142422,transparent 25%,transparent 80%,#08172444)}.town-cell{border-color:#eff1d817;background:transparent}.town-cell:hover{background:#e9ffdb33;border-color:#f4e4a9aa}.town-grid.planning .town-cell:not(.occupied){background:#aee68a16;border-color:#e0f0bb77}
.town-ground{left:380px;top:230px;width:1160px;height:640px}.town-grid{width:1120px;height:600px;grid-template-columns:repeat(14,80px);grid-template-rows:repeat(10,60px)}
/* Alpha 0.10: isometric lots, placement preview, builders and wheel zoom. */
.town-ground{left:0;top:0;width:1900px;height:1100px;pointer-events:none}.town-grid{left:0;top:0;width:1900px;height:1100px;display:block;pointer-events:none}.town-cell{position:absolute;width:100px;height:50px;pointer-events:auto;border:0!important;background:transparent!important;overflow:visible;padding:0;box-shadow:none}.tile-outline{position:absolute;inset:0;width:100px;height:50px;pointer-events:none;overflow:visible}.tile-outline path{fill:transparent;stroke:#f3efcd18;stroke-width:1}.town-cell:hover .tile-outline path{fill:#edebae30;stroke:#f1dd9a88}.planning .town-cell:not(.occupied) .tile-outline path{fill:#c8e7a313;stroke:#e2f3b94a}.town-cell>.town-model{position:absolute;left:50%;top:-60px;transform:translateX(-50%);margin:0;width:95px;height:95px;pointer-events:none}.town-cell>.obstacle-model{position:absolute;left:50%;top:-8px;transform:translateX(-50%);pointer-events:none}.town-cell>small{bottom:-12px}.city-hotspot.town-building{transform:translate(-50%,-80%)}.city-hotspot.town-building:hover{transform:translate(-50%,-82%)}.town-building .building-model{transform:none}.world-viewport .worker-badge{display:inline-flex;align-items:center;gap:5px;color:#e9d7ae;background:#0a2631d9;border:1px solid #d1b87855;border-radius:20px;padding:5px 9px;font-size:9px;pointer-events:none;text-shadow:none}.worker-badge .icon{width:13px;height:13px}.build-timer{position:absolute;top:-32px;left:50%;transform:translateX(-50%);padding:4px 8px;background:#091b2eed;border:1px solid #d7bd76;border-radius:5px;font-size:10px;white-space:nowrap;z-index:4;color:#ffe3a1;box-shadow:0 3px 8px #0008}.build-timer .icon{width:12px;height:12px}.constructing .town-model{filter:grayscale(.45) brightness(.85) drop-shadow(0 6px 5px #0006)}.scaffold{position:absolute;left:18px;right:18px;bottom:3px;height:43px;border:3px solid #a98757;border-top-width:5px;border-bottom-width:5px;transform:skewY(-10deg);background:repeating-linear-gradient(90deg,transparent 0 18px,#8c6c45 18px 21px);pointer-events:none;z-index:2;opacity:.8}
.placement-ghost{position:absolute;width:0;height:0;z-index:100;cursor:move;filter:drop-shadow(0 8px 7px #0004)}.placement-ghost>.town-model,.placement-ghost>.building-model{position:absolute;width:118px;height:118px;left:-59px;top:-105px;margin:0;transform:none;opacity:.88;pointer-events:auto}.placement-footprint{position:absolute;width:160px;height:80px;left:-80px;top:-30px;overflow:visible;pointer-events:none}.placement-footprint path{fill:#91e56728;stroke:#a8ef77;stroke-width:2;filter:drop-shadow(0 0 4px #aaff8877)}.placement-ghost.invalid .placement-footprint path{fill:#ed6c6433;stroke:#ff817a;filter:drop-shadow(0 0 5px #ff5c6077)}.placement-controls{position:absolute;left:-43px;top:-150px;display:flex;gap:7px;width:90px;pointer-events:auto}.placement-controls button{width:38px;height:36px;padding:0;border:1px solid #e6d8b8;background:linear-gradient(#599667,#1b503a);font:24px Georgia;color:#fff6db;box-shadow:0 4px 10px #0008}.placement-controls button:last-child{background:linear-gradient(#a44c40,#642b28)}.placement-controls button:disabled{background:#63443d;opacity:.65}.placement-ghost>strong,.placement-ghost>small{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;pointer-events:none;background:#0c252bdf;border:1px solid #d6b77b44;border-radius:8px;padding:5px 9px;font-size:11px;top:53px;color:#fae4ae}.placement-ghost>small{top:83px;font-size:9px;color:#b5efbb;border:0}.placement-ghost.invalid>small{color:#ff9e98}.building-catalog{max-width:880px}.building-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.building-offers article{background:radial-gradient(ellipse at top,#3e5e4b77,#102935);border:1px solid #c8af7866;border-radius:12px;padding:15px 12px;text-align:center;display:flex;flex-direction:column;align-items:center}.building-offers .town-model{position:relative;width:170px;height:170px;margin:0;flex-shrink:0}.building-offers h3{font-size:16px;margin:8px 0}.building-offers p{font-size:10px;margin:5px 0 12px}.building-offers small{font-size:9px;color:#e7cc99;margin-top:auto}.building-offers button{font-size:10px;width:100%;margin-top:14px;padding:10px 7px}.game-modal .worker-badge{font-size:10px}@media(max-width:650px){.building-offers{grid-template-columns:1fr}.building-offers article{display:grid;grid-template-columns:100px 1fr;gap:8px}.building-offers .town-model{width:100px;height:100px;grid-row:1/5}.building-offers h3{font-size:14px}.building-offers p{margin:0}.building-offers button{margin-top:0}.worker-badge{font-size:7px!important}.world-chrome h1{font-size:17px}.placement-controls button{width:42px;height:40px}.placement-controls{width:100px}}
.town-model.model-statue,.building-model.building-obelisk{clip-path:inset(0 0 0 14%)}
/* Alpha 0.11: three settlements, multi-tile footprints and bounded terrain. */
.player-level{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#e7cf97;white-space:nowrap}.player-level .icon{width:15px;height:15px}.world-camera,.world-camera .world-scene{width:2400px;height:1600px}.world-camera .world-scene{background-size:100% 100%;background-repeat:no-repeat}.world-camera .city-scene.settlement-haven{background-image:url('/assets/world-haven-v17.webp')}.world-camera .city-scene.settlement-forge{background-image:url('/assets/world-forge-v17.webp')}.world-camera .city-scene.settlement-astral{background-image:url('/assets/world-astral-v17.webp')}.world-camera .quest-scene{background-image:url('/assets/world-quests-v17.webp')}.terrain-detail{position:absolute;left:280px;top:130px;width:1840px;height:1260px;background:url('/assets/world-surface-v11.webp') repeat;background-size:420px 420px;opacity:.4;mask-image:radial-gradient(ellipse,#000 15%,#0009 48%,transparent 70%);pointer-events:none;mix-blend-mode:soft-light}.settlement-forge .terrain-detail{filter:grayscale(.95) brightness(.65);opacity:.25}.settlement-astral .terrain-detail{filter:saturate(.3) brightness(1.2);opacity:.3}.city-scene>.scene-shade{background:linear-gradient(180deg,#0614241a,transparent 25%,transparent 85%,#08172422)}
.city-switcher{position:absolute;left:24px;top:126px;display:flex;gap:6px;z-index:3}.city-switcher button{padding:7px 11px;border-radius:8px;background:#102630eb;border-color:#b9a27055;backdrop-filter:blur(8px);text-align:left;box-shadow:0 3px 9px #0005}.city-switcher b{font-size:10px;font-weight:600;display:block}.city-switcher small{display:block;font-size:8px;color:#a7b7bd;margin-top:3px}.city-switcher .icon{width:11px;height:11px}.city-switcher button.active{border-color:#e6cb8a;color:#ffe3a9;background:#3b4331ed}.world-chrome{z-index:4}.world-chrome h1{font-size:27px;margin-bottom:9px}.settlement-grid{position:absolute;inset:0;pointer-events:none}.lot-cell{position:absolute;width:48px;height:24px;border:0;border-radius:0;padding:0;background:none!important;box-shadow:none;pointer-events:auto;overflow:visible}.lot-cell svg{width:48px;height:24px;pointer-events:none}.lot-cell path{fill:#d9eab908;stroke:#eef3c525;stroke-width:.8}.lot-cell.occupied path{fill:#e9846813;stroke:#efac8b30}.lot-cell:hover path{fill:#e9e29c55;stroke:#ffe9a5}.map-object{position:absolute;transform:translate(-50%,-50%);padding:0;background:none!important;border:0!important;border-radius:0;box-shadow:none;overflow:visible;pointer-events:auto}.object-footprint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.object-footprint polygon{fill:transparent;stroke:#e6d4a518;stroke-width:1}.map-object:hover .object-footprint polygon{fill:#dcc68e13;stroke:#e6d4a566}.structure-picture{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:var(--model-size,180px);height:var(--model-size,180px);background-image:url('/assets/myth-buildings-v09.webp');background-size:300% 200%;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 7px 6px #0005);clip-path:none}
.structure-picture.building-core{background-position:0 0}.structure-picture.building-mine,.structure-picture.model-quarry{background-position:50% 0}.structure-picture.building-academy{background-position:100% 0}.structure-picture.building-temple,.structure-picture.model-garden{background-position:0 100%}.structure-picture.building-market{background-position:50% 100%}.structure-picture.building-obelisk,.structure-picture.model-statue{background-position:100% 100%;clip-path:inset(0 0 0 14%)}.structure-picture.model-foundry,.structure-picture.model-runeforge,.structure-picture.model-sanctum,.structure-picture.model-observatory{background-image:url('/assets/world-structures-v11.webp');background-size:200% 200%}.structure-picture.model-foundry{background-position:0 0}.structure-picture.model-runeforge{background-position:100% 0}.structure-picture.model-sanctum{background-position:0 100%}.structure-picture.model-observatory{background-position:100% 100%}
.object-label{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);padding:5px 9px;white-space:nowrap;font-size:11px;color:#f2dfb3;border:1px solid #b8a16b44;background:#11252ddc;border-radius:6px;backdrop-filter:blur(5px);pointer-events:none;z-index:4}.object-label small{display:block;font-size:8px;color:#b9c6c8;margin-top:3px}.map-object>.build-timer{top:auto;bottom:35%;z-index:5;font-size:13px;padding:6px 10px}.map-object>.scaffold{left:15%;right:15%;bottom:12%;height:65%;z-index:2;opacity:.7}.map-object.constructing>.structure-picture{filter:saturate(.55) brightness(.85) drop-shadow(0 8px 7px #0006)}.map-object.obstacle-object{z-index:1}.map-object>.obstacle-model{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:35px;height:27px}.map-object>.obstacle-model .icon{width:27px;height:27px}.map-object>.obstacle-model.stump .icon{width:18px;height:18px}
.placement-ghost.footprint-preview{z-index:2500;transform:translate(-50%,-50%);filter:none}.footprint-preview>.placement-footprint{left:0;top:0;width:100%;height:100%}.placement-footprint polygon{fill:#9be56927;stroke:#c0fb97;stroke-width:2;filter:drop-shadow(0 0 5px #9ee66a88)}.footprint-preview.invalid .placement-footprint polygon{fill:#f2726433;stroke:#ff8e85;filter:drop-shadow(0 0 4px #f26b6388)}.footprint-preview>.structure-picture{opacity:.85}.footprint-preview>.placement-controls{top:auto;bottom:calc(var(--model-size) + 4px);left:50%;transform:translateX(-50%);width:90px}.footprint-preview>.placement-controls button{font-size:24px}.footprint-preview>strong{top:auto;bottom:-38px;left:50%;font-size:12px}.footprint-preview>small{top:auto;bottom:-65px;left:50%;font-size:10px}.island-preview{height:210px;border-radius:8px;background-size:cover;background-position:center;border:1px solid #b6a16e55;margin:20px 0}.preview-forge{background-image:url('/assets/world-forge-v17.webp')}.preview-astral{background-image:url('/assets/world-astral-v17.webp')}.island-future-buildings{display:flex;gap:8px;flex-wrap:wrap}.island-future-buildings span{background:#183442;border:1px solid #ccb67544;padding:8px;border-radius:6px;font-size:10px}.building-offers .model-foundry,.building-offers .model-runeforge,.building-offers .model-sanctum,.building-offers .model-observatory{background-image:url('/assets/world-structures-v11.webp');background-size:200% 200%;clip-path:none}.model-foundry{background-position:0 0}.model-runeforge{background-position:100% 0}.model-sanctum{background-position:0 100%}.model-observatory{background-position:100% 100%}
@media(max-width:700px){.city-switcher{left:10px;top:123px;gap:4px}.city-switcher button{padding:6px 8px}.city-switcher b{font-size:8px}.city-switcher small{font-size:7px}.world-chrome h1{font-size:22px}.player-level{font-size:8px}.player-level .icon{display:none}.object-label{font-size:10px}.hud-wallet{gap:4px}.island-preview{height:140px}.footprint-preview>.placement-controls{bottom:calc(var(--model-size) - 15px)}}
.map-object>.structure-picture,.footprint-preview>.structure-picture{pointer-events:auto}
.footprint-preview .footprint-grid{fill:none;stroke:#d4f5b899;stroke-width:1;filter:none}.footprint-preview.invalid .footprint-grid{fill:none;stroke:#ffb3a699;filter:none}
/* Native-size ground material carries close-range detail independently of the landscape. */
.terrain-detail{opacity:.72;mix-blend-mode:normal;background-size:420px 420px;mask-image:radial-gradient(ellipse,#000 16%,#000d 42%,#0005 58%,transparent 72%)}.settlement-forge .terrain-detail{opacity:.45;filter:grayscale(.95) brightness(.58)}.settlement-astral .terrain-detail{opacity:.5;filter:saturate(.25) brightness(1.2)}

.campaign-controls{display:flex;gap:8px;flex-wrap:wrap;max-width:1100px;pointer-events:auto}.campaign-controls button{padding:8px 12px;background:#152e3eeb;border:1px solid #b89b59;color:#f3dfac;border-radius:7px}.campaign-controls .active{background:#725c2b}.region-scene .quest-node{max-width:270px}.region-scene .quest-node b{font-size:16px}.region-scene .quest-node span{width:44px;height:44px}.region-scene .scene-heading{top:90px}.campaign-controls button:hover{background:#695329}


.campaign-toolbar{position:absolute;z-index:12;top:98px;left:24px;right:110px;display:flex;flex-wrap:wrap;gap:6px;color:#f3dfac;font-size:12px;pointer-events:auto}.campaign-toolbar button{background:#112b3eea;color:#e8d5a3;border:1px solid #9c864e;border-radius:7px;padding:7px 12px;cursor:pointer}.campaign-toolbar button.active{background:#715a2d}.campaign-toolbar button:hover{background:#8c7037}

/* Alpha 0.13: coastlines are the navigation surface, not pins. */
.island-atlas{position:absolute;inset:0;width:2400px;height:1600px;overflow:visible}.island-region{cursor:pointer;outline:0}.island-hit{fill:#c9e7ef00;stroke:#effbff00;stroke-width:1.6;stroke-linejoin:round;pointer-events:all;transition:fill .3s,stroke .3s,filter .3s}.island-locked .island-hit{fill:#06162555}.island-region:hover .island-hit,.island-region:focus-visible .island-hit{fill:#e5f6ff15;stroke:#f4fcffff;filter:url(#coast-glow)}.island-label{pointer-events:none;opacity:0;transform-box:fill-box;transition:opacity .25s}.island-open .island-label{opacity:.9}.island-region:hover .island-label,.island-region:focus-visible .island-label{opacity:1}.island-label rect{fill:#0a2331e8;stroke:#c0e2e399;stroke-width:.8}.island-label text{fill:#f9edcf;font-family:Georgia,serif;font-size:16px}.island-label text.island-number{font:8px Segoe UI,sans-serif;letter-spacing:1.5px;fill:#b5d7df}.island-region:hover .island-label rect{stroke:#f5fcff;fill:#133443ed}.atlas-caption{flex-direction:column;gap:7px;font-size:11px;max-width:630px;line-height:1.7;text-shadow:0 2px 5px #000;background:linear-gradient(90deg,#0a1e2acc,transparent);padding:9px 15px;right:auto;border-left:1px solid #b7d8d48c}.atlas-caption>span{font-size:8px;letter-spacing:2px;color:#a9d3da}.island-breadcrumb{align-items:center;gap:9px}.island-stages{display:flex;gap:5px}.island-stages button{padding:7px 11px}.island-stages span{font-size:9px;color:#b6cbd0;margin-right:5px}.island-counter{font-size:10px;background:#0c2632cf;padding:9px;border-radius:7px}.island-breadcrumb button:disabled{opacity:.5}.world-camera .island-interior{background-image:url('/assets/island-journey-v17.webp');background-size:100% 100%;animation:enter-island .6s ease-out}.interior-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#09202a26,transparent 22%,transparent 80%,#09202a44),radial-gradient(ellipse at 65% 30%,#ffe8a518,transparent 65%)}.biome-north{filter:saturate(.65)}.biome-north .interior-light{background:linear-gradient(115deg,#c7ecf44a,#8cc7f01c)}.biome-desert .interior-light{background:linear-gradient(115deg,#c594454d,#e3af4033);mix-blend-mode:color}.biome-forest .interior-light{background:linear-gradient(90deg,#064e373d,#17795733)}.biome-volcano .interior-light{background:linear-gradient(120deg,#522a3b44,#aa58201c)}.stage-1{background-position:80% center!important}.stage-2 .interior-light{background-color:#d7bb7920}.campaign-trail{position:absolute;inset:0;width:2400px;height:1600px;overflow:visible;pointer-events:none}.campaign-trail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-shadow{stroke:#10272bbf;stroke-width:10}.trail-future{stroke:#f6e6b5b0;stroke-width:3;stroke-dasharray:4 12}.trail-done{stroke:#f1c767;stroke-width:5;filter:drop-shadow(0 0 4px #e9be6480)}.journey-node{position:absolute;transform:translate(-50%,-50%);width:78px;height:78px;padding:0;background:none!important;border:0;box-shadow:none;overflow:visible;z-index:2;opacity:1!important}.journey-disc{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:25px Georgia,serif;background:radial-gradient(circle at 35% 20%,#405b59,#122b35 70%);border:2px solid #d3c298;box-shadow:0 0 0 5px #11262a80,0 7px 12px #0009,inset 0 1px 9px #d1d7b533;color:#f1deae;transition:transform .2s,box-shadow .2s}.journey-disc .icon{width:31px;height:31px}.journey-node.locked .journey-disc{border-color:#9aaba48c;color:#b7c9c1;background:radial-gradient(circle at 35% 20%,#304642,#122a30);box-shadow:0 0 0 4px #061a2844,0 5px 8px #0007}.journey-node.completed .journey-disc{background:radial-gradient(circle at 35% 20%,#65774a,#213c30);border-color:#ddd29e;color:#f7e2a4}.journey-node.current .journey-disc{border:3px solid #fff1b2;background:radial-gradient(circle at 35% 20%,#ccab5f,#6a512e);box-shadow:0 0 0 7px #eed69d22,0 0 30px #ffe4a381,0 8px 15px #0008;animation:waypoint-light 2.5s ease-in-out infinite}.journey-node.guardian .journey-disc{border-radius:19px;transform:rotate(45deg);background:radial-gradient(circle at 30% 20%,#79654b,#302838)}.journey-node.guardian .journey-disc .icon{transform:rotate(-45deg)}.journey-node:hover:not(:disabled){filter:none;z-index:5}.journey-node:hover:not(:disabled) .journey-disc{box-shadow:0 0 0 7px #eed69d33,0 0 36px #fff2c1aa;transform:scale(1.09)}.journey-node.guardian:hover .journey-disc{transform:rotate(45deg) scale(1.09)}.journey-tooltip{position:absolute;left:50%;top:92px;transform:translateX(-50%);min-width:200px;max-width:300px;padding:12px 18px;border:1px solid #bda66b9c;background:#102a36ed;backdrop-filter:blur(6px);border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 6px 18px #0005}.journey-tooltip b{display:block;font:18px Georgia,serif;white-space:nowrap}.journey-tooltip small{display:block;margin-top:8px;font-size:13px;color:#b7c8c8}.journey-node:hover .journey-tooltip,.journey-node:focus-visible .journey-tooltip{opacity:1}.journey-current{position:absolute;left:50%;top:-40px;transform:translateX(-50%);font-size:12px;letter-spacing:2px;white-space:nowrap;background:#183543e6;padding:8px 12px;border-radius:7px;border:1px solid #d9c185;color:#ffe7a9}.journey-panel{position:absolute;z-index:11;right:22px;bottom:22px;width:275px;padding:18px 20px;background:linear-gradient(120deg,#142f3aed,#0b202bea);border:1px solid #ceb57870;border-radius:12px;box-shadow:0 10px 30px #0005;backdrop-filter:blur(12px)}.journey-panel>small{font-size:8px;letter-spacing:1.5px;color:#a9ccc9}.journey-panel h3{font-size:20px;color:#e8d5ac;margin:10px 0}.journey-panel p{font-size:11px;line-height:1.7;margin-bottom:15px;color:#c5d3d1}.journey-panel button{width:100%;font-size:11px}.empty-side-story{position:absolute;left:900px;top:700px;padding:35px;background:#102b36e6;border:1px solid #c6b67a77;border-radius:12px}.empty-side-story h2{font-size:30px}.empty-side-story p{font-size:18px}.atlas-scene .scene-shade{pointer-events:none}@keyframes waypoint-light{50%{box-shadow:0 0 0 11px #eed69d18,0 0 45px #ffe4a3a6,0 8px 15px #0008}}@keyframes enter-island{from{opacity:.25}to{opacity:1}}@media(prefers-reduced-motion:reduce){.journey-node.current .journey-disc,.world-camera .island-interior{animation:none}}@media(max-width:750px){.journey-panel{width:210px;right:10px;bottom:18px;padding:12px}.journey-panel h3{font-size:16px}.journey-panel p{font-size:10px}.island-counter{display:none}.island-breadcrumb{left:10px;right:10px;gap:5px}.island-stages button{font-size:9px;padding:6px}.island-stages span{display:none}.island-breadcrumb>button{font-size:9px;padding:7px}.atlas-caption{max-width:70%;font-size:10px}}
.campaign-trail .trail-shadow{stroke-width:6;stroke:#172e3199}.campaign-trail .trail-future{stroke-width:2.5;stroke:#f6e6b5b8}.world-camera .island-interior.stage-1{background-image:url('/assets/island-inland-v17.webp')}.world-camera .island-interior.stage-2{background-image:url('/assets/island-sanctum-v17.webp')}