/* Furie — Enchanted wilds. A quiet HUD, illustrated relics and one shared material language. */
:root{--v8-ink:#101c28;--v8-panel:#162b35;--v8-line:#d7c39b45;--v8-gold:#ead0a0;--v8-text:#f5eddb;--v8-muted:#a9bfc0;--gold:#ead0a0;--cream:#f5eddb;--panel-ivory:#f5eddb;--panel-gold:#ead0a0;--panel-enamel:#162b35;--panel-deep:#101c28}
body{color:var(--v8-text);font-family:Outfit,system-ui,sans-serif}button{font-family:inherit}button:focus-visible,summary:focus-visible{outline:2px solid #f4deb3;outline-offset:5px}button:disabled{filter:saturate(.35);opacity:.48}body .glyph{stroke-width:1.6}
.scene-vignette{background:radial-gradient(ellipse at 58% 43%,transparent 30%,#091b2b42 100%);opacity:.7}
body[data-phase=menu][data-tab=camp] .scene-vignette{background:linear-gradient(90deg,#10252ce8 0%,#10252caa 25%,transparent 60%),linear-gradient(0deg,#112632b0,transparent 38%);opacity:1}
body .primary-button,body .secondary-button{border-image:none;border:1px solid #e4c78d8c;border-radius:5px;background-image:none;min-height:50px;padding:14px 22px;box-shadow:none;filter:none;text-shadow:none;font-weight:650;letter-spacing:.04em}
body .primary-button{background:linear-gradient(115deg,#eed6a8,#c6a472);color:#172c34;box-shadow:inset 0 1px #fff4d48f,0 7px 25px #07172040}
body .primary-button:before,body .primary-button:after,body .secondary-button:before,body .secondary-button:after{display:none}
body .primary-button:hover{background:linear-gradient(115deg,#f8e3bc,#dbb887);transform:translateY(-2px);box-shadow:0 8px 28px #d9bd7733}
body .primary-button .glyph{color:inherit}body .secondary-button{background:#102a3480;color:#e9dcc1}body .secondary-button:hover{background:#24434c}
body .icon-button{border:1px solid #d4bd8666;background:#132b36b8;border-image:none;box-shadow:inset 0 0 0 3px #142633,0 4px 18px #0a1c2c26;border-radius:50%;color:#e7cfa1;filter:none}
body .icon-button:before,body .icon-button:after{display:none}body .icon-button:hover{background:#29424c;border-color:#f1d5a2}
.hub-header{top:25px;left:3.7%;right:3.7%}.brand{font-size:26px;letter-spacing:.02em;gap:9px}.brand small{font-size:8px;letter-spacing:.36em}.brand-bolt{width:37px;height:45px}.brand-bolt svg{filter:none}.edition{display:none}.header-right{gap:10px}.wallet{gap:7px}
body .wallet .currency{background:#122a35b0;border:1px solid #d5c09940;box-shadow:none;border-radius:24px;padding:9px 14px;font-size:13px;min-height:40px;backdrop-filter:blur(10px)}
body .hub-header .icon-button{width:42px;height:42px;min-height:42px;min-width:42px;padding:11px;background-image:none}
.camp-copy{top:21%;left:6%;width:32%;max-width:440px;bottom:auto}.camp-welcome{position:static;width:auto;min-height:0;padding:0;margin:0 0 19px;text-align:left;border:0;background:none;box-shadow:none;filter:none}.camp-welcome:before,.camp-welcome:after{display:none}.camp-welcome .eyebrow{color:#d6c6a8;font-size:10px;font-family:Outfit,system-ui,sans-serif;letter-spacing:.28em}
body .expedition-card{display:flex;flex-direction:column-reverse;gap:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;overflow:visible}.expedition-card-body{text-align:left;padding:0}.expedition-card h1{font:400 clamp(42px,5.2vw,76px)/.98 'Bree Serif',Georgia,serif;letter-spacing:-.045em;white-space:normal;text-shadow:0 4px 25px #081a2f55;color:#fff1d9;margin:0}.expedition-card h1 em{font-style:normal;color:#e6c895}.expedition-card p{font-size:14px;line-height:1.5;color:#c0d0cc;margin:17px 0 0}.expedition-spec{justify-content:flex-start;margin:16px 0 19px;gap:16px}.expedition-spec>span{border:0;background:none;border-radius:0;padding:0;color:#cfdbc9;font-size:9px;letter-spacing:.12em;gap:6px}.expedition-spec .glyph{height:16px;width:16px;color:#dfc997}
.expedition-art{height:92px;width:100%;max-width:330px;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 8px 25px #081d2633;border:1px solid #d1b88d4d;opacity:.86}.expedition-art img{height:100%;width:100%;object-fit:cover;object-position:50% 53%}.expedition-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#213b3e33,transparent 60%),linear-gradient(0deg,#172c3955,transparent)}
body .camp-goal{min-height:50px;margin:15px 0 0;padding:0 0 0 13px;border:0;border-left:1px solid #cbb98c75;border-image:none;border-radius:0;background:none;box-shadow:none;color:#d9d9c1;gap:10px}.camp-goal:before,.camp-goal:after{display:none}.camp-goal>.glyph{width:23px;height:23px;padding:0;border:0;background:none;box-shadow:none;color:#d6c39f}.camp-goal small{font-size:8px;letter-spacing:.15em;color:#9fb5b0}.camp-goal strong{font-size:12px;font-weight:500}.camp-goal>b{font-size:12px;font-weight:500;color:#ddc796;margin-left:auto;padding-right:12px}
body .start-button{min-height:58px;max-width:330px;margin-top:18px;font-size:15px;padding:13px 20px;border-radius:4px;gap:15px;justify-content:flex-start}.start-button>span:nth-child(2){flex:1;text-align:left;letter-spacing:.18em}.start-button>span:first-child{flex-basis:24px;width:24px}.start-button .glyph{width:21px;height:21px}.start-button .button-symbol{font-size:25px}.record-line{font-size:10px;justify-content:flex-start;margin:13px 0;color:#97b2af;gap:7px}.record-line .glyph{height:13px;width:13px}
.hero-ready{display:none}body .selected-hero{left:66.5%;top:72.5%;bottom:auto;width:32%;max-width:390px;gap:20px;align-items:center}.hero-badge{flex:1;border:0;border-image:none;background:none;box-shadow:none;text-shadow:0 3px 15px #122333aa;padding:0;border-radius:0;color:#f4ead8}.hero-badge:before,.hero-badge:after{display:none}.hero-badge .eyebrow{font-size:9px;letter-spacing:.12em}.hero-badge strong{font:400 38px/1.15 'Bree Serif',Georgia,serif;letter-spacing:.03em;margin:2px 0 5px}.hero-badge small{font-size:11px;color:#d3d8d0}.hero-badge small b{font-size:8px;color:#c8b58f}.hero-badge small .glyph{width:16px;height:16px}
body .hero-switch{background:#172b35a3;border:1px solid #cfbd8c55;border-radius:50%;width:36px;height:36px;min-width:36px;flex:0 0 36px;padding:0;font-size:23px;color:#ead2a4;box-shadow:none;background-image:none}.hero-switch:hover{background:#364a50;border-color:#e6c99c}
body .camp-hero-power{left:66.5%;top:85%;width:30%;max-width:370px}.camp-hero-power .hero-combat-metrics{gap:0}.camp-hero-power .hero-combat-metrics>span{padding:0 15px;border:0;border-image:none;border-right:1px solid #d7c89a30;background:none;border-radius:0;box-shadow:none;grid-template-columns:23px auto;column-gap:8px}.camp-hero-power .hero-combat-metrics>span:last-child{border:0}.camp-hero-power .hero-combat-metrics .glyph{height:23px;width:23px}.camp-hero-power .hero-combat-metrics b{font-size:19px;font-weight:600}.camp-hero-power .hero-combat-metrics small{font-size:7px;letter-spacing:.1em}.camp-trait{display:none}
.camp-side-actions{right:3%;top:42%;gap:16px}.camp-shortcut{gap:6px}.camp-shortcut>span:first-child{width:49px!important;height:49px!important;background:#142d37a8!important;border:1px solid #d1b88d70!important;box-shadow:0 4px 16px #0b1a2926!important;border-radius:50%;padding:12px}.camp-shortcut>span:first-child .glyph{width:24px!important;height:24px!important}.camp-shortcut>span:nth-child(2){font-size:9px;letter-spacing:.04em}.camp-shortcut>span small{display:none}.camp-bottom{display:none}
body .hub-nav{bottom:17px;left:6%;right:auto;transform:none;width:auto;max-width:480px;min-height:50px;padding:3px 0;gap:9px;border:0;border-image:none;border-top:1px solid #ddc79630;border-radius:0;background:none;box-shadow:none;filter:none}.hub-nav:before,.hub-nav:after{display:none}body .hub-nav button{min-width:80px;min-height:44px;padding:8px 10px;gap:6px;font-size:11px;border:0;background:none;box-shadow:none;color:#a5bfbd;border-radius:0;position:relative}.hub-nav .glyph{width:20px;height:20px;color:#a5bfbd}body .hub-nav button.active{background:linear-gradient(0deg,#e1c39418,transparent);color:#f4dcb3}.hub-nav button.active .glyph{color:#f1d3a3}.hub-nav button.active:after{content:'';display:block;position:absolute;bottom:0;left:13px;right:13px;height:2px;background:#e1c394}.hub-nav button b{font-size:8px;background:#9cb5ac18;border:0;color:#c7d6c9}.save-state{font-size:8px;opacity:.55;right:20px;bottom:12px}
body[data-tab=heroes] .hub-nav,body[data-tab=summon] .hub-nav,body[data-tab=journal] .hub-nav{left:50%;transform:translateX(-50%)}
/* Secondary surfaces share thin inlays and a matte, softly lit background. */
body .hub-panel,body .modal-box,body .small-dialog,body .result-dialog{border:1px solid #d4c09b66;border-image:none;background:radial-gradient(ellipse at 10% 0,#34465370,transparent 50%),linear-gradient(130deg,#1c303cec,#101f2aef);box-shadow:0 25px 100px #07141c99,inset 0 0 0 5px #f1d5a607;border-radius:9px;padding:28px;backdrop-filter:blur(16px)}
body .hub-panel:before,body .hub-panel:after,body .modal-box:before,body .modal-box:after,body .small-dialog:before,body .small-dialog:after,body .result-dialog:before,body .result-dialog:after{display:none}body .hub-panel{inset:98px 4% 90px;max-width:1320px}.section-heading{margin-bottom:16px}.hub-panel h2{font-size:37px;margin-top:5px}.section-heading .eyebrow{font-size:9px;letter-spacing:.2em}.hub-panel h2 em,.modal-box h2 em,.small-dialog h2 em{color:#ddc49e;font-style:normal}.collection-tools>.muted{font-size:10px}.segmented{background:#0f2630;border:1px solid #d4c09b30;border-radius:4px}.segmented button{font-size:11px}.segmented button.active{background:#3b5559;color:#f5e6ca}
body .heroes-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));padding:8px 4px 20px}body .hero-card{border:1px solid color-mix(in srgb,var(--rarity) 43%,transparent);border-image:none;border-radius:5px;overflow:hidden;background:#1a2e38;box-shadow:0 6px 16px #0816205c;transition:transform .2s,border-color .2s}body .hero-card:hover{transform:translateY(-4px);border-color:var(--rarity);box-shadow:0 0 25px color-mix(in srgb,var(--rarity) 12%,transparent)}body .hero-card.selected{outline:1px solid #e6c99c;outline-offset:3px}.hero-card .card-art{height:190px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--hero-color) 35%,#1b3039),#152632 77%);border-radius:0}.hero-card .card-art:before{border-radius:50%;opacity:.22;box-shadow:0 0 40px var(--rarity)}.hero-card .card-art:after{background:linear-gradient(0deg,#142832,transparent 37%);border:0}.hero-card .hero-model-image{height:94%;width:94%;object-fit:contain;bottom:0;filter:drop-shadow(0 7px 7px #07162460)}.hero-card.locked .hero-model-image{filter:saturate(.65) brightness(.78);opacity:.8}.hero-card .card-rarity{font-size:8px;letter-spacing:.09em;border:0;background:none;left:10px;top:11px;padding:0;color:var(--rarity)}.hero-card .hero-level-badge{right:9px;top:9px;font-size:8px;background:#0a1d2d85;border:1px solid #d2bc8f2e;border-radius:3px;padding:4px 5px}.hero-card .card-owned-strip{background:none;font-size:7px;letter-spacing:.14em;color:#b5ccba;bottom:5px}.hero-card .card-info{padding:11px 12px 13px;background:#152c35}.hero-card .card-info strong{font-size:20px}.hero-card .card-info small{font-size:9px;margin-top:3px;color:#a4bdbb}.hero-card .card-info>.glyph{width:24px;height:24px;color:var(--rarity)}.hero-card .selected-check{border-radius:50%;background:#c9ab77;color:#172e37;border:0;top:auto;bottom:52px;right:8px;width:22px;height:22px}
.hero-detail .detail-art{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--hero-color) 35%,#243743),transparent 73%);border:0;border-radius:4px}.hero-detail .detail-body h2{font-size:43px}.hero-detail .hero-title{font-size:13px}.hero-detail .weapon-description{background:none;border:0;padding:12px 0;border-bottom:1px solid #d8c7a321}.hero-detail .weapon-description p{font-size:12px;line-height:1.6}.hero-detail .hero-trait-card{border:0;border-left:2px solid var(--rarity);border-radius:0;background:#bca7d308}.hero-stat-explanation{font-size:11px}.stat-training{border:0;background:none}.stat-training-head{padding:15px 0}.stat-training-head>span{font-size:10px}.stat-row{background:transparent;border-bottom:1px solid #e2cfaa13;padding:10px 0;gap:10px}.stat-row button{border:1px solid #c8b38a50;background:#b6cfc515;color:#e5d4b3;border-radius:4px;min-height:35px}.stat-icon{background:none}.stat-copy small{font-size:9px}.detail-secondary-stats{gap:8px}.detail-secondary-stats>span{font-size:10px}.detail-note{font-size:10px!important;color:#91aaa9!important}.hero-trait-card p{font-size:11px!important}
.summon-panel .summon-copy{max-width:420px}.summon-panel h2{font-size:clamp(36px,4.5vw,64px)}.summon-panel .summon-copy>p{font-size:13px;line-height:1.7}.summon-panel .guarantee-card{border:0;border-left:1px solid #e1c39470;border-radius:0;background:#e4cda908;padding:13px 15px}.guarantee-card strong{font-size:12px}.guarantee-card small{font-size:10px}.summon-panel .rates{font-size:11px;max-width:430px}.summon-panel .summon-altar-art{filter:drop-shadow(0 0 35px #a197f255);animation:altar-breathe-v8 5s ease-in-out infinite}.rates p{font-size:10px;line-height:1.7}.reveal-content h2{font-size:56px;letter-spacing:.01em}.reveal-content p{font-size:13px;max-width:400px;margin:8px auto 20px}.reveal-ability{font-size:12px;border:0;background:none}.reveal-content>.primary-button{width:270px;margin:auto}.reveal-card{border:0;border-image:none;background:none;box-shadow:none}.reveal-content .eyebrow{font-size:10px;letter-spacing:.2em}.career-stat,.milestone{border:1px solid #d8c7a327!important;border-image:none!important;border-radius:4px!important;background:#10263180!important;box-shadow:none!important}.career-stat strong{font-size:33px}.milestone p{font-size:11px}.milestone-track{height:3px}.milestone-track i{background:#b8cba0}.milestone h3{font-size:21px}.milestone-heading span{font-size:10px}.milestone-heading h3{font-size:24px}
/* The choice is the focal point. Everything visible here helps make it. */
body #upgrade-panel{background:radial-gradient(ellipse at 50% 25%,#2b284569,#0a1728d9 77%);backdrop-filter:blur(8px);padding:26px 24px;overflow:auto}
body #upgrade-panel .upgrade-dialog{border:0;border-image:none;background:none;box-shadow:none;backdrop-filter:none;padding:0;width:min(940px,100%);max-height:none;overflow:visible;border-radius:0;color:#f5ebd6;position:relative}
.upgrade-dialog:before,.upgrade-dialog:after{display:none!important}.upgrade-heading{display:block;text-align:center;position:relative;margin-bottom:0}.upgrade-heading .eyebrow{font-size:10px;letter-spacing:.25em;color:#dfc29b}.upgrade-heading h2{font:400 clamp(30px,3.5vw,47px)/1.15 'Bree Serif',Georgia,serif;margin:9px 0 0;letter-spacing:-.03em;color:#f5ebd6}.upgrade-heading h2 em{color:#dfc29b;font-style:normal}.paused-note{position:absolute;right:0;top:5px;font-size:8px;letter-spacing:.12em;color:#a4b4c1;display:flex;gap:6px}.paused-note i{width:4px;height:4px;background:#c5bc9d;box-shadow:none}.upgrade-context{justify-content:center;font-size:10px;margin:10px 0 0;color:#acb9c5;border:0;background:none;padding:0;gap:5px}.upgrade-context .glyph{width:15px;height:15px}
body .upgrade-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 20px;align-items:stretch}
body .upgrade-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate;min-height:385px;padding:16px 20px 0;border:1px solid color-mix(in srgb,var(--rarity) 40%,#394454);border-image:none;border-radius:6px;background:radial-gradient(ellipse at 50% 17%,color-mix(in srgb,var(--rarity) 14%,#202d3b),#152432 63%,#12202c);box-shadow:0 18px 40px #050e1a60,inset 0 0 0 4px #ffe9bd03;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:relic-arrive-v8 .38s both;animation-delay:calc(var(--card-index)*65ms);color:#f5ebd6}
body .upgrade-card:before{content:'';display:block;position:absolute;z-index:-1;left:10px;right:10px;top:10px;bottom:10px;border:1px solid color-mix(in srgb,var(--rarity) 13%,transparent);border-radius:2px;background:none;transform:none;width:auto;height:auto;opacity:1}
body .upgrade-card:after{content:'';display:block;position:absolute;top:-55px;left:calc(50% - 70px);width:140px;height:140px;border-radius:50%;background:var(--rarity);filter:blur(65px);opacity:.16;z-index:-1;pointer-events:none}
body .upgrade-card:hover,body .upgrade-card:focus-visible{transform:translateY(-7px);background:radial-gradient(ellipse at 50% 17%,color-mix(in srgb,var(--rarity) 22%,#202d3b),#192a3a 67%,#142432);border-color:var(--rarity);box-shadow:0 18px 45px #0007,0 0 30px color-mix(in srgb,var(--rarity) 13%,transparent);outline:0}
.upgrade-card .card-top{display:flex;width:100%;align-items:center;justify-content:space-between;margin:0;min-height:22px;gap:0}.upgrade-card .rarity-word{font:500 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.16em;color:var(--rarity);text-transform:uppercase;border:0;background:none;padding:0}.upgrade-card kbd{font:500 10px Outfit,system-ui,sans-serif;border:1px solid #c8c4b430;border-radius:3px;color:#a3aebb;background:#17222f;padding:3px 6px;min-width:20px;box-shadow:0 2px 0 #09121c}
.relic-art{display:block;position:relative;width:160px;height:160px;margin:0 auto 7px;color:var(--rarity);filter:drop-shadow(0 8px 9px #070d1d8c)}.power-art{width:100%;height:100%;overflow:visible}.upgrade-card:hover .relic-art{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--rarity) 23%,transparent))}.upgrade-card .card-title{font:400 23px/1.16 'Bree Serif',Georgia,serif;letter-spacing:-.015em;color:#f1e7d7;margin:0 0 14px;min-height:27px;max-width:100%;overflow-wrap:break-word}
.power-gain{font:500 36px/1 Outfit,system-ui,sans-serif;color:var(--rarity);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.power-stat{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#d6d7d1;margin-top:7px}.upgrade-card .card-description{font-size:11px;line-height:1.45;color:#9eafbd;min-height:16px;margin:9px 0 20px;max-width:100%}.upgrade-card .card-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 40px);margin:auto -20px 0;padding:13px 20px;border-top:1px solid #e2ccac19;background:#10202a85;gap:8px;color:#e7d3ad;min-height:47px}.upgrade-card .offer-level{font-size:8px;letter-spacing:.09em;color:#94a7ad;display:inline;margin:0;background:none;padding:0;border:0}.choose-label{font-size:10px;letter-spacing:.05em;color:#e0c69e}.choose-label b{font-size:15px;margin-left:7px;font-weight:400}
.evolution-path{position:absolute;left:0;bottom:-1px;display:flex;align-items:center;gap:9px;padding:0;margin:0;font-size:9px;color:#9dacb7;border:0;background:none}.evolution-path>.glyph{width:18px;height:18px;color:#c4b2de}.evolution-path>b{font-size:9px;font-weight:500;color:#ccb6d4}.evolution-path>span{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;margin:0;color:#9dacb7}.evolution-pips{display:inline-flex;gap:3px}.evolution-pips>i{height:5px;width:5px;transform:rotate(45deg);background:#b4b8ba25}.evolution-pips>i.filled{background:#dfbd91;box-shadow:0 0 5px #dcbe8f33}.evolution-path>span.ready{background:none;color:#d6d2b9;border:0}.upgrade-footer{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;border:0;min-height:32px}.upgrade-footer>span{display:none}.upgrade-footer>.text-button{min-height:36px;padding:4px 0;font-size:11px;letter-spacing:.02em;color:#b5c0c6}.upgrade-footer>.text-button b{border-radius:4px;font-size:10px;background:#b7c4d615;border:1px solid #b7c4d620;min-width:22px;padding:2px 6px}.rift-reward{border:1px solid #ddc99533;border-radius:5px;background:#d1c7a810;padding:12px 18px;gap:12px;margin:16px 0 0}.rift-reward strong{font-size:15px}.rift-reward p{font-size:11px}.rift-reward small{font-size:8px}.has-rift-reward .upgrade-cards{margin-top:18px}.has-rift-reward .relic-art{width:130px;height:130px}.has-rift-reward .upgrade-card{min-height:345px}
body[data-phase=upgrade] .hud{opacity:.2}body[data-phase=upgrade] .scene-vignette{opacity:1}
/* Persistent combat UI occupies the edges and leaves movement space clear. */
body .hud .vitals{background:linear-gradient(105deg,#0d2433e6,#152e3ac7);border:1px solid #ddc59a4d;border-image:none;border-radius:5px;box-shadow:0 5px 20px #071e2e44;padding:10px 13px 10px 9px;gap:10px;width:294px;min-height:82px;backdrop-filter:blur(8px)}
.hud .vitals:before,.hud .vitals:after{display:none}.hud .hud-avatar{width:54px;height:54px;min-width:54px;background:none;border-image:none;border:1px solid #d6c29455;border-radius:50%}.hud .hud-avatar:after,.hud .hud-avatar:before{display:none}.hud .hud-avatar>span{inset:0}.hud .hud-avatar .hero-model-image{width:100%;height:100%;object-fit:contain}.hud .hud-avatar b{font-size:8px;background:#1f3540;border:1px solid #baad8344;bottom:-5px}.hud .hud-hero{gap:8px;margin:1px 0 6px}.hud #hud-hero-name{font-size:12px;letter-spacing:.09em}.hud #health-value{font-size:10px;font-weight:500}.hud .health-track{height:6px;border:0;background:#7b9a9b29;border-radius:5px}.hud .health-track i{background:linear-gradient(90deg,#6dbb98,#bbdab0);box-shadow:0 0 6px #bfe8ba22}.hud .xp-track{height:3px;border:0;background:#96bdd329;margin-top:5px}.hud .xp-track i{background:#a1bddb;box-shadow:none}.hud .run-loot{margin-top:7px;gap:12px;font-size:9px}.hud .run-loot .glyph{height:12px;width:12px}.hud .vitals.low-health{border-color:#ed9e8f}.hud .vitals.low-health .health-track i{background:linear-gradient(90deg,#cc7680,#ecab93)}
body .hud .run-clock{background:linear-gradient(0deg,#102738bf,#10273840);border:0;border-image:none;box-shadow:none;border-bottom:1px solid #d9c49366;border-radius:0;padding:7px 19px;min-width:126px;min-height:70px;backdrop-filter:blur(5px)}.hud .run-clock:before,.hud .run-clock:after{display:none}.hud .run-clock strong{font-size:27px;font-weight:500;letter-spacing:.05em;margin:4px 0}.hud .run-clock>span{font-size:8px;letter-spacing:.16em;color:#d1c4a8}.hud .run-clock small{font-size:8px;color:#a6c0c2}.hud .minimap-button{width:106px;height:119px;background:none;border:0;box-shadow:none;filter:none;padding:0}.hud .minimap-button:before,.hud .minimap-button:after{display:none}.hud .minimap-button canvas{width:100px;height:100px;border:1px solid #dac29599;border-radius:50%;box-shadow:0 0 0 4px #0d263780}.hud .minimap-button>span{font-size:8px;background:#122a37bf;border:0;border-radius:3px;padding:4px 8px;bottom:0;white-space:nowrap}.hud .hud-buttons{gap:8px}.hud .hud-buttons .icon-button{width:40px;height:40px;min-width:40px;min-height:40px;background-image:none}
body .discovery-hint{background:#102c39bc;border:0;border-left:2px solid var(--poi-color,#d8c397);border-image:none;border-radius:0;box-shadow:0 5px 20px #08192626;padding:8px 11px;max-width:275px;gap:8px;min-height:39px;font-size:11px;backdrop-filter:blur(8px)}.discovery-hint:before,.discovery-hint:after{display:none}.discovery-hint .glyph{width:17px;height:17px}.discovery-hint strong{font-size:10px}.discovery-hint .objective-arrow{font-size:13px}.discovery-hint .objective-distance{font-size:10px}.discovery-hint .objective-guide{width:26px;height:26px;min-width:26px;min-height:26px;background:none;border:1px solid #d3bf8e44;font-size:11px}.toast{background:#18333fdb;border:1px solid #c4b58e40;border-radius:5px;color:#e8ddc7;backdrop-filter:blur(12px);font-size:12px;padding:11px 18px;box-shadow:0 8px 28px #081b2933}.keyboard-hint{font-size:9px;opacity:.7;letter-spacing:.02em}.build-strip{gap:5px}.build-strip .build-chip{border:1px solid #d6c9a533;border-radius:4px;background:#102a37bb;box-shadow:none;padding:5px;font-size:9px;min-width:30px;min-height:30px}.build-strip .build-chip .glyph{height:20px;width:20px}.build-strip .build-chip.main{border-color:#c6bae266}
body .play-controls .dash-button{background:radial-gradient(ellipse,#25434c,#122b38);border:1px solid #e1c594a3;border-radius:50%;width:76px;height:76px;box-shadow:0 0 0 5px #142e3b7a,0 8px 25px #061a2f3d;background-image:none;filter:none}.play-controls .dash-button:before,.play-controls .dash-button:after{display:none}.play-controls .dash-button .glyph{width:36px;height:36px}.play-controls .dash-control>small{font-size:8px;letter-spacing:.17em}.play-controls .joystick{background:radial-gradient(ellipse,#9bbda918,#0e2d3b3d);border:1px solid #e0c69560;box-shadow:0 0 0 5px #162e3933;background-image:none;width:100px;height:100px}.play-controls .joystick:before,.play-controls .joystick:after{display:none}.play-controls .joystick small{font-size:8px;letter-spacing:.12em}.play-controls .joystick-knob{width:38px;height:38px;background:#aec7b22b;border:1px solid #e2d7ad55;box-shadow:0 0 15px #adc8b322}.play-controls .joystick.active{border-color:#f0dcad}
.boss-hud{top:108px}.boss-hud .boss-banner{background:linear-gradient(90deg,transparent,#242336d9 20%,#242336d9 80%,transparent);border:0;border-image:none;box-shadow:none;padding:9px 30px 12px}.boss-hud .boss-crest{display:none}.boss-hud #boss-name{font:400 18px 'Bree Serif',Georgia,serif;letter-spacing:.09em}.boss-hud .boss-track{height:5px;border:0;background:#c9a3b21f;margin:7px 0 5px}.boss-hud .boss-track i{background:linear-gradient(90deg,#a276a5,#e8aca9);box-shadow:0 0 12px #ed9ab533}.boss-hud #boss-tier-label{font-size:8px;letter-spacing:.16em;color:#c5b6bf}.terrain-status{border-radius:4px;border:1px solid #e0bd9455;background:#17343fdb;font-size:10px}.pause-dialog{text-align:center}.pause-dialog .dialog-sigil{color:#d3bd97;font-size:35px}.pause-dialog h2{font-size:36px}.pause-dialog #pause-summary{font-size:12px}.pause-tools button{font-size:11px}.pause-dialog>.secondary-button{margin-top:12px}.result-dialog .result-stats{gap:10px}.result-stats>div{background:#102733;border:1px solid #d2ba8c24;border-radius:4px}.secured-loot{background:linear-gradient(90deg,#c9b68c12,transparent);border:0;border-top:1px solid #d7c29a33;border-bottom:1px solid #d7c29a33;border-radius:0}.result-dialog .result-aura{opacity:.06}.result-dialog .result-emblem{color:#d6bd91}.result-dialog #result-message{font-size:13px}.map-modal{background:#132b36f7}.map-modal .map-toolbar{font-size:11px}.map-legend{font-size:10px}
@keyframes relic-arrive-v8{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes altar-breathe-v8{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 25px #a197f233)}50%{transform:translateY(-7px);filter:drop-shadow(0 0 42px #b3a4ff55)}}
/* Laptop heights keep every decision above the fold. */
@media(min-width:901px) and (max-height:800px){.camp-copy{top:20%;width:31%}.expedition-card h1{font-size:58px}.expedition-art{height:75px}.camp-welcome{margin-bottom:14px}.expedition-card p{font-size:13px;margin-top:12px}.expedition-spec{margin:13px 0 15px}.camp-goal{margin-top:13px!important;min-height:43px!important}.start-button{margin-top:13px!important;min-height:53px!important}.record-line{font-size:9px}.upgrade-cards{margin-top:22px!important}.upgrade-card{min-height:357px!important}.relic-art{width:142px;height:142px}.upgrade-heading h2{font-size:39px}.upgrade-card .card-title{font-size:22px}.power-gain{font-size:33px}.has-rift-reward .relic-art{height:115px;width:115px}.has-rift-reward .upgrade-card{min-height:320px!important}}
@media(max-width:1000px){.camp-copy{left:5%;width:35%;top:22%}.expedition-card h1{font-size:51px}.expedition-card p{font-size:12px}.expedition-art{height:72px}.camp-welcome{margin-bottom:12px}.hero-badge strong{font-size:31px}.selected-hero{gap:10px!important}.hero-badge .eyebrow{font-size:8px}.camp-side-actions{right:2%}.camp-hero-power .hero-combat-metrics>span{padding:0 8px;column-gap:5px;grid-template-columns:18px auto}.camp-hero-power .hero-combat-metrics .glyph{width:18px;height:18px}.camp-hero-power .hero-combat-metrics b{font-size:16px}.paused-note{position:static;justify-content:center;margin:9px 0 0;font-size:7px}.upgrade-heading h2{font-size:34px}.upgrade-cards{gap:14px!important}.relic-art{width:136px;height:136px}.upgrade-card .card-title{font-size:20px}.power-gain{font-size:31px}.power-stat{font-size:10px}.upgrade-card .card-description{font-size:10px}.upgrade-card{min-height:355px!important}.evolution-path{gap:6px;font-size:8px}.hub-nav .glyph{width:18px;height:18px}}
@media(max-width:700px){
  .hub-header{top:max(15px,env(safe-area-inset-top));left:16px;right:16px}.brand{font-size:19px;gap:6px}.brand small{font-size:6px}.brand-bolt{width:29px;height:35px}.header-right{gap:5px}.wallet{gap:4px}body .wallet .currency{padding:7px 8px;font-size:10px;min-height:33px;gap:3px}.wallet .currency .glyph{height:14px;width:14px}body .hub-header .icon-button{width:35px;height:35px;min-width:35px;min-height:35px;padding:9px}.header-right>.icon-button:first-of-type{display:none}
  body[data-phase=menu][data-tab=camp] .scene-vignette{background:linear-gradient(0deg,#102731f5 0%,#102731e6 23%,#10273122 62%,transparent 80%)}
  .camp-copy{top:auto;bottom:calc(86px + env(safe-area-inset-bottom));left:23px;right:23px;width:auto;max-width:none}.camp-welcome{margin-bottom:9px}.camp-welcome .eyebrow{font-size:8px;letter-spacing:.2em}body .expedition-card{display:block;min-height:0;position:relative}.expedition-art{display:none}.expedition-card h1{font-size:42px;line-height:1.05}.expedition-card h1 br{display:none}.expedition-card h1 em:before{content:' '}.expedition-card p{font-size:11px;margin-top:8px}.expedition-spec{margin:10px 0;gap:15px}.expedition-spec>span{font-size:8px}.expedition-spec .glyph{width:14px;height:14px}body .camp-goal{position:absolute;right:0;top:91px;min-height:29px!important;width:44%;padding-left:10px;gap:5px;margin:0!important;border-left:1px solid #b7b58a40}.camp-goal>.glyph{display:none}.camp-goal small{font-size:6px}.camp-goal strong{font-size:9px}.camp-goal>b{font-size:9px;padding-right:0}.camp-goal>div{max-width:110px}body .start-button{max-width:none;width:100%;min-height:52px;margin-top:14px;font-size:13px}.record-line{display:none}
  body .selected-hero{left:50%;top:auto;bottom:calc(309px + env(safe-area-inset-bottom));width:74%;max-width:340px;gap:14px}.hero-badge{padding:0}.hero-badge strong{font-size:29px;line-height:1.1;margin:3px 0 5px}.hero-badge .eyebrow{font-size:7px}.hero-badge small{font-size:10px}.hero-badge small b{font-size:7px}body .hero-switch{width:34px;height:34px;min-width:34px;flex-basis:34px}body .camp-hero-power{display:none}.camp-side-actions{right:14px;top:23%;gap:12px}.camp-shortcut>span:nth-child(2){display:none}.camp-shortcut>span:first-child{height:40px!important;width:40px!important;padding:9px}.camp-shortcut>span:first-child .glyph{height:20px!important;width:20px!important}
  body .hub-nav,body[data-tab=heroes] .hub-nav,body[data-tab=summon] .hub-nav,body[data-tab=journal] .hub-nav{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;transform:none;min-height:56px;gap:4px;background:#10273380;backdrop-filter:blur(10px);border-radius:0;border:0;border-top:1px solid #c9bc9040;padding:3px 0}body .hub-nav button{flex:1;min-width:0;display:flex;flex-direction:column;min-height:49px;gap:3px;padding:5px 2px;font-size:9px}.hub-nav .glyph{width:20px;height:20px}.hub-nav button b{position:absolute;top:5px;right:14px;font-size:7px;padding:1px 3px}.save-state{display:none}
  body .hub-panel{inset:75px 10px 80px;padding:19px 13px;border-radius:5px}.hub-panel h2{font-size:30px}.hub-panel .eyebrow{font-size:8px}.collection-tools{margin:0 0 12px}.collection-tools>.muted{display:none}.segmented{min-height:38px}.segmented button{font-size:11px;min-height:38px}.count-badge{font-size:10px}body .heroes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hero-card .card-art{height:174px}.hero-card .card-info{padding:9px 10px 11px}.hero-card .card-info strong{font-size:19px}.hero-card .card-info small{font-size:8px}.hero-card .card-info>.glyph{height:20px;width:20px}.hero-card .card-rarity{font-size:7px}.hero-card .card-owned-strip{font-size:6px}
  body .modal-box,body .small-dialog,body .result-dialog{padding:23px 17px;max-height:calc(100dvh - 30px);border-radius:6px}.modal-box .modal-close{width:34px;height:34px;min-width:34px;min-height:34px;right:9px;top:9px}.hero-detail .detail-art{min-height:210px;height:210px}.hero-detail .detail-art .hero-model-image{max-height:210px;width:100%;object-fit:contain}.hero-detail .detail-body h2{font-size:33px;margin-top:3px}.hero-detail .detail-body{padding-top:12px}.hero-detail .detail-body .eyebrow{font-size:8px}.hero-detail .hero-title{font-size:11px}.stat-row{gap:6px}.stat-row .stat-copy b{font-size:11px}.stat-row .stat-copy small{font-size:8px}.stat-row .stat-value{font-size:12px}.stat-row .stat-rank{font-size:8px}.stat-row button{font-size:10px;padding:5px 7px;min-height:34px}.stat-icon{width:23px;height:23px}.stat-icon .glyph{width:20px;height:20px}.detail-role{font-size:10px}.detail-secondary-stats{gap:6px}.detail-secondary-stats>span{font-size:9px}
  .summon-panel .summon-copy{position:relative;z-index:2;max-width:100%;padding-top:7px}.summon-panel h2{font-size:38px}.summon-panel .summon-copy>p{font-size:11px;max-width:260px}.summon-panel .altar-scene{right:-10%;top:9%;width:70%;height:260px;opacity:.4;pointer-events:none}.summon-panel .guarantee-card{margin-top:35px}.summon-panel .rates{margin-top:16px}.summon-panel .summon-actions{gap:9px}.summon-panel .summon-small{font-size:10px}.summon-panel .primary-button,.summon-panel .secondary-button{padding:12px 14px;min-height:48px;font-size:12px}.summon-panel .guarantee-card strong{font-size:11px}.summon-panel .guarantee-card small{font-size:9px}.reveal-content h2{font-size:40px}.reveal-content p{font-size:11px;max-width:290px}
  body #upgrade-panel{padding:19px 14px;align-items:center}body #upgrade-panel .upgrade-dialog{width:100%}.upgrade-heading h2{font-size:30px;margin:5px 0 0}.upgrade-heading .eyebrow{font-size:8px}.paused-note{font-size:6px;margin-top:7px;letter-spacing:.13em}.upgrade-context{font-size:9px;margin-top:9px}.upgrade-context .glyph{width:13px;height:13px}body .upgrade-cards{grid-template-columns:1fr;gap:10px!important;margin:19px 0 15px!important}body .upgrade-card{display:grid;grid-template-columns:76px minmax(0,1fr) 95px;grid-template-rows:auto auto auto;min-height:123px!important;padding:13px 12px 13px 6px;border-radius:5px;column-gap:11px;text-align:left;align-content:center;align-items:center;animation-duration:.28s}.upgrade-card .card-top{position:absolute;right:12px;top:10px;width:auto;gap:6px;min-height:0}.upgrade-card kbd{display:none}.upgrade-card .rarity-word{font-size:7px;letter-spacing:.10em}.relic-art{grid-column:1;grid-row:1/4;width:85px;height:85px;margin:0 0 0 -4px}.upgrade-card .card-title{grid-column:2;grid-row:1;font-size:18px;line-height:1.13;min-height:0;margin:0 0 6px;padding-right:0;align-self:end}.power-gain{grid-column:3;grid-row:2;font-size:25px;text-align:right;align-self:end;margin-top:4px}.power-stat{grid-column:2;grid-row:2;font-size:8px;letter-spacing:.12em;margin:0;line-height:1.2}.upgrade-card .card-description{grid-column:2;grid-row:3;font-size:9px;min-height:0;margin:4px 0 0;line-height:1.3;align-self:start}.upgrade-card .card-bottom{position:static;grid-column:3;grid-row:3;width:auto;min-height:0;padding:0;margin:4px 0 0;border:0;background:none;display:block;text-align:right;align-self:start}.upgrade-card .offer-level{font-size:6px;letter-spacing:.06em}.choose-label{display:none}.evolution-path{font-size:7px;gap:6px;bottom:7px}.evolution-path>b{font-size:8px}.evolution-path>.glyph{height:14px;width:14px}.evolution-path>span{gap:4px}.evolution-pips{gap:2px}.evolution-pips>i{height:4px;width:4px}.upgrade-footer>.text-button{font-size:9px;min-height:30px}.upgrade-footer>.text-button b{font-size:8px;padding:2px 5px;min-width:17px}.rift-reward{padding:9px 12px;gap:8px;margin-top:11px}.rift-reward strong{font-size:12px}.rift-reward small{font-size:6px}.rift-reward p{font-size:9px;line-height:1.3}.rift-reward-icon{width:26px;height:26px}.has-rift-reward .relic-art{width:82px;height:82px}.has-rift-reward .upgrade-cards{margin-top:12px!important}.has-rift-reward .upgrade-card{min-height:114px!important}
  body .hud .vitals{width:212px;min-height:65px;padding:7px 9px 7px 7px;gap:8px}.hud .hud-avatar{height:43px;width:43px;min-width:43px}.hud #hud-hero-name{font-size:10px;letter-spacing:.05em}.hud #health-value{font-size:8px}.hud .health-track{height:5px}.hud .xp-track{margin-top:4px;height:3px}.hud .run-loot{font-size:8px;gap:8px;margin-top:5px}.hud .run-loot .glyph{height:10px;width:10px}.hud .hud-avatar b{font-size:7px}.hud .run-clock{position:fixed;top:89px;left:12px;transform:none;padding:3px 9px;min-width:75px;min-height:48px;align-items:flex-start;backdrop-filter:blur(5px)}.hud .run-clock strong{font-size:21px;margin:2px 0}.hud .run-clock>span{font-size:6px}.hud .run-clock small{font-size:7px}.hud .hud-right{right:12px;top:12px}.hud .hud-buttons{gap:5px}.hud .hud-buttons .icon-button{height:34px;width:34px;min-height:34px;min-width:34px;padding:8px}.hud .minimap-button{width:75px;height:88px;margin-top:9px}.hud .minimap-button canvas{width:72px;height:72px}.hud .minimap-button>span{font-size:6px;padding:3px 5px}.hud .hud-hero{margin:1px 0 5px}body .discovery-hint{top:auto;bottom:30px;left:50%;transform:translateX(-50%);max-width:210px;min-height:34px;padding:7px 9px;gap:5px}.discovery-hint strong{font-size:9px}.discovery-hint .objective-distance{font-size:9px}.discovery-hint .objective-guide{height:24px;width:24px;min-width:24px;min-height:24px}.discovery-hint .glyph{width:15px;height:15px}.toast{font-size:10px;max-width:84%;padding:9px 13px;bottom:165px}.build-strip{bottom:13px;left:13px;max-width:85px;gap:4px}.build-strip .build-chip{width:25px;min-width:25px;min-height:25px;padding:4px;font-size:8px}.build-strip .build-chip .glyph{height:16px;width:16px}.build-strip .build-chip.main>span{display:none}body .play-controls .joystick{width:91px;height:91px}body .play-controls .dash-button{height:67px;width:67px}.play-controls .dash-button .glyph{height:31px;width:31px}.play-controls .dash-control>small,.play-controls .joystick small{font-size:7px}.boss-hud{top:165px;width:75%;left:50%}.boss-hud .boss-banner{padding:7px 17px}.boss-hud #boss-name{font-size:14px}.boss-hud #boss-tier-label{font-size:6px}.boss-hud .boss-track{height:4px}.terrain-status{bottom:160px;font-size:9px}
}
@media(max-width:380px){.upgrade-card{grid-template-columns:66px minmax(0,1fr) 83px!important;column-gap:8px!important}.relic-art{width:75px;height:75px}.upgrade-card .card-title{font-size:16px}.power-gain{font-size:22px}.camp-copy{left:18px;right:18px}.expedition-card h1{font-size:37px}.header-right{gap:3px}.wallet .currency{font-size:9px!important;padding:6px!important}.brand{font-size:16px}.brand-bolt{width:24px}.camp-goal strong{font-size:8px}}
@media(max-height:710px) and (orientation:portrait){.camp-copy{bottom:82px}.expedition-card h1{font-size:36px}.camp-welcome{margin-bottom:6px}.expedition-card p{font-size:10px;margin-top:6px}.expedition-spec{margin:8px 0}.camp-goal{top:79px!important}.selected-hero{bottom:278px!important}.hero-badge strong{font-size:26px}.hero-badge small{font-size:9px}.start-button{min-height:47px!important;margin-top:11px!important}.upgrade-heading h2{font-size:27px}.upgrade-cards{margin-top:14px!important;gap:8px!important}.upgrade-card{min-height:108px!important}.has-rift-reward .upgrade-card{min-height:100px!important}.paused-note{margin-top:5px}.rift-reward{margin-top:8px;padding:6px 10px}}
@media(max-height:520px) and (orientation:landscape){
  .hub-header{top:10px;left:22px;right:22px}.brand{font-size:18px}.brand small{font-size:6px}.brand-bolt{height:30px;width:25px}body .wallet .currency{font-size:10px;min-height:30px;padding:6px 10px}body .hub-header .icon-button{height:33px;width:33px;min-height:33px;min-width:33px;padding:8px}.camp-copy{left:5%;width:32%;top:24%;bottom:auto}.camp-welcome{margin-bottom:8px}.camp-welcome .eyebrow{font-size:7px}.expedition-card h1{font-size:38px}.expedition-card p{font-size:10px;margin-top:9px}.expedition-art{display:none}.expedition-spec{margin:10px 0}.expedition-spec>span{font-size:7px}body .camp-goal{min-height:31px!important;margin-top:6px!important;padding-left:10px;top:auto;position:relative;width:100%}.camp-goal>.glyph{width:17px;height:17px}.camp-goal strong{font-size:10px}.camp-goal small{font-size:6px}body .start-button{min-height:43px!important;margin-top:10px!important;padding:8px 14px;font-size:11px}.record-line{display:none}body .selected-hero{top:auto;bottom:65px;left:68%;width:35%;gap:10px}.hero-badge strong{font-size:26px}.hero-badge small{font-size:9px}.hero-badge .eyebrow{font-size:6px}body .camp-hero-power{display:none}.camp-side-actions{top:28%;right:3%}.camp-shortcut>span:nth-child(2){display:none}.camp-shortcut>span:first-child{height:38px!important;width:38px!important;padding:8px}body .hub-nav{bottom:5px;min-height:42px;left:5%;padding:0;gap:4px;width:auto;right:auto}body .hub-nav button{min-height:39px;min-width:63px;padding:4px 8px;flex-direction:row;font-size:9px}.hub-nav .glyph{height:17px;width:17px}.save-state{display:none}body .hub-panel{inset:62px 12px 56px;padding:16px 18px}.hub-panel h2{font-size:27px}.section-heading{margin-bottom:10px}body .heroes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-card .card-art{height:130px}.collection-tools{margin-bottom:5px}.hero-card .card-info strong{font-size:17px}.hero-card .card-info small{font-size:8px}.hero-card .card-info{padding:8px 9px}.hero-card .card-rarity{font-size:6px}
  body #upgrade-panel{padding:12px 24px}body #upgrade-panel .upgrade-dialog{width:min(840px,100%)}.upgrade-heading h2{font-size:26px;margin-top:3px}.upgrade-heading .eyebrow{font-size:8px}.paused-note{position:absolute;right:0;top:4px;font-size:6px;margin:0}.upgrade-context{margin-top:5px;font-size:8px}body .upgrade-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:13px 0 9px!important}body .upgrade-card{display:flex;min-height:227px!important;padding:10px 14px 0;text-align:center}.relic-art{width:80px;height:80px;margin:0 auto}.upgrade-card .card-top{position:static;width:100%;min-height:16px}.upgrade-card .rarity-word{font-size:7px}.upgrade-card kbd{display:inline;font-size:8px;padding:2px 5px}.upgrade-card .card-title{font-size:17px;min-height:20px;margin-bottom:7px;align-self:auto}.power-gain{font-size:24px;margin:0;align-self:auto;text-align:center}.power-stat{font-size:8px;margin-top:5px;letter-spacing:.12em}.upgrade-card .card-description{font-size:8px;min-height:12px;margin:6px 0 10px;align-self:auto}.upgrade-card .card-bottom{display:flex;width:calc(100% + 28px);margin:auto -14px 0;padding:8px 14px;border-top:1px solid #dbc8a81c;min-height:29px;text-align:left}.upgrade-card .offer-level{font-size:6px}.choose-label{display:inline;font-size:8px}.choose-label b{font-size:11px}.upgrade-footer{min-height:25px}.upgrade-footer>.text-button{font-size:9px;min-height:25px}.evolution-path{bottom:3px;font-size:7px}.evolution-path>b{font-size:8px}.evolution-pips>i{height:4px;width:4px}.rift-reward{padding:6px 12px;margin-top:9px}.rift-reward p{font-size:9px}.rift-reward small{font-size:6px}.rift-reward strong{font-size:12px}.has-rift-reward .relic-art{width:60px;height:60px}.has-rift-reward .upgrade-card{min-height:205px!important}.has-rift-reward .upgrade-card .card-description{margin-bottom:7px}.has-rift-reward .upgrade-cards{margin-top:9px!important}.has-rift-reward .upgrade-card .card-title{font-size:16px}
  .hud .vitals{width:236px!important;min-height:66px!important}.hud .run-clock{min-height:55px!important;min-width:100px!important;padding:4px 12px!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important}.hud .run-clock strong{font-size:23px}.hud .hud-right{top:10px;right:14px}.hud .minimap-button{width:75px;height:87px}.hud .minimap-button canvas{width:70px;height:70px}.hud .minimap-button>span{font-size:6px}.hud .hud-buttons .icon-button{height:33px;width:33px;min-height:33px;min-width:33px}.discovery-hint{top:88px;bottom:auto;left:14px;transform:none;max-width:245px}.boss-hud{top:77px}.boss-hud #boss-name{font-size:14px}.boss-hud #boss-tier-label{font-size:6px}.keyboard-hint{font-size:7px}body .play-controls .dash-button{width:59px;height:59px}body .play-controls .joystick{width:74px;height:74px}.play-controls .dash-button .glyph{width:28px;height:28px}.play-controls .dash-control>small{font-size:6px}.build-strip{bottom:10px!important;left:110px!important;max-width:40%!important}.toast{bottom:70px;font-size:10px}.summon-panel h2{font-size:30px}.summon-panel .guarantee-card{margin-top:14px}.summon-panel .summon-copy>p{font-size:11px}.summon-panel .altar-scene{width:45%;height:100%;right:0;opacity:1}.summon-panel .summon-copy{width:49%}.summon-panel .rates{font-size:10px}.reveal-content h2{font-size:31px}.reveal-content p{font-size:10px}.reveal-content>.primary-button{min-height:40px;padding:10px 18px}.reveal-content .reveal-card{height:155px}.reveal-content .eyebrow{font-size:8px}
}
body[data-reduced-motion=true] *,body[data-reduced-motion=true] *:before,body[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.upgrade-card,.summon-altar-art{animation:none!important;transition:none!important}}

/* Explicitly reset legacy circular action and early evolution positioning. */
.upgrade-dialog .upgrade-context{display:flex;align-items:center;justify-content:center}
.upgrade-dialog .evolution-path{top:auto;right:auto;max-width:none}
.upgrade-card .card-bottom>.choose-label{display:inline-flex;align-items:center;justify-content:flex-end;position:static;flex:0 0 auto;width:auto;height:auto;min-width:0;border:0;border-radius:0;background:none;padding:0;font:500 10px/1.2 Outfit,system-ui,sans-serif;letter-spacing:.05em;color:#e0c69e;box-shadow:none}
.upgrade-card .card-bottom>.choose-label b{font:400 15px/1 Outfit,system-ui,sans-serif;margin-left:7px}
@media(max-width:700px) and (orientation:portrait){.upgrade-card .card-bottom>.choose-label{display:none}}
@media(max-height:520px) and (orientation:landscape){.upgrade-card .card-bottom>.choose-label{font-size:8px}.upgrade-card .card-bottom>.choose-label b{font-size:12px}}

.hud .hud-avatar .hero-model-image.avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;transform:none}
@media(max-width:700px) and (orientation:portrait){
  body .camp-goal{position:static;width:100%;min-height:24px!important;margin:9px 0 0!important;border:0;padding:0;gap:8px}
  .camp-goal small,.camp-goal>.glyph{display:none}.camp-goal strong{font-size:10px;color:#b2c6bb}.camp-goal>div{max-width:none}.camp-goal>b{font-size:9px;color:#cdbb98}
}

.collection-panel .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.collection-panel .section-heading>div{flex:1;min-width:0}.collection-panel .section-heading h2{width:auto;max-width:none}.collection-panel .section-heading h2 em{display:inline}
.hero-card .card-rarity{transform:none;right:auto;bottom:auto;width:auto;height:auto;max-width:calc(100% - 58px);white-space:nowrap}
.hero-card .hero-level-badge{bottom:auto;height:auto;min-height:0;min-width:0;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:48px;line-height:1.2}
.hero-card .card-owned-strip{height:auto;padding:2px 0;line-height:1.3;bottom:6px}
.hero-card .selected-check{left:auto;transform:none}
body .hub-panel .segmented{border-radius:4px;background:#102630;border:1px solid #c4b88c35;padding:3px}
body .hub-panel .segmented button{border-radius:2px;background:none;box-shadow:none;border:0;color:#9db8b8;min-height:38px}
body .hub-panel .segmented button.active{background:#d0c8a61b;color:#f2dfb9;box-shadow:inset 0 -1px #d3bf8b}

@media(max-height:520px) and (orientation:landscape){
  body #upgrade-panel{padding:9px 23px}.upgrade-heading h2{font-size:24px}.upgrade-heading .eyebrow{font-size:7px}.upgrade-context{font-size:7px;margin-top:4px}
  body .upgrade-card{min-height:202px!important;padding-top:8px}.relic-art{width:64px;height:64px}.upgrade-card .card-title{margin-bottom:6px;font-size:16px}.upgrade-card .card-description{margin:5px 0 8px}
  .has-rift-reward .upgrade-card{min-height:176px!important}.has-rift-reward .relic-art{width:44px;height:44px}.has-rift-reward .rift-reward{padding:5px 11px;min-height:29px}.has-rift-reward .rift-reward p{display:none}.has-rift-reward .rift-reward-icon{width:23px;height:23px}
}

@media(max-height:520px) and (orientation:landscape){
  .has-rift-reward .rift-reward{height:26px;min-height:26px;padding:4px 10px;gap:7px;margin-top:7px}
  .has-rift-reward .rift-reward>div{display:flex;align-items:center;gap:12px;min-width:0}.has-rift-reward .rift-reward small{margin:0;font-size:6px;line-height:1.2}.has-rift-reward .rift-reward strong{font-size:11px;line-height:1.2}
  .has-rift-reward .rift-reward-icon{height:18px;width:18px}.has-rift-reward .rift-reward-icon>.glyph{height:17px;width:17px}
  .has-rift-reward .upgrade-card{min-height:165px!important;padding-top:6px}.has-rift-reward .relic-art{height:34px;width:34px}.has-rift-reward .upgrade-card .card-title{font-size:15px;margin-bottom:4px;min-height:17px}.has-rift-reward .power-gain{font-size:23px}.has-rift-reward .power-stat{font-size:7px;margin-top:4px}.has-rift-reward .upgrade-card .card-description{font-size:7.5px;min-height:10px;margin:4px 0 6px;line-height:1.3}.has-rift-reward .upgrade-card .card-bottom{min-height:24px;padding-top:7px;padding-bottom:7px}
}