:root{--background:#0c1116;--foreground:#e8efed;--primary:#91efd0;--muted:#222d33;--muted-foreground:#91a3a6;--border:#263238;--card:#121b21;--gold:#ffd66b;--danger:#ff677d;--common:#9fb3b8;--rare:#7fc4ff;--epic:#d79bff;--font:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font);margin:0;font-size:16px}button{cursor:pointer;font:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #91efd0}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid #253037;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 3.5%;display:flex}.brand{letter-spacing:3px;align-items:center;gap:13px;font-size:20px;font-weight:800;display:flex}.brand>svg{color:#a0efcf}.brand-divider{background:#354147;width:1px;height:21px;margin:0 5px}.brand-sub{letter-spacing:2px;color:#a1adaf;font-size:12px;font-weight:500}.top-note{letter-spacing:1.4px;color:#a0afb0;align-items:center;gap:10px;font-size:12px;display:flex}.live-dot,.idle-dot{background:#9eefd0;border-radius:50%;width:6px;height:6px;display:inline-block}.live-dot{animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 10px #9eefd055}.idle-dot{background:#6e8389}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.version{color:#75868c;border-left:1px solid #303a40;margin-left:15px;padding-left:22px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:30px;max-width:1800px;margin:auto;padding:33px 3.5% 0;display:grid}.section-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.7px;color:#8fa1a6;font-size:12px;font-weight:600}.eyebrow em{color:#6f858b;font-style:normal}h1{letter-spacing:-1.3px;margin:6px 0 0;font-size:34px;font-weight:550;line-height:1.2}h1>span{color:#a5efcf}.mode-switch{width:280px}.segmented{background:#0c141a;border:1px solid #2b383f;border-radius:5px;gap:2px;width:100%;height:38px;padding:3px;display:flex}.segmented button{color:#92a5ab;letter-spacing:.2px;background:0 0;border:0;border-radius:3px;flex:1;padding:5px 4px;font-size:12px;transition:background .15s,color .15s}.segmented button.active{color:#bdedda;background:#2b4540}.segmented button:not(.active):not(:disabled):hover{background:#16232a}.arena-shell{isolation:isolate;background:#0b1418;border:1px solid #33484b;border-radius:7px;position:relative;overflow:hidden}.arena-top{z-index:2;letter-spacing:1.4px;color:#9db9b7;pointer-events:none;background:linear-gradient(#0b1418cc,#0000);justify-content:space-between;align-items:center;height:48px;padding:0 19px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.arena-actions{pointer-events:auto;gap:14px;display:flex}.arena-actions button{color:#a7b9b8;background:0 0;border:0;padding:4px}canvas{aspect-ratio:1500/920;cursor:none;touch-action:none;outline:none;width:100%;display:block}.arena-bottom{letter-spacing:1.2px;color:#8ca5a5;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.arena-bottom>span{align-items:center;gap:7px;display:flex}.legend{border-radius:50%;width:5px;height:5px;margin-left:12px;display:inline-block}.legend:first-child{margin-left:0}.cyan{background:#88eacf}.amber{background:#e7c589}.red{background:#ff7d8c}.violet{background:#c98bff}.scale-line{border:1px solid #638684;border-top:none;width:40px;height:5px;margin-left:6px;display:inline-block}.start-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;background:#0a131866;place-items:center;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:45px 0 35px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.start-card{text-align:center;background:#101b21ec;border:1px solid #39514f;border-radius:9px;width:min(390px,90%);padding:28px;animation:.35s cubic-bezier(.2,.9,.3,1.2) rise;box-shadow:0 24px 100px #0006}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.overlay-icon{color:#a8efd4;background:#1c3431;border:1px solid #42675d;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 20px;display:grid}.overlay-icon.danger{color:#ff8fa0;background:#3a1c25;border-color:#6b3541}.start-card .eyebrow{color:#a2d3bf;font-size:12px}.start-card h2{letter-spacing:-.8px;margin:10px 0;font-size:26px;font-weight:550}.start-card p{color:#9eafb2;margin:0 0 24px;font-size:14px;line-height:1.6}.primary-button{color:#142b25;background:#a2ebcd;border:none;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 15px;font-size:14px;font-weight:650;transition:background .15s,transform .1s;display:flex}.primary-button:hover{background:#c0f8e1}.primary-button:active{transform:scale(.98)}.primary-button>span{opacity:.5;margin-left:auto;font-size:12px}.desktop-hint{color:#829799;margin-top:15px;font-size:12px}.death-card{width:min(460px,92%)}.summary-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin:18px 0 20px;display:grid}.summary-grid span{letter-spacing:1px;color:#8fa1a6;font-size:10px;display:block}.summary-grid b{font-variant-numeric:tabular-nums;margin-top:3px;font-size:18px;font-weight:500;display:block}.relic-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.relic{background:#0c141a;border:1px solid;border-radius:6px;place-items:center;width:34px;height:34px;font-size:16px;display:grid;position:relative}.relic small{color:#d3dedc;background:#1a242b;border-radius:6px;padding:1px 4px;font-size:9px;position:absolute;bottom:-6px;right:-6px}.relic.common{border-color:var(--common);color:var(--common)}.relic.rare{border-color:var(--rare);color:var(--rare)}.relic.epic{border-color:var(--epic);color:var(--epic);box-shadow:0 0 14px #d79bff44}.shop-overlay{align-items:center}.shop{background:#101b21f2;border:1px solid #39514f;border-radius:10px;width:min(760px,94%);padding:26px 28px;animation:.35s cubic-bezier(.2,.9,.3,1.2) rise;box-shadow:0 24px 100px #0008}.shop-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.shop-head h2{letter-spacing:-.8px;margin:6px 0 0;font-size:26px;font-weight:550}.shop-status{font-family:var(--mono);gap:16px;font-size:15px;display:flex}.shop-status .gold{color:var(--gold)}.shop-status .hp{color:#79f1cd}.shop-status .hp.low{color:var(--danger);animation:1s infinite pulse}.offers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.offer{text-align:left;color:var(--foreground);background:#0c141a;border:1px solid #2b383f;border-radius:8px;flex-direction:column;gap:6px;padding:18px 16px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.4s cubic-bezier(.2,.9,.3,1.2) both card-in;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(24px)rotate(-1deg)}to{opacity:1;transform:none}}.offer:hover{transform:translateY(-4px)scale(1.02)}.offer.common{border-color:#3a4c52}.offer.common:hover{border-color:var(--common);box-shadow:0 10px 40px #9fb3b822}.offer.rare{border-color:#2f5a78}.offer.rare:hover{border-color:var(--rare);box-shadow:0 10px 40px #7fc4ff33}.offer.epic{background:linear-gradient(#1a1226,#0c141a);border-color:#5a3a78}.offer.epic:hover{border-color:var(--epic);box-shadow:0 10px 40px #d79bff44}.offer-key{font-family:var(--mono);color:#6f858b;border:1px solid #2b383f;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:10px;right:10px}.offer-icon{font-size:28px;line-height:1}.offer-rarity{letter-spacing:1.4px;text-transform:uppercase;font-size:10px}.offer.common .offer-rarity{color:var(--common)}.offer.rare .offer-rarity{color:var(--rare)}.offer.epic .offer-rarity{color:var(--epic)}.offer strong{font-size:16px;font-weight:600}.offer p{color:#9eafb2;margin:0;font-size:13px;line-height:1.5}.shop-actions{gap:10px;margin-top:18px;display:flex}.shop-actions button{color:#c5d0d0;background:#16232a;border:1px solid #2b383f;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.shop-actions button:not(:disabled):hover{border-color:#4b6a6a}.shop-actions em{color:var(--gold);font-style:normal;font-family:var(--mono);margin-left:4px;font-size:12px}.timing-strip{background:#141f25;border:1px solid #2c3b41;border-top:0;border-radius:0 0 6px 6px;align-items:center;gap:15px;margin:0 5px;padding:14px 17px;display:flex}.phase-label{letter-spacing:1px;color:#a4ebcc;align-items:center;gap:8px;width:115px;font-size:12px;display:flex}.timing-track{background:#2c393e;border-radius:3px;flex:1;height:4px;overflow:hidden}.timing-track>div{background:#9beaca;height:100%}.timing-track>.windup{background:#f4c381}.timing-hint{color:#9aafb0;width:110px;font-size:12px}.dash-meter{align-items:center;gap:8px;width:110px;display:flex}.dash-meter span{font-family:var(--mono);color:#9ff5ff;border:1px solid #2f4a52;border-radius:3px;padding:1px 5px;font-size:11px}.bar{background:#2c393e;border-radius:3px;flex:1;height:4px;overflow:hidden}.bar>div{height:100%;transition:width .12s linear}.icon-button{color:#aec0c1;background:0 0;border:none;padding:0;display:flex}.metrics{border-bottom:1px solid #2b343b;grid-template-columns:repeat(4,1fr);padding:25px 0 23px;display:grid}.metric{border-left:1px solid #2b353c;padding-left:24px}.metric:first-child{border-left:0;padding-left:0}.metric>span{letter-spacing:1.2px;color:#90a3a7;font-size:12px}.metric>div{font-variant-numeric:tabular-nums;margin-top:8px;font-size:31px;font-weight:500;line-height:1.2}.metric small{color:#748b90;margin-left:8px;font-size:12px;font-weight:400}.metric .warn{color:#f8b684}.hp-metric .bar{max-width:200px;margin-top:10px}.control-guide{color:#9aadb0;flex-wrap:wrap;gap:20px;padding:19px 0;font-size:12px;display:flex}.control-guide>div{align-items:center;gap:7px;display:flex}kbd{letter-spacing:.3px;color:#d3dedc;background:#1a242b;border:1px solid #38454b;border-radius:4px;padding:3px 5px;font-family:inherit;font-size:12px;box-shadow:0 2px #070e12}.guide-tip{color:#768d90;margin-left:auto}.settings-panel{background:#121b21;border:1px solid #29343c;border-radius:8px;align-self:start;margin-top:4px;padding:23px 22px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:0;font-size:18px;font-weight:550}.panel-heading>span{font-family:var(--mono);color:#668087;font-size:12px}.panel-description{color:#879ca2;margin:7px 0 0;font-size:14px;line-height:1.6}.setting-section{padding-top:24px}.setting-section>.eyebrow{letter-spacing:1.2px;margin-bottom:12px;font-size:12px;display:block}.setting-note{color:#91a7ae;margin:10px 0 0;font-size:12px;line-height:1.6}.range-setting{margin-top:19px}.range-setting>div:first-child{color:#b7c4c6;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.range-setting output{font-family:var(--mono);color:#c4e5d9;font-size:12px}input[type=range]{accent-color:#91efd0;background:0 0;width:100%;height:22px;margin:0}input[type=range]:disabled{opacity:.5}.profile-foot{color:#8da7ad;margin-top:16px;font-size:12px}.profile-foot span{padding:0 5px}.toggle-section{border-top:1px solid #28353d;margin-top:22px;padding-top:19px}.toggle{color:#c5d0d0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.toggle small{color:#8ea5ad;margin-top:5px;font-size:12px;display:block}.switch{background:#1a242b;border:1px solid #38454b;border-radius:11px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .15s;position:relative}.switch i{background:#8ea5ad;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{background:#2b4540;border-color:#3f6a5c}.switch.on i{background:#a2ebcd;transform:translate(16px)}.relics ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.relics li{background:#0c141a;border:1px solid #2b383f;border-radius:5px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;animation:.3s ease-out card-in;display:flex}.relics li b{font-family:var(--mono);color:#d3dedc;margin-left:auto;font-weight:400}.relic-icon{text-align:center;width:20px}.relics li.rare{border-color:#2f5a78}.relics li.rare .relic-icon{color:var(--rare)}.relics li.epic{border-color:#5a3a78}.relics li.epic .relic-icon{color:var(--epic)}.stat-sheet>div{color:#90a8af;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.stat-sheet b{font-family:var(--mono);color:#c3d5d3;font-weight:400}.coach-note{color:#b7dfcd;background:#1c2c2b;border:1px solid #344943;border-radius:5px;gap:10px;margin-top:22px;padding:14px;display:flex}.coach-note svg{flex-shrink:0;margin-top:1px}.coach-note strong{font-size:14px;font-weight:550}.coach-note p{color:#a1bfb8;margin:5px 0 0;font-size:12px;line-height:1.7}.secondary-metrics{margin-top:20px}.secondary-metrics>div{color:#90a8af;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.secondary-metrics b{font-family:var(--mono);color:#c3d5d3;font-weight:400}footer{color:#859fa8;letter-spacing:.4px;border-top:1px solid #202c33;justify-content:space-between;gap:16px;max-width:1800px;margin:10px auto 0;padding:17px 3.5% 22px;font-size:12px;display:flex}.arena-shell:fullscreen{border-radius:0;width:100vw;height:100vh}.arena-shell:fullscreen canvas{aspect-ratio:auto;width:100%;height:100%}@media (width>=1600px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.settings-panel{padding:28px}.setting-section{padding-top:30px}}@media (width<=1100px){.workspace{grid-template-columns:minmax(0,1fr) 275px;gap:18px;padding-left:2%;padding-right:2%}.settings-panel{padding:18px 16px}.brand-sub,.top-note,.guide-tip,.timing-hint{display:none}.metric{padding-left:15px}.start-card{padding:20px}.overlay-icon{display:none}.section-top{align-items:flex-end}h1{font-size:30px}.offers{gap:8px}.offer{padding:12px}}@media (width<=820px){.workspace{flex-direction:column;padding:24px 16px 0;display:flex}.settings-panel{width:100%}.topbar{height:65px;padding:0 18px}.brand-divider{display:none}.section-top{flex-direction:column;align-items:flex-start}.mode-switch{width:100%}.start-card h2{font-size:22px}.start-card p{margin-bottom:15px;font-size:14px}.start-card{padding:18px}.metrics{padding:18px 0}.metric>div{font-size:25px}.control-guide{gap:12px}footer{flex-wrap:wrap}.start-overlay{inset:38px 0 26px}.start-card .eyebrow{display:none}.offers{grid-template-columns:1fr}.shop{padding:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.dash-meter{display:none}}:root{--silver:#b8c7cc;--gold-tier:#ffd66b;--prismatic:#d79bff}@keyframes dash-ready{0%,to{box-shadow:0 0 #9ff5ff00}50%{box-shadow:0 0 12px 2px #9ff5ff73}}.dash-meter.ready span{color:#dffdff;border-color:#9ff5ff;animation:1.6s ease-in-out infinite dash-ready}.dash-meter .charges{font-family:var(--mono);color:#9ff5ff;font-size:11px;font-weight:400}@keyframes flash-hit{0%{color:#ff677d;transform:translate(-2px)}40%{transform:translate(2px)}to{color:inherit;transform:none}}.metric .flash-hit{animation:.35s ease-out flash-hit}@keyframes pop{0%{color:var(--gold);transform:scale(1.18)}to{transform:none}}.metric .pop{transform-origin:0;animation:.3s ease-out pop}.hero-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-card small{font-size:10.5px;line-height:1.3}.stat-sheet .ready{color:#9ff5ff}.hero-card{text-align:left;color:var(--foreground);background:#0c141a;border:1px solid #2b383f;border-radius:6px;flex-direction:column;gap:4px;padding:10px 10px 10px 16px;transition:border-color .15s,transform .15s;display:flex;position:relative}.hero-card:not(:disabled):hover{border-color:var(--hero);transform:translateY(-2px)}.hero-card.active{border-color:var(--hero);box-shadow:inset 0 0 0 1px var(--hero);background:#10202a}.hero-card.locked{opacity:.55}.hero-swatch{background:var(--hero);border-radius:2px;width:4px;position:absolute;top:10px;bottom:10px;left:6px}.hero-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.hero-card small{color:#8ea5ad;font-size:11px;line-height:1.4}.offer.silver{border-color:#3a4c52}.offer.silver:hover{border-color:var(--silver);box-shadow:0 10px 40px #b8c7cc22}.offer.gold{background:linear-gradient(#1a170f,#0c141a);border-color:#6a5a2a}.offer.gold:hover{border-color:var(--gold-tier);box-shadow:0 10px 40px #ffd66b33}.offer.prismatic{background:linear-gradient(135deg,#1a1226,#0f1a24 60%,#12221c);border-color:#5a3a78;position:relative;overflow:hidden}.offer.prismatic:before{content:"";pointer-events:none;background:conic-gradient(#d79bff33,#7fc4ff33,#9ff5ff33,#ffd66b33,#d79bff33);animation:6s linear infinite spin;position:absolute;inset:-40%}.offer.prismatic>*{position:relative}.offer.prismatic:hover{border-color:var(--prismatic);box-shadow:0 10px 44px #d79bff55}@keyframes spin{to{transform:rotate(360deg)}}.offer.silver .offer-rarity{color:var(--silver)}.offer.gold .offer-rarity{color:var(--gold-tier)}.offer.prismatic .offer-rarity{color:var(--prismatic)}.offer-rarity .synergy{color:#bdedda;letter-spacing:.6px;background:#2b4540;border-radius:3px;margin-left:8px;padding:1px 6px;font-style:normal}.shop.tier-prismatic{border-color:#7a4aa8;box-shadow:0 24px 100px #0008,0 0 60px #d79bff22}.shop.tier-gold{border-color:#8a7530}.relic.silver,.relics li.silver{border-color:var(--silver)}.relic.silver{color:var(--silver)}.relic.gold,.relics li.gold{border-color:#8a7530}.relic.gold,.relics li.gold .relic-icon{color:var(--gold-tier)}.relic.prismatic,.relics li.prismatic{border-color:#7a4aa8}.relic.prismatic{color:var(--prismatic);box-shadow:0 0 14px #d79bff44}.relics li.prismatic .relic-icon{color:var(--prismatic)}.quest-progress{color:#b78ad8}.offers.four{grid-template-columns:repeat(4,1fr)}.offers.banishing .offer{border-style:dashed;border-color:#ff8f6b}.offer-banish{font-family:var(--mono);letter-spacing:.8px;color:#ffb56c;font-size:10px;position:absolute;top:8px;right:10px}.sinks{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.sinks button{color:var(--foreground);text-align:left;background:#121b21;border:1px solid #2b383f;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 8px 34px;transition:border-color .15s,transform .15s;display:flex;position:relative}.sinks button:not(:disabled):hover{border-color:var(--gold);transform:translateY(-2px)}.sinks button.armed{border-color:#ff8f6b;box-shadow:inset 0 0 0 1px #ff8f6b}.sinks button b{font-size:13px;font-weight:600}.sinks button small{color:#9eafb2;font-size:11px}.sinks button:disabled{opacity:.5}.metric.enraged div{color:#ff5c5c}.cull-tag{font-family:var(--mono);letter-spacing:.6px;color:#ffb35c;margin-top:4px;font-size:10px;display:block}@media (width<=820px){.offers.four,.sinks{grid-template-columns:1fr}}.offer-unlock{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:#ffd9a8;background:#3a2c14;border:1px solid #6a4f22;border-radius:3px;align-self:flex-start;margin:-2px 0 4px;padding:1px 7px;font-size:10px;display:inline-block}.shield-tag{color:#9ff5ff;font-style:normal}.anvil{background:#0c141a99;border:1px dashed #3a4c52;border-radius:8px;margin-top:16px;padding:12px 14px}.anvil-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.anvil-cost{font-family:var(--mono);color:var(--gold);font-size:11px}.shards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shards button{color:var(--foreground);text-align:left;background:#121b21;border:1px solid #2b383f;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 8px;transition:border-color .15s,transform .15s;display:flex;position:relative}.shards button:not(:disabled):hover{border-color:var(--gold);transform:translateY(-2px)}.shards button i{color:var(--gold);font-size:18px;font-style:normal}.shards button b{font-size:13px;font-weight:600}.shards button small{color:#9eafb2;font-size:11px}.anvil-empty{color:#6f858b;grid-column:1/-1;font-size:12px}.shards-owned>div{flex-wrap:wrap;gap:6px;display:flex}.shard-chip{font-family:var(--mono);color:#c3d5d3;border:1px solid #3a4c52;border-radius:4px;padding:3px 7px;font-size:11px}.stat-sheet em{color:#ffb56c;margin-left:4px;font-style:normal}.stat-sheet .hot{color:#ff5c5c}.unlock-banner{color:#e6c9ff;background:#2a1a3a;border:1px solid #7a4aa8;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin:6px 0 4px;padding:8px 10px;font-size:13px;animation:.5s cubic-bezier(.2,.9,.3,1.2) rise;display:flex}@media (width<=820px){.shards,.hero-picker{grid-template-columns:1fr}}