:root{--bg:#0d0a12;--panel:#120d18db;--line:#e2be7838;--gold:#e8c26a;--gold-hi:#ffd98a;--text:#ece4d6;--muted:#a99db0;--red:#e04848;--green:#5fd38a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 55%,#0503088c 100%);position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}svg{width:100%;height:100%;display:block}.floats{position:absolute;inset:0;overflow:hidden}.float{white-space:nowrap;color:#fff4dc;text-shadow:0 2px #1a0f0a,0 0 6px #000c;will-change:transform, opacity;font-size:15px;font-weight:800;position:absolute;top:0;left:0}.float.crit{color:var(--gold-hi);font-size:21px}.float.hurt{color:#ff6b6b}.float.heal{color:#8dffb5}.float.loot{font-family:var(--serif);font-size:18px}.float.loot.rare{color:#7cc2ff}.float.loot.epic{color:#d3a3ff}.hud-run{padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}.party{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));flex-direction:column;gap:8px;width:230px;display:flex;position:absolute}.frame{align-items:center;gap:10px;display:flex}.portrait{--role:#aaa;width:40px;height:40px;color:var(--role);border:2px solid color-mix(in srgb, var(--role) 70%, #000);background:radial-gradient(circle at 50% 35%,#2b2233,#120d18);border-radius:50%;flex:none;padding:9px;box-shadow:0 2px 8px #00000080}.portrait.big{width:64px;height:64px;padding:14px}.frame.me .portrait{border-color:var(--gold)}.info{flex:1;min-width:0}.name{text-shadow:0 1px 2px #000;margin-bottom:4px;font-size:13px;font-weight:700}.name .bot{color:var(--muted);font-size:11px;font-weight:500}.hp-track{background:#0a060cd9;border:1px solid #ffffff1f;border-radius:3px;height:12px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(#6fe39a,#3ea869);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.hp-fill.low{background:linear-gradient(#ff7a6a,#c43a3a)}.hp-shield{background:#a0d8ff8c;position:absolute;inset:0 auto 0 0}.hp-text{text-shadow:0 1px 1px #000;font-size:10px;font-weight:700;position:absolute;top:-1px;right:4px}.frame.downed{opacity:.6}.frame.downed .portrait{border-color:var(--red);filter:grayscale()}.top{top:max(16px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:10px;width:min(460px,46vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.xp{align-items:center;gap:10px;width:100%;display:flex}.level{color:#1a1206;background:linear-gradient(var(--gold-hi), #c9973a);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.xp-track{border:1px solid var(--line);background:#0a060cd9;border-radius:5px;flex:1;height:10px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, #c9973a, var(--gold-hi));width:0;height:100%;transition:width .2s ease-out}.boss{text-align:center;width:100%}.boss-name{font-family:var(--serif);letter-spacing:.04em;text-shadow:0 2px 4px #000;margin-bottom:4px;font-size:17px}.boss-track{background:#0a060ce6;border:1px solid #e0484880;border-radius:3px;height:14px;overflow:hidden}.boss-fill{background:linear-gradient(#e85a5a,#9b2525);height:100%;transition:width .15s linear}.room{top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:var(--text);text-shadow:0 1px 2px #000;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex;position:absolute}.room svg{color:#d9d0b6;width:22px;height:22px}.abilities{bottom:max(18px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slot{color:#f3e6c8;background:linear-gradient(#2a2131,#150f1a);border:1px solid #ffffff24;border-radius:8px;width:44px;height:44px;padding:10px;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000080}.slot.big{border-color:var(--line);width:62px;height:62px;margin-left:6px;padding:14px;overflow:visible}.slot.big.ready{border-color:var(--gold);color:var(--gold-hi);box-shadow:0 0 14px #e8c26a73}.sweep{border-radius:inherit;background:#050308b8;height:0;position:absolute;bottom:0;left:0;right:0}.slot .key{color:var(--muted);font-size:10px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.levelup{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;width:min(560px,50vw);position:absolute}.lu-title{font-family:var(--serif);text-align:right;text-shadow:0 2px 4px #000;color:var(--gold-hi);margin-bottom:8px;font-size:18px}.lu-title span{font-family:var(--sans);color:var(--muted);margin-left:6px;font-size:12px}.lu-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.card{text-align:left;background:var(--panel);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:4px;padding:10px 11px 11px;transition:transform .1s,border-color .1s;animation:.22s ease-out rise;display:flex}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card.path{border-color:var(--line)}.card-head{justify-content:space-between;align-items:center;display:flex}.card-icon{width:26px;height:26px;color:var(--gold)}.card-key{color:var(--muted);font-size:11px;font-weight:700}.card-name{font-size:14px;font-weight:700}.card-desc{color:#cfc4d4;font-size:12px;line-height:1.35}.card-rank{color:var(--gold);margin-top:auto;font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.banner{font-family:var(--serif);letter-spacing:.03em;color:var(--gold-hi);text-shadow:0 2px 10px #000,0 0 2px #000;opacity:0;white-space:nowrap;font-size:clamp(18px,2.4vw,28px);transition:opacity .3s,transform .3s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.banner.on{opacity:1;transform:translate(-50%)}.action-btn{right:max(28px, env(safe-area-inset-right));bottom:max(110px, calc(env(safe-area-inset-bottom) + 96px));border:2px solid var(--line);color:#f3e6c8;pointer-events:auto;background:#120d18bf;border-radius:50%;width:84px;height:84px;padding:20px;display:none;position:absolute}.action-btn.ready{border-color:var(--gold);color:var(--gold-hi)}.stick{pointer-events:none;z-index:5;width:0;height:0;display:none;position:fixed;top:0;left:0}.stick:before{content:"";background:#0003;border:2px solid #ffffff40;border-radius:50%;width:128px;height:128px;position:absolute;top:-64px;left:-64px}.knob{background:#e8c26a8c;border-radius:50%;width:54px;height:54px;position:absolute}#screens{pointer-events:none;position:fixed;inset:0}#screens.screen{pointer-events:auto;touch-action:pan-y;align-items:center;padding:4vh 5vw;display:flex;overflow-y:auto}.screen.home{background:linear-gradient(90deg,#0a070ef0 0%,#0a070ec7 34%,#0a070e00 62%)}.screen.create,.screen.talents,.screen.results,.screen.pause{background:#08050bdb;justify-content:center}.panel{flex-direction:column;gap:18px;width:min(440px,100%);margin:auto 0;display:flex}.panel.wide{width:min(980px,100%)}.panel.center{text-align:center;align-items:center;width:min(640px,100%)}.panel.small{width:min(380px,100%)}.title{font-family:var(--serif);letter-spacing:.01em;color:#f4ead6;text-shadow:0 4px 18px #000000b3;margin:0 0 6px;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:.95}.title span{color:var(--gold);letter-spacing:.08em;margin-top:10px;font-size:.42em;display:block}h2{font-family:var(--serif);margin:0;font-size:30px;font-weight:700}.lead{color:#d7cdd9;margin:0;font-size:16px;line-height:1.55}.muted{color:var(--muted);font-size:13px}.hint,.controls{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.controls{margin-top:8px}.heroes{flex-direction:column;gap:6px;display:flex}.hero-row{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hero-row:hover{border-color:#e8c26a66}.hero-row.on{border-color:var(--gold);background:#e8c26a14}.hero-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hero-name{font-size:16px;font-weight:700}.hero-sub{color:var(--muted);font-size:12.5px}.points{color:#1a1206;background:var(--gold);border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.party-size{align-items:center;gap:10px;font-size:14px;display:flex}.party-size .size{text-align:center;min-width:14px;font-size:18px;font-weight:800}.step{background:#ffffff0a;border:1px solid #ffffff29;border-radius:8px;width:30px;height:30px;font-size:18px;line-height:1}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary,.secondary{border-radius:10px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;display:inline-flex}.primary{color:#1c1306;background:linear-gradient(var(--gold-hi), #c9973a);border:none;box-shadow:0 4px 18px #e8c26a40}.primary:disabled{opacity:.4;cursor:default}.secondary{background:#ffffff0a;border:1px solid #ffffff2e}.link{color:var(--gold);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-weight:600}.field{color:var(--muted);flex-direction:column;gap:6px;max-width:320px;font-size:13px;display:flex}.field input{font:inherit;color:var(--text);-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #ffffff2e;border-radius:10px;padding:11px 13px;font-size:17px}.roles,.paths{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.role,.path-card{--role:#aaa;text-align:left;background:#16101cf0;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.role.on{border-color:var(--role);background:color-mix(in srgb, var(--role) 9%, transparent)}.role-icon{width:40px;height:40px;color:var(--role)}.role-name{font-family:var(--serif);font-size:22px;font-weight:700}.role-desc{color:#cfc4d4;font-size:13.5px;line-height:1.5}.role-paths{flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.path-chip{color:var(--text);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.path-chip svg{width:14px;height:14px;color:var(--role)}.path-chip.locked,.path-card.locked .role-name,.path-card.locked .role-desc,.path-card.locked .role-icon{color:var(--muted)}.path-card .primary{margin-top:auto}.soon{color:var(--muted);align-items:center;gap:6px;margin-top:auto;font-size:13px;display:inline-flex}.soon svg{width:14px;height:14px}.talent-head{align-items:center;gap:16px;display:flex}.talent-head>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.txp{border:1px solid var(--line);background:#00000073;border-radius:4px;width:min(320px,100%);height:8px;margin-top:4px;overflow:hidden}.txp-fill{background:linear-gradient(90deg, #c9973a, var(--gold-hi));height:100%}.free{text-align:center;color:var(--muted);font-size:12px}.free span{color:var(--gold-hi);font-size:30px;font-weight:800;display:block}.tree{flex-direction:column;gap:14px;display:flex}.tier-need{min-height:16px;color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.tier-need svg{width:12px;height:12px}.tier-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.talent{text-align:left;background:#16101cf0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:5px;padding:13px 14px;display:flex}.talent:disabled{cursor:default}.talent:disabled:not(.has) .talent-name,.talent:disabled:not(.has) .talent-desc{color:var(--muted)}.talent.has{border-color:var(--line)}.talent.can{border-color:#e8c26a8c}.talent.can:hover{border-color:var(--gold);background:#e8c26a12}.talent-name{font-size:15px;font-weight:700}.talent-desc{color:#cfc4d4;font-size:13px;line-height:1.45}.pips{gap:5px;margin-top:2px;display:flex}.pips i{border:1px solid var(--gold);border-radius:50%;width:9px;height:9px}.pips i.on{background:var(--gold)}.result{font-family:var(--serif);margin:0;font-size:clamp(48px,7vw,76px);line-height:1}.result.win{color:var(--gold-hi)}.result.loss{color:#e07a7a}.stats{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:18px 34px;font-size:12.5px;display:grid}.stats span{color:var(--text);font-size:24px;font-weight:800;display:block}.reward{flex-direction:column;align-items:center;gap:6px;width:min(420px,100%);display:flex}.reward-line{justify-content:space-between;width:100%;font-size:14px;font-weight:700;display:flex}.reward .txp{width:100%}.gain{color:var(--gold-hi);margin:6px 0 0;font-weight:700}.panel.center .actions{justify-content:center}@media (hover:none) and (pointer:coarse){.action-btn{display:block}.controls,.abilities .slot.big{display:none}}@media (max-width:760px){.party{gap:5px;width:160px}.portrait{width:32px;height:32px;padding:7px}.name{font-size:11px}.top{width:38vw}.levelup{width:calc(100vw - 32px);bottom:80px}.lu-title{text-align:center}.roles,.paths{grid-template-columns:1fr}.screen.home{background:#0a070ed1}.stats{grid-template-columns:repeat(2,1fr)}}:root{--cream:#f8efd5;--teal:#123e36;--cyan:#78d9ec}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f1d879}.hero-art{background:url(/brand/heroes-verdant-delivery-q92-v1.webp) 0 0/300% 300% no-repeat;display:block}#screens.home-landscape{background:url(/brand/home-hearthgold-delivery-q92-v1.webp) 50%/cover no-repeat;padding:0;display:block}.home-logo{left:max(4%, env(safe-area-inset-left));object-fit:contain;width:min(28vw,370px);max-height:35vh;position:absolute;top:4%}.home-play{right:max(5.2%, env(safe-area-inset-right));width:31%;height:25%;font:900 clamp(36px, 6vw, 76px) var(--serif);border:3px solid #e9c783;border-radius:8px;justify-content:center;position:absolute;top:46%;box-shadow:0 0 0 5px #614632,0 10px 25px #180e0c88}.home-nav{bottom:max(4%, env(safe-area-inset-bottom));right:max(4.5%, env(safe-area-inset-right));justify-content:space-between;gap:8px;width:37%;display:flex;position:absolute}.home-nav button{color:#ffebbf;min-height:44px;font:700 clamp(12px, 1.6vw, 20px) var(--serif);text-shadow:0 2px 2px #24140b;background:#261e1bc9;border:0;flex:1;padding:5px 2px}#screens.hero-setup,#screens.equipment-screen{padding:max(10px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));display:block;overflow:hidden}#screens.hero-setup{color:var(--cream);background:linear-gradient(90deg,#0a332de8 0%,#0b302769 29%,#0000 37% 65%,#0a332dbb 72%,#0a332de0 100%)}.menu-header{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));top:max(4px, env(safe-area-inset-top));align-items:center;gap:12px;height:44px;display:flex;position:absolute}.menu-header h2{white-space:nowrap;font-size:clamp(21px,3.1vw,38px)}.menu-header>span{color:#b8ccdc;font-family:var(--serif);font-size:18px}.back-btn{min-width:44px;min-height:44px;color:var(--cream);background:0 0;border:0;padding:0;font-size:32px}.hero-roster{top:54px;bottom:75px;left:max(18px, env(safe-area-inset-left));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:6px;width:29.5%;display:grid;position:absolute}.roster-hero{min-width:0;min-height:44px;color:var(--cream);background:#102c27;border:1px solid #97b7a674;border-radius:6px;flex-direction:column;padding:0;display:flex;overflow:hidden}.roster-hero .hero-art{flex:1;width:100%;min-height:0}.roster-hero>span:last-child{font:700 clamp(9px, 1.28vw, 16px) var(--serif);white-space:nowrap;padding:3px 1px}.selected{box-shadow:0 0 8px #e3d47966;background-color:#49663a!important;border-color:#f1d879!important}.hero-preview-label{text-align:center;text-shadow:0 2px 5px #0a1810;width:30%;position:absolute;bottom:80px;left:32%}.hero-preview-label h3{font:700 clamp(22px, 3.5vw, 42px) var(--serif);margin:0}.hero-preview-label p{margin:4px 0 0;font-size:12px}.setup-options{left:68%;right:max(18px, env(safe-area-inset-right));touch-action:pan-y;scrollbar-width:thin;position:absolute;top:55px;bottom:80px;overflow-y:auto}.setup-options h3{font:700 clamp(17px, 2.3vw, 27px) var(--serif);margin:0 0 9px}.spec-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.spec-choice{background:#102e28c4;border:1px solid #82a99277;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:82px;padding:9px 3px;display:flex}.spec-symbol{color:#eee6c7;width:26px;height:26px}.spec-choice strong{font-family:var(--serif);font-size:clamp(11px,1.5vw,18px)}.spec-choice>span:last-child{color:#dddcc2;font-size:10px}.setup-options .first-talent-title{margin-top:16px}.first-talents{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.first-talent{text-align:left;background:#102e28c4;border:1px solid #82a99277;border-radius:6px;min-width:0;min-height:58px;padding:8px}.first-talent strong{font:700 clamp(12px, 1.65vw, 19px) var(--serif);display:block}.first-talent>span{color:#e0e0c8;margin-top:3px;font-size:10px;line-height:1.35;display:block}.first-talent:disabled{color:var(--cream);cursor:default}.spec-description{color:#d0dbc9;margin:9px 0 0;font-size:11px;line-height:1.45}.setup-footer{bottom:max(12px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:14px;height:48px;display:flex;position:absolute}.party-picker{align-items:center;gap:12px;display:flex}.party-picker>strong{font:700 clamp(17px, 2.5vw, 26px) var(--serif)}.party-picker>div{gap:6px;display:flex}.party-picker button{min-width:44px;height:44px;font:700 21px var(--serif);background:#102e28dd;border:1px solid #83a88b77;border-radius:6px}.party-picker>span{white-space:nowrap;font-size:13px}.setup-go{color:#fff2bd;width:23%;height:48px;font:800 29px var(--serif);background:#245f43;border:2px solid #d6bd72;justify-content:center;padding:2px 20px}.setup-links{gap:8px;display:flex;position:absolute;bottom:56px;left:33%}.setup-links button{min-height:24px;color:var(--cream);background:#102e2899;border:0;padding:3px 7px;font-size:11px}.setup-links{top:max(4px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));bottom:auto;left:auto}.setup-links button{background:#102e28d9;min-width:44px;min-height:44px;padding:8px 10px}.setup-footer{height:60px;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));background:#10372add;border-top:1px solid #668b6470;padding:8px}.party-picker>span{color:#fff5d7;text-shadow:0 1px 2px #061b13;font-weight:600}.spec-choice strong{white-space:nowrap;font-size:clamp(10px,1.4vw,17px)}#screens.equipment-screen{color:#f2efe4;background:linear-gradient(90deg,#0000 0%,#0c2033b3 24%,#0c2033f5 29%,#10273af5 100%)}.gear-preview{left:max(16px, env(safe-area-inset-left));flex-direction:column;justify-content:flex-end;width:22%;display:flex;position:absolute;top:56px;bottom:12px}.gear-stats{background:#102739c4;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:7px;font-size:11px;display:flex}.gear-stats span{white-space:nowrap}.gear-preview nav{gap:12px;margin-top:6px;display:flex}.gear-preview nav button{min-height:32px;font:700 18px var(--serif);background:0 0;border:0;padding:0}.equipped-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:34%;display:grid;position:absolute;top:55px;bottom:16px;left:28%}.gear-slot{background:#081928b3;border:1px solid #83a1b55c;border-radius:5px;flex-direction:column;align-items:center;min-width:0;min-height:44px;padding:2px;display:flex}.gear-slot>span:last-child{white-space:nowrap;font-size:clamp(9px,1.2vw,14px)}.item-art{background-repeat:no-repeat;background-size:500% 400%;flex:1;width:100%;min-height:0;display:block}.item-initial{color:#c9dcdf;text-align:center;flex:1;justify-content:center;align-items:center;min-height:0;padding:2px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.twohand-note{color:#c7d7df;grid-column:span 3;align-self:center;margin:0;font-size:11px}.bag-panel{left:66%;right:max(18px, env(safe-area-inset-right));flex-direction:column;display:flex;position:absolute;top:52px;bottom:12px}.bag-panel h3{font-family:var(--serif);margin:0 0 5px;font-size:21px}.bag-panel>h3>span{font:12px var(--sans);color:#b9cedc}.bag-filters{gap:4px;margin-bottom:6px;display:flex}.bag-filters select{color:#e6eef3;width:33%;min-width:0;min-height:44px;font:10px var(--sans);background:#143348;border:1px solid #84b3ca66;border-radius:3px}.bag-items{touch-action:pan-y;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:52px;align-content:start;gap:6px;height:43%;min-height:68px;display:grid;overflow-y:auto}.bag-item{background:#0b1927;border:2px solid;border-radius:5px;min-width:44px;min-height:44px;padding:2px;display:flex;position:relative}.item-level{color:#fff;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:1px;right:2px}.equipped-mark{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:0;left:3px}.common{color:#72d572;border-color:#52b65b}.rare{color:#55baff;border-color:#329eea}.epic{color:#c47cff;border-color:#a95bea}.legendary{color:#ffa84c;border-color:#ef922e}.item-comparison{touch-action:pan-y;scrollbar-width:thin;flex:1;min-height:0;margin-top:7px;overflow-y:auto}.item-comparison h3{margin:0 0 4px;font-size:clamp(15px,1.7vw,22px)}.item-comparison p{margin:3px 0;font-size:11px;line-height:1.35}.item-effects{color:#dde7e7}.stat-deltas{color:#c0e6e2;flex-wrap:wrap;gap:2px 8px;display:flex}.gear-actions{justify-content:flex-end;gap:6px;padding-top:5px;display:flex}.gear-pending{color:#e1d2a5;align-self:center;margin-right:auto;font-size:11px}.gear-actions .primary{color:#fff;min-height:44px;font-family:var(--serif);background:#298bb0;border:2px solid #94d2e3;border-radius:5px;padding:7px 18px}.gear-actions .secondary{min-height:44px;padding:5px;font-size:11px}@media (max-width:720px) and (orientation:landscape){.hero-roster{gap:4px;width:29%;left:12px}.roster-hero>span:last-child{font-size:9px}.setup-options{left:66%;right:12px}.spec-choice{min-height:70px;padding:5px 2px}.setup-options .first-talent-title{margin-top:12px}.first-talent{padding:5px}.first-talent>span{font-size:9px}.party-picker{gap:7px}.party-picker>span{font-size:11px}.party-picker>div{gap:3px}.setup-go{width:20%}.equipped-grid{gap:4px;width:35%;left:25%}.bag-panel{left:63%;right:12px}.gear-preview{width:20%}.bag-items{grid-auto-rows:48px;gap:4px}}.hud-landscape{padding:0}#hud{background:0 0}.hud-landscape .local-status{left:max(12px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));color:#f2f0e6;text-shadow:0 1px 2px #08111a;background:#102334bb;width:232px;padding:6px;position:absolute}.local-face{border:1px solid #bfced9;border-radius:4px;width:44px;height:44px;position:absolute;top:6px;left:6px;overflow:hidden}.local-face .hero-art{width:100%;height:100%}.helmet-button{pointer-events:auto;background:#152838;border:1px solid #7895aa;border-radius:4px;width:44px;height:44px;padding:2px;display:flex;position:absolute;top:6px;left:55px}.helmet-button .item-initial{font-size:9px}.local-vitals{margin-left:100px}.local-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:750;overflow:hidden}.local-hp,.local-resource{background:#08151ed9;border:1px solid #92a6b367;border-radius:3px;height:16px;position:relative;overflow:hidden}.local-resource{margin-top:4px}.local-resource>span{white-space:nowrap}.local-resource[hidden]{display:none}.local-hp-fill,.local-resource>div{background:#57c677;position:absolute;top:0;bottom:0;left:0}.local-hp-fill.low{background:#db5e51}.local-resource>div{background:#c17e36}.local-resource[data-resource=mana]>div{background:#3686bd}.local-resource[data-resource=energy]>div,.local-resource[data-resource=focus]>div{background:#b9aa38}.local-hp>span,.local-resource>span{text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:14px;position:absolute;inset:0}.local-stats{margin-top:7px;font-size:12px;font-weight:650}.local-xp{align-items:center;gap:7px;margin-top:4px;font-size:11px;display:flex}.local-xp>div{background:#111b22;border:1px solid #91a8b343;flex:1;height:5px}.local-xp i{background:#d5b559;height:100%;display:block}.hud-landscape .boss{left:50%;top:max(12px, env(safe-area-inset-top));width:min(32vw,380px);position:absolute;transform:translate(-50%)}.hud-landscape .boss-name{font:700 13px var(--sans);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.hud-landscape .boss-track{height:10px}.raid-tools{right:max(12px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));pointer-events:auto;gap:6px;display:flex;position:absolute}.raid-tools button{color:#edf0e9;background:#102334bc;border:1px solid #a4bbc77a;border-radius:4px;min-width:44px;min-height:44px;padding:5px 7px;font-size:12px}.hud-landscape .room{top:max(60px, calc(env(safe-area-inset-top) + 50px));right:max(12px, env(safe-area-inset-right));text-align:right;max-width:190px;font-size:11px}.offer-button{right:max(12px, env(safe-area-inset-right));top:max(82px, calc(env(safe-area-inset-top) + 72px));color:#fff1c8;pointer-events:auto;background:#9b7726d9;border:1px solid #e5c46d;border-radius:5px;min-height:44px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute}.offer-button[hidden]{display:none}.hud-landscape .banner{top:max(120px, calc(env(safe-area-inset-top) + 110px));left:max(16px, env(safe-area-inset-left));white-space:normal;max-width:225px;font:600 12px/1.4 var(--sans);color:#ffedb6;transform:none}.hud-landscape .banner.on{transform:none}.hud-landscape .banner[data-kind=loot]{max-height:34px;overflow:hidden}.combat-actions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;width:244px;height:184px;position:absolute}.combat-skill{color:#f8edcd;background:linear-gradient(0deg,#07121dd9 var(--cooldown,0%),#173347c9 var(--cooldown,0%));pointer-events:auto;text-shadow:0 1px 2px #000;border:2px solid #a6bbc6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:64px;height:64px;padding:4px 3px;display:flex;position:absolute;box-shadow:0 2px 4px #09101999}.combat-skill strong{font:700 11px/1.05 var(--sans);overflow-wrap:anywhere;max-width:100%;position:relative}.skill-cd{font-size:11px;line-height:1.1;position:relative}.skill-cost{color:#f3d180;font-size:11px;line-height:1.05;position:relative}.combat-skill.signature{border-color:#d1b772;width:76px;height:76px;bottom:0;right:0}.combat-skill.signature strong{font-size:12px}.combat-skill.signature .skill-cost{font-size:10px}.combat-skill.satellite-0{bottom:0;right:84px}.combat-skill.satellite-1{bottom:40px;right:152px}.combat-skill.satellite-2{bottom:68px;right:84px}.combat-skill.ready{border-color:#d5d7b9;box-shadow:0 0 7px #87c4db55}.combat-skill:disabled{cursor:default;color:#c4c9c9}.combat-skill.unaffordable{border-color:#687887}.combat-skill.unaffordable .skill-cost{color:#f7a295}.utility-actions{pointer-events:auto;gap:6px;display:flex;position:absolute;top:0;right:0}.utility-button{color:#fff0cb;background:#122d3dc9;border:1px solid #9bb3c2;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:2px;display:flex;position:relative;overflow:hidden}.utility-button .item-art{flex:none;width:29px;height:29px;margin:1px auto 0}.utility-button .item-initial{padding:0;font-size:8px}.utility-icon{color:#cee3e9;width:24px;height:24px;margin:2px auto 0}.utility-empty{color:#b6c9d2;margin:6px auto 0;font-size:9px}.utility-label{color:#e8e8df;font:700 10px/1 var(--sans);text-shadow:0 1px 2px #000;position:absolute;bottom:2px;left:0;right:0}.utility-state{color:#fff7dc;text-shadow:0 1px 3px #000;font-size:11px;font-weight:800;position:absolute;top:2px;right:3px}.utility-charges{color:#fff7dc;text-shadow:0 1px 3px #000;font-size:11px;font-weight:800;position:absolute;top:2px;left:3px}.utility-charges:not(:empty),.utility-state:not(:empty){background:#0b1d2ddd;border-radius:2px;padding:0 1px}.item-art>svg{width:100%;height:100%;display:block}.utility-button:disabled{opacity:.72;cursor:default;border-color:#6b8191}.stick{width:120px;height:120px;left:max(16px, env(safe-area-inset-left));top:auto;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;transform:none}.stick:before{background:#1a2c3c55;border:2px solid #c6d4db88;width:120px;height:120px;top:0;left:0;box-shadow:inset 0 0 0 7px #152c3e55}.knob{background:#b5c7d3bb;border:2px solid #dee7ec9c;width:46px;height:46px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:720px) and (orientation:landscape){.hud-landscape .local-status{width:212px;left:max(10px, env(safe-area-inset-left))}.local-vitals{margin-left:92px}.local-resource>span{letter-spacing:-.1px;font-size:11px}.helmet-button{left:50px}.local-stats{font-size:12px}.raid-tools button{padding:4px}.hud-landscape .room{max-width:155px}}.screen.pause select{width:100%;min-height:44px;font:14px var(--sans);color:#f3f1e7;background:#153145;border:1px solid #7398ad;border-radius:4px;padding:7px}.screen.pause .field{min-width:220px}.screen.pause .card{min-height:100px}#screens.talents-screen{color:#f3efdc;background:#0c2033f5;padding:0;display:block;overflow:hidden}.talents-screen .menu-header{border-bottom:1px solid #749fb05c;padding-bottom:4px}.build-slots{gap:5px;margin-left:auto;display:flex}.build-slots button{background:#143448;border:1px solid #80b3c566;border-radius:4px;min-width:56px;min-height:44px;font-size:11px}.talent-columns{left:max(14px, env(safe-area-inset-left));touch-action:pan-y;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));width:65%;display:grid;position:absolute;top:57px;bottom:55px;overflow-y:auto}.talent-column{opacity:.8;border-right:1px solid #7596a54f;padding:0 10px 8px}.talent-column.active-tree{opacity:1}.tree-title{background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:100%;min-height:44px;padding:0 1px 7px;display:flex}.tree-title strong{font:700 clamp(12px, 1.8vw, 22px) var(--serif)}.tree-title>span{color:#84c2db;font-size:11px}.active-tree .tree-title strong{color:#ffdd8b}.talent-nodes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 7px;display:grid}.talent-node{background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:82px;padding:5px 2px;display:flex}.node-rank{color:#d9f4ff;background:#123248;border:2px solid #739cad;border-radius:50%;place-items:center;min-width:44px;height:44px;font-size:12px;display:grid}.talent-node strong{font:700 clamp(10px, 1.25vw, 15px) var(--serif)}.talent-node>span:last-child{color:#b2c9d3;font-size:9px}.talent-node.learnable .node-rank{border-color:#90d9eb}.talent-node.learned .node-rank{color:#fff1c9;background:#4e6f49;border-color:#f0ce81}.talent-node.inspected .node-rank{border-color:#efce84;box-shadow:0 0 9px #d6a95755}.talent-detail{left:69%;right:max(18px, env(safe-area-inset-right));touch-action:pan-y;scrollbar-width:thin;flex-direction:column;gap:7px;display:flex;position:absolute;top:56px;bottom:12px;overflow-y:auto}.available-points{color:#f3d89c;margin:0 0 4px;font-size:12px}.talent-detail h3{font:700 clamp(17px, 2vw, 25px) var(--serif);margin:0}.talent-detail>p{margin:0;font-size:12px;line-height:1.4}.talent-passive{color:#9cb7c9}.talent-detail .equipped-title{margin-top:4px;font-size:18px}.talent-kit{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.talent-kit>div{border-bottom:1px solid #7695a64d;min-height:44px;padding:5px 4px}.talent-kit strong{font:700 12px var(--serif);display:block}.talent-kit span{color:#a4c7d8;margin-top:4px;font-size:9px;display:block}.talent-detail .kit-note{color:#a9c4d5;font-size:10px}.learn-button{border-radius:5px;justify-content:center;min-height:44px;margin-top:auto;padding:9px 5px}.talent-footer{bottom:max(6px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));border-top:1px solid #7998aa55;gap:18px;width:62%;display:flex;position:absolute}.talent-footer button{min-height:44px;font:700 17px var(--serif);background:0 0;border:0;padding:5px 0}.talent-footer button:last-child{font:12px var(--sans);color:#b0c3cc;margin-left:auto}#screens.results-screen{color:#392217;background:url(/brand/results-hearthgold-delivery-q92-v1.webp) 50%/cover no-repeat;padding:0;display:block;overflow:hidden}.results-heading{text-align:center;width:48%;position:absolute;top:3%;left:4%}.results-heading h1{font:800 clamp(44px, 8vw, 92px) var(--serif);color:#c28725;text-shadow:1px 2px #603519;margin:0;line-height:1}.results-heading h2{margin-top:4px;font-size:clamp(17px,2.7vw,31px)}.results-details{left:60%;right:max(22px, env(safe-area-inset-right));top:4%;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute}.result-totals{text-align:center;justify-content:space-between;gap:10px;display:flex}.result-totals>div{flex:1}.result-totals>div+div{border-left:1px solid #825c4466}.result-totals strong{font:800 clamp(25px, 4vw, 48px) var(--serif);line-height:1;display:block}.result-totals span{font:700 16px var(--serif)}.results-details>h3{font:700 24px var(--serif);margin:12px 0 5px}.results-loot{touch-action:pan-y;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:34%;min-height:72px;display:grid;overflow-y:auto}.result-drop{flex-direction:column;align-items:center;min-width:0;display:flex}.result-drop .item-art,.result-drop .item-initial{flex:none;width:58px;height:55px}.results-loot .item-initial{color:#4b3423}.result-drop strong{font:700 10px var(--serif);text-align:center}.result-drop>span:last-child{color:#402c20;text-transform:capitalize;font-size:10px}.results-loot .common{color:#237431}.results-loot .rare{color:#17679a}.results-loot .epic{color:#77359a}.results-loot .legendary{color:#a84b13}.result-progression{margin-top:8px}.result-progression>strong{font:700 20px var(--serif)}.result-progression>span{float:right;margin-top:5px;font-size:10px}.result-progression .txp{background:#70503c99;border-color:#7c5b41;width:100%}.result-progression button{color:#6b3d57;min-height:44px;font:700 14px var(--serif);background:0 0;border:0;padding:3px 0;text-decoration:underline}.result-performance{margin:0;font-size:10px}.result-actions{gap:10px;margin-top:auto;padding-top:8px;display:flex}.result-actions button{min-height:44px;font:800 clamp(12px,1.8vw,22px) var(--serif);border:2px solid #795c3f;border-radius:5px;flex:1;justify-content:center;padding:8px 3px}.result-actions .secondary{color:#fff2da;background:#795267;border-color:#5c3e49}.results-screen.defeated .results-heading h1{color:#9a4437}#screens.results-screen.defeated{background-image:url(/brand/results-hearthgold-defeated-delivery-q92-v1.webp)}#rotate-guard{z-index:100;color:#ffe8ac;text-align:center;background:url(/brand/rotate-hearthgold-delivery-q92-v1.webp) 50%/cover no-repeat;position:fixed;inset:0}#rotate-guard[hidden]{display:none}#rotate-guard>img{object-fit:contain;width:45%;max-height:18%;position:absolute;top:11%;left:27.5%}#rotate-guard>div{position:absolute;top:54%;left:5%;right:5%}#rotate-guard h1{font:700 clamp(25px, 7vw, 42px) var(--serif);margin:0 0 8px}#rotate-guard p{font:500 clamp(15px, 4vw, 22px) var(--serif);margin:0}@media (max-width:720px) and (orientation:landscape){.menu-header>span{display:none}.build-slots button{min-width:48px}.talent-column{padding:0 5px 8px}.talent-detail{left:69%;right:12px}.talent-detail>p{font-size:11px}.talent-kit strong{font-size:10px}.talent-kit span{font-size:8px}.talent-footer button{font-size:14px}.results-details{left:57%;right:14px}.results-heading{width:49%}}#screens.raid-pause,#screens.raid-upgrades{background:#07132191;padding:0;display:block;overflow:hidden}.hud-landscape.paused .combat-actions,.hud-landscape.paused .raid-tools,.hud-landscape.paused .offer-button{opacity:.42}.stick.paused{opacity:.4}.pause-actions{top:18%;left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));text-align:center;max-width:880px;margin:auto;position:absolute}.pause-actions h2{font:800 clamp(27px,3.7vw,43px) var(--serif);color:#fff3d9;margin:0}.pause-rule{background:linear-gradient(90deg,#0000,#d6b56c,#0000);width:72%;height:1px;margin:9px auto 16px}.pause-actions nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:84%;margin:auto;display:grid}.pause-actions nav button{color:#e8c474;background:linear-gradient(#153750ee,#0a1c2fee);border:2px solid #92a9b5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:92px;padding:10px 5px;display:flex;box-shadow:inset 0 0 0 3px #081a29,0 3px #06111c}.pause-actions nav button>span{width:32px;height:32px}.pause-actions nav strong{font:800 clamp(16px,2.2vw,25px) var(--serif);color:#fff2dd}.pause-actions nav .pause-resume{background:linear-gradient(#155379,#0c304b);border-color:#e6bf69}.pause-actions nav .pause-leave{background:linear-gradient(#54232b,#32171e);border-color:#bfa09d}.pause-sound{min-height:44px;font:700 18px var(--serif);background:#102c44;border:1px solid #99afbd;border-radius:25px;justify-content:center;align-items:center;gap:12px;margin:16px auto 0;padding:5px 17px;display:flex}.pause-sound>span{width:23px;height:23px}.sound-switch{background:#59606a;border-radius:13px;width:40px;height:23px;position:relative}.sound-switch:after{content:"";background:#e7f3f8;border-radius:50%;width:17px;height:17px;position:absolute;top:3px;left:3px}.sound-switch.on{background:#148bd1}.sound-switch.on:after{left:20px}.upgrade-band{top:max(65px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));position:absolute}.upgrade-band header{text-align:center;color:#fff2d6;margin-bottom:12px}.upgrade-band h2{font:800 clamp(23px,3vw,35px) var(--serif);margin:0;line-height:1.15}.upgrade-band header p{font:700 14px var(--serif);color:#bdd9ec;margin:3px 0 0}.upgrade-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.upgrade-choice{text-align:left;background:linear-gradient(#173c58f5,#0b2034f5);border:2px solid #d8b875;border-radius:9px;grid-template-rows:auto 1fr auto;grid-template-columns:38px minmax(0,1fr);gap:7px 10px;min-width:44px;min-height:130px;padding:10px;display:grid;box-shadow:inset 0 0 0 3px #081c2e}.upgrade-icon{color:#e7bf6e;grid-row:span 3;align-self:center;width:38px;height:38px}.upgrade-choice>strong{font:800 clamp(17px,2vw,25px) var(--serif);color:#fff0d9;line-height:1.1}.upgrade-effect{color:#d7e6f2;font-size:14px;line-height:1.35}.upgrade-rank{font:700 14px var(--serif);color:#f3e7cf;border-top:1px solid #849aac66;padding-top:5px}.upgrade-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.upgrade-footer p{color:#f7e8c6;max-width:55%;margin:0 auto 0 0;font-size:14px}.upgrade-footer button{color:#fff2d9;min-width:135px;min-height:44px;font:800 18px var(--serif);background:#15517a;border:2px solid #aac9d8;border-radius:7px;padding:7px 18px}@media (max-width:720px) and (orientation:landscape){.pause-actions{top:18%;left:16px;right:16px}.pause-actions nav{gap:7px;width:90%}.pause-actions nav button{min-height:86px}.upgrade-band{top:65px;left:12px;right:12px}.upgrade-choice{grid-template-columns:28px minmax(0,1fr);gap:7px;padding:8px}.upgrade-icon{width:28px;height:28px}}.combat-skill{padding:0;display:block}.skill-glyph{color:#b5e0f1;filter:drop-shadow(0 1px 1px #061321);width:23px;height:23px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.combat-skill[data-kind=heal] .skill-glyph,.combat-skill[data-kind=healZone] .skill-glyph{color:#b8e2bd}.combat-skill[data-kind=melee] .skill-glyph{color:#edcf8a}.combat-skill strong{max-height:22px;font:700 10px/1.1 var(--sans);overflow-wrap:normal;display:block;position:absolute;top:28px;left:3px;right:3px;overflow:hidden}.combat-skill .skill-cost{font:700 10px/1 var(--sans);position:absolute;bottom:3px;left:2px;right:2px}.combat-skill .skill-cd{font:800 17px/1.1 var(--sans);color:#fff6df;position:absolute;top:7px;left:2px;right:2px}.combat-skill.cooling .skill-glyph{opacity:.25}.combat-skill.signature .skill-glyph{color:#f4d78b;width:31px;height:31px;top:7px}.combat-skill.signature strong{font-size:10px;top:40px}.combat-skill.signature .skill-cost{font-size:10px;bottom:3px}.combat-skill.signature .skill-cd{font-size:20px;top:15px}.gear-preview nav button{min-width:44px;min-height:44px}#screens.skill-loadout{background:#07192bc9;padding:0;display:block;overflow:hidden}.loadout-heading{top:max(8px,env(safe-area-inset-top));text-align:center;position:absolute;left:27%;right:20%}.loadout-heading h2{font:800 clamp(24px,3.7vw,40px) var(--serif);color:#fff0d2;margin:0}.loadout-heading p{font:700 13px var(--serif);color:#b4d6ec;margin:3px 0 0}.loadout-heading>span{right:max(18px,env(safe-area-inset-right));font:700 14px var(--serif);position:fixed;top:68px}.skill-reserve{top:124px;left:max(18px,env(safe-area-inset-left));width:43%;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px));flex-direction:column;gap:7px;display:flex;position:absolute}.skill-reserve h3,.current-loadout h3{font:800 clamp(18px,2.3vw,25px) var(--serif);margin:0}.reserve-list{scrollbar-width:thin;touch-action:pan-y;flex-direction:column;flex:1;gap:6px;min-height:44px;display:flex;overflow-y:auto}.reserve-entry{text-align:left;background:#102e49f0;border:1px solid #9ebaca;border-radius:6px;flex:none;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:3px 8px;min-height:60px;padding:7px;display:grid}.loadout-glyph{color:#e1c582;width:29px;height:29px;display:block}.reserve-entry .loadout-glyph{grid-row:span 2}.reserve-entry>strong{font:700 15px var(--serif)}.loadout-metrics{font:600 12px var(--sans);color:#efd38d;white-space:nowrap}.loadout-metrics small{color:#b1ccde;font:10px var(--sans);margin-top:3px;display:block}.reserve-empty{color:#c0d7e6;margin:0;padding:12px 4px;font-size:14px;line-height:1.4}.skill-confirm p{font:14px/1.3 var(--serif);color:#d4e4ee;margin:0 0 5px}.skill-confirm p strong{color:#f2d18b}.skill-confirm button{color:#261d14;width:100%;min-height:44px;font:800 16px var(--serif);background:#cba350;border:2px solid #e4c889;border-radius:6px;padding:6px}.skill-confirm .swap-status{font:11px/1.3 var(--sans);color:#b8d3e5;margin:6px 0 0}.current-loadout{top:87px;left:52%;right:max(18px,env(safe-area-inset-right));bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px));flex-direction:column;display:flex;position:absolute}.current-loadout h3{flex:none;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:18px;line-height:20px;display:flex}.current-loadout h3>span{font:10px var(--sans);color:#afcbdd}.signature-row,.loadout-slot{text-align:left;background:#102a41ee;border:1px solid #7796ab;border-radius:5px;flex:none;align-items:center;gap:8px;width:100%;height:44px;min-height:44px;padding:5px 6px;display:flex}.signature-row{border-color:#b8a46b;margin-bottom:6px}.signature-row>div,.loadout-slot>div{flex:1;min-width:0}.signature-row strong,.loadout-slot strong{font:700 14px var(--serif);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.signature-row>div>small,.loadout-slot>div>small{color:#b5d0e2;font-size:10px}.signature-row .loadout-metrics,.loadout-slot .loadout-metrics{text-align:right;font-size:11px}.signature-lock{color:#cad6df;width:17px;height:17px}.equipped-skill-list{scrollbar-width:thin;touch-action:pan-y;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.loadout-footer{bottom:max(12px,env(safe-area-inset-bottom));gap:18px;display:flex;position:absolute;left:24%;right:24%}.loadout-footer button{min-height:44px;font:800 19px var(--serif);color:#fff0d3;background:#15537c;border:2px solid #98c2d7;border-radius:7px;flex:1;justify-content:center;padding:6px}.loadout-footer .primary{color:#251d15;background:#d4ae58;border-color:#ecd08b}@media (max-width:720px) and (orientation:landscape){.skill-reserve{width:44%;left:12px}.current-loadout{left:50%;right:12px}.current-loadout h3{font-size:16px}.current-loadout h3>span{font-size:9px}.loadout-heading{left:30%;right:23%}.signature-row,.loadout-slot{gap:5px;padding:5px}.signature-lock{display:none}.signature-row strong,.loadout-slot strong{font-size:13px}.loadout-metrics{font-size:11px}.loadout-footer{gap:12px;left:24%;right:24%}}.hud-landscape.paused .banner{visibility:hidden}.loadout-heading>span{margin-top:3px;font-size:12px;display:block;position:static}.skill-loadout .loadout-slot.selected{box-shadow:0 0 7px #65aee866;background-color:#164b73!important;border-color:#b9e2ff!important}.skill-loadout .reserve-entry.selected{box-shadow:0 0 7px #dfbf6a44;background-color:#16374e!important;border-color:#e5c576!important}.talent-footer button{min-width:44px}.talent-detail{overflow:hidden}.talent-detail-content{touch-action:pan-y;scrollbar-width:thin;flex-direction:column;flex:1;gap:7px;min-height:0;display:flex;overflow-y:auto}.talent-detail-content>p{margin:0;font-size:12px;line-height:1.4}.talent-detail-content .kit-note{font-size:10px}.learn-button{flex:none;min-width:44px;height:44px;margin-top:0}.bag-items{flex:none;height:clamp(52px,100svh - 390px,210px);min-height:52px}.item-comparison{flex-direction:column;gap:3px;display:flex;overflow:hidden}.item-comparison h3,.item-comparison>p{flex:none;margin:0}.item-comparison h3{font-size:15px;line-height:1.15}.item-comparison .item-effects{touch-action:pan-y;scrollbar-width:thin;flex:1;min-height:44px;overflow-y:auto}.utility-summary{color:#e1dfb8;font:12px/1.3 var(--sans)}.utility-summary strong,.utility-summary span{display:block}.item-comparison .stat-deltas{padding-top:3px}@media (max-height:430px) and (orientation:landscape){.bag-panel{top:44px}.bag-panel>h3{margin-bottom:3px;font-size:18px;line-height:20px}.bag-filters{margin-bottom:2px}.bag-items{grid-auto-rows:44px;gap:4px;height:44px;min-height:44px}.item-comparison{margin-top:3px}}