:root{--color-forest:#0a1914;--color-midnight:#06100d;--color-amber:#ffb84d;--color-text-primary:#eaf6f2;--color-text-secondary:#90b2a6;--color-border:#1d3d30;--color-bg-overlay:#0a1914f2;--bg-deep:#0a1914;--bg-panel:#0e241c;--bg-card:#143126;--bg-sunk:#07130f;--line:#1d3d30;--line-hi:#2e624c;--amber:#ffb84d;--amber-dim:#b87a28;--gold:gold;--gold-warm:#ffb84d;--jade:#4deeea;--jade-hi:#70f3ff;--good:#7bdc86;--bad:#ff7a7a;--warn:#ffd36b;--muted:#8fa398;--hp:#e0524a;--hp-hi:#ff8a7a;--xp:#4deeea;--shield:#70f3ff;--shield-hi:#a9ece0;--r-common:#9aa5b1;--r-rare:#4d9fff;--r-epic:#b45cff;--r-legendary:gold;--r-mythic:#f36;--r-celestial:#70f3ff;--topbar-h:56px;--tabbar-h:56px;--side-w:400px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-px:"Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-forest);color:var(--color-text-primary);font-family:var(--font-ui);width:100vw;height:100dvh;font-size:14px;line-height:1.4;overflow:hidden}.px{font-family:var(--font-px);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}#game{top:var(--topbar-h);left:0;right:var(--side-w);position:fixed;bottom:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#overlay{pointer-events:none;grid-template-columns:minmax(0, 1fr) var(--side-w);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top top"".tabs"".panel";display:grid;position:fixed;inset:0}#top-bar{grid-area:top}#tab-bar{grid-area:tabs}#panel-area{grid-area:panel}.pf{--fc:var(--line);box-shadow:0 -2px 0 0 var(--fc), 0 2px 0 0 var(--fc), -2px 0 0 0 var(--fc), 2px 0 0 0 var(--fc)}#top-bar{pointer-events:auto;min-height:var(--topbar-h);background:var(--color-bg-overlay);border-bottom:2px solid var(--line);grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr);align-items:center;gap:12px;padding:6px 14px;display:grid}.tb-left{flex-direction:column;min-width:0;line-height:1.15;display:flex}.tb-biome{color:var(--amber);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tb-stage{color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.tb-center{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.tb-right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.tb-lvl{color:var(--amber);white-space:nowrap;font-size:13px}.bars{flex-direction:column;flex:1;gap:4px;min-width:120px;max-width:240px;display:flex}.chip{background:var(--bg-sunk);--fc:var(--line);box-shadow:0 -2px 0 0 var(--fc), 0 2px 0 0 var(--fc), -2px 0 0 0 var(--fc), 2px 0 0 0 var(--fc);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-primary);align-items:center;gap:6px;margin:2px;padding:3px 8px;display:inline-flex}.chip b{font-weight:700}.chip-gold{--fc:var(--amber-dim)}.chip-gold b{color:var(--amber)}.chip-power{--fc:var(--amber-dim)}.chip-power b{color:var(--amber)}.chip-aether{--fc:#4a2a7a}.chip-aether b{color:#b89cff}.chip-tide{--fc:#1a4a5a}.chip-tide b{color:#7fd4ff}.chip-sm{padding:1px 6px;font-size:12px}.chip.lack{--fc:#7a3535}.chip.lack b{color:var(--bad)}.pxi{width:16px;height:16px;image-rendering:pixelated;flex:none;display:inline-block}.ico-sm{width:12px;height:12px}.ico-tab{width:20px;height:20px}.ico-power{width:16px;height:16px}.ico-slot{width:100%;height:100%}.ico-building{width:96px;height:96px}.bar{background:var(--bg-sunk);height:14px;box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);margin:2px;position:relative;overflow:hidden}.bar>i{width:0;transition:width .15s steps(6,end);position:absolute;inset:0 auto 0 0}.bar>span{letter-spacing:.04em;text-shadow:0 1px #000c;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.bar-hp>i{background:linear-gradient(var(--hp-hi) 0 25%, var(--hp) 25% 100%)}.bar-hp.low>i{background:linear-gradient(#ffb0a0 0 25%,#d0332a 25% 100%)}.bar-hp>i.shield{background:linear-gradient(var(--shield-hi) 0 25%, var(--shield) 25% 100%)}.tb-shield{color:var(--shield);letter-spacing:0;align-items:center;gap:2px;margin-left:4px;font-size:8px;display:inline-flex}.tb-shield .pxi{flex:none;width:10px;height:10px}.bar-xp{height:10px}.bar-xp>i{background:linear-gradient(#a8e6ff 0 25%, var(--xp) 25% 100%)}.bar-xp>span{font-size:8px}.bar-realm{height:10px}.bar-realm>i{background:linear-gradient(#ffd9a0 0 25%,#ff8c3a 25% 100%)}.bar-realm>span{font-size:8px}.tb-realm{opacity:.75;margin-left:3px;font-size:10px}.bar-daily{height:12px}.bar-daily>i{background:linear-gradient(#ffe2a0 0 25%, var(--amber) 25% 100%)}.bar-daily>span{font-size:8px}.daily-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.daily-row{background:var(--bg-sunk);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.daily-info{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.daily-name{color:var(--color-text-primary);font-size:12px}.daily-wait{white-space:nowrap;flex:none;margin:0}.tag-claimed{color:var(--good)}@media (width<=780px){.daily-row{flex-wrap:wrap}.daily-info{flex-basis:100%}}#tab-bar{pointer-events:auto;border-bottom:2px solid var(--line);border-left:2px solid var(--line);background:linear-gradient(#0e241c 0%,#0a1914 100%);display:flex;box-shadow:inset 0 1px #4deeea26}.tab{min-width:0;min-height:52px;color:var(--muted);font-family:var(--font-px);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10px;font-weight:700;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative}.tab:hover{color:var(--color-text-primary);background:linear-gradient(#4deeea0d 0%,#0e241c80 100%)}.tab.active{color:var(--gold);border-bottom-color:var(--jade);text-shadow:0 0 8px #ffd70066;background:linear-gradient(#4deeea14 0%,#ffd7001f 100%)}.tab.active:after{content:"";background:var(--jade-hi);height:2px;box-shadow:0 0 8px var(--jade), 0 0 14px var(--jade-hi);position:absolute;bottom:-2px;left:20%;right:20%}.tab:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}#panel-area{pointer-events:auto;background:var(--bg-panel);border-left:2px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.sheet-head{display:none}.panel-content{outline:none;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.subnav{flex-wrap:wrap;flex:none;gap:6px;padding:10px 14px 0;display:flex}.subnav-btn{background:var(--bg-sunk);min-height:32px;box-shadow:0 0 0 2px var(--line);color:var(--muted);font-family:var(--font-px);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex:auto;padding:5px 14px;font-size:10px;font-weight:700}.subnav-btn:hover{color:var(--color-text-primary)}.subnav-btn.active{color:var(--amber);box-shadow:0 0 0 2px var(--amber-dim);background:#ffb45412}.subnav-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.panel-subtab{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pscroll{scrollbar-color:var(--line-hi) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:12px 14px 18px;overflow:hidden auto}.block{margin-bottom:18px}.block-title{color:var(--amber);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.block-title:after{content:"";background:var(--line);flex:1;height:2px}.count{color:var(--muted);order:1;font-size:11px}.block-title .count{order:0}.note{color:var(--muted);margin:6px 0;font-size:12px}.muted{color:var(--muted)}.up{color:var(--good)}.down{color:var(--bad)}.hint{color:var(--muted);font-size:12px;font-weight:400;display:block}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--bg-sunk);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);justify-content:space-between;align-items:baseline;gap:8px;margin:2px;padding:6px 10px;display:flex}.stat dt{color:var(--muted);font-size:12px}.stat dd{font-variant-numeric:tabular-nums;font-weight:700}.pwr-wrap{margin-top:6px;overflow-x:auto}.pwr-table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.pwr-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:2px 3px;font-size:9px;font-weight:600;overflow:hidden}.pwr-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:2px 3px}.pwr-table thead th:first-child,.pwr-table tbody td:first-child{text-align:left}.pwr-table colgroup col.c-stat{width:auto}.pwr-table colgroup col.c-num{width:40px}.pwr-table .pwr-stat{color:var(--muted)}.pwr-table .pwr-final{font-weight:700}.cards{gap:14px;display:grid}.card{background:linear-gradient(150deg, var(--bg-card) 0%, #0d221a 100%);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line), inset 0 1px 0 0 #4deeea26, inset 0 -1px 0 0 #0a191480;flex-direction:column;gap:6px;margin:2px;padding:12px;display:flex;position:relative}.card:before{content:"";pointer-events:none;border-top:1px solid #4deeea80;border-left:1px solid #4deeea80;width:5px;height:5px;position:absolute;top:0;left:0}.card:after{content:"";pointer-events:none;border-bottom:1px solid #ffd70066;border-right:1px solid #ffd70066;width:5px;height:5px;position:absolute;bottom:0;right:0}.card-head{justify-content:space-between;align-items:baseline;display:flex}.card-head h3{color:var(--color-text-primary);font-size:14px}.lvl{font-variant-numeric:tabular-nums;color:var(--amber);font-size:12px;font-weight:700}.card-desc{color:var(--color-text-primary);font-size:13px}.card-role,.card-sub{color:var(--muted);font-size:12px}.track-swift .card-head h3{color:#ffd08a}.track-bulwark .card-head h3{color:#8fd0ff}.cost-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.cost-label{color:var(--muted);margin-right:2px;font-size:12px}.track-rows{gap:8px;display:grid}.track-row{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);flex-direction:column;gap:6px;margin:2px 0;padding:8px 10px;display:flex}.tr-main{justify-content:space-between;align-items:baseline;gap:8px;width:100%;min-width:0;display:flex}.tr-title{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.tr-name{font-size:13px}.tr-desc{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);text-align:right;flex:auto;font-size:11px;overflow:hidden}.tr-act{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;width:100%;display:flex}.tr-act .cost-row{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 6px;min-width:0;display:flex}.tr-btns{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.track-swift .tr-name{color:#ffd08a}.track-bulwark .tr-name{color:#8fd0ff}.track-focus .tr-name{color:#d79bff}.pips i{background:var(--bg-sunk);width:100%;max-width:20px;height:6px;box-shadow:0 0 0 1px var(--line)}.pips i.on{background:var(--amber);box-shadow:0 0 0 1px var(--amber-dim)}.talent-capstone{opacity:.7}.talent-capstone.on{opacity:1}.capstone-state{color:var(--muted);white-space:nowrap;font-size:11px}.talent-capstone.on .capstone-state{color:var(--amber)}.relic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.relic-compact{gap:4px;padding:6px 10px}.relic-compact .card-head{min-width:0}.relic-compact .card-head h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.relic-compact .pips{flex:none}.relic-effect{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.relic-compact .btn-row{gap:4px;margin-top:0}.relic-compact .btn{min-height:30px;margin:1px;padding:6px 10px;font-size:11px}.relic-tier-row{background:var(--bg-sunk);width:100%;min-height:40px;box-shadow:0 0 0 2px var(--line);color:var(--muted);font:inherit;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 0;padding:6px 12px;font-size:11px;display:flex}.relic-tier-row:hover{color:var(--color-text-primary);background:#22362b}.relic-tier-row:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.relic-tier-caret{color:var(--amber-dim);flex:none}[data-subhost=relics] section.biome{margin-bottom:12px}.deltas{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;font-size:13px;font-weight:700;list-style:none;display:flex}.building{flex-direction:row;align-items:flex-start;gap:12px}.bld-art{background:var(--bg-sunk);width:96px;height:96px;box-shadow:inset 0 0 0 2px var(--line);flex:none;place-items:center;display:grid}.tier-3 .bld-art{box-shadow:inset 0 0 0 2px var(--amber-dim)}.bld-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.slot-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.slot-chip{background:var(--bg-sunk);color:var(--muted);box-shadow:0 0 0 2px var(--line);margin:2px;padding:4px 10px;font-size:12px}.slot-chip.filled{color:var(--amber);box-shadow:0 0 0 2px var(--amber-dim)}.slot-n{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.abilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;display:grid}.ability{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);flex-direction:column;align-items:stretch;gap:6px;margin:2px;padding:8px 10px;display:flex}.ability.equipped{box-shadow:0 0 0 2px var(--amber-dim)}.ability.locked{opacity:.82}.ability.locked .ab-name b{color:var(--muted)}.ab-main{min-width:0}.ab-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ab-track{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.ab-desc{font-size:13px}.ab-eff{font-size:12px}.ab-eff-next{color:var(--amber);font-weight:600}.ab-meta{color:var(--muted);font-size:11px}.ab-btn{flex-direction:row;flex:none;justify-content:space-between;align-items:flex-end;gap:6px;max-width:none;display:flex}.ab-btn>.btn{flex:none}.ab-up{flex-direction:column;align-items:flex-end;gap:2px;width:auto;min-width:0;display:flex}.ab-up-head{align-items:center;gap:6px;font-size:11px;display:flex}.ab-up .cost-row{justify-content:flex-end}.lock{color:var(--muted);display:inline-flex}.eqs{gap:8px;display:grid}.eqs-row{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:2px;padding:10px;display:flex}.eqs-main{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.eqs-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.eqs-item{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.eqs-item.empty{color:var(--muted);font-weight:400}.eqs-item.r-common{color:var(--r-common)}.eqs-item.r-rare{color:var(--r-rare)}.eqs-item.r-epic{color:var(--r-epic)}.eqs-item.r-legendary{color:var(--gold);text-shadow:0 0 6px #ffd70073}.eqs-item.r-mythic{color:var(--r-mythic);text-shadow:0 0 6px #ff336680}.eqs-item.r-celestial{color:var(--r-celestial);text-shadow:0 0 8px #70f3ff99}.eqs-enh{align-items:center;gap:6px;display:flex}.eqs-enh .pips{width:72px}.eqs-enh b{color:var(--amber);font-variant-numeric:tabular-nums}.eqs-eff{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.eqs-eff b{color:var(--amber)}.eqs-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.eqs-btns{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.cls-embers{color:var(--muted);margin:4px 2px;font-size:12px}.cls-embers b{color:var(--amber);font-variant-numeric:tabular-nums}.cls-list{gap:8px;margin-top:6px;display:grid}.cls-row{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:2px;padding:10px;display:flex}.cls-row.active{box-shadow:0 0 0 2px var(--amber-dim)}.cls-row.locked{opacity:.82}.cls-row.locked .cls-name b{color:var(--muted)}.cls-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cls-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.cls-desc{color:var(--muted);font-size:12px}.cls-req{color:var(--warn);font-size:11px}.cls-tag{color:var(--amber)}.cls-req .dot{background:var(--bg-sunk);width:10px;height:10px;box-shadow:0 0 0 1px var(--line);vertical-align:middle;border-radius:50%;margin-right:4px;display:inline-block}.cls-req .dot.done{background:var(--line);box-shadow:0 0 0 1px var(--line)}.cls-req .dot.current{background:var(--amber);box-shadow:0 0 0 1px var(--amber-dim)}.cos-list{gap:8px;margin-top:6px;display:grid}.cos-row{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:2px;padding:8px 10px;display:flex}.cos-row.active{box-shadow:0 0 0 2px var(--amber-dim)}.cos-row.locked{opacity:.82}.cos-row.locked .cos-name b{color:var(--muted)}.cos-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cos-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.cos-swatch{width:14px;height:14px;box-shadow:0 0 0 2px var(--line);flex:none;display:inline-block}.cos-req{color:var(--warn);font-size:11px}.btn{--fc:var(--line-hi);appearance:none;font-family:var(--font-px);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);min-height:36px;box-shadow:0 -2px 0 0 var(--fc), 0 2px 0 0 var(--fc), -2px 0 0 0 var(--fc), 2px 0 0 0 var(--fc), inset 0 -3px 0 #00000047;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2c4a3b;border:0;border-radius:0;margin:2px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform 50ms}.btn:hover:not(.is-disabled):not(:disabled){background:#36594a}.btn:active:not(.is-disabled):not(:disabled){box-shadow:0 -2px 0 0 var(--fc), 0 2px 0 0 var(--fc), -2px 0 0 0 var(--fc), 2px 0 0 0 var(--fc), inset 0 2px 0 #0000004d;transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.btn-primary{--fc:var(--amber-dim);background:var(--amber);color:#2a1b05}.btn-primary:hover:not(.is-disabled):not(:disabled){background:#ffc374}.btn-danger{--fc:#8a3a3a;color:#ffd6d6;background:#5a2626}.btn-danger:hover:not(.is-disabled):not(:disabled){background:#7a3030}.btn.is-disabled,.btn:disabled{cursor:not-allowed;color:#6f857a;--fc:#34493f;box-shadow:0 -2px 0 0 var(--fc), 0 2px 0 0 var(--fc), -2px 0 0 0 var(--fc), 2px 0 0 0 var(--fc);background:#24352c}.btn-sm{min-height:30px;padding:6px 12px}.btn-icon{min-width:36px;padding:4px 10px;font-size:18px;line-height:1}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.reason{color:var(--warn);margin:2px 2px 0;font-size:11px;line-height:1.3;display:block}.btn-row .reason{flex-basis:100%}.toggles{gap:10px;display:grid}.toggle{cursor:pointer;align-items:flex-start;gap:10px;min-height:32px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.tbox{background:var(--bg-sunk);width:22px;height:22px;box-shadow:0 0 0 2px var(--line-hi);flex:none;margin:2px;position:relative}.toggle input:checked+.tbox{background:var(--amber);box-shadow:0 0 0 2px var(--amber-dim)}.toggle input:checked+.tbox:after{content:"";border:3px solid #2a1b05;border-width:0 3px 3px 0;width:6px;height:12px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.toggle input:focus-visible+.tbox{outline:2px solid var(--amber);outline-offset:4px}.toggle:hover .tbox{box-shadow:0 0 0 2px var(--amber)}.seg-group{gap:6px;margin:8px 0;display:grid}.seg-group.seg-speed{flex-wrap:wrap;gap:10px;display:flex}.seg-opt{cursor:pointer;align-items:center;gap:10px;min-height:32px;display:flex}.seg-opt input{opacity:0;width:1px;height:1px;position:absolute}.seg-box{background:var(--bg-sunk);width:16px;height:16px;box-shadow:0 0 0 2px var(--line-hi);flex:none;margin:2px;position:relative}.seg-opt input:checked+.seg-box{background:var(--amber);box-shadow:0 0 0 2px var(--amber-dim)}.seg-opt input:checked+.seg-box:after{content:"";background:#2a1b05;width:6px;height:6px;position:absolute;top:3px;left:3px}.seg-opt input:focus-visible+.seg-box{outline:2px solid var(--amber);outline-offset:3px}.seg-opt:hover .seg-box{box-shadow:0 0 0 2px var(--amber)}.seg-txt{font-size:13px}.seg-opt input:checked~.seg-txt{color:var(--amber);font-weight:700}.tag{font-family:var(--font-px);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-sunk);white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block;box-shadow:0 0 0 1px}.tag-boss{color:#ff8a7a}.tag-elite{color:#d79bff}.tag-pin{color:var(--amber)}.banner{background:var(--bg-sunk);box-shadow:0 0 0 2px var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:2px 2px 14px;padding:10px 12px;font-size:13px;display:flex}.banner.warn{color:var(--warn);box-shadow:0 0 0 2px #8a6d2a}.banner.bad{color:#ffc0b8;box-shadow:0 0 0 2px #8a3a3a}.inv{flex-direction:column;flex:1;min-height:0;display:flex}.inv-top{scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent;flex:auto;min-height:120px;padding:12px 14px 8px;overflow:hidden auto}.eq-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.eq-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.eq-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:2px;display:grid}.cell{--rc:var(--line);aspect-ratio:1;background:var(--bg-sunk);width:100%;color:var(--rc);cursor:pointer;box-shadow:inset 0 0 0 2px var(--rc);border:0;border-radius:0;margin:0;padding:4px;display:block;position:relative}.eq-slot .cell{max-width:60px}.cell.empty{cursor:default;color:#2c4337;--rc:#243a2f}.cell.empty .pxi{opacity:.35}@keyframes qi-pulse-gold{0%,to{box-shadow:inset 0 0 0 2px var(--gold), 0 0 10px #ffd70073, inset 0 0 8px #ffb84d40}50%{box-shadow:inset 0 0 0 2px #fff3a8,0 0 18px #ffd700cc,inset 0 0 14px #ffd70073}}@keyframes qi-pulse-mythic{0%,to{box-shadow:inset 0 0 0 2px var(--r-mythic), 0 0 12px #ff336680, inset 0 0 8px #ff33664d}50%{box-shadow:inset 0 0 0 2px #ff758c,0 0 20px #ff3366d9,inset 0 0 16px #ff4d6d80}}@keyframes qi-pulse-celestial{0%,to{box-shadow:inset 0 0 0 2px var(--r-celestial), 0 0 14px #70f3ff99, inset 0 0 10px #4deeea59}50%{box-shadow:inset 0 0 0 2px #e0ffff,0 0 24px #70f3fff2,inset 0 0 18px #70f3ff99}}.cell.r-common{--rc:var(--r-common);background:#15221d}.cell.r-rare{--rc:var(--r-rare);background:#122435}.cell.r-epic{--rc:var(--r-epic);background:#231633}.cell.r-legendary{--rc:var(--gold);background:radial-gradient(circle,#2e1e0a 0%,#150f05 100%);animation:3s ease-in-out infinite qi-pulse-gold}.cell.r-mythic{--rc:var(--r-mythic);background:radial-gradient(circle,#330b18 0%,#15050a 100%);animation:2.6s ease-in-out infinite qi-pulse-mythic}.cell.r-celestial{--rc:var(--r-celestial);background:radial-gradient(circle,#0a2528 0%,#041214 100%);animation:2.2s ease-in-out infinite qi-pulse-celestial}button.cell:hover{filter:brightness(1.25)}.cell.selected{box-shadow:inset 0 0 0 2px var(--rc), 0 0 0 2px var(--color-text-primary);z-index:1}.cell:focus-visible{outline:2px solid var(--amber);outline-offset:2px;z-index:2}.badge{color:var(--color-text-primary);font-size:9px;font-weight:800;line-height:1;font-family:var(--font-px);background:#000000c7;padding:2px 3px;position:absolute}.cell.r-legendary .badge{color:#1a0f02;background:linear-gradient(135deg,#ffd700e6,#b87a28e6);box-shadow:0 0 6px #ffd700b3}.cell.r-mythic .badge{color:#fff;background:linear-gradient(135deg,#ff3366e6,#a0143ce6);box-shadow:0 0 6px #ff3366b3}.cell.r-celestial .badge{color:#041214;background:linear-gradient(135deg,#70f3ffe6,#4deeeae6);box-shadow:0 0 8px #70f3ffcc}.b-enh{color:var(--amber);top:0;right:0}.b-lock{color:var(--warn);padding:2px;display:flex;bottom:0;left:0}.b-eq{color:var(--good);bottom:0;right:0}.b-tier{color:#a4b3c6;opacity:.9;font-size:8px;top:0;left:0}.b-tier-badge{border:1px solid var(--rc);color:var(--rc);background:#0000008c;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block;position:static}.rar-prefix{color:var(--rc);font-weight:700}.overflow{margin-top:12px}.grid-overflow{margin-top:4px}.inv-detail{--rc:var(--r-common);border-top:2px solid var(--rc);background:var(--bg-card);scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent;flex:0 auto;max-height:55%;padding:12px 14px 14px;overflow:hidden auto}.inv-detail.r-rare{--rc:var(--r-rare)}.inv-detail.r-epic{--rc:var(--r-epic)}.inv-detail.r-legendary{--rc:var(--gold);border-top:2px solid var(--gold);box-shadow:inset 0 2px 14px #ffd70026}.inv-detail.r-mythic{--rc:var(--r-mythic);border-top:2px solid var(--r-mythic);box-shadow:inset 0 2px 16px #ff33662e}.inv-detail.r-celestial{--rc:var(--r-celestial);border-top:2px solid var(--r-celestial);box-shadow:inset 0 2px 20px #70f3ff38}.r-legendary{--rc:var(--gold);border-color:var(--gold)}.r-mythic{--rc:var(--r-mythic);border-color:var(--r-mythic)}.r-celestial{--rc:var(--r-celestial);border-color:var(--r-celestial)}.empty-detail{border-top-color:var(--line);flex:none;padding:14px}.detail-head{grid-template-columns:44px 1fr auto;align-items:start;gap:10px;display:grid}.detail-icon{background:var(--bg-sunk);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--rc);color:var(--rc);padding:4px}.item-name{color:var(--rc);font-size:15px;line-height:1.2}.enh{color:var(--amber)}.item-meta{color:var(--muted);font-size:12px}.item-meta .rar{color:var(--rc);font-weight:700}.statlist{gap:2px;margin:10px 0 6px;list-style:none;display:grid}.statlist li{border-bottom:1px dotted var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.compare{background:var(--bg-sunk);margin:8px 0;padding:8px}.inv-detail .btn-row{background:var(--bg-card);z-index:1;margin-top:0;padding:6px 0 14px;position:sticky;bottom:-14px}.sell-line{color:var(--muted);align-items:center;gap:8px;margin:6px 0;font-size:12px;display:flex}.sockets{margin:6px 0}.sock-row{align-items:center;gap:6px;margin:3px 0;font-size:12px;display:flex}.sock-row .cost-label{color:var(--muted);flex:none}.sock-rune{color:var(--rc);font-weight:700}.sock-select{background:var(--bg-sunk);min-width:0;color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--line);font:inherit;border:0;flex:1;padding:3px 4px;font-size:12px}.sock-btn{flex:none}.adv-controls{background:var(--bg-card);box-shadow:0 0 0 2px var(--line);margin:2px 2px 18px;padding:12px}.biome{margin-bottom:18px}.biome.dim{opacity:.7}.stages{gap:4px;list-style:none;display:grid}.stage-row{text-align:left;background:var(--bg-card);width:100%;min-height:40px;color:var(--color-text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:0;grid-template-columns:26px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.stage-row:hover:not(.is-disabled){background:#2a4637}.stage-row.current{box-shadow:inset 0 0 0 2px var(--amber);background:#2d3a24}.stage-row.live{background:#34402a}.stage-row.is-locked{background:var(--bg-sunk);color:var(--muted);cursor:not-allowed}.stage-row:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.sn{font-family:var(--font-px);color:var(--amber);text-align:center;font-weight:700}.is-locked .sn{color:var(--muted)}.sname{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.st{white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.st-cleared{color:var(--good)}.st-current,.st-fight{color:var(--amber)}.st-open{color:var(--color-text-primary)}.st-locked{color:var(--muted)}.stage-row .reason{grid-column:1/-1;margin-top:4px}#modal-root{pointer-events:none;z-index:1000;position:fixed;inset:0}.modal-backdrop{pointer-events:auto;background:radial-gradient(circle,#0e241cd1 0%,#06100df0 100%);place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:absolute;inset:0}.modal{width:min(480px,100%);max-height:calc(100dvh - 32px);box-shadow:0 0 0 2px var(--gold), 0 0 0 5px var(--bg-deep), 0 0 0 7px var(--line-hi), 0 0 28px #4deeea40, 0 20px 50px #000000d9;background:linear-gradient(160deg,#102920 0%,#0a1914 100%);outline:none;padding:20px;position:relative;overflow:auto}.modal:before{content:"";border-top:2px solid var(--gold);border-left:2px solid var(--gold);pointer-events:none;width:12px;height:12px;position:absolute;top:4px;left:4px}.modal:after{content:"";border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);pointer-events:none;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.modal-title{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 10px #ffd70073;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.modal-title:before{content:"☯";color:var(--jade);text-shadow:0 0 8px var(--jade);font-size:14px}.modal-body{margin-bottom:16px}.modal-body .note:first-child{margin-top:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.save-box{resize:vertical;background:var(--bg-sunk);width:100%;color:var(--color-text-primary);font:12px/1.35 var(--font-px);box-shadow:0 0 0 2px var(--line-hi);word-break:break-all;border:0;margin-top:8px;padding:8px}.text-input{background:var(--bg-sunk);width:100%;color:var(--color-text-primary);font:700 14px var(--font-px);letter-spacing:.1em;box-shadow:0 0 0 2px var(--line-hi);border:0;margin-top:8px;padding:10px}.save-box:focus-visible,.text-input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.form-error{color:var(--bad);min-height:16px;margin-top:6px;font-size:12px}#toast-area{top:calc(var(--topbar-h) + 12px);left:16px;right:calc(var(--side-w) + 16px);pointer-events:none;z-index:1001;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--bg-panel);max-width:360px;color:var(--color-text-primary);box-shadow:0 0 0 2px var(--line-hi), 0 6px 14px #00000080;padding:9px 14px;font-size:13px;animation:.18s ease-out toast-in}.toast-good{box-shadow:0 0 0 2px #3f8a4a,0 6px 14px #00000080}.toast-warn{color:var(--warn);box-shadow:0 0 0 2px #8a6d2a,0 6px 14px #00000080}.toast-bad{color:#ffc0b8;box-shadow:0 0 0 2px #8a3a3a,0 6px 14px #00000080}.toast-milestone{box-shadow:0 0 0 2px var(--amber), 0 0 0 5px var(--amber-dim), 0 0 18px #ffbe5059, 0 6px 14px #00000080;color:#ffd98a;letter-spacing:.03em;padding:11px 16px;font-size:14px;font-weight:700}.toast.leaving{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(6px)}.tooltip{z-index:1100;pointer-events:none;color:var(--color-text-primary);box-shadow:0 0 0 2px var(--line-hi), 0 4px 10px #00000080;background:#0b140f;padding:6px 10px;font-size:12px;line-height:1.35;position:fixed}#tutorial{right:calc(var(--side-w) + 16px);z-index:900;background:var(--bg-panel);pointer-events:auto;width:min(320px,100vw - 32px);box-shadow:0 0 0 2px var(--amber-dim), 0 6px 14px #00000080;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 12px;display:grid;position:fixed;bottom:16px}.tut-count{color:var(--amber-dim);grid-column:1/-1;font-size:10px}.tut-text{font-size:13px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1100px) and (width>=761px){:root{--side-w:340px}#top-bar{grid-template-columns:minmax(110px,1fr) auto minmax(180px,1fr);gap:8px;padding:6px 10px}.tab-label{letter-spacing:.03em;font-size:10px}.talent-branches{grid-template-columns:repeat(2,minmax(0,1fr))}}#sheet-hint{display:none}@media (width<=760px){:root{--topbar-h:56px;--tabbar-h:56px;--side-w:0px}body:not(.sheet-open) #sheet-hint{z-index:30;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);pointer-events:none;color:var(--muted);justify-content:center;font-size:10px;display:flex;position:fixed}#game{top:var(--topbar-h);aspect-ratio:1024/768;max-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - 48dvh - env(safe-area-inset-bottom,0px));bottom:auto;left:0;right:0}#overlay{display:block}#top-bar{height:var(--topbar-h);flex-wrap:nowrap;align-items:center;gap:4px;padding:4px 8px;display:flex;position:fixed;inset:0 0 auto}.tb-left{flex:auto;min-width:40px}.tb-biome{display:none}.tb-stage{gap:4px;font-size:12px;overflow:hidden}#tb-stage{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tb-right{flex:none;gap:4px}.tb-right .bars{min-width:68px;max-width:120px}.tb-shield{gap:1px;margin-left:0;font-size:7px}.tb-shield .pxi{width:8px;height:8px}.tb-right .chip-power,.tb-realm{display:none}.tb-center{scrollbar-width:none;flex:0 auto;order:3;justify-content:flex-end;gap:0;min-width:0;overflow-x:auto}.tb-center::-webkit-scrollbar{display:none}.tb-center .chip{flex:none;gap:3px;margin:0 1px;padding:1px 4px;font-size:10px}.tb-center .chip b{font-size:10px}.tb-center .chip .pxi{display:none}.tb-center .chip:before{content:"";background:var(--line-hi);flex:none;width:5px;height:5px}.tb-center .chip-gold:before{background:var(--amber)}.tb-center .chip[data-mat=kindling]:before{background:#ff8c3a}.tb-center .chip[data-mat=shards]:before{background:var(--xp)}.tb-center .chip[data-mat=cinders]:before{background:var(--r-epic)}.subnav{padding:8px 10px 0}.subnav-btn{min-height:44px;padding:4px 10px}#tab-bar{z-index:50;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-left:0;border-top:2px solid var(--line);position:fixed;bottom:0;left:0;right:0}.tab{border-top:3px solid #0000;border-bottom:0;flex-direction:column;gap:2px;min-width:44px;min-height:48px;padding:4px 2px;font-size:10px}.tab.active{border-top-color:var(--amber)}.tab .pxi{display:inline-block}#panel-area{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));z-index:40;border-left:0;border-top:2px solid var(--amber-dim);height:48dvh;max-height:48dvh;transition:transform .18s ease-out;position:fixed;box-shadow:0 -8px 20px #00000073}#panel-area.sheet-closed{transform:translateY(calc(100% + var(--tabbar-h) + 20px));visibility:hidden;transition:transform .18s ease-in,visibility 0s .18s}.sheet-head{flex:none;justify-content:center;align-items:center;height:26px;display:flex;position:relative}.sheet-grip{background:var(--line-hi);width:40px;height:4px}.sheet-close{min-width:44px;min-height:30px;position:absolute;top:-2px;right:4px}.stat-grid{gap:6px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inv-detail{max-height:62%}.btn,.btn-sm{min-height:44px}.toggle,.seg-opt{align-items:center;min-height:44px}.stage-row{grid-template-columns:24px minmax(0,1fr) auto auto;min-height:44px}.stage-row .tag-pin{display:none}.building{flex-direction:column}.bld-art,.ico-building{width:72px;height:72px}#toast-area{top:auto;left:auto;right:10px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);align-items:flex-end}#tutorial{width:auto;bottom:auto;left:8px;right:8px;top:calc(var(--topbar-h) + 8px)}}@media (width<=380px){#top-bar{padding:4px 6px}.tb-right .bars{min-width:56px}.tb-center .chip{padding:1px 4px}.tb-stage{font-size:11px}}@media (width<=480px){.relic-grid{grid-template-columns:1fr}}.trophy-card.trophy-dim{opacity:.5}.trophy-card .card-head h3{font-size:12px}.trophy-card .tag{transform:translateY(-1px)}.potion-garden{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.potion-garden:only-child{border-top:0;margin-top:0;padding-top:0}.potion-garden .block-title{font-size:12px}.potion-row{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.potion-ico{place-items:center;width:24px;height:24px;display:grid}.potion-ico .pxi{width:18px;height:18px}.potion-info{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.potion-stat{color:var(--muted);font-size:12px}.potion-actions{flex-direction:column;gap:4px;display:flex}.potion-actions .reason{margin-top:0}.potion-active{color:var(--muted);margin:0;font-size:12px}.potion-active.on{color:var(--good)}.talent-branches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.talent-branch .cards.stack{gap:8px}.talent-node .card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.talent-node h4{font-size:12px}.talent-node{padding:6px 10px}.talent-node .btn{min-height:30px;margin:2px 0 0;padding:6px 10px;font-size:11px}.talent-node .reason{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pips{gap:3px;display:inline-flex}.pip{background:var(--line);border-radius:50%;width:8px;height:8px;display:inline-block}.pip.on{background:var(--amber)}@media (width<=760px){.talent-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.potion-row{grid-template-columns:26px minmax(0,1fr)}.potion-actions{flex-direction:row;grid-column:2}.relic-tier-row{min-height:44px}.relic-compact .btn{min-height:44px;padding:8px 10px}[data-subhost=relics] section.biome{margin-bottom:12px}.btn-max{min-height:44px;padding:8px 10px}}.btn-max{min-height:30px;padding:6px 10px;font-size:11px}.block-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.block-head .block-title{margin:0}#strike-btn{z-index:45;min-width:110px;min-height:56px;font-size:16px;position:fixed;bottom:16px;right:16px}#strike-btn[hidden]{display:none}#speed-btn{z-index:45;min-width:64px;min-height:38px;font-size:13px;position:fixed;bottom:16px;left:16px}#speed-btn[hidden]{display:none}@media (width<=760px){#strike-btn{right:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px)}#speed-btn{left:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px)}}.exp-pips{gap:4px;margin:6px 2px 2px;display:flex}.exp-pip{background:var(--bg-sunk);width:18px;height:18px;box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line)}.exp-pip.done{background:var(--amber)}.exp-pip.current{background:linear-gradient(#ffe2a0 0 25%, var(--amber) 25% 100%);box-shadow:0 0 0 2px #ffe2a0 inset, 0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line)}.bar-exp{height:10px;margin-top:6px}.bar-exp>i{background:linear-gradient(#ffe2a0 0 25%, var(--amber) 25% 100%)}.exp-room{background:var(--bg-sunk);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);flex-direction:column;gap:6px;margin-top:10px;padding:10px 12px;display:flex}.exp-room-name{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.exp-fighting{color:var(--amber)}.exp-rewards{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.exp-rewards li{color:var(--color-text-primary);background:var(--bg-sunk);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);padding:6px 10px;font-size:12px}.exp-rewards-h{text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin:14px 0 0;font-size:12px}.exp-summary{margin:8px 0}.tag-substage{color:var(--amber);border:1px solid var(--amber-dim);letter-spacing:.04em;text-transform:uppercase;background:#ffb4541f;border-radius:2px;padding:1px 5px;font-size:9px}.cultivation-substage-badge{color:var(--color-text-primary);opacity:.9;align-items:center;gap:6px;margin:3px 0 6px;font-size:11px;display:flex}.stage-substage-badge{background:var(--bg-sunk);box-shadow:0 -1px 0 0 var(--line), 0 1px 0 0 var(--line), -1px 0 0 0 var(--line), 1px 0 0 0 var(--line);align-items:center;gap:8px;margin-bottom:8px;padding:4px 8px;font-size:11px;display:flex}.substage-pill{color:var(--color-text-primary)}.breakthrough-ceremony{flex-direction:column;gap:12px;display:flex}.breakthrough-header{text-align:center;border-bottom:1px solid var(--amber-dim);background:radial-gradient(circle,#ffb4542e 0%,#14141800 70%);margin-bottom:4px;padding:10px 8px}.breakthrough-badge{color:var(--amber);letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:700}.breakthrough-realm-title{color:#fff;font-size:18px;font-family:var(--font-px);text-shadow:0 0 10px #ffb45480}.breakthrough-grid{flex-direction:column;gap:8px;display:flex}.breakthrough-card{background:var(--bg-sunk);box-shadow:0 -1px 0 0 var(--line), 0 1px 0 0 var(--line), -1px 0 0 0 var(--line), 1px 0 0 0 var(--line);padding:8px 10px}.breakthrough-card-head{color:var(--amber);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.breakthrough-ico{color:var(--amber);font-size:13px}.breakthrough-perks{flex-direction:column;gap:3px;margin:4px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.technique-name{color:#ffda79;margin:2px 0 4px;font-size:13px;font-weight:700}.breakthrough-ceremony-heart .breakthrough-header{background:radial-gradient(circle,#ff2e6338 0%,#14141800 70%);border-bottom-color:#ff2e6380}.breakthrough-ceremony-heart .breakthrough-badge,.breakthrough-ceremony-heart .breakthrough-card-head,.breakthrough-ceremony-heart .breakthrough-ico{color:#ff5c85}.breakthrough-ceremony-heart .breakthrough-realm-title{text-shadow:0 0 10px #ff2e6380}.breakthrough-ceremony-karma .breakthrough-header{background:radial-gradient(circle,#7a6f9e47 0%,#14141800 70%);border-bottom-color:#b08d5799}.breakthrough-ceremony-karma .breakthrough-badge,.breakthrough-ceremony-karma .breakthrough-card-head,.breakthrough-ceremony-karma .breakthrough-ico{color:#b08d57}.breakthrough-ceremony-karma .breakthrough-realm-title{text-shadow:0 0 10px #ffd24d73}.karma-mirror{background:var(--bg-sunk);box-shadow:0 -1px 0 0 var(--line), 0 1px 0 0 var(--line), -1px 0 0 0 var(--line), 1px 0 0 0 var(--line);margin-top:8px;padding:6px 10px}.abode-meditation{background:var(--bg-sunk);box-shadow:0 -2px 0 0 var(--line), 0 2px 0 0 var(--line), -2px 0 0 0 var(--line), 2px 0 0 0 var(--line);margin-bottom:14px;padding:10px 12px}.abode-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.abode-head h3{color:var(--amber);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.abode-qi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:6px;display:grid}.abode-qi-item{background:var(--bg-panel);box-shadow:0 -1px 0 0 var(--line), 0 1px 0 0 var(--line), -1px 0 0 0 var(--line), 1px 0 0 0 var(--line);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.abode-qi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.abode-qi-value{color:var(--good);font-size:12px;font-weight:700}.abode-elixir-bar{border:1px dashed var(--amber-dim);background:#ffb4540f;margin-top:8px;padding:6px 8px;font-size:11px}