/* Sovereign • screen compositions. Keep engine-owned transforms and hidden states. */
html[data-ts-premium] :is(.live-shell,.ranking-shell,.events-shell,.patch-shell,.monetization-shell){position:relative;width:min(1400px,calc(100% - 72px));margin-inline:auto;padding-block:36px 64px}
html[data-ts-premium] :is(.live-hero,.profile-v2-header,.ranking-head,.events-intro,.quest-hub-hero){position:relative;padding:24px 0 32px;margin-bottom:24px;background:transparent;border:0;border-bottom:1px solid var(--ts-line);border-radius:0;box-shadow:none}
html[data-ts-premium] :is(.live-hero,.ranking-head,.events-intro,.profile-v2-header)::after{content:"";position:absolute;bottom:-1px;left:0;width:64px;height:2px;background:var(--ts-gold)}
html[data-ts-premium] :is(.live-hero,.profile-v2-heading,.events-intro)>:is(p,div>p){max-width:60ch;color:var(--ts-secondary);line-height:1.7}
/* Grand Hall: editorial left column, command console on the right. */
html[data-ts-premium] body.game-menu-page.has-game-navigation:not(.deck-builder-page):not(.launch-deck-page){overflow-y:auto!important}
html[data-ts-premium] .menu-scene{min-height:calc(100dvh - var(--game-nav-size));height:auto;background:linear-gradient(90deg,#080d13a6,transparent 75%)}
html[data-ts-premium] .menu-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(40px,7vw,120px);width:min(1440px,calc(100% - 112px));min-height:calc(100dvh - 156px);height:auto;margin:auto;padding:48px 0}
html[data-ts-premium] .menu-brand{padding:0;max-width:690px;text-align:left}
html[data-ts-premium] .menu-brand::before{display:none}
html[data-ts-premium] .menu-logo{width:min(400px,78%);max-height:160px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 20px #0007);margin-bottom:32px}
html[data-ts-premium] .menu-brand>span{font:600 11px/1.5 var(--ts-font);letter-spacing:.25em;color:var(--ts-gold);display:block;margin:0 0 24px}
html[data-ts-premium] .menu-brand h2{font:400 clamp(40px,4.5vw,72px)/1.04 var(--ts-display);letter-spacing:-.035em;color:var(--ts-text);margin:0 0 28px;max-width:12ch;text-shadow:0 4px 28px #0008}
html[data-ts-premium] .menu-brand>p{max-width:44ch;color:var(--ts-secondary);font:400 14px/1.8 var(--ts-font);margin:24px 0}
html[data-ts-premium] .menu-trust{border:0;border-left:2px solid var(--ts-gold);padding:4px 0 4px 20px;background:none;max-width:420px;color:var(--ts-secondary)}
html[data-ts-premium] .menu-trust strong{display:block;color:var(--ts-text);font-weight:500;margin-bottom:8px}
html[data-ts-premium] .menu-trust small{font-size:12px;line-height:1.7}
html[data-ts-premium] .menu-panel{width:100%;max-width:none;min-width:0;padding:28px;border:1px solid var(--ts-line-strong);border-radius:12px;background:linear-gradient(135deg,#d7bd8508,transparent 40%),#0c141eee;box-shadow:var(--ts-shadow-modal);backdrop-filter:none}
html[data-ts-premium] .menu-player{padding:15px 18px 16px;margin-bottom:24px;border-bottom:1px solid var(--ts-line);background:transparent;gap:16px}
html[data-ts-premium] .menu-player strong{font:500 22px/1.2 var(--ts-display);color:var(--ts-text)}
html[data-ts-premium] .menu-player-online{color:var(--ts-success);font-size:9px;letter-spacing:.08em}
html[data-ts-premium] .version-banner{min-height:105px;border:1px solid var(--ts-line);border-radius:6px;box-shadow:none;margin-bottom:20px;background-color:var(--ts-surface)}
html[data-ts-premium] .hall-duel{position:relative;min-height:100px;border:1px solid var(--ts-gold);border-radius:6px;background:linear-gradient(115deg,#f1e2bc,#b69d6a);color:#172330;box-shadow:0 12px 36px #0004;transition:transform 180ms var(--ts-out),filter 180ms}
html[data-ts-premium] .hall-duel :is(strong,small,span){color:inherit;text-shadow:none}
html[data-ts-premium] .hall-duel strong{font-size:24px;letter-spacing:.12em}
html[data-ts-premium] .hall-duel:hover{transform:translateY(-3px);filter:brightness(1.06)}
html[data-ts-premium] .hall-duel:active{transform:translateY(1px)}
html[data-ts-premium] .hall-core-actions{gap:10px;margin-top:16px}
html[data-ts-premium] .hall-core-action{min-height:74px;border:1px solid var(--ts-line);border-radius:6px;background:var(--ts-surface);color:var(--ts-text);box-shadow:none;transition:background 140ms,transform 140ms}
html[data-ts-premium] .hall-core-action:hover{background:var(--ts-raised);transform:translateY(-2px);border-color:var(--ts-line-strong)}
html[data-ts-premium] .menu-footer{position:relative;inset:auto;width:min(1440px,calc(100% - 112px));margin:0 auto;padding:16px 0 24px;border-top:1px solid var(--ts-line);color:var(--ts-muted)}
/* Collection entry: three deliberate destinations; no changes to deck actions. */
html[data-ts-premium] .deck-home-panel{width:min(1200px,calc(100vw - 64px));padding:clamp(28px,4vw,64px);border:1px solid var(--ts-line);border-radius:12px;background:linear-gradient(130deg,#d7bd8508,transparent 50%),var(--ts-depth);box-shadow:var(--ts-shadow-float)}
html[data-ts-premium] .collection-home-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
html[data-ts-premium] .collection-home-choices button{min-height:230px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;text-align:left;padding:28px;border-color:var(--ts-line);background:linear-gradient(145deg,#91d9e509,transparent),var(--ts-surface);border-radius:8px;letter-spacing:0}
html[data-ts-premium] .collection-home-choices button>span{font:44px/1 var(--ts-display);color:var(--ts-gold);margin-bottom:auto;align-self:flex-start}
html[data-ts-premium] .collection-home-choices button>strong{font:400 25px/1.15 var(--ts-display);color:var(--ts-text);margin:28px 0 12px}
html[data-ts-premium] .collection-home-choices button>small{font:400 12px/1.65 var(--ts-font);color:var(--ts-secondary)}
html[data-ts-premium] .collection-home-choices button:hover{border-color:var(--ts-gold);transform:translateY(-4px)}
html[data-ts-premium] .deck-home-deck{border:1px solid var(--ts-line);border-radius:8px;background:var(--ts-surface)}
html[data-ts-premium] .deck-home-deck.selected{border-color:var(--ts-gold);background:var(--ts-raised)}
html[data-ts-premium] :is(.deck-sidebar,.deck-library-panel,.deck-current-panel){border-color:var(--ts-line);border-radius:8px;background:var(--ts-depth);box-shadow:var(--ts-shadow)}
html[data-ts-premium] .deck-shell{gap:20px;padding:24px;min-width:0}
html[data-ts-premium] :is(.deck-workspace,.deck-library-panel,.deck-content-grid){min-width:0}
html[data-ts-premium] .deck-editor-head{padding:16px 20px;border:1px solid var(--ts-line);border-radius:8px;background:var(--ts-depth);gap:16px;align-items:center}
html[data-ts-premium] .deck-counter strong{font:500 32px/1 var(--ts-font);color:var(--ts-gold-hi)}
html[data-ts-premium] .collection-library-heading{padding:20px;border-bottom:1px solid var(--ts-line);background:var(--ts-depth)}
html[data-ts-premium] .collection-forge-toolbar{border-color:var(--ts-line);background:var(--ts-surface);border-radius:8px}
html[data-ts-premium] .collection-forge-balance{border-color:var(--ts-line);background:var(--ts-ink)}
html[data-ts-premium] .collection-side-inspector{border-color:var(--ts-line-strong);background:radial-gradient(ellipse at 50% 10%,#91d9e509,transparent 60%),var(--ts-depth)}
html[data-ts-premium] .collection-crafting-panel{border-top:1px solid var(--ts-line);background:var(--ts-surface);padding:16px;border-radius:8px}
html[data-ts-premium] .deck-card-grid{justify-content:center;align-content:start;gap:18px 14px;scroll-padding-block:24px}
html[data-ts-premium] .deck-card-tile{--ts-rarity:var(--ts-t1);border-radius:6px;border:1px solid var(--ts-line);background:var(--ts-depth);box-shadow:0 6px 16px #0004;transition:border-color 140ms,box-shadow 140ms}
html[data-ts-premium] .deck-card-tile[data-rarity=T2]{--ts-rarity:var(--ts-t2)}
html[data-ts-premium] .deck-card-tile[data-rarity=T3]{--ts-rarity:var(--ts-t3)}
html[data-ts-premium] .deck-card-tile[data-rarity=T4]{--ts-rarity:var(--ts-t4);border-bottom-color:var(--ts-t4)}
html[data-ts-premium] .deck-card-tile[data-rarity=T5]{--ts-rarity:var(--ts-t5);border-color:#79587e;background:linear-gradient(145deg,#dba9ef0c,transparent),var(--ts-depth)}
html[data-ts-premium] .deck-card-tile:is(:hover,:focus-within,.in-deck){border-color:var(--ts-rarity);box-shadow:0 8px 24px #0006}
html[data-ts-premium] .deck-card-info{padding:12px 10px 8px;border-top:1px solid var(--ts-line)}
html[data-ts-premium] .deck-card-info strong{color:var(--ts-text);font:600 12px/1.35 var(--ts-font)}
html[data-ts-premium] .deck-card-info>span{color:var(--ts-rarity);font-size:10px;line-height:1.5}
html[data-ts-premium] .deck-card-tile.not-owned .deck-card-info{opacity:.65}
html[data-ts-premium] .deck-card-actions{padding:8px 10px 12px;gap:6px}
html[data-ts-premium] :is(.deck-card-create,.deck-card-add){border-radius:4px;border-color:var(--ts-line);background:var(--ts-surface);color:var(--ts-text)}
html[data-ts-premium] .deck-card-add:hover:not(:disabled){border-color:var(--ts-crystal);background:var(--ts-raised)}
html[data-ts-premium] .deck-curve-wrap{border-top:1px solid var(--ts-line);padding-top:20px;background:none}
/* Store: quiet gallery surfaces and large artwork stages. */
html[data-ts-premium] .booster-shop-hero{min-height:160px;align-items:center}
html[data-ts-premium] .booster-shop-wallet{border:0;border-left:1px solid var(--ts-line);border-radius:0;background:none;box-shadow:none;padding:20px 32px;color:var(--ts-text)}
html[data-ts-premium] .booster-shop-wallet strong{font-size:32px}
html[data-ts-premium] .booster-shop-heading{margin:32px 0 24px}
html[data-ts-premium] .booster-shop-heading h2{font:400 clamp(22px,2.2vw,32px)/1.2 var(--ts-display);color:var(--ts-text);letter-spacing:-.025em}
html[data-ts-premium] .dynamic-store-grid{gap:24px}
html[data-ts-premium] .dynamic-store-product{display:flex;flex-direction:column;overflow:hidden}
html[data-ts-premium] .dynamic-store-art{min-height:230px;background:radial-gradient(ellipse at 50% 45%,#d7bd8510,transparent 65%),var(--ts-ink);border-bottom:1px solid var(--ts-line)}
html[data-ts-premium] .dynamic-store-art img{object-fit:contain;transition:transform 350ms var(--ts-out)}
html[data-ts-premium] .dynamic-store-product:hover .dynamic-store-art img{transform:scale(1.035)}
html[data-ts-premium] .dynamic-store-copy{display:flex;flex-direction:column;flex:1;padding:24px}
html[data-ts-premium] .dynamic-store-copy h3{font:400 24px/1.2 var(--ts-display);color:var(--ts-text)}
html[data-ts-premium] .dynamic-store-footer{margin-top:auto;padding-top:24px;gap:16px}
html[data-ts-premium] .dynamic-store-product.featured{border-color:var(--ts-line-strong)}
html[data-ts-premium] .booster-product{--ts-accent:var(--ts-gold);border-color:var(--ts-line);background:radial-gradient(ellipse at 22% 40%,#d7bd850a,transparent 58%),var(--ts-depth)}
html[data-ts-premium] :is(.series-s02,[data-series=S02]){--ts-accent:var(--ts-success)}
html[data-ts-premium] :is(.series-s03,[data-series=S03]){--ts-accent:var(--ts-crystal)}
html[data-ts-premium] :is(.series-s04,[data-series=S04]){--ts-accent:#86d3c2}
html[data-ts-premium] .booster-product-copy h2{font-family:var(--ts-display);font-weight:400;color:var(--ts-text)}
html[data-ts-premium] .booster-product-art{background:radial-gradient(ellipse at center,#91d9e509,transparent 65%)}
html[data-ts-premium] .booster-open-status{border-color:var(--ts-line);background:var(--ts-surface)}
html[data-ts-premium] .booster-cinematic-actions{gap:12px}
html[data-ts-premium] .booster-cinematic-actions button{border-radius:4px;font-family:var(--ts-font);letter-spacing:.08em}
html[data-ts-premium] .booster-open-multi{border-color:var(--ts-gold);color:var(--ts-gold-hi)}
/* Keep the engine's x5 five-by-six layout and individual reveal transforms. */
html[data-ts-premium] :is(.booster-card-inspector,.cardback-inspector-dialog){background-color:var(--ts-ink);color:var(--ts-text)}
html[data-ts-premium] .cosmetics-grid{gap:24px}
html[data-ts-premium] .cosmetic-product{padding:24px}
html[data-ts-premium] .shop-throne-hero{border:1px solid var(--ts-line-strong);border-radius:12px;background:linear-gradient(115deg,#18242f,#0a111b);box-shadow:var(--ts-shadow-float);padding:clamp(24px,4vw,56px)}
/* Player gallery: banner remains personal, text uses a fixed readable gradient. */
html[data-ts-premium] .profile-v2-header{align-items:end}
html[data-ts-premium] .profile-home-card{padding:0;border-color:var(--ts-line-strong);overflow:hidden}
html[data-ts-premium] .profile-banner-stage{min-height:380px}
html[data-ts-premium] .profile-banner-vignette{background:linear-gradient(0deg,#080d13 0%,#080d13a8 32%,transparent 90%),linear-gradient(90deg,#080d13bb,transparent 65%)}
html[data-ts-premium] .profile-home-copy h2{font:400 clamp(30px,4vw,58px)/1.1 var(--ts-display);color:#f0eee7}
html[data-ts-premium] .profile-home-identity{padding:36px}
html[data-ts-premium] .profile-home-level-title strong{font:400 44px/1 var(--ts-display);color:#f2e2b9}
html[data-ts-premium] .profile-wardrobe{margin-top:28px;padding:32px}
html[data-ts-premium] .profile-wardrobe h2{font:400 30px/1.2 var(--ts-display);color:var(--ts-text)}
html[data-ts-premium] .profile-wardrobe-toolbar{gap:20px;padding:24px 0;margin:0 0 16px}
html[data-ts-premium] .profile-wardrobe-grid{gap:20px}
html[data-ts-premium] .profile-cosmetic-tile{padding:0;overflow:hidden;text-align:left;transition:border-color 160ms,transform 220ms var(--ts-out)}
html[data-ts-premium] .profile-cosmetic-art{background:radial-gradient(ellipse at 50% 55%,#91d9e510,transparent 70%),var(--ts-ink);padding:20px}
html[data-ts-premium] .profile-cosmetic-copy{padding:16px;border-top:1px solid var(--ts-line)}
html[data-ts-premium] .profile-cosmetic-copy strong{color:var(--ts-text);font-size:13px}
html[data-ts-premium] .profile-cosmetic-tile.selected{border-color:var(--ts-gold);box-shadow:inset 0 -2px var(--ts-gold)}
html[data-ts-premium] .profile-cosmetic-tile:hover{border-color:var(--ts-line-strong);transform:translateY(-3px)}
html[data-ts-premium] .stat-tile{padding:24px;border-radius:8px}
html[data-ts-premium] .stat-tile strong{font:400 44px/1.2 var(--ts-display);color:var(--ts-text)}
/* Progression and events: a distinct completed edge, stable claim controls. */
html[data-ts-premium] .quest-board{padding:28px}
html[data-ts-premium] :is(.quest,.challenge-card){padding:24px;gap:24px;box-shadow:none}
html[data-ts-premium] :is(.quest,.challenge-card) h3{color:var(--ts-text);font:500 18px/1.3 var(--ts-font);margin-bottom:8px}
html[data-ts-premium] :is(.quest,.challenge-card) p{color:var(--ts-secondary);font-size:13px;line-height:1.65}
html[data-ts-premium] :is(.quest,.challenge-card).done:not(.claimed){border-color:#4f8574;box-shadow:inset 3px 0 var(--ts-success);background:linear-gradient(90deg,#92cfb408,transparent 60%),var(--ts-depth)}
html[data-ts-premium] :is(.quest,.challenge-card).claimed{box-shadow:none;background:var(--ts-ink)}
html[data-ts-premium] .challenge-category{font:600 10px/1.6 var(--ts-font);letter-spacing:.08em;color:var(--ts-muted)}
html[data-ts-premium] .challenge-category>span{color:var(--ts-accent);font-size:22px}
html[data-ts-premium] .quest-reward{color:var(--ts-gold-hi);font-variant-numeric:tabular-nums}
html[data-ts-premium] .events-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}
html[data-ts-premium] .event-card{overflow:hidden;transition:transform 240ms var(--ts-out),border-color 160ms}
html[data-ts-premium] .event-card:hover{transform:translateY(-4px);border-color:var(--ts-line-strong)}
html[data-ts-premium] .event-card-body{padding:24px}
html[data-ts-premium] .event-card-body h2{font:400 28px/1.15 var(--ts-display);color:var(--ts-text)}
html[data-ts-premium] .event-card-foot{border-top:1px solid var(--ts-line);padding-top:18px;margin-top:24px;color:var(--ts-accent)}
html[data-ts-premium] .event-detail-hero{border:1px solid var(--ts-line-strong);border-radius:12px;min-height:320px}
html[data-ts-premium] .event-detail-copy{padding:36px}
html[data-ts-premium] .bp-hero{border:1px solid var(--ts-line-strong);border-radius:12px;padding:48px;background:radial-gradient(ellipse at 85% 10%,#d7bd8514,transparent 55%),var(--ts-depth)}
html[data-ts-premium] .bp-hero h1{font:400 clamp(32px,4vw,56px)/1.1 var(--ts-display);color:var(--ts-text)}
html[data-ts-premium] .bp-tier{border:1px solid var(--ts-line);border-radius:8px;background:var(--ts-depth);box-shadow:none}
html[data-ts-premium] .bp-tier.unlocked{border-color:var(--ts-gold)}
html[data-ts-premium] .bp-tier.claimed{border-color:#4f8574}
html[data-ts-premium] .bp-track{scrollbar-color:var(--ts-gold) var(--ts-ink);padding-bottom:16px}
/* Rankings: typographic leaderboard with restrained podium emphasis. */
html[data-ts-premium] .ranking-table{border:1px solid var(--ts-line);border-radius:8px;background:var(--ts-depth);overflow-x:auto}
html[data-ts-premium] .ranking-table table{width:100%;border-collapse:collapse}
html[data-ts-premium] .ranking-table :is(td,th){padding:18px 20px;border-bottom:1px solid var(--ts-line);font-variant-numeric:tabular-nums}
html[data-ts-premium] .ranking-table th{color:var(--ts-muted);font:600 11px/1.5 var(--ts-font);letter-spacing:.08em;background:var(--ts-ink)}
html[data-ts-premium] .ranking-table tbody tr:nth-child(-n+3){background:linear-gradient(90deg,#d7bd850c,transparent 65%)}
html[data-ts-premium] .ranking-table tbody tr:nth-child(-n+3) .rank-pos{color:var(--ts-gold-hi);font-family:var(--ts-display);font-size:26px}
html[data-ts-premium] .ranking-table tbody tr:hover{background:var(--ts-surface)}
/* Preparation: preserve the arena and class skill positioning. */
html[data-ts-premium] .launch-heading h1{font-weight:400;color:var(--ts-text)}
html[data-ts-premium] :is(.launch-section,.launch-deck-card){border-color:var(--ts-line);background-color:var(--ts-depth);border-radius:8px}
html[data-ts-premium] .launch-confirm{border:1px solid var(--ts-gold);border-radius:4px;background:linear-gradient(120deg,var(--ts-gold-hi),var(--ts-gold));color:#172330;box-shadow:var(--ts-shadow);letter-spacing:.12em}
html[data-ts-premium] .launch-deck-card.selected{border-color:var(--ts-gold)}
/* Verdict: restyle surfaces only; the engine owns timing, visibility and sound. */
html[data-ts-premium] .match-result-cinematic .match-result-content{border-radius:8px!important;border-color:#9e895655!important;background:linear-gradient(150deg,#192630ef,#080e16f5)!important;box-shadow:0 40px 120px #000a!important}
html[data-ts-premium] .match-result-cinematic .match-result-content::after{border-radius:3px;border-color:#d7bd8518}
html[data-ts-premium] .match-result-cinematic .match-result-content h2{font-family:var(--ts-display)!important;letter-spacing:-.045em!important;color:#f3e2bd!important;text-shadow:0 8px 32px #0008!important}
html[data-ts-premium] .match-result-cinematic.is-defeat .match-result-content{border-color:#d7808844!important;background:linear-gradient(150deg,#291e2aef,#090e16f5)!important}
html[data-ts-premium] .match-result-cinematic.is-defeat .match-result-content h2{color:#efdce0!important}
html[data-ts-premium] .match-reward-card{background:linear-gradient(140deg,#1b2b38,#0a121c);border-color:var(--ts-line-strong);border-radius:8px;color:var(--ts-text)}
/* Public portal and reference pages. */
html[data-ts-premium] :is(.home-header,.public-nav){background:var(--ts-ink);border-color:var(--ts-line)}
html[data-ts-premium] .home-hero-copy h1{font-family:var(--ts-display);font-weight:400;letter-spacing:-.04em}
html[data-ts-premium] :is(.home-mode-card,.home-class-card,.patch-article,.wiki-section,.codex-card){border-color:var(--ts-line);background-color:var(--ts-depth);border-radius:8px}
html[data-ts-premium] .home-lead{line-height:1.8;color:var(--ts-secondary)}
/* Admin intentionally remains still, dense and readable. */
html[data-ts-premium][data-ts-admin] :is(.panel,.stat-box,.admin-v2-hero){border-color:var(--ts-line);border-radius:8px;background:var(--ts-depth);box-shadow:none;color:var(--ts-text)}
html[data-ts-premium][data-ts-admin] :is(.admin-sidebar,.admin-top){background:var(--ts-ink);border-color:var(--ts-line)}
html[data-ts-premium][data-ts-admin] :is(th,td){border-color:var(--ts-line)}
/* Breakpoints share one column rhythm, while collection mobile panels stay engine-owned. */
@media(max-width:1100px){
 html[data-ts-premium] .menu-layout{width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:36px}
 html[data-ts-premium] .menu-brand h2{font-size:46px}
 html[data-ts-premium] .menu-panel{padding:22px}
 html[data-ts-premium] .menu-footer{width:calc(100% - 64px)}
 html[data-ts-premium] .profile-wardrobe-toolbar{flex-wrap:wrap}
}
@media(max-width:760px){
 html[data-ts-premium] :is(.live-shell,.ranking-shell,.events-shell,.patch-shell,.monetization-shell){width:calc(100% - 32px);padding-block:20px 40px}
 html[data-ts-premium] .menu-layout{width:calc(100% - 32px);grid-template-columns:1fr;gap:28px;padding:28px 0;min-height:0}
 html[data-ts-premium] .menu-brand{max-width:none}
 html[data-ts-premium] .menu-brand h2{max-width:17ch;font-size:38px;margin-bottom:16px}
 html[data-ts-premium] .menu-logo{width:220px;margin-bottom:20px}
 html[data-ts-premium] .menu-brand>span{font-size:9px;margin-bottom:16px}
 html[data-ts-premium] .menu-brand>p{margin:16px 0}
 html[data-ts-premium] .menu-footer{width:calc(100% - 32px);flex-wrap:wrap;gap:12px}
 html[data-ts-premium] .collection-home-choices{grid-template-columns:1fr;gap:12px;margin-top:24px}
 html[data-ts-premium] .collection-home-choices button{min-height:150px;padding:20px;display:grid;grid-template-columns:44px 1fr;gap:8px 16px}
 html[data-ts-premium] .collection-home-choices button>span{grid-row:span 2;font-size:32px;align-self:center}
 html[data-ts-premium] .collection-home-choices button>strong{margin:0;font-size:23px}
 html[data-ts-premium] .deck-home-panel{width:calc(100vw - 32px);padding:24px}
 html[data-ts-premium] .deck-shell{padding:12px;gap:12px}
 html[data-ts-premium] .deck-editor-head{padding:12px;flex-wrap:wrap}
 html[data-ts-premium] .booster-shop-wallet{padding:12px 16px}
 html[data-ts-premium] .booster-shop-wallet strong{font-size:24px}
 html[data-ts-premium] .profile-wardrobe{padding:20px}
 html[data-ts-premium] .profile-home-identity{padding:24px}
 html[data-ts-premium] :is(.quest,.challenge-card){padding:18px;gap:16px}
 html[data-ts-premium] .quest-board{padding:16px}
 html[data-ts-premium] .bp-hero{padding:28px}
 html[data-ts-premium] .ranking-table :is(td,th){padding:14px 12px}
}
@media(max-width:440px){
 html[data-ts-premium] .booster-shop-hero{align-items:flex-start;gap:16px;flex-direction:column}
 html[data-ts-premium] .booster-shop-wallet{border-left:0;padding:8px 0;text-align:left}
 html[data-ts-premium] .dynamic-store-footer{flex-wrap:wrap}
 html[data-ts-premium] .profile-wardrobe-grid{gap:12px}
 html[data-ts-premium] .profile-wardrobe h2{font-size:25px}
}
html[data-ts-premium] .menu-brand{min-height:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html[data-ts-premium] .menu-brand :is(p,.menu-trust){display:block}
html[data-ts-premium] .menu-panel::before{border-radius:6px;pointer-events:none}
html[data-ts-premium] .live-card{backdrop-filter:none}
html[data-ts-premium] :is(.options-panel,.friends-panel,.resource-pack-panel){backdrop-filter:none}
/* The ranking component is a table, enclosed for scroll without clipping the page. */
html[data-ts-premium] .ts-ranking-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--ts-line);border-radius:8px}
html[data-ts-premium] table.ranking-table{width:100%;border-collapse:collapse;min-width:590px;border:0}
html[data-ts-premium] .ranking-table tr.is-me{box-shadow:inset 3px 0 var(--ts-crystal);background:var(--ts-surface)}
html[data-ts-premium] .ranking-head>p{font:600 11px/1.5 var(--ts-font);letter-spacing:.2em;color:var(--ts-accent)}
html[data-ts-premium] :is(.auth-panel,.auth-card,.auth-box,.login-card,.migration-card){border:1px solid var(--ts-line-strong);border-radius:12px;background:linear-gradient(145deg,#d7bd8508,transparent 50%),var(--ts-depth);box-shadow:var(--ts-shadow-modal);color:var(--ts-text)}
html[data-ts-premium] .auth-page :is(input[type=text],input[type=email],input[type=password]){border:1px solid var(--ts-line);border-radius:4px;background:var(--ts-ink);color:var(--ts-text);min-height:44px}
html[data-ts-premium] .auth-page :is(h1,h2){font-family:var(--ts-display);font-weight:400;color:var(--ts-text)}
html[data-ts-premium] :is(.options-section-title,.option-row,.resource-pack-header){border-color:var(--ts-line);color:var(--ts-secondary)}
html[data-ts-premium] .options-panel h2{font:400 36px/1.2 var(--ts-display);color:var(--ts-text);margin-bottom:24px}
html[data-ts-premium] .play-modes-panel{border:1px solid var(--ts-line-strong);border-radius:12px;background:var(--ts-depth);box-shadow:var(--ts-shadow-modal)}
/* Retire the old single-panel home geometry, including its clipped corners. */
html[data-ts-premium] .menu-scene,html[data-ts-premium] .menu-layout{height:auto;overflow:visible}
html[data-ts-premium] .menu-brand{display:block}
html[data-ts-premium] .menu-panel{min-height:0;height:auto;max-height:none;overflow:visible;clip-path:none}
html[data-ts-premium] .menu-panel::before{clip-path:none}
html[data-ts-premium] .menu-panel::after{display:none}
html[data-ts-premium] .hall-core-action{flex-direction:column;justify-content:center;text-align:center}
html[data-ts-premium] .hall-duel em{color:#34414a}
html[data-ts-premium] .hall-core-action small{color:var(--ts-secondary)}
html[data-ts-premium] .auth-submit{border:1px solid var(--ts-gold);border-radius:4px;background:linear-gradient(120deg,var(--ts-gold-hi),var(--ts-gold));color:#172330;min-height:46px;box-shadow:var(--ts-shadow)}
html[data-ts-premium] .auth-prism{border-color:var(--ts-line);border-radius:8px;background:var(--ts-surface);color:var(--ts-text)}
/* The portrait mobile menu now keeps its content reachable with one page scrollbar. [SOVEREIGN FIX4] */
@media(pointer:coarse) and (orientation:portrait) and (max-width:980px){
 html[data-ts-premium] body.game-menu-page:not(.deck-builder-page):not(.launch-deck-page){height:auto!important;min-height:100dvh!important;overflow-y:auto!important}
 html[data-ts-premium] .menu-scene{height:auto!important;overflow:visible!important}
 html[data-ts-premium] .menu-layout{height:auto!important;display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;padding:24px 16px!important}
 html[data-ts-premium] .menu-brand{display:block!important;padding:0!important}
 html[data-ts-premium] .menu-brand h2{display:block!important}
 html[data-ts-premium] .menu-panel{padding:24px!important;max-width:none!important}
}

/* FIX4 — duel geometry is engine-owned. Sovereign must never constrain the combat viewport. */
html[data-ts-premium] body.duel-interface{
 box-sizing:border-box!important;
 width:100vw!important;max-width:none!important;min-width:0!important;
 height:100vh!important;min-height:100vh!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
}
html[data-ts-premium] body.duel-interface .entete-duel{
 box-sizing:border-box!important;
 width:calc(100vw - 12px)!important;max-width:none!important;min-width:0!important;
 margin:4px 6px 3px!important;
}
html[data-ts-premium] body.duel-interface .table-duel{
 box-sizing:border-box!important;position:fixed!important;
 left:4px!important;right:4px!important;top:65px!important;bottom:4px!important;
 width:auto!important;max-width:none!important;min-width:0!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 margin:0!important;
}
@supports(height:100dvh){
 html[data-ts-premium] body.duel-interface{height:100dvh!important;min-height:100dvh!important}
}
@media(max-width:760px){
 html[data-ts-premium] body.duel-interface .entete-duel{width:100vw!important;max-width:none!important;margin:0!important}
 html[data-ts-premium] body.duel-interface .table-duel{left:0!important;right:0!important;top:48px!important;bottom:0!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:0!important}
}