/* Shared player-facing foundation. Preserve game rarity and state colors. */
body.site-ui{--site-ink:#202938;--site-muted:#616d7e;--site-accent:#1765d1;--site-line:#dde3ec;--site-paper:#f5f6f8;--ink:#202938;--muted:#616d7e;--line:#dde3ec;--green:#1765d1;--paper:#fff;background:var(--site-paper);color:var(--site-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}
.site-ui :is(h1,h2,h3,h4){letter-spacing:-.022em}.site-ui main h1{font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.site-ui main{padding-top:22px}.site-ui main :is(p,li){line-height:1.55}.site-ui main :is(input,select,textarea){font:inherit;color:#273447;background:#fff;border-color:#ced7e4;border-radius:10px;box-shadow:none}.site-ui main :is(input,select){min-height:42px}.site-ui main :is(input[type=checkbox],input[type=radio]){min-height:0;accent-color:#1765d1}.site-ui button{font-family:inherit;box-shadow:none}.site-ui :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #77a9ef;outline-offset:3px}.site-ui button:disabled{cursor:default}.site-ui a{color:#155cbd}.site-ui [hidden]{display:none!important}
/* Compact top bar; opening navigation does not push the page or sticky tables. */
body.site-ui>header.player-header{background:#fffffff5;border-bottom:1px solid #e1e5ec;box-shadow:0 1px 0 #24324703;z-index:40;position:sticky;top:0}
body.site-ui>header.player-header .header-inner{position:relative;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:12px;align-items:center;max-width:1320px;margin:auto;padding:9px 24px;min-height:62px}
body.site-ui>header.player-header .brand{grid-column:1;grid-row:1;color:#202938;font-size:14px;letter-spacing:.08em;margin:0;padding:8px 0;white-space:nowrap;text-decoration:none}
body.site-ui>header.player-header #site-menu{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:space-between;gap:18px;justify-self:start;width:min(340px,100%);margin:0;min-height:40px;padding:8px 12px;background:#f3f5f9;color:#334259;border:1px solid #e6eaf1;border-radius:10px;font-size:12px;text-align:left;box-shadow:none}
body.site-ui>header.player-header #site-menu>span:first-child{font-weight:650}body.site-ui>header.player-header #site-menu>span:last-child{color:#69768a;font-size:11px}
body.site-ui>header.player-header .player-languages{grid-column:3;grid-row:1;display:flex;align-items:center;gap:4px;justify-self:end;background:transparent;border:0;box-shadow:none;padding:0;margin:0}
body.site-ui>header.player-header .player-languages :is(a,button,select){border:0;background:transparent;color:#586578;border-radius:8px;min-height:36px;padding:7px 9px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}
body.site-ui>header.player-header .player-languages :is([aria-current=page],[aria-current=true],[aria-pressed=true],.active){color:#175dbf;background:#edf3ff;border:0}
body.site-ui>header.player-header .player-nav,body.site-ui>header.player-header.menu-open .player-nav{display:none;position:absolute;inset:calc(100% + 6px) 24px auto;z-index:45;width:auto;margin:0;padding:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;background:#fff;border:1px solid #dfe5ef;border-radius:16px;box-shadow:0 18px 55px #172d4526;max-height:calc(100dvh - 86px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
body.site-ui>header.player-header.menu-open .player-nav{display:grid;align-items:start;align-content:start}
body.site-ui>header.player-header .site-nav-group{min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none}
body.site-ui>header.player-header .site-nav-group h2{font-size:11px;font-weight:650;color:#768092;letter-spacing:.04em;line-height:1.4;margin:0 0 8px;padding:0 9px;text-transform:uppercase}
body.site-ui>header.player-header .player-nav .site-nav-group a{display:flex;align-items:center;min-height:38px;padding:8px 10px;margin:2px 0;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#364256;background:transparent;border:0;border-radius:8px;text-decoration:none;white-space:normal;box-shadow:none}
body.site-ui>header.player-header .player-nav .site-nav-group a:hover{background:#f4f7fb;color:#1457b1}body.site-ui>header.player-header .player-nav .site-nav-group a[aria-current=page]{background:#eaf2ff;color:#1458b7;font-weight:650}
.site-context{display:flex;align-items:center;gap:6px 20px;max-width:1272px;margin:0 auto;padding:10px 24px 0;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;font-size:12px;line-height:1.5}.site-context a{display:inline-flex;align-items:center;gap:7px;min-height:32px;text-decoration:none;color:#657186;font-weight:500}.site-context a:hover{color:#125bc3;text-decoration:underline}.site-context a.site-context-primary{color:#175dbf;font-weight:600}.site-context a span{font-size:12px}.site-account-action{display:block;width:fit-content;margin:0 0 16px;padding:9px 12px;min-height:40px;border:1px solid #d5e3fa;border-radius:9px;background:#eef5ff;color:#175dbf!important;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5}
/* Catalogue controls and rows: calmer surfaces, clearer selection, less vertical waste. */
.site-ui:is([data-page=items],[data-page=components],[data-page=decorations],[data-page=decor],[data-page=packs],[data-page=stores],[data-page=chains]) :is(.intro,.lead){color:#647082;font-size:13px;margin:8px 0 12px}
.site-ui :is(.filters,.item-filter-tools,.pack-ages,.item-browser-panel,.planner,.level-section,.panel,.reference-wrap,.tree-total-panel,.formation-help,.rule-panel,.prep-grid>article,.ar-settings,.ar-overview,.ar-context){background:#fff;border-color:#dfe5ef;border-radius:13px;box-shadow:none}
.site-ui :is(.result,.formation-card,.event-card,.ar-card,.gear-card,.hero-card,.beast-card,.research-card){background:#fff;border-color:#e0e6ef;border-radius:13px;box-shadow:0 1px 2px #26354a04;color:#273447}
.site-ui :is(.result,.formation-card,.event-card,.ar-card,.gear-card,.hero-card,.beast-card):hover{border-color:#a8bfdc;box-shadow:0 3px 12px #26354a09;transform:none}
.site-ui .result{padding:14px 16px;gap:14px}.site-ui .result :is(h2,h3){line-height:1.4}.site-ui .result .meta-right{color:#516176}.site-ui .result .price{font-variant-numeric:tabular-nums}.site-ui :is(.resource-shortcuts,.reward-modes,.category-filters,.pills,.pack-sections,.formation-tabs,.detail-tabs,.research-pages,.hero-section-tabs) :is(button,a){border-radius:8px;font-weight:600}
.site-ui :is(#pack-sections,#store-sections,.formation-tabs,.research-pages,.hero-section-tabs){gap:4px;border-color:#dce3ed}
.site-ui :is(#pack-sections,#store-sections,.formation-tabs,.research-pages,.hero-section-tabs) :is(button,a){background:transparent;border-color:transparent;color:#5a687d;box-shadow:none;min-height:40px;padding:8px 12px}
.site-ui :is(#pack-sections,#store-sections,.formation-tabs,.research-pages,.hero-section-tabs) :is([aria-pressed=true],[aria-current=page],.active){color:#175cbb;background:#e8f0fd;border-color:#d9e4f7}
.site-ui :is(.pills,.category-filters,#resource-shortcuts,#reward-modes,.buff-row) button{border-color:#dce3ed;background:#fff;color:#51617a;font-size:12px;box-shadow:none}
.site-ui :is(.pills,.category-filters,#resource-shortcuts,#reward-modes,.buff-row) button[aria-pressed=true]{border-color:#bcd2f0;background:#e8f1ff;color:#155bbb}
.site-ui :is(.filters,.pack-ages){padding:10px 12px;margin-top:10px;margin-bottom:10px}.site-ui .pack-ages>summary{color:#516078}.site-ui .applied-filters button{background:#edf4ff;border-color:#cbdcf4;color:#185eba}.site-ui :is(.results-meta,.sub,.muted,.small,.table-scroll-hint){color:#637187}
.site-ui .filters input[type=search],.site-ui #search{background:#fff;border:1px solid #d4dce8;padding:10px 12px;min-height:42px;border-radius:10px}
.site-ui .pack-find-help{margin:0 0 12px;font-size:12px}.site-ui .pack-find-help>summary{min-height:32px}.site-ui .results-meta{margin:12px 0;font-size:12px}.site-ui .chain-sidebar{background:#fff;border-color:#dfe5ef;border-radius:12px}.site-ui .chain-tier{border-color:#dfe5ef;background:#fff;border-radius:12px}.site-ui .chain-tier-head{background:#f5f8fd;border-color:#e3e9f1}.site-ui .planner-total,.site-ui .custom-progress{background:#f0f5fd;border-color:#dbe5f3;color:#314660}
/* Upgrade and progression systems share the same chrome, not the same formulas. */
.site-ui[data-tech-page] .tree-toolbar{background:#fff;border:1px solid #e0e6ef;border-radius:13px;padding:14px;margin:14px 0}.site-ui[data-tech-page] .tree-node{background:#fff;border-color:#d7e0ed;box-shadow:0 2px 4px #283e5307;border-radius:12px}.site-ui[data-tech-page] .tree-node:hover{border-color:#7ca8de;box-shadow:0 3px 12px #26354a12}.site-ui[data-tech-page] .tree-node-name{color:#26354b}.site-ui[data-tech-page] .tree-node-effect{color:#626f83}.site-ui[data-tech-page] :is(.tree-total-panel,.tree-gate){color:#52647a}.site-ui[data-tech-page] .tree-total-panel{padding:15px}.site-ui .list-tools{background:#fff;border-color:#dde5f0;border-radius:12px}.site-ui .level-hero{margin-bottom:12px}.site-ui .list-intro{color:#626f83}.site-ui .plan-presets button{background:#edf3fc;color:#1c5fb7;border-color:#d8e4f5}.site-ui .saving-bar{background:#eaf2ff;border-color:#d2e2f8;color:#254c80}.site-ui .stat.primary{background:#edf4ff;border-color:#cddff7;color:#174f99}.site-ui .stat-number{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.site-ui .totals .stat:not(.primary){background:#fff;border-color:#e1e6ee}
.site-ui :is(.formation-dialog-head,.dialog-head,.dialog-heading){border-color:#e0e6ef}.site-ui :is(.formation-controls,.formation-field,.gear-extra,.catalyst-panel,.talent-node,.slot-grid>div,.slot-effect){border-color:#dfe6f0;border-radius:11px}.site-ui .formation-card-foot{border-color:#e7ebf2}.site-ui .formation-tabs .active,.site-ui .detail-tabs button[aria-pressed=true]{background:#eaf2ff;color:#175dbf;border-color:#cddff7}
/* Reward guides retain warnings and odds while presenting ordinary information consistently. */
.site-ui .events-hero{padding-top:5px}.site-ui .events-hero .lead{font-size:15px;color:#616e80}.site-ui .event-card{padding:18px}.site-ui :is(.guide-hero,.goal-box,.start-guide,.share-panel,.edition-box){border-color:#dce4ef;border-radius:14px}.site-ui .goal-box,.site-ui .start-guide{background:#edf4ff;color:#253c60}.site-ui .guide-jumps a{background:#fff;color:#285f9f;border-color:#d9e3f0;border-radius:8px}.site-ui .rule-panel{padding:18px}.site-ui .ar-goals button{background:#fff;color:#52617a;border-color:#dbe3ee;border-radius:10px}.site-ui .ar-goals button[aria-pressed=true]{background:#e9f2ff;color:#175dbe;border-color:#c4d9f6}.site-ui .ar-advice{background:#f0f5fd;color:#354963;border-color:#dce6f5}.site-ui .ar-card{padding:18px}.site-ui .ar-chest-hint{color:#576a84}.site-ui .ar-overview{border-color:#d8e3f0}
/* Tables remain horizontally scrollable where needed; native dialogs keep their focus handling. */
.site-ui :is(table){font-variant-numeric:tabular-nums}.site-ui :is(th,td){border-color:#e2e7f0}.site-ui th{background:#f1f5fb;color:#52627a}.site-ui tbody tr:hover{background:#f8faff}.site-ui dialog{color:#26354b;background:#fff;border-color:#dde5f0;border-radius:16px;box-shadow:0 20px 70px #1a30432b}.site-ui dialog::backdrop{background:#26374a75}.site-ui dialog :is(input,select){border-color:#d3ddea;border-radius:9px;background:#fff;color:#2b3b51;min-height:40px}.site-ui dialog :is(.section-box,.level-picker,.item-amount-picker){background:#f6f9fd;border-color:#e0e7f1;border-radius:10px}.site-ui .page-share{border-color:#e1e6ee}.site-ui #player-top{background:#fff;color:#245b9e;border-color:#d6e0ed;border-radius:10px}
@media(max-width:900px){body.site-ui>header.player-header .player-nav,body.site-ui>header.player-header.menu-open .player-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-context{padding-inline:18px}.site-ui .result{padding:12px}}
@media(max-width:600px){body.site-ui>header.player-header .header-inner{grid-template-columns:auto minmax(100px,1fr) auto;gap:7px;padding:8px 12px;min-height:58px}body.site-ui>header.player-header .brand{font-size:11px;letter-spacing:.03em}body.site-ui>header.player-header #site-menu{width:100%;min-height:40px;padding:7px 9px;font-size:11px;gap:5px}body.site-ui>header.player-header #site-menu>span:last-child{font-size:0}body.site-ui>header.player-header #site-menu>span:last-child span{font-size:14px}body.site-ui>header.player-header .player-languages{gap:0}body.site-ui>header.player-header .player-languages :is(a,button,select){min-height:40px;font-size:10px;padding:6px}body.site-ui>header.player-header .player-nav,body.site-ui>header.player-header.menu-open .player-nav{inset:calc(100% + 4px) 8px auto;padding:15px 10px;gap:15px 6px;max-height:calc(100dvh - 76px);border-radius:12px}body.site-ui>header.player-header .player-nav .site-nav-group a{min-height:42px;padding:7px 9px;font-size:12px}body.site-ui>header.player-header .site-nav-group h2{font-size:10px;padding-left:9px}.site-context{padding:5px 14px 0;gap:16px;font-size:11px}.site-context a{min-height:36px}.site-ui main{padding-top:18px}.site-ui :is(button,summary){touch-action:manipulation}.site-ui main :is(input,select){min-height:44px}.site-ui .site-account-action{width:100%;font-size:12px;min-height:44px}.site-ui .result{gap:10px}.site-ui .event-card,.site-ui .rule-panel,.site-ui .ar-card{padding:14px}.site-ui .site-section-picker{margin:8px 0}.site-ui .site-section-picker select{background:#fff;color:#344b6b;border-color:#d5e0ee}}
@media(prefers-reduced-motion:reduce){.site-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-context,.site-account-action,#site-menu,.player-nav{display:none!important}body.site-ui{background:#fff}body.site-ui>header.player-header{position:static}.site-ui .result{box-shadow:none}}
.site-ui .ar-level-trigger{background:#f2f6fd;border-color:#cddbeb;color:#253851;box-shadow:none}.site-ui .ar-level-trigger:hover,.site-ui .ar-level-trigger[aria-expanded=true]{border-color:#79a5dd;box-shadow:0 0 0 3px #5c94dd15}.site-ui .ar-picker-grid button{background:#f6f9fd;border-color:#dce5f0}.site-ui .ar-picker-grid button:hover{background:#edf4ff;border-color:#aac8ee}.site-ui .ar-picker-grid button[aria-pressed=true]{background:#1765d1;color:#fff;border-color:#1765d1}.site-ui .ar-picker-close{background:#f4f7fb;border-color:#d9e2ee}
/* Override the older account-only mobile header so the current section stays visible. */
body.site-ui>header.player-header #site-menu>span:first-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.site-ui.account-app>header.player-header .header-inner{max-width:1320px;padding:9px 24px;min-height:62px;grid-template-columns:auto minmax(160px,1fr) auto;gap:12px}
@media(max-width:600px){body.site-ui.account-app>header.player-header .header-inner{padding:8px 12px;min-height:58px;grid-template-columns:auto minmax(100px,1fr) auto;gap:7px}body.site-ui.account-app>header.player-header .brand{display:block;grid-column:1;font-size:11px;letter-spacing:.03em}body.site-ui.account-app>header.player-header #site-menu{grid-column:2;min-height:40px;padding:7px 9px;justify-content:space-between}body.site-ui.account-app>header.player-header .player-languages{grid-column:3;gap:0}}
.site-ui .facts>div{background:#fff;border-color:#dfe5ef;border-radius:10px}.site-ui .ta-phase-picker{background:#f0f5fc;border-color:#d9e4f3;border-radius:12px}.site-ui .ta-phase-picker a{background:#fff;border-color:#d4e0ef;color:#245b9e}

/* Stable, generous menu target; no content replacement on open/close. */
body.site-ui>header.player-header #site-menu{min-height:46px;touch-action:manipulation;cursor:pointer}
body.site-ui>header.player-header #site-menu>span:last-child{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
body.site-ui>header.player-header #site-menu .site-menu-caret{font-size:16px;line-height:1}
body.site-ui>header.player-header #site-menu:hover{background:#eaf0f9;border-color:#c6d7ef}
body.site-ui>header.player-header #site-menu[aria-expanded=true]{background:#eaf2ff;border-color:#bcd1f0;color:#1458b7}
body.site-ui>header.player-header .player-nav .site-nav-group a{min-height:44px}
@media(max-width:600px){body.site-ui>header.player-header #site-menu{min-height:46px}body.site-ui>header.player-header #site-menu .site-menu-label{font-size:0}body.site-ui>header.player-header #site-menu .site-menu-caret{font-size:17px}}

/* Public directory search stays compact and does not open the mobile keyboard until tapped. */
body.site-ui>header.player-header #site-nav-links{display:contents}
body.site-ui>header.player-header .player-nav :is(.site-nav-group,a,.site-nav-clear,.site-nav-empty)[hidden]{display:none!important}
body.site-ui>header.player-header .site-nav-search{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(180px,480px) 1fr;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e4e9f1}
body.site-ui>header.player-header .site-nav-search label{font-size:13px;font-weight:650;color:#34445c;margin:0}
body.site-ui>header.player-header .site-nav-search-field{position:relative;min-width:0}
body.site-ui>header.player-header .site-nav-search input{display:block;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:9px 42px 9px 12px;border:1px solid #d5deeb;border-radius:10px;background:#f7f9fc;color:#23354d;font:400 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none;appearance:none}
body.site-ui>header.player-header .site-nav-search input::-webkit-search-cancel-button{display:none}
body.site-ui>header.player-header .site-nav-search input:focus{background:#fff;outline:2px solid #2672d4;outline-offset:2px}
body.site-ui>header.player-header .site-nav-clear{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:42px;min-height:44px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:#60718a;font-size:22px;cursor:pointer}
body.site-ui>header.player-header .site-nav-clear:hover{background:#e7eef8;color:#1558ac}
body.site-ui>header.player-header .site-nav-result-count{font-size:12px;color:#61718a;font-variant-numeric:tabular-nums}
body.site-ui>header.player-header .site-nav-empty{grid-column:1/-1;font-size:14px;line-height:1.5;color:#627189;margin:0;padding:8px}
@media(max-width:600px){body.site-ui>header.player-header .site-nav-search{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:0 3px 12px}body.site-ui>header.player-header .site-nav-search label{font-size:12px}body.site-ui>header.player-header .site-nav-search-field{grid-column:1/-1;grid-row:2}body.site-ui>header.player-header .site-nav-search input{font-size:16px}body.site-ui>header.player-header .site-nav-result-count{grid-row:1;grid-column:2;font-size:11px}}