/* Approved mobile treasury and legion compositions. Desktop art stays intact.
   v79: cover the whole live-text region; reset the inherited codex flex gap. */
.treasury-scene-picture{display:contents}
.treasury-mobile-paper,#legion-app .hero-mobile-art,#legion-app .hero-mobile-action,#legion-app .hero-mobile-eyebrow,#legion-app .catalogue-mobile-heading{display:none}
@media(max-width:760px){
 #tokenomics .treasury-v71{--mobile-title:ExperienceDisplay,ExperienceText,sans-serif;border-color:#c6a24e;background:#fffdf2}
 #tokenomics .treasury-stage{display:flex;flex-direction:column;background:#fffdf2}
 #tokenomics .treasury-heading{order:0;min-height:0;width:100%;padding:28px 20px 8px;background:#fffdf2 url('/assets/mobile-v78/treasury-header.webp') center bottom/cover no-repeat}
 #tokenomics .treasury-heading :is(h1,h2){font:900 clamp(28px,7.9cqw,53px)/1.22 var(--mobile-title);color:#102447;letter-spacing:-.035em;margin:0;text-wrap:balance;overflow-wrap:anywhere}
 #tokenomics .treasury-heading>p{font:600 clamp(15px,4.3cqw,25px)/1.5 ExperienceText,sans-serif;color:#175b3b;margin-top:9px;text-wrap:balance;overflow-wrap:anywhere}
 #tokenomics .treasury-badges{justify-content:center;gap:7px;margin:12px 0 0}
 #tokenomics .treasury-badges>span{font:600 clamp(12px,3.5cqw,20px)/1.35 ExperienceText,sans-serif;padding:8px 12px;border:1px solid #cba94d;max-width:100%;overflow-wrap:anywhere}
 #tokenomics .treasury-heading>a{display:none}
 #tokenomics .treasury-scene-picture{order:1;display:block;position:relative;width:100%;line-height:0}
 #tokenomics .treasury-scene{position:static;inset:auto;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;aspect-ratio:1024/744}
 #tokenomics .treasury-frame{order:2;grid-column:auto;width:100%;margin:0;padding:0 13px 16px;border:0;border-radius:0;background:#fffdf2;box-shadow:none}
 #tokenomics .treasury-summary{position:relative;padding:7px;border:4px ridge #d9ad42;border-radius:13px;background:linear-gradient(100deg,#fff8df,#fffef7 50%,#fff4d2);box-shadow:inset 0 0 0 1px #f8dc80,0 3px 5px #765a1720}
 #tokenomics .treasury-summary:before,#tokenomics .treasury-summary:after{content:'';position:absolute;bottom:3px;width:9px;height:9px;border:2px solid #c99826;border-radius:50%;box-shadow:inset 0 0 0 1px #ffe398}
 #tokenomics .treasury-summary:before{left:3px}#tokenomics .treasury-summary:after{right:3px}
 #tokenomics .treasury-summary .xp-ribbon{font:900 clamp(20px,5.6cqw,33px)/1.35 var(--mobile-title);padding:6px 10px;margin:0;border-radius:9px;gap:18px;color:#fff9e6}
 #tokenomics .treasury-summary .xp-laurel{width:20px;height:29px}
 #tokenomics .treasury-supply{font:900 clamp(37px,11.6cqw,68px)/1.18 var(--mobile-title);gap:9px;margin:8px 0 4px;min-width:0;overflow-wrap:anywhere}
 #tokenomics .treasury-supply :is(strong,b){font-family:var(--mobile-title);font-weight:900}
 #tokenomics .treasury-supply b{font-size:.46em;letter-spacing:-.015em}
 #tokenomics .treasury-mobile-paper{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin:10px 0 22px;padding:10px;border:2px solid #235e3e;border-radius:12px;background:linear-gradient(120deg,#fff6dc,#fffdf3);color:#175b3b;font:900 clamp(19px,5.8cqw,29px)/1.35 var(--mobile-title);text-align:center;overflow-wrap:anywhere}
 #tokenomics .treasury-mobile-paper .xp-icon{width:26px;height:26px}
 #tokenomics .treasury-caption{flex-direction:column;gap:5px;text-align:center;margin:0 0 14px;padding:0 0 10px;border-bottom:2px solid #dfb858}
 #tokenomics .treasury-caption>strong{font:900 clamp(25px,7.2cqw,39px)/1.3 var(--mobile-title);color:#102447;text-wrap:balance}
 #tokenomics .treasury-caption>span{font:600 13px/1.4 ExperienceText,sans-serif;color:#235e3e}
 #tokenomics .treasury-list>li{grid-template-columns:22px minmax(0,1fr) max-content;gap:4px 9px;padding:10px;background:#fffcf1;border-color:#d5bc7e;font:600 15px/1.4 ExperienceText,sans-serif}
 #tokenomics .treasury-list>li>.xp-icon{grid-row:1/3}
 #tokenomics .treasury-list>li>span{grid-column:2;grid-row:1/3}
 #tokenomics .treasury-list>li>strong{grid-column:3;grid-row:1;font:900 22px/1.15 var(--mobile-title);color:#174d33}
 #tokenomics .treasury-list>li>small{grid-column:3;grid-row:2;font:600 12px/1.4 ExperienceText,sans-serif}
 #tokenomics .treasury-list>li.treasury-primary{background:#f9edc7;border-color:#c7a351}
 #tokenomics .treasury-game strong{font:900 22px/1.4 var(--mobile-title)}
 #tokenomics .treasury-prices summary{font:900 16px/1.5 var(--mobile-title)}
 #tokenomics .treasury-panel{min-width:0}
}
@media(max-width:700px){
 #legion-app .archive-hero{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;background:#152c43;border:3px ridge #d5ad4a;border-radius:10px;margin:4px;overflow:hidden;isolation:isolate}
 #legion-app .archive-hero:after{inset:3px;border:1px solid #f6d67b;border-radius:5px;z-index:4}
 #legion-app .hero-scenery,#legion-app .hero-figures,#legion-app .hero-copy>.eyebrow:not(.hero-mobile-eyebrow),#legion-app .hero-copy .gold-button,#legion-app .hero-copy .hero-caption,#legion-app .hero-copy p>br,#legion-app .hero-copy p>span:last-child{display:none}
 #legion-app .hero-copy{order:0;width:100%;min-width:0;padding:19px 21px 11px;position:relative;z-index:1;background:#092e53 url('/assets/mobile-v78/legion-header.webp') center bottom/cover no-repeat;text-align:start}
 #legion-app .hero-copy .hero-mobile-eyebrow{display:flex;align-items:center;gap:10px;color:#ffdb79;font:900 clamp(12px,3.8cqw,22px)/1.4 ExperienceDisplay,ExperienceText,sans-serif;letter-spacing:0}
 #legion-app .hero-mobile-eyebrow:before,#legion-app .hero-mobile-eyebrow:after{content:'';width:14px;height:22px;flex:none;background:currentColor;clip-path:polygon(52% 0,62% 18%,90% 9%,82% 32%,100% 34%,75% 49%,95% 61%,65% 65%,72% 88%,49% 75%,43% 100%,36% 65%,10% 76%,17% 48%,0 43%,26% 31%,17% 11%,44% 22%)}
 #legion-app .hero-copy h1{font:900 clamp(31px,9.5cqw,58px)/1.12 ExperienceDisplay,ExperienceText,sans-serif;letter-spacing:-.035em;margin:9px 0 10px;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 0 #051c2f;max-width:100%}
 #legion-app .hero-copy h1>span{color:#fff9e8}
 #legion-app .hero-copy h1>em{font-family:inherit;font-weight:900;color:#ffdb6c;font-style:normal}
 #legion-app .hero-copy p{font:600 clamp(13px,3.6cqw,20px)/1.5 ExperienceText,sans-serif;max-width:100%;margin:0;color:#fffdf4;overflow-wrap:anywhere}
 #legion-app .hero-mobile-art{order:1;display:block;width:100%;margin:0;line-height:0;background:#e7d4a7}
 #legion-app .hero-mobile-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;aspect-ratio:1024/704}
 #legion-app .hero-mobile-action{order:2;display:flex;justify-content:center;padding:0 14px 13px;margin-top:0;background:#cdb37d url('/assets/mobile-v78/legion-floor.webp') center/cover}
 #legion-app .hero-mobile-action .gold-button{display:flex;gap:13px;width:88%;min-height:48px;margin:-4px 0 0;padding:10px 14px;font:900 clamp(19px,5.6cqw,31px)/1.35 ExperienceDisplay,ExperienceText,sans-serif;color:#17472f;text-align:center;overflow-wrap:anywhere;border:3px ridge #d3a137;border-radius:13px;background:linear-gradient(120deg,#fff1ab,#eac35e 60%,#ffdf84);box-shadow:inset 0 0 0 1px #fff0a8,0 3px 5px #392a1770}
 #legion-app .hero-mobile-action .gold-button>span:last-child{font-family:ExperienceText,sans-serif;font-size:1.2em}
 #legion-app .archive-intro{display:none}
 #legion-app .catalogue{padding:15px 13px 24px;background:#fffaf0}
 #legion-app .catalogue-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-bottom:0;border:0}
 #legion-app .catalogue-tools .search{order:-1;min-width:0;width:100%;min-height:47px;padding:8px 12px;border:1px solid #c4bba3;border-radius:11px;background:#fffefd}
 #legion-app .search input{font:400 15px/1.5 ExperienceText,sans-serif;min-width:0;color:#183c30;min-height:29px}
 #legion-app .search kbd{display:none}
 #legion-app .faction-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #legion-app .faction-tabs button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:50px;padding:7px 3px;border:1px solid #c5b58c;border-radius:11px;background:#fffcf1;color:#214832;font:900 clamp(12px,3.5cqw,19px)/1.3 ExperienceDisplay,ExperienceText,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:center}
 #legion-app .faction-tabs button b{font:600 10px/1.2 ExperienceText,sans-serif;padding:0;background:transparent;color:inherit}
 #legion-app .faction-tabs button[aria-pressed=true]{border:2px solid #c9a54d;background:#1b5036;color:#fffdf3;box-shadow:inset 0 0 0 1px #f6d683}
 #legion-app .catalogue-mobile-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 12px;font:900 clamp(24px,7.5cqw,40px)/1.3 ExperienceDisplay,ExperienceText,sans-serif;text-align:center;color:#102447;text-wrap:balance;overflow-wrap:anywhere}
 #legion-app .catalogue-mobile-heading:before,#legion-app .catalogue-mobile-heading:after{content:'';height:1px;flex:1;min-width:12px;background:#c39839}
 #legion-app .filter-row{padding-top:5px}
 #legion-app[dir=rtl] .hero-copy{background-image:linear-gradient(#07294be6,#07294bb0),url('/assets/mobile-v78/legion-header.webp')}
 #legion-app[dir=rtl] .hero-copy h1{letter-spacing:0;line-height:1.3}
 #legion-app:lang(th) .hero-copy h1{line-height:1.4}
}