/* Shared visual language: a different illustrated chapter for each part of Mandoria. */
:root{--chapter-ink:#102026;--chapter-accent:#9cbfba}
#quests{--chapter-image:url('/mobile/building-chronicle-tower.webp');--chapter-ink:#192130;--chapter-accent:#a7bade}
#inventory{--chapter-image:url('/mobile/building-treasury.webp');--chapter-ink:#292018;--chapter-accent:#d6b984}
#shop{--chapter-image:url('/mobile/building-honor-market.webp');--chapter-ink:#302416;--chapter-accent:#e4c38b}
#job{--chapter-image:url('/mobile/building-workshops.webp');--chapter-ink:#2d211a;--chapter-accent:#d7a56f}
#live{--chapter-image:url('/mobile/building-guild-hall.webp');--chapter-ink:#15312e;--chapter-accent:#8bcbb8}
#profile{--chapter-image:url('/mobile/building-palace.webp');--chapter-ink:#242039;--chapter-accent:#c4b1d6}
#army{--chapter-image:url('/mobile/building-barracks.webp');--chapter-ink:#132937;--chapter-accent:#91b7c9}
#stable{--chapter-image:url('/mobile/estate-landscape-v1.webp');--chapter-ink:#253026;--chapter-accent:#bec69b}
#notifications{--chapter-image:url('/mobile/building-chronicle-tower.webp');--chapter-ink:#1d2530;--chapter-accent:#b9c6d2}
#travel{--chapter-image:url('/mobile/building-city-gate.webp');--chapter-ink:#263129;--chapter-accent:#a8c6b1}
#elections,#kingdom-admin{--chapter-image:url('/mobile/building-palace.webp');--chapter-ink:#312327;--chapter-accent:#d2ae9d}
.page:not(#capital):not(#building):not(#world):not(#estate):not(#arena)>.page-heading{position:relative;isolation:isolate;min-height:215px;align-items:flex-end;overflow:hidden;padding:24px 22px;margin:0 0 24px;border:1px solid #d9c39a40;border-radius:22px;background:linear-gradient(0deg,var(--chapter-ink) 0%,color-mix(in srgb,var(--chapter-ink) 88%,transparent) 36%,transparent 100%),var(--chapter-image) center 35%/cover;box-shadow:0 16px 38px #0005,inset 0 0 50px #0003}
.page>.page-heading h2{font-size:clamp(27px,7.5vw,42px);line-height:1.08;margin:7px 0;max-width:100%;overflow-wrap:anywhere;text-wrap:balance;color:#f2e4c7;text-shadow:0 2px 18px #0008}.page>.page-heading .eyebrow{color:var(--chapter-accent);font-size:10px;letter-spacing:.15em}.page>.page-heading .muted{font-size:12px;line-height:1.6;color:#d0d3c8;max-width:380px}.page>.page-heading>div{min-width:0}.page>.page-heading>.icon-button{position:absolute;right:14px;top:14px;min-width:40px;width:40px;height:40px;background:#10191dd4;border-color:#c7b08560;backdrop-filter:blur(8px)}
.page .dashboard-panel{background:linear-gradient(130deg,color-mix(in srgb,var(--chapter-ink) 88%,#383b33),#100f0cf2);border:1px solid #c8b5892e;box-shadow:inset 0 1px #e2d9b610,0 8px 24px #0003}.page .section-kicker{color:var(--chapter-accent);letter-spacing:.13em}.page .section-row h3{color:#eee0c1}.page .profile-section-icon,.page .inventory-history__icon{border-color:#aab89d30;background:radial-gradient(circle at 35% 20%,#d8cda529,#0b1415);color:var(--chapter-accent);box-shadow:0 6px 18px #0004}
.page .stat-card{background:linear-gradient(150deg,color-mix(in srgb,var(--chapter-ink) 80%,#414c47),#111712);border-color:#aeb89830;border-radius:15px;box-shadow:inset 0 1px #d9dfc517,0 5px 15px #0002}.page .stat-card b{color:#eedcba}.page .stat-icon{color:var(--chapter-accent);background:radial-gradient(ellipse at 35% 15%,#c2d7be24,transparent 70%)}
.quest-list>.quest-card{border-color:#6d7d924d;border-left:3px solid #b5a27b;background:linear-gradient(125deg,#253140,#161b21 65%);box-shadow:0 12px 24px #0003;position:relative}.quest-list>.quest-card:nth-child(3n+2){background:linear-gradient(125deg,#2d362b,#171d19 65%);border-left-color:#93ad84}.quest-list>.quest-card:nth-child(3n+3){background:linear-gradient(125deg,#392d27,#211c1a 65%);border-left-color:#c79d74}.quest-card h3{font-size:21px;line-height:1.18}.quest-card .quest-icon{background:radial-gradient(circle,#63749345,#101b28);color:#d7caa6;border-color:#bda27666}
.inventory-grid{gap:13px}.inventory-item,.item-card{position:relative;background:radial-gradient(ellipse at 50% 0,#b9915336,transparent 60%),linear-gradient(145deg,#242720,#131510);border-color:#bfaa7850;border-radius:18px;box-shadow:0 10px 25px #0004}.inventory-item .item-icon,.item-card .item-icon{background:radial-gradient(circle,#e3bf7c25,#0e1715);box-shadow:inset 0 0 20px #d4b15e14,0 8px 20px #0004;border-radius:50%;border:1px solid #c8ad7055}.inventory-overview{background:linear-gradient(100deg,#171e1bf7,#252d20cf),url('/mobile/building-treasury.webp') center/cover!important}
.shop-hero{background:linear-gradient(90deg,#211911f5,#36281dc4),url('/mobile/building-honor-market.webp') center 48%/cover!important}.shop-offer-card{border-color:#ae94654d;background:radial-gradient(ellipse at top,#c6ab642a,transparent 68%),#201c14;border-radius:18px}.shop-wallet{font-variant-numeric:tabular-nums;color:#f3d588}
.profile-hero{background:linear-gradient(100deg,#242036f5,#262335c9),url('/mobile/building-palace.webp') center/cover!important}.profile-avatar--v2{box-shadow:0 0 0 5px #d2bb8420,0 0 0 7px #d2bb8430,0 14px 28px #0007;background:radial-gradient(circle at 35% 25%,#b29a5b66,#171b27)}.achievement-card{border-color:#c2adc13a;background:radial-gradient(ellipse at 10% 0,#9f7ead25,transparent 70%),#18171d}
.combat-card{border-color:#8ca8aa40;background:linear-gradient(125deg,color-mix(in srgb,var(--chapter-ink) 90%,#525b4c),#111817);box-shadow:inset 0 1px #dae1cf13,0 10px 25px #0003}.combat-tournament{background:linear-gradient(125deg,#263a47f7,#17252cdf),url('/mobile/building-barracks.webp') center/cover;border-color:#ccae7266}.combat-top{font-size:11px;color:#9fb7ba}.combat-label{color:var(--chapter-accent)}.combat-class{position:relative;background:linear-gradient(155deg,#23343a,#111a1d);border-color:#82999c44;border-radius:18px;padding:20px;overflow:hidden}.combat-class h4{font-size:25px;line-height:1.12;color:#ead9b6}.combat-class p{font-size:12px;line-height:1.7;color:#b7c2bc}.combat-values span{background:#0c191e77;border-color:#8da6a12b;color:#c7d3c9;font-size:11px;padding:7px 9px}.combat-price{font-size:17px;color:#edca87}.combat-class.is-selected{border-color:#aecaafa0;background:linear-gradient(145deg,#30483e,#132622)}
.class-emblem{display:grid;place-items:center;position:relative;width:76px;height:88px;margin:0 0 15px;clip-path:polygon(50% 0,100% 15%,92% 75%,50% 100%,8% 75%,0 15%);background:linear-gradient(150deg,#a99a7377,#1a3643 45%,#0a171d);color:#e6c381;font-size:35px;box-shadow:inset 0 0 20px #fbe7a31a}.class-emblem::before{content:'';position:absolute;inset:7px;border:1px solid #c9b38366;clip-path:inherit}.combat-class[data-class="MAGE"] .class-emblem{background:linear-gradient(135deg,#746783,#262e4c)}.combat-class[data-class="HEALER"] .class-emblem{background:linear-gradient(135deg,#659e81,#203d39)}.combat-class[data-class="ROGUE"] .class-emblem{background:linear-gradient(135deg,#725865,#222332)}
.horse-portrait{height:155px;margin:-20px -20px 17px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#80968066,transparent 65%),linear-gradient(#23362f,#111b19);border-bottom:1px solid #96a99433}.horse-portrait::after{content:'';width:170px;height:14px;position:absolute;bottom:10px;background:#01050488;filter:blur(8px);border-radius:50%}.horse-portrait svg{height:142px;width:210px;position:relative;z-index:1;filter:drop-shadow(0 3px 6px #0007);color:#b58f63}.horse-portrait[data-breed="RIDING"] svg{color:#d5c6a5}.horse-portrait[data-breed="WARHORSE"] svg{color:#677a83}.horse-portrait[data-breed="WARHORSE"]{background:radial-gradient(ellipse at 50% 30%,#94745b55,transparent 65%),linear-gradient(#352b24,#141b1d)}.horse-portrait--armor svg{color:#b6b8a5}.combat-card>.horse-portrait{margin:-1.15rem -1.15rem 18px;border-radius:17px 17px 0 0}
.command-tile{border-color:#9da99338;background:linear-gradient(145deg,#223730,#101a18);box-shadow:inset 0 1px #d5e4c519}.command-tile:nth-child(2n){background:linear-gradient(145deg,#23303e,#111921)}.command-icon{color:#d9bb79}.page .panel-strip{border-color:#a3b09730;background:#172121b3}.page .empty{border:1px dashed #a1b39c40;background:radial-gradient(ellipse at 50% 10%,#a3b78712,transparent 75%);border-radius:18px}.page .empty-icon{color:var(--chapter-accent)}
@media(max-width:420px){.page:not(#capital):not(#building):not(#world):not(#estate):not(#arena)>.page-heading{min-height:200px;padding:21px 18px}.page>.page-heading h2{font-size:30px}.page>.page-heading .muted{font-size:12px}.combat-class{padding:18px}.horse-portrait{margin:-18px -18px 17px}}
@media(prefers-reduced-motion:no-preference){.combat-class{transition:transform .2s,border-color .2s}.combat-class:focus-within{transform:translateY(-2px)}}