:root{--hx-blue: #0ac8b9;--hx-blue-dim: #0397ab;--hx-blue-deep: #005a82;--hx-bg: #010a13;--hx-bg-2: #091428;--hx-panel: rgba(9, 20, 40, .94);--hx-panel-solid: #0a1628;--hx-card: #0c1c2e;--hx-card-hover: #12263c;--hx-border: #785a28;--hx-border-soft: #3c5c78;--hx-gold: #c8aa6e;--hx-gold-bright: #f0e6d2;--hx-gold-dim: #785a28;--hx-text: #f0e6d2;--hx-muted: #a09b8c;--hx-stat-up: #12d572;--hx-danger: #e84057;--hx-hp: #e84057;--hx-xp: #0ac8b9;--hx-glow: 0 0 18px rgba(10, 200, 185, .28);--hx-glow-gold: 0 0 16px rgba(200, 170, 110, .28);--hx-scroll-track: rgba(2, 11, 20, .78);--hx-scroll-thumb: #176478;--hx-scroll-thumb-hover: #0ac8b9;--bg: var(--hx-bg);--panel: var(--hx-panel);--panel-border: var(--hx-border-soft);--blood: var(--hx-blue);--blood-dark: var(--hx-blue-deep);--accent: var(--hx-gold);--gold: var(--hx-gold);--gold-dim: var(--hx-gold-dim);--text: var(--hx-text);--muted: var(--hx-muted);--card: var(--hx-card);--card-hover: var(--hx-card-hover);--ok: var(--hx-stat-up);--font-display: "Cinzel", "Noto Serif SC", "Songti SC", serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-num: "Cinzel", "Noto Sans SC", system-ui, sans-serif;--radius: 10px;--shadow: 0 16px 48px rgba(0, 12, 24, .65);--frame-clip: polygon(6% 0, 94% 0, 100% 6%, 100% 94%, 94% 100%, 6% 100%, 0 94%, 0 6%)}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area){scrollbar-width:thin;scrollbar-color:var(--hx-scroll-thumb) var(--hx-scroll-track);overscroll-behavior:contain}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar{width:8px;height:8px}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar-track{background:var(--hx-scroll-track);border:1px solid rgba(60,92,120,.2);border-radius:999px}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar-thumb{min-height:34px;background:linear-gradient(180deg,var(--hx-blue),var(--hx-blue-deep));border:2px solid var(--hx-scroll-track);border-radius:999px}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45e5d8,var(--hx-scroll-thumb-hover))}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar-corner{background:transparent}@media(max-width:700px),(pointer:coarse)and (hover:none){:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar{width:5px;height:5px}:where(.panel,.panel-inner,.hero-select-shell,.hero-roster,.hero-detail,.levelup-list,.augment-inner,.augment-grid,.scroll-area)::-webkit-scrollbar-thumb{border-width:1px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;height:100dvh;width:100%;background:#000;overflow:hidden;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#game{display:block;image-rendering:auto;background:#061018;touch-action:none;outline:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:20}#ui-root>*{pointer-events:auto}#boot{position:fixed;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(10,90,110,.35) 0%,transparent 55%),radial-gradient(ellipse at center,#0a2030,#010a13 75%);z-index:50;transition:opacity .45s ease}#boot.hidden{opacity:0;pointer-events:none}.boot-title{font-family:var(--font-display);font-size:clamp(24px,5.2vw,48px);letter-spacing:.2em;color:var(--hx-gold);text-shadow:0 2px 0 #2a1c08,0 0 28px rgba(10,200,185,.45);text-align:center;padding:0 16px;font-weight:700}.boot-sub{font-family:var(--font-body);font-size:12px;color:var(--hx-blue);letter-spacing:.28em;font-weight:700;animation:pulseGlow 1.4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.55;text-shadow:0 0 0 transparent}50%{opacity:1;text-shadow:0 0 12px rgba(10,200,185,.55)}}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:linear-gradient(180deg,#010a13c7,#010a13eb),var(--menu-bg, none) center / cover no-repeat}.panel-inner{width:min(960px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#102030f5,#081220f5);border:1px solid var(--hx-border-soft);border-radius:14px;padding:22px 20px;box-shadow:var(--shadow),inset 0 1px #f0e6d20f,0 0 0 1px #0ac8b914;backdrop-filter:blur(10px);position:relative}.panel-inner:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #c8aa6e1f}@media(max-width:700px),(pointer:coarse)and (hover:none){.panel{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:stretch;justify-content:flex-start}.panel-inner{width:100%;max-height:none;min-height:min(100%,100dvh);padding:14px 12px max(16px,env(safe-area-inset-bottom));gap:10px;border-radius:12px;overflow:auto;-webkit-overflow-scrolling:touch}.panel h1{font-size:clamp(18px,6vw,26px);letter-spacing:.08em}.btn{min-height:48px;font-size:15px;flex:1 1 42%}.btn-row{gap:8px;width:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.card{min-height:132px;padding:10px 8px}.card .card-icon,.card-icon,.champ-portrait{width:56px;height:56px}.hero-banner{flex-direction:column;width:100%}.hero-banner .info{text-align:center;min-width:0;width:100%}.hero-banner img{width:96px;height:96px}.scroll-area{max-height:min(52dvh,420px)}.levelup-inner{width:100%!important;max-height:min(96dvh,100%)!important;padding:12px 10px max(14px,env(safe-area-inset-bottom))!important}.levelup-list{max-height:min(58dvh,480px)}.level-row{grid-template-columns:44px 1fr auto;min-height:76px;padding:12px 10px;gap:10px}.level-row-icon{width:40px;height:40px}.level-row-tag{font-size:10px;padding:4px 6px}.pause-inner{max-width:100%}.pause-details{max-height:min(42dvh,360px)}.stat-list{width:100%;font-size:13px;gap:8px 12px}.stat-diff-line{font-size:10px;padding:3px 6px}}@media(max-height:480px)and (orientation:landscape){.panel-inner{gap:8px;padding:10px 12px}.panel h1{font-size:18px}.hero-banner img{width:72px;height:72px}.scroll-area{max-height:min(48dvh,240px)}.levelup-inner{padding:8px 10px!important;gap:8px!important}.levelup-title{font-size:18px!important}.levelup-hint{display:none!important}.levelup-list{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;max-height:min(58dvh,260px)}.level-row{grid-template-columns:36px 1fr;grid-template-rows:auto auto;min-height:0;padding:8px;gap:6px}.level-row-tag{grid-column:1 / -1;justify-self:start}.level-row-icon{width:34px;height:34px}.level-row-desc,.stat-diff{display:none}.levelup-actions .btn{min-height:40px}.pause-details{max-height:min(36dvh,180px)}}html.platform-pc.playing,body.platform-pc.playing{overflow:hidden;overscroll-behavior:none}body.platform-pc.playing #game{touch-action:none}html.platform-mobile.playing,body.platform-mobile.playing{overflow:hidden;position:fixed;inset:0;width:100%;height:100%;height:100dvh;touch-action:none;overscroll-behavior:none}body.platform-mobile.playing #ui-root .panel{touch-action:pan-y}body.platform-mobile.playing #game{touch-action:none}html.platform-pc .card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}html.platform-pc .level-row{min-height:72px}html.platform-mobile .btn{min-height:48px}.panel h1{margin:0;font-family:var(--font-display);font-size:clamp(22px,4.2vw,36px);color:var(--hx-gold);text-shadow:0 2px 0 #1a1408,0 0 22px rgba(10,200,185,.28);text-align:center;letter-spacing:.14em;font-weight:700}.panel h2{margin:0;font-family:var(--font-display);font-size:clamp(14px,2.2vw,20px);color:var(--hx-gold);text-align:center;letter-spacing:.08em}.panel p,.panel .hint{margin:0;font-size:13px;line-height:1.65;color:var(--hx-muted);text-align:center}.gold-bar{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--hx-gold);font-weight:700;letter-spacing:.02em}.btn-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.difficulty-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.difficulty-picker .btn.active{border-color:#d9b45b;color:#fff2b2;box-shadow:0 0 0 1px #d9b45b59,0 0 18px #d9b45b29}.difficulty-desc{min-height:1.4em}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.leaderboard-filters select{min-height:38px;border:1px solid rgba(200,170,110,.45);border-radius:6px;background:#0a0e18eb;color:#f0e6d2;padding:6px 10px}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:64px minmax(140px,1fr) 90px;align-items:center;gap:10px;padding:9px 12px}.leaderboard-head{color:#c8aa6e;border-bottom:1px solid rgba(200,170,110,.35)}.leaderboard-row{border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-row small{display:block;color:#9ba7bd}.leaderboard-row strong{text-align:right;color:#f0cf85}.history-area{width:min(760px,100%);max-height:42vh;text-align:left}.history-area h2{margin:12px 0 6px;color:#c8aa6e;font-size:15px}.history-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(150px,auto);gap:12px;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.history-row span:last-child{color:#b9c5d8;text-align:right}.history-build{margin:5px 0;color:#cbd5e5}.history-build strong{color:#f0cf85}.daily-banner{width:min(720px,100%)}.account-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--hx-muted)}.account-bar .acct-name{color:var(--hx-text);font-weight:700}.account-bar .acct-name.guest{color:var(--hx-muted);font-weight:400}.account-bar .acct-sync.synced{color:#6fd39a}.account-bar .acct-sync.error{color:#e08050}.btn.small{min-height:32px;min-width:0;padding:6px 14px;font-size:12.5px}.login-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#04080eb8;backdrop-filter:blur(3px)}.login-card{display:flex;flex-direction:column;gap:14px;width:min(92vw,400px);padding:24px 26px;border:1px solid var(--hx-border-soft);border-radius:12px;background:linear-gradient(180deg,#0d1c2c,#081220);box-shadow:0 0 32px #0009,0 0 0 1px #0ac8b914}.login-card h2{margin:0;text-align:center;font-size:20px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--hx-muted)}.login-field input{font-family:var(--font-body);font-size:14px;color:var(--hx-text);padding:10px 12px;border-radius:8px;border:1px solid var(--hx-border-soft);background:#040a12d9;outline:none;transition:border-color .12s,box-shadow .12s}.login-field input:focus{border-color:var(--hx-blue);box-shadow:0 0 10px #0ac8b940}.login-error{min-height:18px;font-size:13px;text-align:center;color:#e08050}.btn{font-family:var(--font-body);font-size:14px;font-weight:700;padding:12px 18px;border:1px solid var(--hx-border-soft);background:linear-gradient(180deg,#16324a,#0a1a2c);color:var(--hx-text);cursor:pointer;min-height:46px;min-width:108px;border-radius:8px;letter-spacing:.04em;transition:transform .1s,border-color .12s,box-shadow .12s,background .12s,color .12s;box-shadow:0 0 0 1px #0ac8b90d,0 4px 12px #00000059;position:relative}.btn:hover,.btn:focus-visible{border-color:var(--hx-blue);outline:none;transform:translateY(-1px);box-shadow:var(--hx-glow),0 6px 16px #0006;color:#fff}.btn:active{transform:translateY(1px);box-shadow:0 1px #040c14}.btn.primary{border-color:var(--hx-blue);background:linear-gradient(180deg,#0a8a90,#045058 55%,#033840);color:#f0fff8;box-shadow:0 0 16px #0ac8b938,0 4px 12px #00000059}.btn.primary:hover,.btn.primary:focus-visible{border-color:#3ae0d4;box-shadow:0 0 22px #0ac8b966,0 6px 16px #0006}.btn.gold{border-color:var(--hx-gold-dim);background:linear-gradient(180deg,#5a4420,#2a200c);color:#ffe9b0}.btn.gold:hover,.btn.gold:focus-visible{border-color:var(--hx-gold);box-shadow:var(--hx-glow-gold)}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}.btn.small{min-width:88px;min-height:42px;padding:8px 12px;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px;width:100%}.card{border:1px solid var(--hx-border-soft);background:linear-gradient(165deg,#122438,#0a1624 55%,#08121c);padding:12px;cursor:pointer;text-align:left;color:inherit;font-family:inherit;min-height:168px;border-radius:12px;transition:border-color .12s,transform .08s,box-shadow .12s,background .12s;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 18px #0000004d;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #c8aa6e14}.card:hover,.card.selected{border-color:var(--hx-gold);transform:translateY(-2px);box-shadow:var(--hx-glow-gold),0 10px 24px #00142866;background:linear-gradient(165deg,#1a3450,#102030)}.card.selected{box-shadow:0 0 0 1px #0ac8b973,var(--hx-glow),0 10px 24px #00142866;border-color:var(--hx-blue)}.card-icon,.champ-portrait{width:76px;height:76px;object-fit:cover;border-radius:10px;border:2px solid var(--hx-gold);box-shadow:0 0 0 1px #0ac8b959,0 0 14px #0ac8b92e;image-rendering:auto;align-self:center;clip-path:var(--frame-clip);background:#061018}.stage-thumb{width:96px;height:96px;border-radius:10px;object-fit:cover;border:1px solid var(--hx-border-soft);box-shadow:0 4px 16px #0006}.card.locked{opacity:.72;filter:grayscale(.45) brightness(.85);cursor:pointer}.card.locked:before{content:"🔒";position:absolute;top:8px;right:8px;z-index:2;font-size:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#010a13d1;border:1px solid var(--hx-border-soft);box-shadow:0 2px 8px #0006}.card .card-icon{width:72px;height:72px;image-rendering:auto;align-self:center;object-fit:cover;border-radius:10px;border:2px solid var(--hx-gold);filter:drop-shadow(0 4px 8px rgba(0,40,60,.45));clip-path:var(--frame-clip)}.card .card-title{font-family:var(--font-body);font-size:14px;color:var(--hx-gold-bright);text-align:center;font-weight:700;letter-spacing:.02em}.card .card-desc{font-size:12px;color:var(--hx-muted);line-height:1.5;text-align:center}.card .card-meta{font-size:12px;color:var(--hx-gold);text-align:center;margin-top:auto;font-weight:700}.card-stats{font-size:11px;color:#7ec8d8;line-height:1.4;font-weight:600;text-align:center}.card-stats.current{color:var(--hx-gold)}.card-stats.next{color:var(--hx-stat-up)}.hero-select-shell{width:min(1120px,100%);height:min(90dvh,780px);min-height:560px;overflow:hidden;gap:12px}.hero-select-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.hero-select-header h1{margin:1px 0 0;text-align:left}.hero-select-kicker,.hero-detail-kicker{margin:0;color:var(--hx-blue);font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.18em}.hero-select-subtitle{margin:5px 0 0;color:var(--hx-muted);font-size:13px}.hero-select-wallet{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-select-wallet span{min-height:34px;display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--hx-border-soft);border-radius:999px;color:var(--hx-gold-bright);background:#03101cc7;font-size:12px;font-weight:800}.hero-select-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.78fr);gap:14px;flex:1 1 auto;min-height:0}.hero-roster{min-width:0;overflow:auto;padding:2px 5px 4px 2px;scrollbar-color:rgba(10,200,185,.5) rgba(4,14,24,.55)}.hero-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-choice-card{position:relative;min-width:0;min-height:106px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:11px 10px;border:1px solid rgba(50,92,122,.65);border-radius:11px;color:var(--hx-text);text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;background:linear-gradient(155deg,#112639f5,#07121ffa);box-shadow:0 5px 16px #00000047;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s}.hero-choice-card:hover,.hero-choice-card.previewed{transform:translateY(-1px);border-color:var(--hx-gold);background:linear-gradient(155deg,#19344afa,#091928fa);box-shadow:0 0 0 1px #c8aa6e33,var(--hx-glow-gold)}.hero-choice-card.selected{border-color:var(--hx-blue);box-shadow:0 0 0 1px #0ac8b973,var(--hx-glow)}.hero-choice-card:focus-visible{outline:3px solid rgba(240,217,144,.95);outline-offset:2px}.hero-choice-card.locked{color:#a8b1ba;background:linear-gradient(155deg,#141c25f5,#080e16fa)}.hero-choice-card.locked .hero-choice-portrait{filter:grayscale(.72) brightness(.7)}.hero-choice-portrait-wrap{position:relative;width:58px;height:58px}.hero-choice-portrait{width:58px;height:58px;display:block;object-fit:cover;border-radius:9px;border:1px solid var(--hx-gold-dim);background:#061018;clip-path:var(--frame-clip);box-shadow:0 4px 12px #00000073}.hero-choice-check{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;display:none;place-items:center;border-radius:50%;color:#fff;background:#087c83;border:2px solid #d9fff8;font-size:11px;font-weight:900}.hero-choice-card.selected .hero-choice-check{display:grid}.hero-choice-copy{min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:32px}.hero-choice-name{overflow:hidden;color:var(--hx-gold-bright);font-size:14px;line-height:1.25;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.hero-choice-title,.hero-choice-trait{overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.hero-choice-title{color:var(--hx-muted)}.hero-choice-trait{color:var(--hx-blue);font-weight:700}.hero-choice-state{position:absolute;top:8px;right:8px;max-width:64px;padding:3px 6px;border-radius:999px;color:#c8eaf1;background:#041723e6;border:1px solid rgba(70,120,145,.58);font-size:9px;line-height:1.2;font-weight:800;text-align:center}.hero-choice-card.selected .hero-choice-state{color:#d9fff8;border-color:#0ac8b9b3;background:#055359e0}.hero-detail{min-width:0;min-height:0;display:flex;flex-direction:column;gap:11px;overflow:auto;padding:15px;border:1px solid rgba(42,94,126,.72);border-radius:13px;background:radial-gradient(circle at 80% 8%,rgba(10,200,185,.12),transparent 32%),linear-gradient(180deg,#0b1d2cfa,#050f1bfa);box-shadow:inset 0 0 0 1px #c8aa6e0f,0 8px 24px #00000052}.hero-detail-top{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center}.hero-detail-portrait-wrap{position:relative}.hero-detail-portrait{width:104px;height:104px;display:block;object-fit:cover;border-radius:13px;border:2px solid var(--hx-gold);clip-path:var(--frame-clip);box-shadow:0 0 0 1px #0ac8b957,0 0 22px #0ac8b933}.hero-detail-level{position:absolute;left:8px;right:8px;bottom:-7px;padding:4px 7px;border-radius:999px;color:#fff6cf;background:#051c28f5;border:1px solid var(--hx-gold-dim);font-size:10px;font-weight:800;text-align:center}.hero-detail-copy h2{margin:2px 0 0;color:var(--hx-gold-bright);font-family:var(--font-display);font-size:26px;letter-spacing:.04em}.hero-detail-title{color:var(--hx-blue);font-size:13px;font-weight:800}.hero-detail-copy>p:last-child{margin:7px 0 0;color:var(--hx-muted);font-size:12px;line-height:1.55}.hero-detail-feature,.hero-detail-section{padding:10px 11px;border:1px solid rgba(48,91,120,.55);border-radius:10px;background:#04131fb8}.hero-detail-feature>span,.hero-detail-section-title{display:block;margin-bottom:5px;color:var(--hx-gold);font-size:10px;font-weight:850;letter-spacing:.1em}.hero-detail-feature strong{color:#d9fff8;font-size:15px}.hero-detail-feature p{margin:4px 0 0;color:var(--hx-muted);font-size:12px;line-height:1.5}.hero-detail-loadout{display:grid;grid-template-columns:1fr;gap:6px}.hero-loadout-item{display:flex;align-items:center;gap:9px;min-width:0}.hero-loadout-item img{width:34px;height:34px;flex:0 0 auto;object-fit:cover;border-radius:7px;border:1px solid var(--hx-border-soft)}.hero-loadout-item span{min-width:0;display:flex;flex-direction:column}.hero-loadout-item small{color:var(--hx-muted);font-size:9px}.hero-loadout-item strong{overflow:hidden;color:var(--hx-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hero-detail-mods{color:var(--hx-stat-up);font-size:12px;font-weight:800;line-height:1.5}.hero-ability-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-ability-preview-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;min-width:0;padding:8px;border:1px solid rgba(48,91,120,.62);border-radius:9px;background:linear-gradient(180deg,#0c1f2eeb,#06131ff0)}.hero-ability-preview-card img{width:34px;height:34px;border:1px solid var(--hx-border-soft);border-radius:7px;object-fit:cover}.hero-ability-preview-copy{min-width:0}.hero-ability-preview-copy>div{display:flex;align-items:center;gap:6px;min-width:0}.hero-ability-preview-copy strong{overflow:hidden;color:#e8f5f4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hero-ability-key{display:inline-grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid rgba(200,170,110,.65);border-radius:5px;color:var(--hx-gold-bright);background:#443010b8;font:800 10px/1 var(--font-display)}.hero-ability-preview-copy p,.hero-ability-preview-copy small{display:block;margin:3px 0 0;font-size:9px;line-height:1.35}.hero-ability-preview-copy p{color:var(--hx-muted)}.hero-ability-preview-copy small{color:var(--hx-blue);font-weight:750}.hero-ability-note{margin-top:7px;color:#9bded7;font-size:10px}.hero-detail-action{margin-top:auto;display:flex;flex-direction:column;gap:8px}.hero-detail-action .btn{width:100%}.hero-selected-status,.hero-lock-copy{margin:0;padding:9px 11px;border-radius:9px;text-align:center;font-size:12px;font-weight:800}.hero-selected-status{color:#d9fff8;border:1px solid rgba(10,200,185,.55);background:#06484e6b}.hero-lock-copy{color:#ffd891;border:1px solid rgba(160,112,48,.55);background:#37220a7a}.hero-select-actions{flex:0 0 auto}.hero-select-actions .btn.primary{min-width:190px}.hero-select-actions .btn.gold{min-width:250px}.levelup-panel{background:radial-gradient(ellipse at 50% 20%,rgba(10,80,100,.28),transparent 50%),#010a13e0!important}.levelup-inner{width:min(560px,100%)!important;max-height:min(92dvh,920px);background:linear-gradient(180deg,#0c1c2af5,#060e18fa)!important;border:1px solid var(--hx-border-soft)!important;box-shadow:var(--shadow),0 0 0 1px #0ac8b91f,var(--hx-glow)!important;padding:18px 14px!important;gap:12px!important;border-radius:14px!important}.levelup-title{font-family:var(--font-display)!important;font-size:clamp(22px,4.5vw,32px)!important;color:var(--hx-gold)!important;text-shadow:0 2px 0 #1a1408,0 0 18px rgba(10,200,185,.4)!important;letter-spacing:.16em!important;margin:0!important}.levelup-list{display:flex;flex-direction:column;gap:10px;width:100%;overflow:auto;max-height:min(64dvh,560px);-webkit-overflow-scrolling:touch;padding:2px}.level-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:start;width:100%;min-height:84px;padding:12px 14px;border:1px solid var(--hx-border-soft);border-radius:10px;background:linear-gradient(180deg,#0e2030fa,#08121efa);color:inherit;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .1s,background .1s,transform .08s,box-shadow .12s;box-shadow:inset 0 0 0 1px #c8aa6e0f}.level-row:hover,.level-row:focus-visible{border-color:var(--hx-blue);background:linear-gradient(180deg,#103040fa,#0a1c2afa);outline:2px solid var(--hx-gold);outline-offset:2px;transform:translateY(-1px);box-shadow:var(--hx-glow)}.level-row:active{transform:scale(.995)}.level-row-icon{width:48px;height:48px;image-rendering:auto;object-fit:cover;border-radius:8px;border:1px solid var(--hx-gold-dim);background:#0006;clip-path:var(--frame-clip);margin-top:2px}.level-row-title{font-size:15px;font-weight:700;color:var(--hx-gold-bright);letter-spacing:.02em}.level-row-effect{font-size:13px;color:var(--hx-gold);line-height:1.45;margin-top:4px;font-weight:700}.level-row-stats{font-size:12px;color:var(--hx-blue);line-height:1.45;margin-top:4px;font-weight:600}.level-row-desc{font-size:12px;color:var(--hx-muted);line-height:1.45;margin-top:4px}.stat-diff{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.stat-diff-line{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#081c28e6;border:1px solid rgba(30,90,110,.7);font-size:11px;font-weight:700;color:var(--hx-text);white-space:nowrap}.stat-diff-line.muted{opacity:.65;font-weight:600}.stat-k{color:var(--hx-muted);font-weight:600}.stat-old{color:#8a9aaa;text-decoration:line-through;text-decoration-color:#8a9aaa8c}.stat-arrow{color:var(--hx-blue);font-weight:700}.stat-new{color:var(--hx-gold-bright);font-weight:800}.stat-up{color:var(--hx-stat-up);font-weight:800}.levelup-hint{margin:-2px 0 2px!important;color:var(--hx-muted)!important}.level-row-tag{font-size:11px;color:var(--hx-muted);white-space:nowrap;font-weight:700;padding:4px 8px;border-radius:999px;border:1px solid var(--hx-border-soft);background:#00000040;margin-top:4px}.level-row-tag.new{color:var(--hx-stat-up);border-color:#12d57273;background:#0a321e73}.levelup-actions{margin-top:2px}.levelup-actions .btn{min-width:100px;min-height:46px}.augment-panel{background:radial-gradient(ellipse at 50% 12%,rgba(10,200,185,.16),transparent 44%),#010811ed!important}.augment-inner{width:min(1080px,100%)!important;max-height:min(92dvh,760px);padding:18px!important;gap:12px!important;overflow:hidden}.augment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-height:0;overflow:auto;padding:3px}.augment-card{position:relative;display:flex;min-width:0;min-height:244px;flex-direction:column;align-items:stretch;gap:9px;padding:15px 14px 13px;overflow:hidden;border:1px solid #8797a7;border-radius:12px;color:var(--hx-text);background:linear-gradient(155deg,#142736fa,#07121ffc);box-shadow:inset 0 0 0 1px #f0e6d20f,0 12px 28px #0000004d;font-family:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.augment-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 70%);transform:translate(-75%);transition:transform .22s ease}.augment-card:hover,.augment-card:focus-visible{transform:translateY(-3px);outline:3px solid var(--hx-gold-bright);outline-offset:2px}.augment-card:hover:before,.augment-card:focus-visible:before{transform:translate(55%)}.augment-card.tier-gold{border:2px double #c8aa6e;background:linear-gradient(155deg,#372a12fa,#0b1822fc);box-shadow:inset 0 0 0 1px #e6c16929,0 0 20px #c8aa6e29}.augment-card.tier-prism{border:3px double transparent;background:linear-gradient(155deg,#1b1f3cfa,#081823fc) padding-box,linear-gradient(120deg,#0ac8b9,#d66cff,#f0d88e,#0ac8b9) border-box;box-shadow:0 0 24px #686eff40}.aug-tier{width:fit-content;padding:4px 8px;border:1px solid currentColor;border-radius:999px;color:#c7d0d9;font-size:10px;font-weight:850;letter-spacing:.06em}.tier-gold .aug-tier{color:#f0cf85}.tier-prism .aug-tier{color:#c9b1ff}.aug-name{color:var(--hx-gold-bright);font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:.04em}.aug-desc{color:#d5dce1;font-size:13px;line-height:1.55}.aug-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.aug-tag{padding:3px 7px;border:1px solid rgba(10,200,185,.38);border-radius:999px;color:#9de7df;background:#05343d7a;font-size:10px;font-weight:750}.aug-synergy{padding-top:8px;border-top:1px solid rgba(200,170,110,.24);color:#f1d894;font-size:11px;line-height:1.4}.aug-key{position:absolute;right:10px;bottom:9px;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(240,230,210,.35);border-radius:6px;color:#dbe8e8;background:#020c15cc;font-size:11px;font-weight:850}@media(max-width:700px){.augment-inner{max-height:none;min-height:100dvh;padding:13px 11px max(14px,env(safe-area-inset-bottom))!important;overflow:auto}.augment-grid{grid-template-columns:1fr;max-height:68dvh;gap:9px}.augment-card{min-height:132px;padding:11px 12px;gap:6px}.aug-name{font-size:15px}.aug-desc{font-size:12px;line-height:1.42}}@media(orientation:landscape)and (max-height:480px){.augment-panel{padding:7px 8px!important}.augment-inner{width:100%!important;min-height:0;max-height:calc(100dvh - 14px);padding:8px 10px!important;gap:6px!important}.augment-subtitle{display:none}.augment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:hidden}.augment-card{min-height:0;height:245px;padding:9px 10px;gap:5px}.aug-tier,.aug-tag,.aug-synergy,.aug-key{font-size:9px}.aug-name{font-size:14px}.aug-desc{font-size:11px;line-height:1.3}.augment-inner .levelup-actions .btn{min-height:38px;height:38px}}@media(prefers-reduced-motion:reduce){html:not(.vfx-force-motion) .augment-card,html:not(.vfx-force-motion) .augment-card:before{transition:none!important}html:not(.vfx-force-motion) .augment-card:hover,html:not(.vfx-force-motion) .augment-card:focus-visible{transform:none}}html.vfx-reduced-motion .augment-card,html.vfx-reduced-motion .augment-card:before{transition:none!important}html.vfx-reduced-motion .augment-card:hover,html.vfx-reduced-motion .augment-card:focus-visible{transform:none}.pause-inner{max-width:min(720px,100%);width:100%}.pause-details{max-height:min(50vh,460px);width:100%;text-align:left}.pause-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:4px 0 8px}.pause-tab-panel[hidden]{display:none!important}.detail-grid{display:flex;flex-direction:column;gap:8px;width:100%}.detail-card{border:1px solid var(--hx-border-soft);background:#0a1622f0;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px #c8aa6e0d}.detail-title{font-size:14px;font-weight:700;color:var(--hx-gold-bright)}.detail-title .lv{color:var(--hx-blue);font-weight:700;font-size:12px;margin-left:6px}.detail-desc{font-size:12px;color:#c8c0b4;margin-top:4px;line-height:1.5}.detail-stats{font-size:12px;color:#7ec8d8;margin-top:5px;line-height:1.45;font-weight:600}.detail-meta{font-size:11px;color:var(--hx-gold);margin-top:4px;line-height:1.4;font-weight:600}.bonus-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.bonus-chips .chip{display:inline-block;padding:5px 10px;border-radius:999px;background:#082832b3;border:1px solid rgba(10,160,170,.45);color:#d8f4f0;font-size:12px;font-weight:700}.hp-num{color:var(--hx-danger)!important;font-weight:700}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);background:#08121cf0;border:1px solid var(--hx-blue);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--hx-text);z-index:30;pointer-events:none;animation:toastIn .25s ease;box-shadow:var(--shadow),var(--hx-glow)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.stat-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:14px;color:var(--text);width:min(420px,100%)}.stat-list span:nth-child(odd){color:var(--muted)}.scroll-area{overflow:auto;max-height:min(58vh,520px);width:100%;padding:4px;-webkit-overflow-scrolling:touch}.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tab{font-family:var(--font-body);font-size:13px;font-weight:700;padding:10px 14px;border:1px solid var(--hx-border-soft);background:#0a1624;color:var(--muted);cursor:pointer;min-height:42px;border-radius:999px;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}.tab:hover,.tab:focus-visible{border-color:var(--hx-blue);color:var(--hx-text);outline:none}.tab.active{border-color:var(--hx-blue);color:#fff;background:linear-gradient(180deg,#0a5a62,#063840);box-shadow:0 0 12px #0ac8b940}.hero-banner{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 12px;border:1px solid rgba(30,74,110,.55);border-radius:12px;background:linear-gradient(180deg,#0c1c2ab3,#060e188c);box-shadow:inset 0 0 0 1px #c8aa6e0f}.hero-banner img{width:120px;height:120px;image-rendering:auto;object-fit:cover;border-radius:12px;border:2px solid var(--hx-gold);filter:drop-shadow(0 8px 16px rgba(0,40,60,.55));clip-path:var(--frame-clip);box-shadow:0 0 0 1px #0ac8b959,0 0 20px #0ac8b92e}.hero-banner img.stage-thumb{border-radius:12px;border-color:var(--hx-border-soft);object-fit:cover;clip-path:none}.dev-banner{font-size:12px;color:#ffc878;background:#3c240880;border:1px solid #a07030;border-radius:999px;padding:6px 12px;text-align:center;align-self:center;font-weight:600}.tutorial-panel{z-index:40;background:radial-gradient(ellipse at 50% 30%,rgba(10,80,100,.35),transparent 55%),#010a13eb!important}.tutorial-inner{width:min(520px,100%)!important;max-height:min(92dvh,860px);gap:14px!important}.tutorial-progress{letter-spacing:.12em;font-weight:700;color:var(--hx-blue)!important;margin:0!important}.tutorial-body{font-size:15px;line-height:1.65;color:var(--hx-text);margin:0;text-align:left}.tutorial-list{margin:0;padding:10px 12px 10px 28px;background:#061420bf;border:1px solid var(--hx-border-soft);border-radius:10px;text-align:left;color:var(--hx-muted);line-height:1.7;font-size:14px}.tutorial-actions{margin-top:4px}.tutorial-actions .btn.primary{min-width:140px;min-height:52px;font-size:16px}.level-row.evo-ready{border-color:var(--hx-gold)!important;box-shadow:inset 0 0 0 1px #c8aa6e59,var(--hx-glow-gold)}.level-row.evo-ready .evo-label{color:var(--hx-gold);font-weight:700}.card-trait{font-size:11px;color:var(--hx-blue);line-height:1.45;margin-top:4px;text-align:left;width:100%}.trait-line{color:var(--hx-blue)!important;font-weight:600!important}.hero-banner .info{text-align:left;min-width:180px}.hero-banner .info .name{font-family:var(--font-display);font-size:22px;color:var(--hx-gold);font-weight:700;letter-spacing:.04em}.hero-banner .info .desc{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.6}.hero-banner .info .meta{font-size:13px;color:var(--hx-blue);margin-top:8px;font-weight:700}@supports (padding: env(safe-area-inset-bottom)){.panel{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top))}}@media(max-width:1040px){.hero-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-select-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr)}}@media(max-width:700px),(pointer:coarse)and (hover:none){.hero-select-shell{width:100%;height:auto;min-height:min(100%,100dvh);overflow:auto;padding:13px 10px max(14px,env(safe-area-inset-bottom))}.hero-select-header{align-items:flex-start;gap:8px}.hero-select-header h1{font-size:23px}.hero-select-subtitle{font-size:11px}.hero-select-wallet{max-width:47%;gap:5px}.hero-select-wallet span{min-height:28px;padding:4px 8px;font-size:10px}.hero-select-layout{display:block}.hero-roster{max-height:34dvh;margin-bottom:10px;padding-right:3px}.hero-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-choice-card{min-height:90px;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:8px 7px;border-radius:9px}.hero-choice-portrait-wrap,.hero-choice-portrait{width:48px;height:48px}.hero-choice-copy{gap:2px;padding-right:22px}.hero-choice-name{font-size:13px}.hero-choice-title{display:none}.hero-choice-trait{font-size:9px}.hero-choice-state{top:5px;right:5px;max-width:56px;padding:2px 5px;font-size:8px}.hero-detail{max-height:none;padding:12px;gap:9px;overflow:visible}.hero-detail-top{grid-template-columns:82px minmax(0,1fr);gap:11px}.hero-detail-portrait{width:82px;height:82px}.hero-detail-copy h2{font-size:22px}.hero-detail-copy>p:last-child{font-size:11px;line-height:1.45}.hero-detail-feature,.hero-detail-section{padding:8px 9px}.hero-detail-loadout{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hero-loadout-item{align-items:flex-start;gap:5px}.hero-loadout-item img{width:30px;height:30px}.hero-loadout-item small{display:block;color:var(--hx-blue);font-size:9px;line-height:1.2}.hero-loadout-item strong{font-size:10px;white-space:normal;line-height:1.25}.hero-select-actions{position:sticky;bottom:0;z-index:5;padding-top:8px;background:linear-gradient(180deg,transparent,rgba(8,18,32,.98) 28%)}.hero-select-actions .btn.primary{min-width:0}.hero-detail #char-select{display:none}}.collection-filters{flex-wrap:wrap;justify-content:center;gap:6px}.collection-filters .tab{min-height:44px;padding:6px 10px;font-size:11px}.evolved-card .card-icon{border-color:var(--hx-gold);box-shadow:0 0 0 1px #e1be6466,0 0 14px #e1be6473}@media(orientation:landscape)and (max-height:520px){.hero-select-shell{height:calc(100dvh - 16px);min-height:0;overflow:hidden;padding:9px 10px;gap:7px}.hero-select-header{align-items:center}.hero-select-header h1{margin:0;font-size:18px}.hero-select-kicker,.hero-select-subtitle{display:none}.hero-select-wallet{max-width:none}.hero-select-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:9px}.hero-roster{max-height:none;margin:0;overflow:auto}.hero-choice-card{min-height:78px}.hero-detail{min-height:0;overflow:auto;padding:9px;gap:7px}.hero-detail-top{grid-template-columns:68px minmax(0,1fr);gap:9px}.hero-detail-portrait{width:68px;height:68px}.hero-detail-copy h2{font-size:19px}.hero-detail-copy>p:last-child,.hero-detail-feature p{font-size:10px}.hero-select-actions{position:static;padding:0;min-height:42px;background:none}.hero-select-actions .btn{min-height:42px}}.settings-list{display:flex;flex-direction:column;gap:14px;width:min(520px,100%);margin:0 auto}.settings-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;font-family:var(--font-body);font-size:14px;color:var(--hx-gold-bright)}.settings-row>span:first-child{flex:0 0 96px;text-align:left}.settings-row input[type=range]{flex:1;accent-color:var(--hx-gold);min-width:0}.settings-row output{flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums;color:var(--hx-gold)}.settings-toggle{cursor:pointer;justify-content:space-between}.settings-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--hx-gold);cursor:pointer}.settings-choices{display:flex;flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end}.settings-choices .btn.active{border-color:#d9b45b;color:#fff2b2;box-shadow:0 0 0 1px #d9b45b59,0 0 18px #d9b45b29}.settings-row-stacked{flex-wrap:wrap}.settings-row-stacked .settings-note{flex:0 0 100%;padding-left:108px;color:var(--hx-muted);font-size:11px;line-height:1.45;text-align:left}.achievement-reward{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;border:1px solid var(--hx-gold-dim);font-size:11px;font-weight:600;color:var(--hx-gold);white-space:nowrap}.achievement-reward.claimed{color:var(--hx-gold-bright);border-color:var(--hx-gold);background:#c8aa6e1f}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stampPop{0%{opacity:0;transform:scale(1.35) translateY(-8px)}60%{opacity:1;transform:scale(.97) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hexShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGoldGlow{0%,to{box-shadow:0 0 12px #c8aa6e40,inset 0 0 0 1px #c8aa6e66}50%{box-shadow:0 0 22px #c8aa6e80,inset 0 0 0 1px #f0e6d2cc}}.level-row{animation:cardSlideUp .32s cubic-bezier(.16,1,.3,1) both}.level-row:nth-child(1){animation-delay:.03s}.level-row:nth-child(2){animation-delay:.07s}.level-row:nth-child(3){animation-delay:.11s}.level-row:nth-child(4){animation-delay:.15s}.level-row:hover,.level-row:focus-visible{border-color:var(--hx-blue)!important;background:linear-gradient(180deg,#14384efa,#0c2234fa)!important;transform:translateY(-3px) scale(1.012)!important;box-shadow:0 10px 24px #0ac8b938,inset 0 0 0 1px #0ac8b959!important}.augment-card.tier-prism{background-size:200% 200%,200% 200%!important;animation:hexShimmer 4s ease infinite}@media(prefers-reduced-motion:reduce){html:not(.vfx-force-motion) .level-row,html:not(.vfx-force-motion) .augment-card.tier-prism,html:not(.vfx-force-motion) #gameover-title,html:not(.vfx-force-motion) .hero-choice-card.selected,html:not(.vfx-force-motion) .hero-choice-card.is-selected{animation:none!important;transform:none!important}}html.vfx-reduced-motion .level-row,html.vfx-reduced-motion .augment-card.tier-prism,html.vfx-reduced-motion #gameover-title,html.vfx-reduced-motion .hero-choice-card.selected,html.vfx-reduced-motion .hero-choice-card.is-selected{animation:none!important;transform:none!important}#gameover-title{animation:stampPop .45s cubic-bezier(.18,.89,.32,1.28) both}.hero-choice-card.selected,.hero-choice-card.is-selected{animation:pulseGoldGlow 2.5s ease-in-out infinite}.main-menu{width:min(980px,100%)!important;align-items:stretch!important;gap:14px!important;padding:24px!important}.main-header,.main-wallet{display:flex;align-items:center;justify-content:space-between;gap:16px}.main-header h1{text-align:left;margin:0!important;font-size:clamp(26px,4vw,38px)!important}.eyebrow{color:#82aaa9;font:700 10px system-ui;letter-spacing:.2em;margin:0 0 8px}.main-wallet{flex:0 0 auto;font-size:14px}.main-account .account-bar{justify-content:flex-start;margin:0}.main-account .account-bar .btn{flex:0 0 auto!important}.main-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.main-setup{display:flex;flex-direction:column;gap:12px;min-width:0}.setup-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px;color:#f0e6d2;text-align:left;font:inherit;background:#0c2332;border:1px solid #305062;border-radius:12px;cursor:pointer}.setup-card:hover,.setup-card:focus-visible{border-color:#0ac8b9;outline:2px solid #0ac8b9;outline-offset:2px}.setup-card>img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #ac965e;flex-shrink:0}.setup-card>span{display:grid;gap:4px;min-width:0;flex:1}.setup-card strong{font-size:18px}.setup-card small{color:#8cabae;font-size:11px}.setup-card span>span{color:#a3ceca;font-size:12px}.setup-card>b{font:24px system-ui;color:#3bbdb5}.main-menu .difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.main-menu .difficulty-picker .btn{min-width:0;width:100%}.main-menu .difficulty-desc{margin:0;font-size:12px;text-align:left}.main-play{width:100%;min-height:56px!important;display:flex;align-items:center;justify-content:space-between;font-size:18px}.main-play span{font-size:12px;font-weight:400}.main-progress{padding:24px;border:1px solid #3d4836;border-radius:12px;background:linear-gradient(145deg,#152a2d,#0a1621)}.main-progress h2{font-size:21px;line-height:1.7;color:#d9c38e;text-align:left;margin:4px 0 14px}.main-progress .hint{text-align:left}.main-progress progress{display:block;width:100%;height:6px;accent-color:#0ac8b9;border:0}.main-progress progress::-webkit-progress-bar{background:#263f46;border-radius:3px}.main-progress progress::-webkit-progress-value{background:#0ac8b9;border-radius:3px}.main-trait{color:#abc2c5;font-size:13px;line-height:1.8;margin:26px 0 12px}.main-trait strong{color:#5dd6c9}.main-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #23404a;padding-top:18px}.main-navigation>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.main-navigation>div>span{grid-column:1 / -1;font-size:11px;color:#85a6ab;margin-bottom:3px}.main-navigation .btn{min-width:0;padding:10px 6px;font-size:13px}.main-controls{margin:0;font-size:11px}.hero-growth{color:#a5dcd7;font-size:13px;line-height:1.8;text-align:left}.hero-growth small{color:#9daeb5}.hero-detail summary{cursor:pointer;padding:5px 0}.hero-detail details[open]>summary{margin-bottom:12px}.hero-choice-trait{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.6}.hero-role{color:#a5dcd7!important}.hero-choice-card.previewed{outline:2px solid #68d8ce;outline-offset:-2px}.levelup-panel{overflow:hidden}.levelup-inner{display:flex;flex-direction:column;width:min(660px,100%)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important}.levelup-list{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overflow-x:hidden;gap:10px;padding:4px}.level-row{flex:0 0 auto;display:grid;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:0!important;gap:8px 14px;padding:14px!important}.level-row-icon{grid-column:1;grid-row:1;width:46px;height:46px}.level-row-body{grid-column:2;grid-row:1 / span 2;min-width:0;overflow-wrap:anywhere}.level-row-tag{grid-column:1!important;grid-row:2!important;justify-self:start!important;align-self:start;white-space:normal!important;max-width:50px;padding:3px 5px;font-size:10px;line-height:1.5}.level-row-title{font-size:15px;line-height:1.5}.level-row-desc{display:block!important;font-size:12px;line-height:1.65;color:#b6c5c9;margin-top:7px}.level-row-effect{color:#d8c995;font-size:13px}.stat-diff{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:6px}.stat-risk,.level-row-tag.risk{color:#ffd293!important}.level-row-tag.risk{background:#4c321b;border-color:#bd833b}.levelup-hint{flex-shrink:0;display:block!important;margin:0;line-height:1.6;font-size:12px}.levelup-actions{flex-shrink:0}.level-row:focus-visible,.path-card:focus-visible{outline:2px solid #ffe0a0;outline-offset:1px}.path-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:auto;min-height:0}.path-card{color:#cfdddd;background:#0e2c38;border:1px solid #468e88;border-radius:12px;padding:18px;text-align:left;font:inherit;cursor:pointer}.path-card strong{display:block;font-size:20px;color:#e6d09e;margin-bottom:8px}.path-card>span{color:#58d5c2;font-size:12px}.path-card p{font-size:14px;line-height:1.7}.path-card p{text-align:left}#path-skip{flex:0 0 auto;min-height:48px;height:auto;width:100%;padding:12px}.run-result{width:min(700px,100%)!important;gap:15px!important}.run-unlocks{padding:14px 18px;border:1px solid #aa9153;color:#f0dc9a;background:#283426;border-radius:10px;line-height:1.8}.run-next{color:#a6d2cb;font-size:13px;text-align:center}.run-details{width:100%;text-align:left;color:#b7c9cd}.run-details>summary{padding:14px;cursor:pointer;border:1px solid #2a4655;border-radius:8px;font-size:14px}.run-details .pause-details{max-height:none!important;overflow:visible}.run-recap{width:100%;padding:12px 16px;background:#15242c;border-radius:10px;font-size:12px;color:#c0cdd2;line-height:1.8}.pause-inner{overflow-y:auto!important}.pause-details{flex:0 0 auto}@media(max-width:680px){.main-menu{padding:18px 14px!important;gap:14px!important;max-height:none!important;overflow:visible!important}.main-header h1{font-size:26px!important}.main-wallet{gap:8px;font-size:12px}.main-wallet .btn{min-width:50px;padding:8px}.main-account .account-bar{font-size:11px;gap:8px;flex-wrap:nowrap}.main-account .account-bar .btn{width:auto;min-width:92px;min-height:40px;padding:6px;font-size:12px}.main-layout{display:flex;flex-direction:column;gap:14px}.main-setup{gap:10px}.setup-card{padding:10px;gap:12px}.setup-card>img{width:48px;height:48px}.setup-card strong{font-size:16px}.main-progress{padding:14px}.main-progress h2{font-size:15px;margin:0 0 6px}.main-progress .eyebrow{margin-bottom:5px}.main-trait{display:none}.main-progress .hint{margin:6px 0;font-size:11px}.main-navigation{grid-template-columns:1fr;gap:14px}.main-navigation .btn{min-height:44px}.levelup-inner{max-height:calc(100dvh - max(24px,env(safe-area-inset-bottom)))!important;padding:14px 8px!important}.level-row{gap:5px 10px;padding:12px 10px!important;grid-template-columns:44px minmax(0,1fr)!important}.level-row-icon{width:42px;height:42px}.level-row-title{font-size:14px}.levelup-title{font-size:24px!important}.levelup-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.path-options{grid-template-columns:1fr}.hero-select-shell{max-height:none!important;overflow:visible!important}.hero-select-layout{overflow:visible!important}.hero-roster{max-height:235px!important}.hero-detail{overflow:visible!important;max-height:none!important}.hero-select-actions{position:sticky;bottom:0;background:#071723;padding:10px 0 max(10px,env(safe-area-inset-bottom));z-index:2}.hero-choice-card{padding:10px 8px}.hero-choice-state{font-size:9px}}@media(max-height:500px)and (orientation:landscape){.main-menu{padding:12px 16px!important;gap:10px!important;max-height:none!important;overflow:visible!important}.main-header h1{font-size:25px!important}.main-header .eyebrow{margin-bottom:2px;font-size:9px}.main-wallet .btn,.main-account .btn{min-height:32px!important;padding:5px 12px}.main-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.main-setup{display:grid;grid-template-columns:1fr 1fr;gap:8px}.main-setup .difficulty-picker,.main-setup .difficulty-desc,.main-play{grid-column:1 / -1}.setup-card{padding:8px;gap:8px}.setup-card>img{width:36px;height:36px}.setup-card strong{font-size:14px}.setup-card span>span{display:none}.main-play{min-height:42px!important}.main-progress{padding:14px}.main-progress h2{font-size:15px;margin:0 0 6px}.main-progress .main-trait{display:none}.levelup-inner{max-height:calc(100dvh - 16px)!important;padding:10px!important}.levelup-title{font-size:20px!important}.levelup-list{display:flex!important}.level-row-desc{display:block!important}.path-options{grid-template-columns:1fr 1fr}}