@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff)format("woff")}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-decorative-latin-900-normal-MnIZQgjg.woff2)format("woff2"),url(./cinzel-decorative-latin-900-normal-BBdTCSMn.woff)format("woff")}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--gold:#ffd34d;--shard:#8fe7ff;--ink:#1a1420;--panel:#10131ae6;--panel-edge:#c89d42;--frame-gold:#c89d42;--frame-ink:#0a0d12;--frame-bg:radial-gradient(ellipse at 50% 0%, #3a4254 0%, #1c212c 52%, #10131a 100%);--frame-inset:inset 0 1px 0 #e8c47873, inset 0 -10px 18px #00000061, 0 0 0 1px #c89d4247;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1b1d33;height:100dvh;max-height:100dvh;margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app{width:100%;height:100%;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app canvas,#game-canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#fx,#ui,#vignette{width:100%;height:100%;pointer-events:none;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#ui>*{pointer-events:none}button{cursor:pointer;pointer-events:auto;font-family:inherit}button:disabled{cursor:default}.hidden{display:none!important}.fatal{text-align:center;padding:40px;font-size:20px}.pill{background:var(--panel);border:2px solid var(--panel-edge);letter-spacing:.02em;text-shadow:0 2px #000;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800;box-shadow:0 3px #00000059}.gold-pill{color:var(--gold)}.shard-pill{color:var(--shard)}.best-pill{color:#e8dcff;font-size:12px}.ft{color:#fff;text-shadow:0 2px #000,0 0 4px #000;white-space:nowrap;will-change:transform;font-size:15px;font-weight:900;position:absolute;top:0;left:0}.ft.crit{color:#ffcf3a;-webkit-text-stroke:1px #5a2b00;font-size:22px}.ft.jcombo{color:#ffe14a;letter-spacing:.05em;-webkit-text-stroke:1.5px #7a2b00;text-shadow:0 3px #000,0 0 10px #ff8c28cc;font-size:24px;font-style:italic}.ft.jcombo.big{color:#ff9a3a;font-size:28px}.ft.dmg{color:#fff;opacity:.95;font-size:14px}.ft.juggle{color:#ffe14a;letter-spacing:.04em;-webkit-text-stroke:1px #7a2b00;font-size:18px;font-style:italic}.ft.heal{color:#6dff8a;font-size:18px}.hud{position:fixed;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(8px + var(--sat));left:calc(8px + var(--sal));right:calc(8px + var(--sar));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.hud-top .wave-pill{color:#ffe9b0}.mute-btn{pointer-events:auto;cursor:pointer;min-width:40px;padding:4px 10px;font-size:14px}.mute-btn.off{opacity:.7;filter:grayscale(.6)}.retreat{pointer-events:auto;color:#ffb3b3;padding:5px 10px;font-size:12px}.compass{top:calc(46px + var(--sat));background:linear-gradient(90deg, transparent, var(--panel) 15%, var(--panel) 85%, transparent);border-top:2px solid #c9a35ab3;border-bottom:2px solid #c9a35ab3;width:min(300px,70vw);height:28px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.compass-strip{position:absolute;top:0;bottom:0;left:0;right:0}.compass-mark{text-align:center;color:#d9d3ef;border-radius:5px;width:26px;height:20px;font-size:15px;font-weight:900;line-height:20px;transition:background .2s;position:absolute;top:3px;transform:translate(-50%)}.compass-mark.behind{opacity:.55}.compass-mark.warn{color:#fff;background:#d98a1f}.compass-mark.danger{color:#fff;background:#e0322a;animation:.5s infinite alternate pulse}.compass-mark.boss:after{content:"☠";font-size:12px;position:absolute;top:-1px;right:-12px}.compass-needle{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:7px solid var(--gold);width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.25)}}.gates{top:calc(80px + var(--sat));right:calc(8px + var(--sar));flex-direction:column;gap:4px;display:flex;position:absolute}.gate-mini{background:var(--panel);border-radius:8px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:800;display:flex}.gate-mini .bar{width:62px}.gate-mini.hit{outline:2px solid #ff5a4a}.gate-letter{width:12px}.gate-hp{text-align:right;color:#cfc8e6;width:30px}.bar{background:#0000008c;border-radius:4px;height:7px;overflow:hidden}.bar .fill{background:linear-gradient(#7dff6a,#2fae3a);width:100%;height:100%;transition:width .15s}.mid .bar .fill{background:linear-gradient(#ffe36a,#d9a11f)}.low .bar .fill{background:linear-gradient(#ff7a6a,#c7261f)}.gate-tag{pointer-events:none;background:#00000073;border-radius:5px;width:54px;padding:2px;position:absolute;top:0;left:0}.gate-tag .bar{height:6px}.boss-bar{top:calc(82px + var(--sat));text-align:center;width:min(340px,56vw);position:absolute;left:50%;transform:translate(-50%)}.boss-name{color:#ffb3f0;text-shadow:0 2px #000;margin-bottom:2px;font-size:13px;font-weight:900}.boss-bar .bar{border:2px solid #000;height:11px}.boss-bar .fill{background:linear-gradient(#e86bff,#8a1fbf)!important}.combo{right:calc(10px + var(--sar));color:#ffe14a;-webkit-text-stroke:1.5px #7a2b00;text-shadow:0 3px #000;font-size:22px;font-style:italic;font-weight:900;position:absolute;top:42%;transform:rotate(-6deg)}.combo:after{content:"";transform-origin:0;height:4px;transform:scaleX(var(--p,1));background:#ffe14a;border-radius:2px;margin-top:3px;display:block}.banner{text-align:center;color:#fff3c9;text-shadow:0 3px #000,0 0 12px #000000b3;max-width:92vw;font-size:clamp(18px,4.2vw,30px);font-weight:900;animation:.35s ease-out bannerIn;position:absolute;top:30%;left:50%;transform:translate(-50%)}.banner.boss{color:#ff9a7a}.banner.small{font-size:18px;top:38%}.banner.storm{color:#c9d4ff}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(1.4)}to{opacity:1;transform:translate(-50%)scale(1)}}.cast-hint{bottom:calc(190px + var(--sab));background:var(--panel);white-space:nowrap;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.hud-bottom{left:calc(6px + var(--sal));right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.upgrades{gap:6px;display:flex}.upg{color:#fff;opacity:.7;background:#2b2440;border:2px solid #6b5a3a;border-radius:10px;flex-direction:column;align-items:center;min-width:74px;padding:4px 6px;font-size:11px;font-weight:800;display:flex;box-shadow:0 3px #000}.upg.ready{border-color:var(--gold);opacity:1;background:linear-gradient(#4a3b1f,#2b2440)}.upg-icon{font-size:16px}.upg-cost{color:var(--gold)}.dock{gap:8px;display:flex}.ult{--mana:0%;color:#fff;background:radial-gradient(circle at 50% 40%, var(--hero) 0 52%, transparent 53%), conic-gradient(#8fe7ff var(--mana), #0009 0);border:3px solid #000;border-radius:50%;width:66px;height:66px;padding:0;font-weight:800;position:relative;box-shadow:0 4px #000}.ult-icon{margin-top:-6px;font-size:24px;display:block}.ult-name{white-space:nowrap;background:#000000b3;border-radius:4px;padding:1px 4px;font-size:9px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.ult.ready{background:radial-gradient(circle at 50% 40%, var(--hero) 0 52%, transparent 53%), conic-gradient(#ffd34d 100%, #ffd34d 0);animation:.7s infinite alternate ready}.ult.armed{outline:4px solid #fff;transform:scale(1.12)}@keyframes ready{0%{box-shadow:0 4px #000,0 0 4px #ffd34d}to{box-shadow:0 4px #000,0 0 18px #ffd34d}}.orbit{pointer-events:auto;align-items:center;gap:6px;width:min(420px,92vw);display:flex}.orbit-label{color:#ffe9b0;text-shadow:0 2px #000;font-size:16px}.orbit-slider{pointer-events:auto;-webkit-appearance:none;appearance:none;border:2px solid var(--panel-edge);touch-action:none;background:linear-gradient(90deg,#3a2f5a,#6b5aa0,#3a2f5a);border-radius:10px;flex:1;height:16px}.orbit-slider::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(#fff3c9, var(--gold));border:3px solid #5a3d10;border-radius:50%;width:30px;height:30px}.orbit-slider::-moz-range-thumb{background:var(--gold);border:3px solid #5a3d10;border-radius:50%;width:26px;height:26px}.hub{flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hub-top{padding:calc(8px + var(--sat)) calc(10px + var(--sar)) 0 calc(10px + var(--sal));justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.title{text-shadow:0 3px #000,0 0 16px #ffb43c99;flex-direction:column;line-height:.9;display:flex}.title-small{letter-spacing:.3em;color:#ffe9b0;font-size:13px;font-weight:900}.title-big{color:var(--gold);-webkit-text-stroke:1px #5a3d10;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:900}.currencies{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.hub-sheet{pointer-events:auto;left:calc(10px + var(--sal));top:calc(78px + var(--sat));bottom:calc(88px + var(--sab));scrollbar-width:thin;flex-direction:column;gap:8px;width:370px;padding-right:4px;display:flex;position:absolute;overflow-y:auto}.panel{background:var(--panel);border:2px solid var(--panel-edge);border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.45;box-shadow:0 3px #0006}.panel-title{color:#ffe9b0;margin-bottom:2px;font-weight:900}.wall-panel{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.wall-panel .panel-title{grid-column:1/3}.scout .warn{color:#ff9a7a}.section-title{letter-spacing:.25em;text-align:center;color:#ffe9b0;text-shadow:0 2px #000;margin-top:2px;font-weight:900}.cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card{background:linear-gradient(160deg, color-mix(in srgb, var(--hero) 45%, #1c1830) 0%, #1c1830 70%);border:2px solid var(--panel-edge);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:7px;display:flex;box-shadow:0 3px #00000073}.card-head{align-items:center;gap:6px;display:flex}.card-icon{border:2px solid var(--hero);background:#00000059;border-radius:8px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.card-name .n{font-size:14px;font-weight:900}.card-name .r{color:#d9d3ef;font-size:10px}.stars{color:var(--gold);letter-spacing:1px;text-shadow:0 1px #000;font-size:14px}.card-stats{color:#e8e2ff;font-size:12px}.card-btns{flex-wrap:wrap;gap:4px;display:flex}.btn{color:#2a1a00;white-space:nowrap;background:linear-gradient(#ffe38a,#e0a72a);border:2px solid #000;border-radius:9px;padding:7px 10px;font-size:13px;font-weight:900;box-shadow:0 3px #000}.btn.small{flex:70px;padding:5px 4px;font-size:10.5px}.btn.shard{color:#00243a;background:linear-gradient(#c9f6ff,#4ab7e0)}.btn.slot{color:#1c1040;background:linear-gradient(#e6dcff,#9a86d9);flex:none}.btn:disabled{filter:grayscale(.8)brightness(.7);box-shadow:0 1px #000}.btn:not(:disabled):active,.defend:active,.upg:active,.ult:active{transform:translateY(2px)}.slot-fixed{text-align:center;color:#e6dcff;padding:5px 0;font-size:10.5px}.link-btn{color:#b8b0d8;background:0 0;border:none;align-self:center;padding:6px;font-size:12px;text-decoration:underline}.defend{pointer-events:auto;bottom:calc(14px + var(--sab));letter-spacing:.06em;color:#fff;text-shadow:0 3px #5a1a00;background:linear-gradient(#ff8a3a,#d9381f);border:3px solid #3a0d00;border-radius:16px;padding:12px 54px;font-size:30px;font-weight:900;animation:1.2s infinite alternate defendGlow;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px #3a0d00,0 0 24px #ff782899}.defend.small{margin-top:10px;padding:10px 24px;font-size:20px;animation:none;position:static;transform:none}@keyframes defendGlow{0%{box-shadow:0 0 0 2px #4a1e06,inset 0 2px #ffffff8c,inset 0 -5px 10px #7814008c,0 6px 0 2px #2a0e02,0 0 18px #ff782866}to{box-shadow:0 0 0 2px #4a1e06,inset 0 2px #ffffff8c,inset 0 -5px 10px #7814008c,0 6px 0 2px #2a0e02,0 0 44px #ff963cd9}}.toast{top:calc(90px + var(--sat));background:var(--panel);border:2px solid var(--panel-edge);z-index:5;text-align:center;border-radius:10px;max-width:90vw;padding:8px 14px;font-size:14px;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.results{background:#0a081873;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:auto!important}.results-card{background:var(--panel);border:3px solid var(--panel-edge);text-align:center;border-radius:18px;width:min(340px,88vw);padding:18px 22px;animation:.4s ease-out bannerInCard;box-shadow:0 6px #00000080}@keyframes bannerInCard{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.results-title{text-shadow:0 3px #000;margin-bottom:10px;font-size:32px;font-weight:900}.results-title.win{color:var(--gold)}.results-title.lose{color:#ff8a7a}.results-body .row{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:3px 0;font-size:15px;display:flex}.rewards{justify-content:center;gap:22px;margin:12px 0 4px;font-size:22px;font-weight:900;display:flex}.rewards div:first-child{color:var(--gold)}.rewards div:last-child{color:var(--shard)}.note{color:#d9d3ef;font-size:12px}@media (max-aspect-ratio:1),(max-width:720px){.hub-sheet{left:calc(8px + var(--sal));right:calc(8px + var(--sar));width:auto;top:auto;bottom:calc(80px + var(--sab));max-height:46vh}.panel{padding:6px 9px;font-size:12px}.card-stats,.card-name .r{font-size:10px}.currencies .pill{padding:4px 9px;font-size:12px}.title-big{font-size:30px}.hud-top .pill{padding:5px 9px;font-size:12px}.compass{top:calc(44px + var(--sat))}.gates{top:calc(78px + var(--sat))}.gate-mini .bar{width:44px}.boss-bar{top:calc(118px + var(--sat));width:70vw}.ult{width:58px;height:58px}.upg{min-width:64px}.defend{padding:10px 46px;font-size:26px}.combo{font-size:18px;top:50%}.cast-hint{bottom:calc(178px + var(--sab));font-size:12px}}@media (max-height:520px) and (min-aspect-ratio:1){.hub-sheet{width:300px}.ult{width:50px;height:50px}.ult-icon{font-size:18px}.upgrades{flex-direction:column;position:absolute;bottom:0;right:0}}.card-icon{flex:none;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;display:block}.card-name{min-width:0}.card-name .tier{color:#ffd98a;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.card.deployed{border-color:var(--gold);box-shadow:0 3px 0 #00000073, 0 0 10px color-mix(in srgb, var(--gold) 55%, transparent)}.btn.deploy{color:#08260c;background:linear-gradient(#b9ffb0,#3fae5a)}.btn.deploy:disabled{opacity:1;filter:none;color:#3a2a00;background:linear-gradient(#fff2b8,#d9b44a)}.card-btns .slot-fixed{flex:none;padding:5px 6px}.ult-icon{border-radius:50%;place-items:center;width:70%;height:70%;margin:-4px auto 0;display:grid;overflow:hidden}.ult-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.squad-pill{--gc:#ffd34d;letter-spacing:.12em;color:#1b1200;background:var(--gc);text-shadow:none;border:2px solid #000;border-radius:999px;align-self:center;padding:3px 14px;font-size:12px;font-weight:900;transition:background .25s;box-shadow:0 3px #000}.squad-pill[data-gate="1"]{--gc:#7fe0ff}.squad-pill[data-gate="2"]{--gc:#ff9a7a}.squad-pill[data-gate="3"]{--gc:#b9f27a}.squad-pill.pulse{animation:.55s ease-out squadpulse}@keyframes squadpulse{0%{box-shadow:0 3px 0 #000, 0 0 22px var(--gc);transform:scale(1.35)}to{box-shadow:0 3px 0 #000, 0 0 0 var(--gc);transform:scale(1)}}.dock .ult{flex:none}.ult-tier{letter-spacing:.06em;text-transform:uppercase;color:#ffd98a;white-space:nowrap;background:#1d1830;border:1px solid #000;border-radius:4px;padding:0 4px;font-size:8.5px;font-weight:900;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.ult-cd{color:#fff;text-shadow:0 0 3px #000,0 2px #000;pointer-events:none;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ult.slot-off{box-shadow:none;opacity:.75;cursor:default;background:#141022b8;border:3px dashed #ffffff47}.ult.slot-off .ult-cd{color:#ffffff8c;font-size:18px}.ult.slot-off .ult-name{white-space:pre-line;text-align:center;color:#cfc8e6;width:auto;font-size:8.5px;line-height:1.05;bottom:-12px}.ult.slot-off:disabled{filter:none}.ult.overdrive{background:radial-gradient(circle at 50% 40%,#3a2a0a 0 52%,#0000 53%),#151020;border-color:#000;margin-left:6px;overflow:visible}.ult.overdrive:before{content:"";background:conic-gradient(#ffc23a var(--odp,0%), #0000 0);border-radius:50%;position:absolute;top:4px;bottom:4px;left:4px;right:4px;-webkit-mask:radial-gradient(circle,#0000 54%,#000 56%);mask:radial-gradient(circle,#0000 54%,#000 56%)}.od-icon{color:#ffd34d;text-shadow:0 0 8px #ffb300;font-size:26px!important}.ult.overdrive.ready .od-icon{color:#3a1e00;text-shadow:none}.od-aura{pointer-events:none;animation:.45s infinite alternate odaura;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 60px 14px #ffc43a8c}@keyframes odaura{0%{box-shadow:inset 0 0 50px 10px #ffc43a73}to{box-shadow:inset 0 0 80px 22px #ffd65ab3}}.compass-mark{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.compass-mark[data-ready]:not([data-ready=""]):before{content:attr(data-ready);color:#2a1a00;background:#ffd34d;border-radius:6px;min-width:12px;height:12px;font-size:9px;line-height:12px;position:absolute;top:-2px;left:-9px}.compass{overflow:visible}.compass-strip{overflow:hidden}.gate-mini{pointer-events:auto;cursor:pointer}@media (max-aspect-ratio:1),(max-width:720px){.ult.slot-off .ult-name{font-size:8px}.squad-pill{padding:2px 12px;font-size:11px}}.garrison-hint{color:#d9d3ef;margin:2px 0 6px;font-size:11px}.garrison-grid{grid-template-columns:30px repeat(3,1fr);gap:4px;display:grid}.gh{color:#ffd98a;text-align:center;text-transform:uppercase;letter-spacing:.04em;align-self:center;font-size:10px;font-weight:900}.gh.gate-label{color:#fff;background:#2b2440;border:2px solid #000;border-radius:8px;height:100%;padding:0;font-size:15px}.slot-cell{--hero:#6b5aa0;color:#fff;text-align:left;background:#2b2440;border:2px solid #000;border-radius:9px;align-items:center;gap:4px;min-height:36px;padding:3px 5px;font-size:10.5px;font-weight:800;display:flex;overflow:hidden}.slot-cell.filled{background:linear-gradient(90deg, color-mix(in srgb, var(--hero) 55%, #2b2440), #2b2440)}.slot-cell.empty{color:#bdb6d6;border-style:dashed;border-color:#ffffff59;justify-content:center}.slot-cell.locked{color:#8f88a8;cursor:default;background:#0f0c1ab3;border-color:#0009;justify-content:center}.slot-cell.target{outline:3px solid #ffd34d;animation:.6s infinite alternate ready;box-shadow:0 0 10px #ffd34d}.slot-cell.mine{outline:3px solid #fff}.sc-img{object-fit:cover;border:1px solid #000;border-radius:50%;flex:none;width:26px;height:26px}.sc-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card.selected{outline:3px solid #ffd34d;box-shadow:0 0 14px #ffd34d}.btn.post{color:#071a33;background:linear-gradient(#cfe8ff,#5a8fd6);flex:1}.card.deployed .btn.post{color:#3a2a00;background:linear-gradient(#fff2b8,#d9b44a)}.card.selected .btn.post{color:#3a2a00;background:linear-gradient(#fff,#ffd34d)}.results{transition:opacity .3s}.results.leaving{opacity:0}.results.leaving .results-card{transition:transform .3s;transform:scale(.94)}.results[data-end=defeat]{background:radial-gradient(circle at 50% 40%,#e0322a38,#0a0818a6)}.results-card{width:min(380px,90vw)}.results-sub{color:#d9d3ef;margin:-4px 0 10px;font-size:13px}.results-body .rewards{justify-content:center;gap:10px;margin:10px 0 6px;display:flex}.rw{background:#00000047;border:2px solid #ffffff1f;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:6px 4px;font-size:20px;display:flex}.rw b{font-size:24px}.rw small{letter-spacing:.1em;text-transform:uppercase;color:#cfc8e6;font-size:10px}.rw.gold b{color:var(--gold)}.rw.shard b{color:#8fe7ff}.statline{color:#ffe9b0;margin:4px 0 8px;font-size:12.5px;font-weight:800}.unlocks{text-align:left;background:#ffd34d1a;border:2px solid #ffd34d73;border-radius:12px;margin:6px 0;padding:6px 10px}.unlocks-title{letter-spacing:.14em;color:var(--gold);margin-bottom:2px;font-size:10px;font-weight:900}.unlock{padding:2px 0;font-size:12.5px;font-weight:700}.reward-boost-slot{letter-spacing:.12em;color:#ffffff73;border:2px dashed #ffffff4d;border-radius:12px;margin:10px auto 4px;padding:8px;font-size:11px;font-weight:900}.tier-row{align-items:center;gap:4px;margin-bottom:3px;display:flex}.tier-pip{color:#8f88a8;background:#2b2440;border:1px solid #000;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:900;display:inline-grid}.tier-pip.on{background:var(--gold);color:#3a2a00}.tier-name{margin-left:4px;font-size:14px}.tier-name.t1{color:#e0b07a}.tier-name.t2{color:#d9d6e6}.tier-name.t3{color:#c49bff}.tier-name.t4{color:#9ff3ff;text-shadow:0 0 6px #9ff3ff99}.tier-def{color:#b9f2a0;margin:3px 0;font-size:10.5px;line-height:1.3}.next-tier{color:#ffd98a;font-size:10.5px}.next-slots{color:#8fe7ff;font-size:10.5px}.stars .st{color:#4a4362;text-shadow:0 1px #000;font-size:15px}.stars .st.on{color:#ffd34d;text-shadow:0 0 5px #ffd34db3,0 1px #000}.asc-info{margin:1px 0 3px;font-size:10px;font-weight:800}.asc-info.ready{color:#8fe7ff}.asc-info.short{color:#ff9a8a}.asc-info.max{color:#ffd34d}@media (max-width:720px){.ft{font-size:13px}.ft.dmg{font-size:12px}.ft.crit{font-size:17px}.ft.crit.juggle{font-size:18px}.ft.juggle{font-size:14px}.ft.jcombo{font-size:18px}.ft.jcombo.big{font-size:21px}}:root{--serif:"Cinzel", Georgia, "Times New Roman", serif;--deco:"Cinzel Decorative", "Cinzel", Georgia, serif;--gold-frame:linear-gradient(160deg, #fff1b8 0%, #d9a443 20%, #7a4f16 42%, #f3cf72 60%, #8a5a1a 80%, #f0c264 100%);--slate:linear-gradient(180deg, #35333f 0%, #24222d 55%, #1b1a22 100%);--frame-shadow:inset 0 0 0 1px #000000bf, inset 0 0 0 3px #ffd68c1a, inset 0 14px 26px #ffffff09, 0 4px 0 #00000073, 0 10px 24px #00000073}#vignette{pointer-events:none;background:radial-gradient(75% 70% at 50% 48%,#0000 58%,#0e081685 100%);position:fixed;top:0;bottom:0;left:0;right:0}.panel,.card,.results-card,.toast,.upg,.gate-mini,.pill{background:var(--noise) padding-box, var(--slate) padding-box, var(--gold-frame) border-box;box-shadow:var(--frame-shadow);border:3px solid #0000}.pill{border-width:2px;box-shadow:inset 0 0 0 1px #000000b3,0 3px #00000073,0 4px 10px #00000059}.panel{border-radius:14px;padding:10px 12px}.ornate,.results-card{position:relative}.ornate:after,.results-card:after{content:"";pointer-events:none;z-index:2;background:var(--fil-tl) top left / 30px 30px no-repeat, var(--fil-tr) top right / 30px 30px no-repeat, var(--fil-br) bottom right / 30px 30px no-repeat, var(--fil-bl) bottom left / 30px 30px no-repeat;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.runed:before{content:"";pointer-events:none;z-index:1;background:var(--runes) top center / auto 11px repeat-x, var(--runes) bottom center / auto 11px repeat-x;animation:2.6s ease-in-out infinite alternate runeGlow;position:absolute;top:7px;bottom:7px;left:26px;right:26px}@keyframes runeGlow{0%{opacity:.45;filter:saturate(.8)}to{opacity:1;filter:saturate(1.3)brightness(1.15)}}.panel-title,.section-title,.unlocks-title,.dr-title,.tier-name,.ult-tier,.squad-pill,.wave-pill,.compass-mark,.gate-letter,.upg-name{font-family:var(--serif)}.panel-title{letter-spacing:.06em;text-transform:uppercase;color:#0000;background:linear-gradient(#fff3c4,#f0c058 55%,#b77a1c);filter:drop-shadow(0 2px #000000e6);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:15px;font-weight:900}.section-title{letter-spacing:.32em;color:#ffe3a0;text-shadow:0 2px #000,0 0 10px #ffbe5a59;font-size:16px;font-weight:900}.section-title:before,.section-title:after{content:"❖";color:#d9a443;vertical-align:middle;margin:0 10px;font-size:12px}.ico{vertical-align:-.22em;flex:none;width:1.15em;height:1.15em}.ico.coin{filter:drop-shadow(0 0 4px #ffc43ca6)}.ico.gem{filter:drop-shadow(0 0 5px #5fd8ffbf)}.ico.big{width:34px;height:34px}.pill .ico{margin-right:5px}.bc{align-items:center;gap:2px;display:inline-flex}.bc .ico{width:1.05em;height:1.05em}.btn{font-family:var(--serif);letter-spacing:.03em;color:#3a2200;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff2b0 0%,#f6cd5a 40%,#d89a2a 60%,#f0c050 100%);border:2px solid #3a2206;border-radius:10px;font-weight:900;box-shadow:inset 0 1px #fffc,inset 0 -2px 4px #783c0073,0 0 0 1px #f8dc8a,0 3px #2a1604}.btn.shard{color:#032038;background:linear-gradient(#e6fbff 0%,#8fe3ff 40%,#3aa4e0 62%,#7fd6ff 100%);border-color:#062a4a;box-shadow:inset 0 1px #fffc,inset 0 -2px 4px #00286473,0 0 0 1px #b8ecff,0 3px #04182a}.btn.post{color:#f3e9ff;text-shadow:0 1px #000;background:linear-gradient(#6a5a9a,#3d3366 55%,#2c2550);border-color:#120d24;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #9b88d8,0 3px #0d0a1a}.card.deployed .btn.post{color:#3a2200;text-shadow:none}.btn:disabled{filter:grayscale(.75)brightness(.62)}.wall-panel .btn.gold{border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;font-size:14px;display:flex}.wall-panel .btn.gold .bc{font-size:12px}.btn-primary{font-family:var(--serif);color:#fff;letter-spacing:.07em;text-shadow:0 2px #6a1600,0 0 8px #ff782880;background:linear-gradient(#ffbd66 0%,#ff7c2c 36%,#d63a18 52%,#e9572a 100%);border:3px solid #f6cf6a;border-radius:999px;padding:12px 40px;font-size:22px;font-weight:900;overflow:hidden;box-shadow:0 0 0 2px #4a1e06,inset 0 2px #ffffff8c,inset 0 -5px 10px #7814008c,0 6px 0 2px #2a0e02,0 0 26px #ff782873}.btn-primary:not(.defend){position:relative}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(#fff9,#fff0);border-radius:999px;height:40%;position:absolute;top:3px;left:10%;right:10%}.btn-primary.small{padding:9px 26px;font-size:18px}.btn-primary.alt{text-shadow:0 2px #140a30;background:linear-gradient(#8a7fc0 0%,#5a4c96 40%,#3a2e70 55%,#4a3d86 100%);box-shadow:0 0 0 2px #140a30,inset 0 2px #fff6,0 6px 0 2px #0a0618}.btn-primary:active{transform:translateY(2px)}.defend.btn-primary{font-family:var(--deco);letter-spacing:.08em;padding:12px 60px;font-size:34px;animation:1.4s infinite alternate defendGlow}.defend.btn-primary:active{transform:translate(-50%)translateY(2px)}.title{filter:drop-shadow(0 3px #1a0c00)drop-shadow(0 0 14px #ffb43c73);text-shadow:none}.title-small{font-family:var(--serif);color:#ffe9b0;letter-spacing:.38em;font-weight:900}.title-big{font-family:var(--deco);color:#0000;-webkit-text-stroke:0;background:linear-gradient(#fff7d0 0%,#ffd45a 42%,#c47a12 58%,#ffe08a 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:900}.currencies .pill{align-items:center;font-size:15px;display:inline-flex}.gold-pill b{color:#ffe07a}.shard-pill b{color:#a8ecff}.best-pill{font-family:var(--serif)}.tier-row{justify-content:space-between}.tier-stars{gap:1px;display:inline-flex}.tier-pip{color:#4a4362;text-shadow:0 1px #000;background:0 0;border:0;width:auto;height:auto;font-size:17px}.tier-pip.on{color:#ffd34d;text-shadow:0 0 6px #ffd34dcc,0 1px #000;background:0 0}.tier-name{white-space:nowrap;margin-left:0;font-size:16px;font-weight:900}.tier-row{gap:8px}.wall-stats{flex-wrap:wrap;gap:4px;margin:3px 0;display:flex}.ws{color:#e8e0c8;background:#00000059;border:1px solid #d9a44373;border-radius:999px;padding:1px 7px;font-size:11.5px}.ws.hp b{color:#ff9a8a}.scroll{color:#3a2410;background:var(--parchment), radial-gradient(ellipse at 50% 40%, #f6e7bf 0%, #e9cf98 70%, #d4b072 100%);border:0;border-radius:4px;margin:8px 4px;padding:12px 14px 10px;position:relative;box-shadow:inset 0 0 18px #78461473,0 4px 10px #00000073}.scroll:before,.scroll:after{content:"";background:linear-gradient(#a8743a,#6a4218 55%,#3a2208);border-radius:6px;height:12px;position:absolute;left:-8px;right:-8px;box-shadow:0 2px 3px #00000080}.scroll:before{top:-7px}.scroll:after{bottom:-7px}.scroll .panel-title{color:#5a2e08;filter:none;text-shadow:0 1px #ffffff80;background:0 0}.scroll b{color:#2a1404}.scroll .warn{color:#a3200e}.card{background:var(--noise) padding-box, linear-gradient(165deg, color-mix(in srgb, var(--hero) 38%, #2a2833) 0%, #1c1b23 72%) padding-box, var(--gold-frame) border-box;border-radius:14px;padding:8px}.card-head{gap:8px}.card-portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--hero) 70%, #fff) 0%, color-mix(in srgb, var(--hero) 60%, #000) 70%);border-radius:50%;flex:none;width:58px;height:58px;padding:2px;position:relative;box-shadow:0 0 0 2px #2a1604,0 0 0 4px #e2b04a,0 0 0 5px #4a2a08,0 3px 6px 5px #00000059}.portrait-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.portrait-img.pending{visibility:hidden}.card-portrait .card-icon{background:#1a1622;border:2px solid #e2b04a;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-4px;right:-6px;box-shadow:0 2px 3px #0009}.card:not(.has-portrait) .card-portrait .card-icon{border:0;width:auto;height:auto;top:2px;bottom:2px;left:2px;right:2px}.card-name .n{font-family:var(--serif);color:#fff3d6;text-shadow:0 2px #000;font-size:15px;font-weight:900}.gate-badges{gap:3px;display:flex}.gb{font-family:var(--serif);color:#6f6888;background:#0006;border:1px solid #d9a44340;border-radius:4px;place-items:center;width:19px;height:17px;font-size:10px;font-weight:900;display:grid}.card-stats b{color:#ffe08a}.slot-cell{border-color:#0d0a14;box-shadow:inset 0 0 0 1px #d9a4434d}.gh.gate-label{font-family:var(--serif);color:#ffe9b0;background:linear-gradient(#4a4058,#2a2436);border-color:#d9a443}.plaque{color:#ffeab8;letter-spacing:.05em;border-radius:8px;padding:6px 24px;font-size:15px;position:relative}.plaque:before,.plaque:after{content:"◆";color:#e2b04a;text-shadow:0 0 6px #ffbe50cc;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.plaque:before{left:6px}.plaque:after{right:6px}.gold-pill{align-items:center;display:inline-flex}.gold-num{color:#ffe07a}.retreat{color:#ffc0b0;font-family:var(--serif)}.compass{background:linear-gradient(90deg,#0000,#0009 12% 88%,#0000) 50%/100% 100%,repeating-linear-gradient(90deg,#e2b04a8c 0 1px,#0000 1px 14px) bottom/100% 6px no-repeat,linear-gradient(90deg,#0000,#2a2734 15% 85%,#0000);border:2px solid #c99a42;border-left:0;border-right:0;height:30px;box-shadow:0 -2px #e2b04a00;-webkit-mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.compass-mark{color:#e8dcc0;text-shadow:0 1px #000;font-weight:900}.compass-needle{filter:drop-shadow(0 0 4px #ffc850e6);border-top:8px solid #ffd34d;border-bottom:0;top:-1px;bottom:auto}.gate-mini{border-width:2px;border-radius:10px;gap:6px;padding:3px 8px;font-size:12px}.gate-letter{color:#ffe3a0;width:14px;font-weight:900}.gate-mini .bar{border:1px solid #000;height:9px;box-shadow:inset 0 1px 2px #0009}.bar .fill{background:linear-gradient(#a8ff8a,#3fb84a 55%,#1f7a2a);box-shadow:inset 0 1px #ffffff73}.gate-mini.low{animation:.6s infinite alternate lowGate}.gate-mini.low .gate-hp{color:#ff8a7a}@keyframes lowGate{0%{box-shadow:var(--frame-shadow)}to{box-shadow:var(--frame-shadow), 0 0 14px 2px #ff3c28d9}}.squad-pill{letter-spacing:.14em;color:#2a1600;text-shadow:0 1px #ffffff80;background:linear-gradient(180deg, #fff4c8, var(--gc) 45%, color-mix(in srgb, var(--gc) 60%, #5a3a08));box-shadow:none;clip-path:polygon(0 50%,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%);filter:drop-shadow(0 2px #000);border:0;border-radius:0;margin-bottom:9px;padding:4px 26px;font-size:13px;font-weight:900}.squad-pill small{letter-spacing:.08em;opacity:.85;margin-left:6px;font-size:10px}.ult{border:0;box-shadow:0 0 0 2px #140c04,0 0 0 4px #e2b04a,0 0 0 5px #4a2a08,0 5px 0 5px #00000073}.ult:after{content:"";pointer-events:none;border-radius:50%;position:absolute;top:7px;bottom:7px;left:7px;right:7px;box-shadow:inset 0 0 0 1.5px #ffdc8c8c,inset 0 6px 10px #ffffff2e}.ult-tier{font-family:var(--serif);color:#ffe3a0;letter-spacing:.1em;background:linear-gradient(#3a3348,#1d1828);border:1px solid #c99a42;border-radius:3px;font-size:9px;top:-13px}.ult-name{font-family:var(--serif);background:#100c18d9;border:1px solid #c99a4299;font-size:9px;bottom:-8px}.ult.slot-off{border:0;box-shadow:0 0 0 2px #140c04,0 0 0 4px #6a5a3a,0 5px 0 4px #00000059}.ult.overdrive{background:radial-gradient(circle at 42% 34%,#f6dcff 0%,#b16bff 26%,#6a22cc 52%,#2a0a5a 78%,#14052e 100%)}.ult.overdrive:before{background:conic-gradient(#ffd34d var(--odp,0%), #0000 0)}.od-icon{filter:drop-shadow(0 0 6px #e0b0ff);width:58%!important;height:58%!important;margin-top:0!important}.od-icon .ico{width:100%;height:100%}.ult.overdrive.ready{background:radial-gradient(circle at 42% 34%,#fff 0%,#e2b8ff 22%,#9a44ff 50%,#4a10a0 80%,#1d0644 100%);animation:.55s infinite alternate odReady}.ult.overdrive.ready .od-icon{filter:drop-shadow(0 0 10px #fff)}@keyframes odReady{0%{box-shadow:0 0 0 2px #140c04,0 0 0 4px #e2b04a,0 0 0 5px #4a2a08,0 0 10px 6px #aa5aff80}to{box-shadow:0 0 0 2px #140c04,0 0 0 4px #ffe08a,0 0 0 5px #4a2a08,0 0 28px 12px #be6effd9}}.ult.overdrive.firing{background:radial-gradient(circle at 42% 34%,#fff 0%,#ffe9a0 30%,#c78bff 60%,#4a10a0 100%)}.upg{opacity:.8;border-width:2px;border-radius:12px}.upg.ready{opacity:1;background:var(--noise) padding-box, linear-gradient(180deg, #5a4418, #2a2230) padding-box, var(--gold-frame) border-box;box-shadow:var(--frame-shadow), 0 0 10px #ffc85066}.upg-name{font-size:10.5px;font-weight:900}.orbit-slider{background:linear-gradient(#1a1622,#3a3048 50%,#1a1622);border:2px solid #c99a42;height:14px;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #2a1604,0 2px #0006}.orbit-slider::-webkit-slider-thumb{background:radial-gradient(circle at 40% 35%,#fff6d0,#ffd45a 45%,#b0700f 80%);border:2px solid #3a2206;width:30px;height:30px;box-shadow:0 0 0 2px #f6d07a,0 0 10px #ffc850b3}.orbit-label{color:#e2b04a}.banner{font-family:var(--serif);letter-spacing:.04em;font-weight:900}.combo{font-family:var(--serif)}.ft{font-family:var(--serif);-webkit-text-stroke:1px #1a0c00;paint-order:stroke fill;font-weight:900}.ft.dmg{font-size:15px}.ft.juggle{color:#ffd34d;-webkit-text-stroke:1.5px #5a2800;text-shadow:0 3px #2a1000,0 0 10px #ffb428b3;font-size:20px;font-style:normal}.ft.crit{color:#fff0a0;-webkit-text-stroke:2px #8a1a00;text-shadow:0 3px #3a0800,0 0 14px #ff5a1ed9;font-size:28px}.ft.crit.juggle{color:#ffd34d;font-size:30px}.ft.jcombo{font-family:var(--deco);font-size:26px;font-style:normal}.ft.jcombo.big{font-size:32px}.ft.gold{color:#ffe07a;font-size:14px}@media (max-width:720px){.ft.dmg{font-size:12px}.ft.juggle{font-size:15px}.ft.crit{-webkit-text-stroke-width:1.5px;font-size:20px}.ft.crit.juggle{font-size:21px}.ft.jcombo{font-size:18px}.ft.jcombo.big{font-size:22px}}.results:not(.hidden){box-sizing:border-box;justify-content:center;align-items:center;padding:12px!important;display:flex!important;overflow:hidden!important}.results-card{flex-direction:column;width:min(392px,94vw);margin-top:48px;max-height:calc(100dvh - 24px)!important;display:flex!important;overflow:hidden!important}.results-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.results-btns{z-index:3;background:linear-gradient(#0000,#16130f 28%);flex:none;margin-top:8px;padding-top:10px;position:sticky;bottom:0}.results{-webkit-backdrop-filter:blur(6px)saturate(1.1)brightness(.78)}.results[data-end=victory]{background:radial-gradient(circle at 50% 42%,#ffc85047,#0a08188c 70%)}.results[data-end=defeat],.results[data-end=retreat]{background:radial-gradient(circle at 50% 42%,#c8281e40,#0a06109e 70%)}.embers{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.results-card{border-radius:18px;width:min(392px,90vw);max-height:calc(100vh - 90px);margin-top:54px;padding:58px 22px 26px;overflow:visible}.results-crest{z-index:3;filter:drop-shadow(0 6px 8px #0009);width:132px;height:121px;animation:.6s cubic-bezier(.2,1.6,.4,1) .1s both crestIn;position:absolute;top:-66px;left:50%;transform:translate(-50%)}.results-crest svg{width:100%;height:100%}@keyframes crestIn{0%{opacity:0;transform:translate(-50%)scale(.3)rotate(-12deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}.results-title{font-family:var(--deco);letter-spacing:.04em;color:#0000;text-shadow:none;filter:drop-shadow(0 3px #2a1000)drop-shadow(0 0 12px #ffbe5066);-webkit-background-clip:text;background-clip:text;margin:4px 0 6px;font-size:42px;line-height:1.05}.results-title.win{color:#0000;background-image:linear-gradient(#fff8d2 0%,#ffd45a 45%,#c47a12 58%,#ffe08a 100%)}.results-title.lose{color:#0000;filter:drop-shadow(0 3px #2a0000)drop-shadow(0 0 12px #ff3c1e73);background-image:linear-gradient(#ffd0c0 0%,#ff6a4a 45%,#9a1a0a 60%,#ff8a6a 100%)}.results-sub{font-family:var(--serif);color:#e8dcc0;font-weight:700}.results-body .row{font-family:var(--serif);color:#f0e4c4;border-bottom:1px solid #d9a4434d;font-weight:700}.rw{background:linear-gradient(#00000059,#00000026);border:2px solid #d9a44373;gap:1px;box-shadow:inset 0 0 12px #0006}.rw b{font-family:var(--serif);font-size:26px}.rw small{font-family:var(--serif);font-weight:700}.statline{font-family:var(--serif)}.defeat-report{text-align:left;background:linear-gradient(#5a100a8c,#1e08088c);border:2px solid #ff6e5080;border-radius:10px;margin:8px 0;padding:8px 11px;box-shadow:inset 0 0 14px #00000080}.dr-title{letter-spacing:.16em;color:#ff9a7a;margin-bottom:3px;font-size:11px;font-weight:900}.dr-row{justify-content:space-between;padding:1px 0;font-size:13px;font-weight:700;display:flex}.dr-row b{font-family:var(--serif);color:#ffd0c0}.dr-tip{color:#f3e2c8;border-top:1px dashed #ff8c6e59;margin-top:4px;padding-top:4px;font-size:12px;line-height:1.35}.dr-tip b{color:#ffd34d}.unlocks{background:linear-gradient(#ffd34d24,#ffd34d0d);border-color:#ffd34d8c}.reward-boost-slot{font-family:var(--serif);color:#ffe9b080;border-color:#d9a44359}.results-btns{justify-content:center;gap:10px;margin-top:10px;display:flex}.toast{font-family:var(--serif)}@media (max-aspect-ratio:1),(max-width:720px){.title-big{font-size:32px}.defend.btn-primary{padding:10px 50px;font-size:28px}.results-title{font-size:36px}.results-card{padding:54px 16px 24px}.btn-primary.small{padding:8px 20px;font-size:16px}.card-portrait{width:50px;height:50px}.plaque{padding:5px 18px;font-size:13px}}@media (max-height:700px){.results-card{padding-top:46px}.results-crest{width:104px;height:95px;top:-52px}.results-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.runed:before,.defend.btn-primary,.gate-mini.low,.ult.overdrive.ready{animation:none}}.results{place-items:safe center;padding:70px 0 16px;overflow-y:auto}.results-card{margin-top:0}.results-btns .btn-primary{white-space:nowrap}@media (min-aspect-ratio:1) and (max-height:900px){.results-card{width:min(440px,92vw);padding:50px 22px 22px}.results-title{margin:0 0 2px;font-size:36px}.results-body .rewards{margin:6px 0 4px}.rw{padding:4px}.rw b{font-size:22px}.ico.big{width:28px;height:28px}.defeat-report,.unlocks{margin:5px 0;padding:5px 10px}.reward-boost-slot{margin:6px auto 2px;padding:5px}.results-btns{margin-top:6px}.results-btns .btn-primary.small{padding:7px 22px;font-size:16px}}:root{--amber:#ffb13a;--green:#5fe36a;--arcane:#4fb4ff;--purple:#b06bff}button{transition:translate 60ms ease-out,filter 60ms}button.pressed:not(:disabled),button:active:not(:disabled){filter:brightness(.9);translate:0 3px}.btn.pressed:not(:disabled),.btn:active:not(:disabled){box-shadow:inset 0 2px 4px #50280080,0 0 0 1px #f8dc8a,0 0 #2a1604}.btn-primary.pressed,.btn-primary:active{box-shadow:0 0 0 2px #4a1e06,inset 0 3px 8px #5a0a0099,0 2px 0 2px #2a0e02,0 0 18px #ff782866}[data-tier=ground]{--role:var(--amber)}[data-tier=rampart]{--role:var(--green)}[data-tier=spire]{--role:var(--arcane)}.card[data-tier]{box-shadow:var(--frame-shadow), 0 0 0 1px color-mix(in srgb, var(--role) 70%, #000), 0 0 14px color-mix(in srgb, var(--role) 45%, transparent)}.card[data-tier] .card-portrait{box-shadow:0 0 0 2px #2a1604, 0 0 0 4px var(--role), 0 0 0 5px #2a1604, 0 0 12px 5px color-mix(in srgb, var(--role) 55%, transparent);cursor:pointer}.role-icon{border:2px solid var(--role);width:22px;height:22px;box-shadow:0 0 6px var(--role);background:radial-gradient(#3a3046,#15101e);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;left:-6px}.role-icon .ico{width:15px;height:15px}.ult[data-tier]:not(.slot-off){box-shadow:0 0 0 2px #140c04, 0 0 0 4px var(--role), 0 0 0 5px #2a1604, 0 0 14px 4px color-mix(in srgb, var(--role) 55%, transparent), 0 5px 0 5px #00000073}.ult[data-tier].ready{animation:.7s infinite alternate roleReady}@keyframes roleReady{0%{box-shadow:0 0 0 2px #140c04, 0 0 0 4px var(--role), 0 0 0 5px #2a1604, 0 0 8px 3px color-mix(in srgb, var(--role) 50%, transparent)}to{box-shadow:0 0 0 2px #140c04, 0 0 0 4px #fff3c0, 0 0 0 5px #2a1604, 0 0 26px 9px var(--role)}}.ult-tier{color:color-mix(in srgb, var(--role,#ffe3a0) 70%, #fff);border-color:var(--role,#c99a42)}.ult:not(.overdrive):not(.slot-off):before{content:"";pointer-events:none;z-index:1;background:conic-gradient(#08060ea8 calc(100% - var(--mana,0%)), transparent 0);border-radius:50%;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.ult-cd{z-index:2}.ult.ready:before{opacity:0}.ult.overdrive{width:80px;height:80px;box-shadow:0 0 0 2px #140c04, 0 0 0 4px var(--purple), 0 0 0 5px #2a1604, 0 0 18px 6px #b06bff8c, 0 5px 0 5px #00000073}.od-sparks{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.od-sparks i{opacity:0;width:4px;height:4px;animation:1.8s linear infinite odSpark;animation-delay:calc(var(--i) * -.26s);background:#f0dcff;border-radius:50%;margin:-2px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px 2px #b06bff}.ult.overdrive.ready .od-sparks i,.ult.overdrive.firing .od-sparks i{background:#fff;animation-duration:.9s}@keyframes odSpark{0%{transform:rotate(calc(var(--i) * 51deg)) translateY(-30px) scale(.6);opacity:0}30%{opacity:1}to{transform:rotate(calc(var(--i) * 51deg + 140deg)) translateY(-46px) scale(1.1);opacity:0}}.dock{align-items:center}.dock-divider{color:#9fd0ff;text-shadow:0 0 8px #4fb4ff,0 0 2px #fff;opacity:.85;padding:0 2px;font-family:serif;font-size:20px}.squad-pill{clip-path:none;filter:none;color:#dff4ff;text-shadow:0 0 6px #4fb4ff,0 1px #000;background:var(--runes) left 4px center / auto 9px no-repeat, var(--runes) right 4px center / auto 9px no-repeat, linear-gradient(180deg, #1c2f5a, #0d1630);border:2px solid #4fb4ff;border-radius:6px;padding:3px 26px;box-shadow:0 0 12px #4fb4ff8c,inset 0 0 10px #4fb4ff59,0 3px #000}.squad-pill small{color:#9fd0ff}.hud:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 10px 10px,#e2b04a 0 3px,#0000 4px),radial-gradient(circle at calc(100% - 10px) 10px,#e2b04a 0 3px,#0000 4px),radial-gradient(circle at 10px calc(100% - 10px),#e2b04a 0 3px,#0000 4px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#e2b04a 0 3px,#0000 4px);position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 4px #1c1b22,inset 0 0 0 5px #b8893a,inset 0 0 0 7px #2c2a33,inset 0 0 0 8px #6a4a1a,inset 0 0 60px #00000080}.hud>*{z-index:1}.retreat:before{content:""}@media (min-aspect-ratio:1) and (min-width:721px){.upgrades{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab));flex-direction:column;gap:6px;position:fixed}.upg{background:var(--noise) padding-box, linear-gradient(180deg, #4a3a2a, #2a2026) padding-box, linear-gradient(160deg, #f3c27a, #8a5a2a 40%, #e0a060 60%, #5a3416) border-box;flex-direction:row;justify-content:space-between;gap:6px;min-width:104px;padding:6px 10px;font-size:12px}.upg-icon{font-size:15px}}.title-bar{align-items:center;gap:10px;display:flex}.title-runes{letter-spacing:.2em;color:#ffcf6a;text-shadow:0 0 8px #ff9a2a,0 0 2px #fff;opacity:.9;font-family:serif;font-size:18px}.wt-tier{letter-spacing:.02em;font-size:12px}.tier-stars small{color:#cfc6a8;white-space:nowrap;margin-left:4px;font-size:10px}.sr-line{margin:2px 0}.warnline{font-weight:700}.gb{cursor:pointer;font-family:var(--serif);padding:0}.gb.on{color:#04260a;background:linear-gradient(#d9ffcc,#5fe36a 55%,#2a9a3a);border-color:#0a3a12;box-shadow:0 0 8px 1px #5fe36ad9}.gb.locked{opacity:.45;cursor:default}.gb.locked:after{content:"🔒";margin-left:1px;font-size:7px}.gb.taken:not(.on){color:#c9c0a8;border-color:#d9a44380}.gate-badges .gb{width:24px;height:20px;font-size:11px}.roster{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c99a42 transparent;gap:10px;padding:8px 6px 10px;display:flex;overflow:auto hidden}.roster .card{scroll-snap-align:start;flex:0 0 176px}.roster .card-btns{flex-wrap:nowrap}.roster .btn.small{flex:1 1 0;padding:6px 2px;font-size:10.5px}@media (min-aspect-ratio:1) and (min-width:721px) and (min-height:560px){.hub-top{align-items:center}.currencies{flex-direction:row;align-items:center;gap:8px}.currencies .pill{border-radius:999px;padding:5px 14px}.hub-sheet{left:calc(12px + var(--sal));right:calc(12px + var(--sar));top:calc(74px + var(--sat));bottom:calc(12px + var(--sab));pointer-events:none;grid-template-rows:auto minmax(0,1fr) 232px;grid-template-columns:350px minmax(0,1fr) 300px;gap:10px 14px;width:auto;padding:0;display:grid;position:absolute;overflow:visible}.hub-sheet>*{pointer-events:auto}.hub-sheet .wall-panel{grid-area:1/1}.hub-sheet .garrison{grid-area:2/1;align-self:start;max-height:100%;overflow-y:auto}.hub-sheet .scout{grid-area:1/3;align-self:start;margin:10px 6px 0}.hub-sheet .section-title{display:none}.hub-sheet .roster{background:linear-gradient(#14121a8c,#14121ad1);border:2px solid #c99a428c;border-radius:14px;grid-area:3/1/auto/3;align-self:end;margin:0;padding:10px 8px;box-shadow:inset 0 0 18px #00000080}.hub-sheet .link-btn{grid-area:2/3;place-self:end}.defend.btn-primary{left:auto;right:calc(26px + var(--sar));bottom:calc(70px + var(--sab));padding:18px 54px;font-size:40px;transform:none}.defend.btn-primary:active,.defend.btn-primary.pressed{transform:none}.wall-panel .tier-def{display:none}}.results-title.lose{background-image:var(--noise), linear-gradient(180deg, #d8b0a0 0%, #9a2414 42%, #4a0c08 60%, #8a3020 100%);filter:drop-shadow(0 3px #100404)drop-shadow(0 0 6px #78140a99)}.btn-primary.worn{color:#f3d6c8;text-shadow:0 2px #2a0404;background:var(--noise), linear-gradient(180deg, #a83a2a 0%, #7a1a12 40%, #4a0a08 58%, #6a1810 100%);border-color:#8a5a3a;box-shadow:0 0 0 2px #1a0604,inset 0 2px #ffc8b440,inset 0 -5px 10px #00000080,0 6px 0 2px #120402,0 0 18px #a01e1473}.btn-primary.worn:before{opacity:.35}.btn-primary.iron{color:#d8d4e0;text-shadow:0 2px #000;background:var(--noise), linear-gradient(180deg, #5a5664 0%, #34313c 45%, #1e1c24 60%, #2e2b36 100%);border-color:#6a6070;box-shadow:0 0 0 2px #0a080e,inset 0 2px #ffffff2e,0 6px 0 2px #08060c}.btn-primary.iron:before{opacity:.25}.dr-breach{font-family:var(--serif);color:#ffd0c0;padding:2px 0 4px;font-size:14px;font-weight:700}.dr-breach b{color:#ff7a5a}.defeat-report{background:var(--noise), linear-gradient(180deg, #2e2a30, #1a171c);border-color:#6a4a3a}.wall-panel .panel-title{letter-spacing:.04em;white-space:normal;font-size:13px}.wall-panel .panel-title .wt-tier{font-size:11px}@media (max-aspect-ratio:1),(max-width:720px){.title-runes{display:none}}.squad-pill{background:linear-gradient(#1c2f5a,#0d1630);padding:3px 14px}.squad-pill:before,.squad-pill:after{content:"◈";color:#8fd0ff;text-shadow:0 0 6px #4fb4ff;margin:0 8px;font-size:.9em}.squad-pill small{margin-left:4px}.dock-divider{opacity:1;background:linear-gradient(#0000,#4fb4ff 20%,#e8f6ff 50%,#4fb4ff 80%,#0000);border-radius:2px;width:3px;height:54px;margin:0 4px;padding:0;font-size:0;position:relative;box-shadow:0 0 8px #4fb4ff}.dock-divider:after{content:"";background:#0d1630;border:2px solid #9fd8ff;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #4fb4ff}.squad-pill{white-space:nowrap;align-self:center;width:auto;max-width:calc(100vw - 24px)}@media (max-width:720px){.squad-pill{letter-spacing:.06em;padding:3px 8px;font-size:10.5px}.squad-pill:before,.squad-pill:after{margin:0 4px}.squad-pill small{letter-spacing:.02em;font-size:9px}.hud-top{flex-wrap:nowrap}.hud-top .mute-btn{left:calc(8px + var(--sal));top:calc(46px + var(--sat));min-width:38px;padding:3px 8px;position:fixed}}.hub:not([data-tab=citadel]) .tp-citadel,.hub:not([data-tab=garrison]) .tp-garrison,.hub:not([data-tab=realms]) .tp-realms{display:none!important}.hub-tabs{z-index:4;top:calc(68px + var(--sat));left:calc(12px + var(--sal));pointer-events:auto;gap:6px;display:flex;position:absolute}.hub-tab{font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;color:#ecdcb0;cursor:pointer;background:var(--noise) padding-box, linear-gradient(180deg, #3e3846, #1c1822) padding-box, linear-gradient(160deg, #e2b04a, #5a3a16 50%, #c99a42) border-box;border:2px solid #0000;border-radius:12px 12px 5px 5px;align-items:center;gap:6px;padding:7px 16px 8px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 3px #0a080e,inset 0 1px #ffffff1f,0 4px 10px #00000059}.hub-tab .ti{font-size:15px}.hub-tab .ts{display:none}.hub-tab.on{color:#2a1600;text-shadow:0 1px #ffffff80;background:var(--noise) padding-box, linear-gradient(180deg, #fff1b8, #f0b743 50%, #b9781f) padding-box, linear-gradient(160deg, #fff4c2, #8a5a1a) border-box;box-shadow:0 0 16px #ffbe5099,0 3px #3a2208}.defend-sub{font-family:var(--serif);letter-spacing:.08em;opacity:.92;text-shadow:0 1px #3a0d00;margin-top:2px;font-size:11px;display:block}.realms-panel .panel-title{margin-bottom:6px}.realm-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.realm-card{--realm:#c99a42;border:2px solid color-mix(in srgb, var(--realm) 70%, #2a1604);background:linear-gradient(180deg, color-mix(in srgb, var(--sky) 85%, #000) 0%, color-mix(in srgb, var(--sky) 60%, #000) 46%, var(--grass) 47%, color-mix(in srgb, var(--grass) 60%, #000) 100%);min-height:150px;box-shadow:inset 0 0 0 1px #0009, 0 0 12px color-mix(in srgb, var(--realm) 35%, transparent), 0 4px 0 #00000073;border-radius:12px;flex-direction:column;gap:4px;padding:8px 9px 9px;display:flex;position:relative;overflow:hidden}.realm-card:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(circle at 8% 100%, var(--leaf) 0 16px, transparent 17px), radial-gradient(circle at 22% 100%, var(--leaf) 0 22px, transparent 23px), radial-gradient(circle at 78% 100%, var(--leaf) 0 20px, transparent 21px), radial-gradient(circle at 93% 100%, var(--leaf) 0 15px, transparent 16px);height:26%;position:absolute;top:30%;left:0;right:0}.realm-card>*{position:relative}.realm-card .rc-head{font-family:var(--serif);color:#fff3d0;text-shadow:0 2px #000,0 0 8px #000c;align-items:center;gap:6px;font-size:14px;font-weight:900;line-height:1.05;display:flex}.rc-icon{filter:drop-shadow(0 2px #000);font-size:20px}.rc-info{color:#f0ead8;text-shadow:0 1px 2px #000;background:#0a080e9e;border-radius:7px;margin-top:auto;padding:4px 6px;font-size:10.5px}.rc-sub{color:#ffe6a8;font-weight:700}.rc-res{color:#cfe8ff}.rc-scale{color:#d8d0c0;opacity:.9}.rc-stages{gap:5px;display:flex}.rc-stage{height:28px;font-family:var(--serif);color:#2a1600;cursor:pointer;background:linear-gradient(#fff1b8,#f0b743 55%,#b9781f);border:2px solid #3a2208;border-radius:999px;flex:1;font-size:13px;font-weight:900;position:relative;box-shadow:0 3px #2a1604}.rc-stage i{color:#0a5a1a;margin-left:2px;font-size:10px;font-style:normal}.rc-stage.cleared{background:linear-gradient(#e6ffd8,#6fdc6a 55%,#2a8a3a)}.rc-stage.on{box-shadow:0 0 12px 3px var(--realm), 0 3px 0 #2a1604;outline:2px solid #fff}.rc-stage.locked{color:#c9c0a8;cursor:default;background:linear-gradient(#4a4452,#26222c);border-color:#15121a}.realm-card.locked{filter:saturate(.35)brightness(.7)}.realm-card.current{box-shadow:inset 0 0 0 1px #0009, 0 0 0 2px #fff3c0, 0 0 18px 4px color-mix(in srgb, var(--realm) 70%, transparent), 0 4px 0 #00000073}.realm-card.done .rc-head:after{content:"✓";color:#8aff8a;margin-left:auto;font-size:16px}.mode-cards{align-items:stretch;gap:12px;display:flex}.mode-card{color:#f3e6c8;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1 1 0;gap:6px;min-width:0;padding:10px 12px;font-size:12px;display:flex;box-shadow:0 4px #00000080,0 8px 18px #0006}.mode-card .mc-title{font-family:var(--deco);letter-spacing:.04em;font-size:17px;font-weight:900}.mode-card .mc-stats{flex-wrap:wrap;gap:14px;display:flex}.mode-card .mc-stats .ico{vertical-align:-3px;width:16px;height:16px}.mode-card .mc-btns{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.mode-card .btn-primary.small{padding:8px 18px;font-size:14px}.endless-card{background:var(--noise) padding-box, radial-gradient(circle at 85% 20%, #ff3c288c, transparent 38%), linear-gradient(180deg, #3a0810, #160408) padding-box, linear-gradient(160deg, #ff6a4a, #5a0a0a 50%, #c99a42) border-box}.endless-card .mc-title{color:#ffb0a0;text-shadow:0 0 10px #ff3c28b3,0 2px #000}.endless-card.locked{filter:saturate(.4)brightness(.75)}.rush-card-mini{background:var(--noise) padding-box, linear-gradient(180deg, #2a2e44, #141624) padding-box, linear-gradient(160deg, #e2b04a, #3a3e5a 50%, #c99a42) border-box}.rush-card-mini .mc-title{color:#ffe3a0;text-shadow:0 2px #000}.mc-boss{align-items:center;gap:10px;display:flex}.mc-boss .boss-medal{flex:none;width:58px;height:58px}.mc-boss small{color:#cfc6e8;display:block}.mc-mods,.rb-mods{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mod{color:#ffe0c8;background:linear-gradient(#7a1a14,#3a0a08);border:1px solid #ff8a5a;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700;box-shadow:0 0 6px #ff5a2873}.btn-primary.blood{background:var(--noise), linear-gradient(180deg, #ff6a5a 0%, #d41a1a 45%, #7a0606 60%, #b01a10 100%);color:#fff2e8;animation:1.1s infinite alternate bloodPulse}@keyframes bloodPulse{0%{box-shadow:0 0 0 2px #2a0404,0 6px 0 2px #1a0202,0 0 10px #ff281466}to{box-shadow:0 0 0 2px #2a0404,0 6px 0 2px #1a0202,0 0 26px 6px #ff3c1ebf}}@media (min-aspect-ratio:1) and (min-width:721px) and (min-height:560px){.hub-sheet{top:calc(118px + var(--sat))}.hub[data-tab=garrison] .hub-sheet .garrison{grid-row:1/3}.hub[data-tab=garrison] .hub-sheet .roster{grid-column:1/4}.hub[data-tab=realms] .hub-sheet .realms-panel{grid-area:1/1/3/4;align-self:start}.hub[data-tab=realms] .hub-sheet .mode-cards{grid-area:3/1/auto/4;align-self:end;max-width:1000px}.hub[data-tab=realms] .hub-sheet .link-btn{position:absolute;bottom:-4px;right:0}.hub[data-tab=citadel] .wall-panel .tier-def{display:block}}@media (max-aspect-ratio:1),(max-width:720px){.currencies{flex-flow:wrap;justify-content:flex-end;max-width:200px}.currencies .best-pill{display:none}.hub-tabs{left:calc(8px + var(--sal));right:calc(8px + var(--sar));top:calc(96px + var(--sat));gap:5px}.hub-tab{flex:1;justify-content:center;padding:7px 4px 8px;font-size:12px}.hub-tab .tl{display:none}.hub-tab .ts{display:inline}.hub[data-tab=citadel] .hub-sheet{max-height:52vh}.hub[data-tab=citadel] .tier-def,.hub[data-tab=citadel] .next-slots{display:none}.hub[data-tab=garrison] .hub-sheet,.hub[data-tab=realms] .hub-sheet{top:calc(146px + var(--sat));bottom:calc(8px + var(--sab));max-height:none}.hub[data-tab=garrison] .section-title,.hub[data-tab=garrison] .garrison-hint{display:none}.realm-list{grid-template-columns:1fr;gap:6px}.realm-card{background:linear-gradient(90deg, color-mix(in srgb, var(--sky) 80%, #000), color-mix(in srgb, var(--grass) 70%, #000));grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"h s""i i";gap:4px 8px;min-height:0;padding:6px 8px;display:grid}.realm-card:before{display:none}.realm-card .rc-head{grid-area:h;font-size:13px}.realm-card .rc-stages{grid-area:s}.realm-card .rc-info{grid-area:i;padding:3px 6px;font-size:10px}.realm-card .rc-scale{display:none}.rc-stage{height:24px;font-size:12px}.mode-cards{gap:6px}.mode-card{gap:4px;padding:7px 8px;font-size:10.5px}.mode-card .mc-title{font-size:13px}.mode-card .mc-line{font-size:10px}.mc-boss .boss-medal{width:40px;height:40px}.mc-boss small{font-size:9.5px}.mode-card .mc-btns{flex-direction:column;justify-content:stretch}.mode-card .btn-primary.small,.mode-card .btn.small{padding:6px;font-size:11.5px}.defend-sub{font-size:10px}.wall-panel{grid-template-columns:minmax(0,1fr) auto}.wall-info{min-width:0}.wall-info .wall-stats{flex-wrap:wrap}.wall-panel .btn.gold{padding:8px 10px;font-size:13px}.hub[data-tab=garrison] .hub-sheet{overflow-y:auto}.hub[data-tab=garrison] .hub-sheet .garrison{z-index:3;position:sticky;top:0}.hub[data-tab=garrison] .roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 2px;display:grid;overflow:visible}.hub[data-tab=garrison] .roster .card{flex:none;min-width:0}}.mode-overlay{z-index:40;pointer-events:auto;padding:calc(12px + var(--sat)) calc(10px + var(--sar)) calc(12px + var(--sab)) calc(10px + var(--sal));-webkit-backdrop-filter:blur(5px);background:radial-gradient(#0a060e8c,#040208db);place-items:safe center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.mode-overlay.hidden{display:none}.mode-overlay>div{width:min(560px,100%)}.bm-card{border-radius:18px;padding:0 0 16px;overflow:hidden;background:var(--noise) padding-box, linear-gradient(180deg, #2a0810, #120408) padding-box, linear-gradient(160deg, #ff7a5a, #6a0a0a 40%, #e2b04a 60%, #5a0a0a) border-box!important;box-shadow:0 0 40px #ff281e73,0 10px 30px #0009!important}.bm-head{height:150px;position:relative}.bm-head .bm-scene{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.bm-title{text-align:center;font-family:var(--deco);color:#0000;background:linear-gradient(#fff0e0,#ff8a6a 40%,#c41a1a 70%,#6a0606);filter:drop-shadow(0 3px #1a0204)drop-shadow(0 0 10px #ff2814b3);-webkit-background-clip:text;background-clip:text;padding:0 12px;font-size:27px;font-weight:900;line-height:1.05;position:absolute;bottom:8px;left:0;right:0}.bm-body{padding:10px 16px 0}.bm-plaque{color:#eadfd8;text-align:center;background:var(--noise) padding-box, linear-gradient(180deg, #4a4450, #26222c) padding-box, linear-gradient(160deg, #f3c27a, #6a4a2a 40%, #c99a42 60%, #5a3416) border-box;border:3px solid #0000;border-radius:12px;padding:10px 14px;font-size:13px;box-shadow:inset 0 2px #ffffff1f,0 4px #0a0608}.bp-title{font-family:var(--deco);letter-spacing:.06em;color:#ffd8a0;text-shadow:0 2px #000,0 0 10px #ff783c99;margin-bottom:4px;font-size:18px;font-weight:900}.bp-text b{color:#ff9a7a}.bp-preview{background:#0a04068c;border:1px dashed #ff8c6499;border-radius:10px;margin:8px 0;padding:6px 8px}.pv-head{font-family:var(--serif);letter-spacing:.14em;color:#ffb090;font-size:11px;font-weight:900}.pv-items{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:4px;display:flex}.pv{align-items:center;gap:6px;display:inline-flex}.pv .ico{width:30px;height:30px}.bp-rank{justify-content:space-around;gap:6px;display:flex}.bp-rank small{letter-spacing:.1em;color:#c8b8b0;font-size:9.5px;display:block}.bp-rank b{font-family:var(--serif);color:#fff0d8;font-size:17px}.bm-btns{justify-content:space-between;gap:12px;padding:14px 16px 0;display:flex}.bm-btns button{flex:1}.bm-btns .bm-push{font-size:19px;position:relative;overflow:visible}.bm-push:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 10% 20%,#ffcf6a 0 2px,#0000 3px),radial-gradient(circle at 85% 10%,#ff8a3a 0 2px,#0000 3px),radial-gradient(circle at 70% 95%,#ffd34d 0 1.5px,#0000 2.5px),radial-gradient(circle at 25% 90%,#ff6a2a 0 2px,#0000 3px);animation:.5s steps(2,end) infinite emberBuzz;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes emberBuzz{50%{opacity:.6;transform:translate(2px,-3px)scale(1.04)}}.bm-claim .bc .ico{vertical-align:-3px;width:15px;height:15px}.rush-card{padding:12px 18px 16px!important}.rush-head{flex-direction:column;align-items:center;margin-top:4px;display:flex}.rush-head .swords{filter:drop-shadow(0 0 8px #ffb4508c);width:96px;height:56px}.rush-title{font-family:var(--deco);text-align:center;color:#0000;background:linear-gradient(#fff4c8,#f0b743 45%,#c4401a 75%,#7a1a08);filter:drop-shadow(0 3px #1a0a04);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;line-height:1.02}.rush-boss{background:#06040a80;border:1px solid #c99a4280;border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:8px;display:flex}.rush-boss .boss-medal{filter:drop-shadow(0 0 10px #ff502873);flex:none;width:96px;height:96px}.rb-name{font-family:var(--deco);color:#ffe3a0;text-shadow:0 2px #000;font-size:24px;font-weight:900}.rb-title{color:#d8cfe8;font-size:12px}.rb-ends{color:#ffd0b0;margin-top:6px;font-size:13px}.rb-ends b{font-family:var(--serif);color:#fff;font-size:15px}.rush-squads{margin:6px 0}.rs-title{font-family:var(--serif);letter-spacing:.12em;color:#ffe3a0;text-align:center;font-size:13px;font-weight:900}.rs-title small{letter-spacing:.02em;color:#c8bedc;font-family:inherit;font-size:10.5px;font-weight:700;display:block}.rs-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.rs-gate{text-align:center;color:#e8e0f8;background:linear-gradient(#1c2f5a,#0d1630);border:2px solid #4fb4ff;border-radius:10px;padding:6px 4px;font-size:11px;box-shadow:0 0 10px #4fb4ff59}.rs-g{font-family:var(--deco);color:#dff4ff;text-shadow:0 0 8px #4fb4ff;font-size:20px;font-weight:900}.rs-names{min-height:30px;line-height:1.2}.rs-names i{color:#ff9a8a}.rs-gate small{color:#9fc8ff;letter-spacing:.1em;text-transform:uppercase;font-size:9.5px}.rush-foot{gap:8px;margin-top:8px;display:flex}.rush-rewards,.rush-attempts{text-align:center;background:#06040a80;border:1px solid #c99a4280;border-radius:10px;padding:6px 10px}.rush-rewards{flex:1}.rr-title{font-family:var(--serif);letter-spacing:.14em;color:#ffe3a0;font-size:11px;font-weight:900}.rr-items{justify-content:center;align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.rr-items .ico{width:22px;height:22px}.rush-rewards small,.rush-attempts small{color:#c8bedc;font-size:10px;display:block}.rush-attempts b{font-family:var(--deco);color:#fff;font-size:24px}.rush-btns{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.rush-btns .iron{padding:10px 14px;font-size:13px}.rush-enter{padding:12px 34px;font-size:22px}.offline-card{text-align:center;margin:0 auto;width:min(420px,100%)!important;padding:22px 20px 18px!important}.offline-title{font-family:var(--deco);color:#0000;background:linear-gradient(#fff4c8,#f0b743 50%,#b9781f);filter:drop-shadow(0 2px #2a1604);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.off-coins{justify-content:center;margin:10px 0 4px;display:flex}.off-coins .ico{filter:drop-shadow(0 3px #00000080);width:46px;height:46px;margin:0 -8px}.off-coins .ico:nth-child(2){transform:translateY(-8px)scale(1.15)}.off-line{color:#ecdcc0;font-size:14px}.off-line .cap{color:#ffb070}.off-gold{font-family:var(--deco);color:#ffd34d;text-shadow:0 3px #5a3a08,0 0 16px #ffc83c8c;margin:6px 0 2px;font-size:40px;font-weight:900}.off-gold small{letter-spacing:.1em;font-size:14px}.off-rate{color:#bdb3cc;margin-bottom:12px;font-size:11px}.rewards .rw.bp{color:#9fe0ff}.ult:not(.overdrive):not(.slot-off) .ult-name{white-space:normal;text-align:center;z-index:5;width:74px;padding:1px 3px;font-size:8.5px;line-height:1.02;bottom:-14px}.dock{padding-bottom:6px}@media (max-width:720px){.ult:not(.overdrive):not(.slot-off) .ult-name{width:62px;font-size:7.8px;bottom:-13px}}.mode-card .mc-btns .btn.small{flex:none;padding:6px 14px;font-size:12px}.realm-list .realm-card{background-color:#1a1620}@media (max-aspect-ratio:1),(max-width:720px){.boss-bar{left:calc(10px + var(--sal));width:calc(100vw - 170px - var(--sal) - var(--sar));transform:none}}.hub:not([data-sub=armory]) .arm-only,.hub[data-sub=armory] .hero-only{display:none!important}.sub-toggle{pointer-events:auto;background:#0c0a12c7;border:2px solid #8a6a2a;border-radius:999px;align-self:center;gap:0;margin-left:10px;padding:3px;display:flex;position:relative;box-shadow:0 3px #0a080e}.sub-btn{white-space:nowrap;font-family:var(--serif);letter-spacing:.05em;text-transform:uppercase;color:#e8d8b0;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700}.sub-btn.on{color:#2a1600;background:linear-gradient(#fff1b8,#f0b743 55%,#b9781f);box-shadow:0 0 10px #ffbe508c}.bp-pill .ico{vertical-align:-5px;width:20px;height:20px;margin-right:3px}.bp-count{float:right;color:#cfe8ff;letter-spacing:0;font-size:12px}.bp-count .ico{vertical-align:-4px;width:18px;height:18px;margin-right:3px}.bc .ico{vertical-align:-3px;width:14px;height:14px}.pad-grid{grid-template-columns:30px repeat(2,1fr);gap:4px;display:grid}.pad-cell{--hero:#6b5aa0;color:#fff;cursor:pointer;background:#2b2440;border:2px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:3px 6px;font-size:11px;font-weight:800;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #d9a4434d}.pad-cell.filled{background:linear-gradient(90deg, color-mix(in srgb, var(--hero) 55%, #2b2440), #2b2440);justify-content:flex-start}.pad-cell.filled small{color:#ffe08a;font-size:9.5px}.pad-cell.empty{color:#bdb6d6;border-style:dashed;border-color:#ffffff59}.pad-cell.locked{color:#8f88a8;cursor:default;background:#0f0c1ab3;border-color:#0009}.pad-cell.target{outline:3px solid #ffd34d;animation:.6s infinite alternate ready;box-shadow:0 0 10px #ffd34d}.pad-cell.mine{outline:3px solid #fff}.pc-ico{filter:drop-shadow(0 1px #000);font-size:16px}.tcard .tower-portrait{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--hero) 55%, #20182a), #120e18 75%)}.tcard .tower-portrait .portrait-img{object-fit:contain}.tcard .tp-icon{background:#1a1420;border:2px solid #c99a42;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;display:grid;position:absolute;bottom:-4px;right:-4px}.tcard .tdesc{color:#d8cfe8;min-height:25px;font-size:10px;line-height:1.25}.tcard .tlvl{color:#ffe08a;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.tcard .tl-pad{color:#9fe8a0;font-weight:700}.tcard .tl-pad.off{color:#bdb3cc}.tcard .tl-lock{color:#cfe8ff}.tcard .tl-lock .ico{vertical-align:-4px;width:16px;height:16px}.tcard.locked .card-portrait{filter:grayscale(.85)brightness(.6)}.tcard{background:var(--noise) padding-box, linear-gradient(165deg, color-mix(in srgb, var(--hero) 26%, #2a2833) 0%, #1c1b23 72%) padding-box, var(--gold-frame) border-box}.tcard.locked{background:var(--noise) padding-box, linear-gradient(165deg, #2c2a34 0%, #17161c 72%) padding-box, linear-gradient(160deg, #6a6070, #2a2630) border-box}.tcard.locked .n{color:#cfc6d8}.btn.bpbtn{color:#06162e;background:linear-gradient(#bfe8ff,#4a9ae8 55%,#1f4a9a);border-color:#0d1a40}.btn.bpbtn:disabled{filter:grayscale(.7)brightness(.75)}.scard{flex-direction:column;gap:6px;display:flex}.skin-list{flex-direction:column;gap:5px;display:flex}.skin-btn{--sw:#9ff3ff;color:#f0e6d0;cursor:pointer;text-align:left;background:#2b2440;border:2px solid #000;border-radius:9px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:800;display:flex}.skin-btn .sw{background:radial-gradient(circle at 35% 35%, #fff, var(--sw) 55%, #000 120%);width:16px;height:16px;box-shadow:0 0 8px var(--sw);border-radius:50%;flex:none}.skin-btn.on{outline:2px solid #ffd34d;box-shadow:0 0 10px #ffd34d99}.skin-btn.locked{color:#a8a0bc}.skin-btn:disabled{opacity:.55;cursor:default}.skin-btn .bc{margin-left:auto}.rush-card-mini.locked{filter:saturate(.35)brightness(.8)}.rush-card-mini.locked .btn{pointer-events:auto}@media (min-aspect-ratio:1) and (min-width:721px) and (min-height:560px){.hub[data-tab=garrison] .hub-sheet .armory-pads{grid-row:1/3;width:300px}}@media (max-aspect-ratio:1),(max-width:720px){.sub-toggle{margin:0;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.sub-btn{padding:5px 12px;font-size:11.5px}.hub[data-tab=garrison] .hub-sheet{top:calc(186px + var(--sat))}.hub[data-tab=garrison] .hub-sheet .armory-pads{z-index:3;position:sticky;top:0}.hub[data-tab=garrison] .tower-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 2px;display:grid;overflow:visible}.pad-cell{min-height:34px}}.hub{--nav:66px;--top:80px}.hub .hub-top{inset:var(--sat) var(--sar) auto var(--sal);z-index:8;background:var(--noise),linear-gradient(#343039,#131219);border-bottom:3px solid #95703b;align-items:center;height:76px;padding:5px 18px;position:absolute;box-shadow:0 3px #08070b,0 7px 18px #0007}.hub .title-bar{gap:12px;position:absolute;left:50%;transform:translate(-50%)}.hub .title-small{font-size:10px}.hub .title-big{font-size:31px}.hub .title-runes{color:#83dcff;text-shadow:0 0 9px #33a7ff}.hub .currencies{flex-flow:row;gap:7px;max-width:none;margin-left:auto}.hub .currencies .pill{padding:5px 10px;font-size:14px}.hub .best-pill,.hub .mute-btn{display:none}.commander{color:#f5dca6;text-align:left;background:0 0;border:0;order:-1;align-items:center;gap:9px;min-height:48px;padding:0;font-size:12px;display:flex}.commander-crest{text-align:center;background:linear-gradient(130deg,#47444e,#1b1726);border:2px solid #e2b04a;border-radius:8px;width:42px;height:46px;font-size:28px;box-shadow:0 0 0 2px #171013,0 0 12px #e2b04a44}.commander b{font-family:var(--serif);font-size:12px}.commander small{color:#d8d1b6;font-size:10px;display:block}.commander i{background:#09090d;border:1px solid #66523c;width:125px;height:5px;margin-top:4px;display:block}.commander em{background:linear-gradient(90deg,#4384cf,#a3e7ff);height:100%;display:block}.hub .hub-tabs{inset:auto var(--sar) var(--sab) var(--sal);height:var(--nav);background:var(--noise),linear-gradient(#37313e,#14111b);z-index:12;border-top:3px solid #b18a4b;gap:0;padding:0 max(4px,50vw - 425px);box-shadow:0 -4px 18px #000b}.hub .hub-tab{box-shadow:none;color:#b3a998;letter-spacing:.05em;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:3px 10px;font-size:12px;display:flex;position:relative}.hub .hub-tab .ti{font-size:23px;line-height:1.1}.hub .hub-tab .tl{display:inline}.hub .hub-tab .ts{display:none}.hub .hub-tab.on{color:#ffe69b;text-shadow:0 1px 2px #000;background:radial-gradient(at top,#a97b343e,#0000 80%);box-shadow:inset 0 3px #f4cd73}.hub:not([data-tab=realms]) .tp-modes{display:none!important}.hub .sub-toggle{top:calc(var(--top) + var(--sat));left:calc(18px + var(--sal));z-index:4;margin:0;position:absolute}.hub .hub-sheet{inset:calc(var(--top) + var(--sat)) calc(18px + var(--sar)) calc(var(--nav) + 14px + var(--sab)) calc(18px + var(--sal));pointer-events:auto;width:auto;max-height:none;padding:10px;display:block;overflow:hidden auto}.hub[data-tab=citadel] .hub-sheet{pointer-events:none;overflow:visible}.hub[data-tab=citadel] .hub-sheet>*{pointer-events:auto}.hub .wall-panel{width:320px;padding:16px;display:block;position:absolute;top:12px;left:0}.hub .wall-panel .wall-info{margin:8px 0}.hub .wall-panel .btn.gold{flex-direction:row;justify-content:center;gap:14px;width:100%;min-height:44px}.hub .wall-panel .tier-def{display:none}.hub .wall-panel .panel-title{font-size:14px}.hub .scout{width:270px;margin:0 0 0 10px;padding:16px;font-size:12px;position:absolute;top:12px;right:0}.home-utilities{bottom:calc(var(--nav) + var(--sab) + 26px);left:calc(24px + var(--sal));z-index:3;gap:10px;display:flex;position:absolute}.utility{min-width:68px;min-height:58px;font-family:var(--serif);color:#fce7b0;background:var(--noise),linear-gradient(#3b3545,#1c1722);border:2px solid #b68a42;border-radius:12px;padding:8px;font-size:11px;font-weight:700;position:relative;box-shadow:inset 0 0 0 2px #0d0912,0 4px #08070a,0 0 14px #0005}.utility.notify:after{content:"";background:#e54b38;border:1px solid #ffd98a;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:0;box-shadow:0 0 8px #f65b42}.hub .defend.btn-primary{left:auto;right:calc(24px + var(--sar));bottom:calc(var(--nav) + var(--sab) + 28px);border-radius:18px;padding:16px 40px;font-size:32px;transform:none}.hub .defend.btn-primary:active{transform:none}.hub[data-tab=garrison] .hub-sheet{top:calc(var(--top) + 43px + var(--sat));grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.hub[data-tab=garrison] .hub-sheet .garrison{grid-area:auto/1;width:auto;position:sticky;top:5px}.hub[data-tab=garrison] .section-title{display:none}.hub[data-tab=garrison] .hub-sheet .roster{box-shadow:none;background:0 0;border:0;grid-area:auto/2;grid-template-columns:repeat(3,minmax(150px,1fr));align-items:start;gap:14px;padding:4px;display:grid;overflow:visible}.hub .roster .card{gap:6px;min-width:0;padding:10px}.hub .roster .card-head{flex-direction:column;align-items:stretch}.hub .roster .card-portrait{width:100%;height:135px;box-shadow:inset 0 0 0 2px var(--role);background:#cbb794;border-radius:7px;padding:0;overflow:hidden}.hub .roster .portrait-img{object-fit:cover;object-position:center 20%;filter:contrast(1.08)saturate(.85);border-radius:0}.hub .roster .card-icon{width:28px;height:28px;top:auto;bottom:4px;left:auto;right:4px}.hub .roster .role-icon{bottom:5px;left:5px}.hub .roster .card-name .n{font-size:15px}.hub .roster .card-name .r{font-size:10px}.hub .roster .card-name .tier{white-space:normal;font-size:10px}.hub .roster .card-stats{font-size:11px}.hub .roster .gate-badges{gap:6px}.hub .roster .card-btns{gap:7px}.hub .roster .card-btns .btn.small{padding:8px 2px}.details-btn{width:100%;min-height:32px}.btn.iron{color:#f1ddad;text-shadow:0 1px #000;background:linear-gradient(#55505b,#29242f);border-color:#b48d50;box-shadow:inset 0 1px #aaa2,0 3px #08070a}.hub .realms-panel{background:var(--noise),linear-gradient(#1b1f24f2,#101018f7);padding:18px}.campaign-help{color:#b7b6b5;margin:6px 0 20px;font-size:12px}.hub .realm-list{flex-direction:column;gap:25px;display:flex}.hub .realm-card{isolation:isolate;background:radial-gradient(ellipse at 75% 25%,color-mix(in srgb,var(--realm) 30%,transparent),transparent 60%),linear-gradient(120deg,var(--sky),var(--grass));border-radius:14px;grid-template-columns:200px 1fr;grid-template-areas:"h s""i s";gap:10px 24px;min-height:235px;padding:20px;display:grid}.hub .realm-card:before{background:linear-gradient(170deg,transparent 45%,var(--leaf) 45.4% 55%,transparent 55.4%),linear-gradient(190deg,transparent 50%,var(--leaf) 50.4% 62%,transparent 62.4%);opacity:.45;z-index:-1;height:70%;top:auto;bottom:0}.hub .realm-card .rc-head{grid-area:h;align-self:end;font-size:22px;line-height:1.2}.hub .realm-card .rc-info{background:0 0;grid-area:i;align-self:start;margin:0;font-size:12px}.hub .realm-card .rc-stages{grid-area:s;grid-template-columns:repeat(5,1fr);gap:24px 14px;padding:6px 12px;display:grid;position:relative}.hub .rc-stage{flex-direction:column;flex:none;justify-content:center;justify-self:center;align-items:center;width:76px;height:76px;display:flex;overflow:visible;box-shadow:0 4px #110d08,0 0 0 3px #90713e99}.rc-stage:before{content:"";z-index:-1;background:#b9a67455;width:calc(100% + 70px);height:2px;position:absolute;top:50%}.rc-stage:nth-child(5n):before{display:none}.rc-stage .node-num{font-family:var(--deco);font-size:19px;line-height:1}.rc-stage .node-label{letter-spacing:.04em;margin-top:3px;font-size:8px}.rc-stage .node-stars{color:#ffe4a0;text-shadow:0 1px #000;white-space:nowrap;font-size:14px;position:absolute;bottom:-17px}.rc-stage.boss{color:#fff2d4;background:linear-gradient(#c96541,#6e1e1b);border-color:#f4bb7a;border-radius:15px}.hub .rc-stage.locked{filter:saturate(.4);color:#aca89d;background:linear-gradient(#3a3d42,#181920);border-color:#4a4541}.hub .realm-card.locked{filter:saturate(.4);opacity:.85}.hub[data-tab=modes] .mode-cards{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.hub[data-tab=modes] .mode-card{gap:10px;min-height:200px;padding:22px;font-size:14px}.hub .extra-modes{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.pvp-card{background:var(--noise),linear-gradient(140deg,#292331,#14131a);border:2px solid #887250}.pvp-card b{color:#bfb5a1;font-family:var(--serif);letter-spacing:.2em}.pvp-card p{color:#aea8b6;line-height:1.6}.armory-link{min-height:70px;font-size:16px}.hub[data-sub=armory] .hub-sheet .arm-only{grid-area:auto}.hub[data-sub=armory] .tower-roster{grid-area:auto/2!important}.hub[data-sub=armory] .skin-panel{grid-area:auto/1/auto/-1!important}.page-heading{text-align:center;padding:12px 0 22px}.page-heading small,.eyebrow{letter-spacing:.2em;color:#b58a52;font-size:10px}.page-heading h2{font-family:var(--deco);color:#f2d99e;margin:6px 0;font-size:28px}.page-heading p{color:#bab1a3;font-size:12px}.shop-page{background:linear-gradient(#15121bef,#17141ff5);border:1px solid #755b3b;border-radius:14px;min-height:100%;padding:18px}.shop-offers{grid-template-columns:repeat(3,1fr);gap:25px;max-width:950px;margin:auto;display:grid}.shop-offer{text-align:center;flex-direction:column;gap:12px;padding:24px;display:flex}.shop-offer h3{font-family:var(--serif);color:#f7d89b;margin:0}.shop-offer p{color:#ccc0ad;min-height:50px;font-size:13px;line-height:1.6}.shop-offer small{color:#ad9b81}.offer-art{filter:drop-shadow(0 0 24px #dca64055);font-size:68px;line-height:90px}.shop-note{text-align:center;color:#afa492;max-width:800px;margin:auto;padding:25px;font-size:12px}.mobile-overlay{z-index:70;pointer-events:auto!important}.mobile-overlay>.mobile-card{width:min(860px,96vw);max-height:calc(100dvh - var(--sat) - var(--sab) - 30px);border:3px solid #bb9559;flex-direction:column;padding:0;display:flex;box-shadow:0 0 0 4px #17101c,0 15px 70px #000}.mobile-head{background:var(--noise),linear-gradient(#4c434a,#211b27);border-bottom:1px solid #8f734c;flex:none;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mobile-head h2{font-family:var(--serif);color:#f2d296;margin:0;font-size:20px}.close-modal{flex:none;width:42px;min-height:40px;padding:4px}.mobile-body{color:#e5d9c6;padding:18px 24px;font-size:14px;line-height:1.6;overflow-y:auto}.mobile-body h3{font-family:var(--serif);color:#f1d195;font-size:16px}.mobile-body p{margin:6px 0 16px}.mobile-body>.btn-primary{margin:22px auto 8px;display:block}.muted{color:#a89d8d;font-size:12px}.quest-row{border-bottom:1px solid #78613e55;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.quest-row>div{flex:1}.quest-row b{font-size:13px}.quest-row small{color:#c0aa82;font-size:12px;display:block}.quest-row .btn{flex:none;min-width:90px;min-height:40px}.quest-row progress{accent-color:#e6ba56;width:100%;height:6px}.login-grid{grid-template-columns:repeat(7,1fr);gap:9px;padding:12px 2px;display:grid}.login-tile{text-align:center;background:linear-gradient(#332c36,#1b1721);border:2px solid #6e5636;border-radius:8px;padding:14px 3px}.login-tile.on{border-color:#e8c76b;box-shadow:0 0 14px #e8c76b44}.login-tile b{font-family:var(--serif);font-size:12px;display:block}.login-tile>span{padding:12px 0;font-size:25px;display:block}.login-tile small{white-space:nowrap;font-size:10px}.inbox-entry{background:#16121c;border:1px solid #665135;margin-bottom:12px;padding:12px 18px}.inbox-entry h3{margin:0 0 8px}.inbox-entry p{color:#c6bba8;font-size:13px}.setting-row{border-bottom:1px solid #67523688;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.setting-row input[type=range]{accent-color:#e6bc69;width:50%}.setting-row select{color:#f3d99e;background:#231c2a;border:1px solid #a0824e;padding:8px}.setting-row input[type=checkbox]{accent-color:#e6bc69;width:24px;height:24px}.danger{margin-top:16px;color:#ffac9e!important}.profile-seal{color:#e1b762;text-align:center;font-size:80px}.hero-detail{grid-template-columns:minmax(200px,40%) 1fr;gap:24px;display:grid}.detail-art{min-height:350px;box-shadow:0 0 0 2px #16101b,0 0 20px color-mix(in srgb,var(--role) 30%,transparent);background:radial-gradient(#9d8f6f,#27202c);border:3px solid #b89457;border-radius:10px;align-self:stretch;position:relative;overflow:hidden}.detail-art>img{object-fit:cover;object-position:center 10%;filter:saturate(.83)contrast(1.1);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.detail-role{border:1px solid var(--role);color:var(--role);letter-spacing:.1em;background:#12131ae0;border-radius:5px;padding:5px 10px;font-size:10px;position:absolute;top:12px;left:12px}.detail-stars{text-align:center;color:#ffd46c;text-shadow:0 2px #000;background:linear-gradient(#0000,#181013);padding:26px 4px 14px;font-size:25px;position:absolute;bottom:0;left:0;right:0}.detail-copy h2{font-family:var(--deco);color:#f4d592;margin:0 0 8px;font-size:28px}.detail-copy h3{margin:16px 0 5px}.detail-stats{gap:8px;font-size:11px;display:flex}.detail-stats b{background:#16131d;border:1px solid #746142;border-radius:5px;padding:5px 8px}.detail-actions{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.detail-actions .btn{min-height:40px;font-size:11px}.detail-gates{gap:12px;display:flex}.detail-gates .gb{color:#c4bea9;width:52px;height:42px;font-size:16px}.detail-gates .gb small{font-size:9px;line-height:1}.detail-gates .gb:disabled{opacity:.4}.stage-emblem{text-align:center;color:var(--realm);text-shadow:0 0 22px var(--realm);font-size:68px}.star-rules{color:#efd39a;background:#19131f;border:1px solid #b19154;margin:16px 0;padding:14px;font-size:12px}.toast{z-index:90}@media (max-width:1100px) and (min-aspect-ratio:1){.hub[data-tab=garrison] .hub-sheet{grid-template-columns:260px 1fr}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(2,minmax(140px,1fr))}.hub .title-runes{display:none}.commander b{font-size:10px}.hub .scout{width:240px}.hub .wall-panel{width:280px}.hub .realm-card{grid-template-columns:160px 1fr;gap:10px;padding:18px}.hub .rc-stage{width:60px;height:60px}.hub .realm-card .rc-head{font-size:18px}}@media (max-aspect-ratio:1){.hub{--top:110px;--nav:64px}.hub .hub-top{flex-wrap:wrap;align-content:space-between;height:106px;padding:7px 12px}.hub .title-bar{top:9px;left:auto;right:12px;transform:none}.hub .title-big{font-size:25px}.hub .title-small{font-size:8px}.hub .title-runes{display:none}.hub .currencies{justify-content:center;width:100%;margin:0}.hub .currencies .pill{padding:4px 10px;font-size:12px}.commander{position:absolute;top:8px;left:12px}.commander-crest{width:34px;height:38px;font-size:24px}.commander b{font-size:10px}.commander i{width:90px}.commander small{font-size:8px}.hub .hub-top .currencies{position:absolute;bottom:8px;left:0;right:0}.hub .hub-tab{letter-spacing:0;padding:6px 2px;font-size:9px}.hub .hub-tab .ti{font-size:23px}.hub .hub-sheet{padding:8px;left:8px;right:8px}.hub .wall-panel{grid-template-columns:1fr auto;gap:0 10px;width:100%;padding:10px 12px;display:grid;top:5px}.hub .wall-panel .wall-info{margin:0}.hub .wall-panel .tier-row{display:none}.hub .wall-panel .panel-title{grid-column:1/-1;margin-bottom:2px;font-size:12px}.hub .wall-panel .next-tier,.hub .wall-panel .next-slots{display:none}.hub .wall-panel .btn.gold{flex-direction:column;gap:0;width:auto;min-height:42px;padding:5px 10px;font-size:11px}.hub .wall-panel .wall-stats{gap:4px}.hub .wall-panel .ws{padding:1px 5px;font-size:10px}.hub .scout{width:auto;padding:10px 12px;font-size:11px;top:auto;bottom:148px;left:4px;right:4px}.hub .scout .sr-note{display:none}.hub .scout .panel-title{font-size:13px}.hub .defend.btn-primary{left:18px;right:18px;bottom:calc(var(--nav) + var(--sab) + 19px);padding:10px 20px;font-size:25px}.defend-sub{font-size:9px}.home-utilities{left:15px;right:15px;bottom:calc(var(--nav) + var(--sab) + 108px);justify-content:center;gap:8px}.utility{flex:1;min-width:0;min-height:44px;padding:6px 2px;font-size:10px}.hub .sub-toggle{left:16px;top:calc(var(--top) + 6px + var(--sat))}.hub[data-tab=garrison] .hub-sheet{top:calc(var(--top) + 46px + var(--sat));display:block}.hub[data-tab=garrison] .hub-sheet .garrison{margin-bottom:18px;position:relative;top:0}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px;display:grid}.hub .garrison-hint{font-size:10px;display:block}.hub .roster .card{padding:8px}.hub .roster .card-portrait{height:155px}.hub .roster .card-name .n{font-size:14px}.hub .roster .card-name .r{font-size:10px}.hub .roster .gate-badges{gap:4px}.hub .roster .gate-badges .gb{width:31px;height:30px}.hub .roster .card-btns{flex-direction:column;gap:6px}.hub .roster .card-btns .btn.small{flex:none;font-size:10px}.hub .roster .asc-info{font-size:9px}.hub .realms-panel{padding:12px 9px}.hub .realm-card{flex-direction:column;gap:8px;min-height:360px;padding:18px 10px;display:flex}.hub .realm-card .rc-head{align-self:auto;font-size:22px}.hub .realm-card .rc-info{font-size:11px}.hub .realm-card .rc-stages{grid-template-columns:repeat(5,1fr);gap:30px 8px;padding:10px 7px 18px}.hub .rc-stage{width:44px;height:54px}.rc-stage .node-num{font-size:16px}.rc-stage .node-label{font-size:6px}.rc-stage .node-stars{font-size:12px}.hub[data-tab=modes] .mode-cards,.hub .extra-modes{flex-direction:column;gap:18px;display:flex}.hub[data-tab=modes] .mode-card{min-height:190px;padding:18px;font-size:13px}.hub .mode-card .mc-title{font-size:18px}.hub .mode-card .mc-line{font-size:12px}.shop-page{padding:14px}.page-heading h2{font-size:24px}.shop-offers{grid-template-columns:1fr;gap:22px}.shop-offer{padding:18px}.shop-offer p{min-height:0}.offer-art{font-size:55px;line-height:70px}.mobile-body{padding:14px 16px}.mobile-head{padding:10px 14px}.mobile-head h2{font-size:16px}.login-grid{grid-template-columns:repeat(3,1fr)}.login-tile:last-child{grid-column:1/-1}.login-tile>span{padding:4px}.hero-detail{grid-template-columns:1fr;gap:18px}.detail-art{min-height:350px}.detail-art>img{object-fit:cover;object-position:center 15%}.quest-row b{font-size:11px}.quest-row{gap:8px}.quest-row .btn{min-width:76px;font-size:9px}.quest-row small{font-size:10px}.detail-gates .gb{width:55px}.armory-link{width:100%}.hub .tower-roster{grid-template-columns:1fr 1fr;display:grid}.hub .tcard{min-width:0}}@media (max-height:510px) and (min-aspect-ratio:1){.hub{--top:64px;--nav:54px}.hub .hub-top{height:60px}.hub .title-big{font-size:24px}.hub .title-small{font-size:8px}.hub .hub-tab .ti{font-size:18px}.hub .hub-tab{font-size:10px}.hub .wall-panel{width:260px;padding:10px;top:3px}.hub .wall-panel .tier-row,.hub .wall-panel .next-tier,.hub .wall-panel .tier-def{display:none}.hub .scout{width:235px;padding:12px;top:3px}.hub .scout .sr-note{display:none}.hub .defend.btn-primary{bottom:calc(var(--nav) + 15px);padding:9px 26px;font-size:24px}.home-utilities{bottom:calc(var(--nav) + 15px)}.utility{min-height:44px;font-size:10px}.hub[data-tab=garrison] .hub-sheet{grid-template-columns:245px 1fr}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(3,minmax(140px,1fr))}.hub .roster .card-portrait{height:100px}.commander b{font-size:10px}.commander-crest{width:34px;height:38px;font-size:24px}.hub .realm-card .rc-stages{gap:25px 12px}.mobile-overlay>.mobile-card{max-height:94dvh}.mobile-head{padding:7px 18px}.mobile-body{padding:14px 20px}.detail-art{min-height:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}button:focus-visible{outline-offset:3px;outline:3px solid #b2e9ff}.hub .wall-panel,.hub .roster .card,.mobile-card{background:var(--noise) padding-box,linear-gradient(145deg,#3b3540,#19171f 50%,#211c25) padding-box,var(--gold-frame) border-box}.hub .sub-toggle{transform:none}.hub[data-tab=modes] .hub-sheet{flex-direction:column;gap:18px;display:flex}.hub[data-tab=modes] .mode-cards{order:0;margin-bottom:0}.hub[data-tab=modes] .extra-modes{order:1}.hub .shop-offer{gap:7px;padding:16px}.hub .shop-offer p{min-height:40px;margin:5px 0;font-size:12px}.hub .offer-art{font-size:52px;line-height:66px}.hub .page-heading{padding:4px 0 14px}.hub .page-heading p{margin:4px 0}.hub[data-sub=armory] .hub-sheet .armory-pads{grid-row:1;width:auto}.hub[data-sub=armory] .hub-sheet .tower-roster{grid-row:1!important}@media (max-aspect-ratio:1){.hub[data-sub=armory] .hub-sheet .tower-roster{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hub .realm-card{min-height:340px}.hub .sub-toggle{left:16px}.hub .shop-offer{padding:20px}.hub .offer-art{line-height:80px}.hub .scout .sr-line.warnline{font-size:10px}}.hub[data-tab] .hub-sheet{bottom:calc(var(--nav) + 14px + var(--sab));scroll-padding-block:16px}.hub[data-tab=garrison] .hub-sheet .roster{padding-bottom:20px}:root{--body:Arial, "Segoe UI", system-ui, sans-serif}.hub,.hud,.mode-overlay,.results{font-family:var(--body);color:#f7eddb;font-size:15px;line-height:1.4}.hub *,.hud *,.mode-overlay *,.results *{font-family:inherit}.results-title{font-family:var(--serif)}.hub :is(h1,h2,h3,.panel-title,.title,.title-big,.title-small,.page-heading h2){font-family:var(--serif)}.mode-overlay :-webkit-any(h2,h3,.bm-title,.rush-title){font-family:var(--serif)}.mode-overlay :is(h2,h3,.bm-title,.rush-title){font-family:var(--serif)}.hud button,.results button{white-space:normal;letter-spacing:0;touch-action:manipulation;min-width:44px;min-height:44px;font-size:14px;line-height:1.25}.hub :-webkit-any(button,select){white-space:normal;letter-spacing:0;touch-action:manipulation;min-width:44px;min-height:44px;font-size:14px;line-height:1.25}.hub :is(button,select){white-space:normal;letter-spacing:0;touch-action:manipulation;min-width:44px;min-height:44px;font-size:14px;line-height:1.25}.mode-overlay :-webkit-any(button,select){white-space:normal;letter-spacing:0;touch-action:manipulation;min-width:44px;min-height:44px;font-size:14px;line-height:1.25}.mode-overlay :is(button,select){white-space:normal;letter-spacing:0;touch-action:manipulation;min-width:44px;min-height:44px;font-size:14px;line-height:1.25}.hub .btn,.mode-overlay .btn,.results .btn{padding:10px 12px}.hub .btn:disabled,.mode-overlay .btn:disabled,.results button:disabled{filter:none;color:#e2dbcc;text-shadow:0 1px #000;background:linear-gradient(#4c4651,#34303c);border-color:#716349;box-shadow:inset 0 1px #ffffff18,0 2px #100d15}.hub button:focus-visible{outline-offset:3px;outline:3px solid #a8e5ff}.mode-overlay button:focus-visible{outline-offset:3px;outline:3px solid #a8e5ff}.mode-overlay p{font-size:15px;line-height:1.5}.hub :is(p,.garrison-hint,.mc-line,.mc-stats,.sr-line,.sr-stage,.rc-info,.shop-note,.shop-offer p,.next-tier,.next-slots,.tier-def){font-size:15px;line-height:1.5}.mode-overlay small,.results small{font-size:12px;line-height:1.4}.hub :is(small,.asc-info,.card-name .r,.card-name .tier,.ws,.gh,.defend-sub,.campaign-help,.mc-boss small,.mod){font-size:12px;line-height:1.4}.mode-overlay .muted{color:#d7cbb9}.hub :is(.muted,.card-name .r,.garrison-hint,.shop-note,.page-heading p,.shop-offer small){color:#d7cbb9}.hub .hub-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;height:88px;padding:8px 20px;display:grid}.hub{--top:96px;--nav:72px}.hub .title-bar{grid-area:1/2;position:static;transform:none}.hub .commander{grid-area:1/1;min-width:0;font-size:14px;position:static}.hub .commander b{font-size:14px;font-family:var(--body)}.hub .commander small{font-size:12px}.hub .commander i{width:110px}.hub .commander-crest{min-width:44px;height:50px;font-size:30px}.hub .currencies{grid-area:1/3;justify-content:flex-end;justify-self:end;gap:8px;width:auto;min-width:0;position:static}.hub .currencies .pill{font:700 20px/1.2 var(--body);align-items:center;gap:3px;padding:9px 12px;display:flex}.hub .currencies .pill .ico{width:20px;height:20px;margin:0}.hub .currencies .pill b{font-variant-numeric:tabular-nums}.hub .title-big{font-family:var(--deco);font-size:32px}.hub .title-small{letter-spacing:.22em;font-size:12px}.hub .title-runes{display:none}.hub .hub-tabs{height:var(--nav)}.hub .hub-tab{font:700 13px/1.2 var(--body);color:#e1d5be;gap:5px}.hub .hub-tab .ti{font-size:24px}.hub .hub-sheet{left:calc(16px + var(--sal));right:calc(16px + var(--sar));overscroll-behavior:contain;scrollbar-width:thin;max-height:none;padding:12px}.hub:not([data-tab=citadel]) .hub-sheet{background:var(--noise),linear-gradient(140deg,#26222e,#16131c);border:1px solid #78603e;border-radius:14px}.hub[data-tab=garrison] .hub-sheet{top:calc(var(--top) + 60px + var(--sat));grid-template-rows:auto;grid-template-columns:340px minmax(0,1fr);gap:24px}.hub .sub-toggle{top:calc(var(--top) + 4px + var(--sat));left:calc(24px + var(--sal));max-width:calc(100% - 48px);height:44px}.hub .sub-btn{padding:8px 20px;font-size:14px}.hub[data-tab=garrison] .hub-sheet .garrison{grid-area:auto/1;max-height:none;padding:14px;position:sticky;top:0;overflow:visible}.hub .garrison .panel-title{font-size:18px;line-height:1.4}.hub .garrison-grid{grid-template-columns:44px repeat(3,minmax(0,1fr));gap:6px}.hub .garrison-hint{color:#eee1cb;margin:8px 0 12px;font-size:14px;display:block}.hub .gh{letter-spacing:0;font-size:12px}.hub .slot-cell{text-align:center;color:#f5eddd;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:76px;padding:5px 2px;font-size:12px;display:flex;overflow:visible}.hub .sc-img{width:28px;height:28px}.hub .sc-name{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2;overflow:visible}.hub .slot-cell.locked{color:#ddd2c4}.hub .gh.gate-label{min-width:44px;font-size:20px}.hub[data-tab=garrison] .hub-sheet .roster{grid-area:auto/2;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;min-width:0;padding:4px 4px 20px}.hub .roster .card{align-self:stretch;gap:10px;min-width:0;padding:12px}.hub .roster .card-portrait{height:180px}.hub .roster .card-name .n{font:800 20px/1.2 var(--body);color:#fff0cb;white-space:normal;overflow-wrap:anywhere}.hub .roster .card-name .r{color:#dfd4c3;margin-top:4px;font-size:13px}.hub .roster .card-name .tier{white-space:normal;font-size:12px;overflow:visible}.hub .roster .card-stats{color:#eee3cd;flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.hub .roster .card-stats span{flex-direction:column;min-width:44px;display:flex}.hub .roster .card-stats b{color:#ffe2a0;font-size:20px;line-height:1.1}.hub .roster .card-stats small{font-size:12px}.hub .roster .asc-info{color:#aee9ff;margin:0;font-size:12px}.hub .roster .asc-info.short{color:#ffbdac}.hub .roster .gate-badges{grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;display:grid}.hub .roster .gate-badges .gb{width:100%;height:44px;font-size:16px}.hub .gb.locked:after{display:none}.hub .roster .card-btns{grid-template-columns:1fr;gap:8px;display:grid}.hub .roster .card-btns .btn.small{flex:auto;justify-content:space-between;align-items:center;min-width:0;min-height:46px;padding:10px;font-size:14px;display:flex}.hub .roster .details-btn{min-height:44px;margin-top:auto;font-size:13px}.hub .wall-panel{width:330px;padding:16px;top:8px}.hub .wall-panel .panel-title{font-size:17px;line-height:1.4}.hub .wall-panel .wt-tier{font-size:14px}.hub .wall-panel .ws{font-size:13px}.hub .wall-panel .tier-row{flex-wrap:wrap}.hub .wall-panel .tier-name{white-space:normal;font-size:16px}.hub .wall-panel .tier-stars small{white-space:normal;font-size:12px}.hub .wall-panel .btn.gold{min-height:48px;font-size:16px}.hub .wall-panel .btn.gold .bc{font-size:16px}.hub .scout{width:300px;padding:16px;font-size:15px;top:8px}.hub .scout :-webkit-any(.sr-line,.sr-stage,.warnline){font-size:14px;line-height:1.45}.hub .scout :is(.sr-line,.sr-stage,.warnline){font-size:14px;line-height:1.45}.hub .scout .sr-note{display:none}.hub .utility{min-width:80px;min-height:52px;padding:10px;font-size:14px}.hub .home-utilities{left:calc(24px + var(--sal));bottom:calc(var(--nav) + 24px + var(--sab));gap:12px}.hub .defend.btn-primary{bottom:calc(var(--nav) + 24px + var(--sab));padding:14px 34px;font-size:28px}.hub .defend-sub{font-size:13px}.hub .realm-card{grid-template-columns:180px minmax(0,1fr);gap:12px;padding:20px;overflow:hidden}.hub .realm-card .rc-stages{grid-template-columns:repeat(5,minmax(44px,1fr));gap:30px 10px;padding:8px 4px 20px}.hub .rc-stage{width:clamp(44px,5vw,70px);min-width:44px;height:64px;position:relative}.hub .rc-stage .node-num{font:800 20px/1 var(--body)}.hub .rc-stage .node-label{letter-spacing:0;font-size:12px}.hub .rc-stage .node-stars{font-size:14px;bottom:-19px}.hub .rc-stage:before{width:calc(100% + 30px)}.hub .realm-card .rc-head{font-size:23px}.hub .realm-card .rc-info{color:#fff0d9;text-shadow:0 1px 2px #000;font-size:14px}.hub .mode-card{font-size:15px;line-height:1.5}.hub .mode-card .mc-title{font:700 22px/1.3 var(--serif)}.hub .mode-card .mc-btns .btn{min-height:46px;font-size:14px}.hub .pvp-card b{letter-spacing:.05em;color:#f0d6a9;font-size:12px}.hub .pvp-card p{color:#e4d9cc;font-size:15px}.hub .shop-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hub .shop-offer h3{font-size:20px}.hub .shop-offer p{font-size:15px}.hub .shop-offer small{color:#e8d6b6;font-size:13px}.hub .shop-note,.hub .page-heading p{font-size:14px}.hub .armory-link{font-size:16px}.mode-overlay{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal))}.mobile-overlay>.mobile-card{width:min(860px,100%);max-height:calc(100dvh - 32px - var(--sat) - var(--sab));min-height:0}.mobile-head{gap:12px;padding:12px 16px}.mobile-head h2{overflow-wrap:anywhere;min-width:0;font-size:20px;line-height:1.3}.mobile-head .close-modal{width:44px;min-width:44px;min-height:44px}.mobile-body{overscroll-behavior:contain;min-height:0;padding:20px;font-size:16px;line-height:1.55;overflow-x:hidden}.mobile-body :is(p,.muted,.inbox-entry p,.setting-row){color:#eee1cc;font-size:15px;line-height:1.5}.mobile-body :is(small,.eyebrow,.detail-role,.star-rules,.quest-row small){font-size:13px;line-height:1.4}.mobile-body h3{font-size:18px}.mobile-body .btn{font-size:14px}.mobile-body .quest-row{gap:12px;padding:16px 0}.mobile-body .quest-row>div{min-width:0}.mobile-body .quest-row b{font-size:15px}.mobile-body .quest-row .btn{min-width:86px;padding:8px;font-size:12px}.mobile-body .inbox-entry{padding:16px}.mobile-body .setting-row{flex-wrap:wrap;gap:12px}.mobile-body .setting-row select{max-width:100%;font-size:14px}.mobile-body .setting-row input[type=range]{min-width:130px;height:44px}.mobile-body .setting-row input[type=checkbox]{width:44px;height:44px}.mobile-body .hero-detail{grid-template-columns:minmax(180px,38%) minmax(0,1fr);gap:22px}.mobile-body .detail-copy h2{font-size:28px}.mobile-body .detail-stats{flex-wrap:wrap;gap:8px}.mobile-body .detail-stats b{font-size:16px}.mobile-body .detail-actions{grid-template-columns:1fr;gap:10px;display:grid}.mobile-body .detail-actions .btn{min-height:48px;font-size:14px}.mobile-body .detail-gates{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px;display:grid}.mobile-body .detail-gates .gb{width:100%;height:48px;font-size:18px}.mobile-body .detail-gates .gb small{font-size:12px}.mobile-body .login-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.mobile-body .login-tile{min-width:0;padding:12px 5px}.mobile-body .login-tile:last-child{grid-column:auto}.mobile-body .login-tile b{font-size:14px}.mobile-body .login-tile small{white-space:normal;font-size:13px}.hub[data-sub=armory] .hub-sheet .armory-pads{grid-row:auto;width:auto;min-width:0}.hub[data-sub=armory] .hub-sheet .tower-roster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;min-width:0;display:grid;grid-area:auto/2!important}.hub .tcard{min-width:0;font-size:14px}.hub .tcard :-webkit-any(.tc-desc,.tc-stats){font-size:14px}.hub .tcard :is(.tc-desc,.tc-stats){font-size:14px}.hub .tcard :-webkit-any(small,.tc-info,.tc-type){font-size:12px}.hub .tcard :is(small,.tc-info,.tc-type){font-size:12px}.hub .tcard .btn{font-size:14px}.hud .hud-top{flex-wrap:nowrap;justify-content:center;gap:8px}.hud .hud-top .pill{justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:16px;display:flex}.hud .wave-pill{white-space:normal;text-align:center;max-width:50%}.hud .compass-mark{width:44px;height:44px;font-size:18px;line-height:44px;top:0}.hud .gates{top:calc(118px + var(--sat));gap:6px}.hud .gate-mini{color:#fff1d3;gap:8px;min-height:44px;padding:6px 10px;font-size:14px}.hud .gate-hp{color:#fff4de;width:44px;font-size:14px}.hud .gate-letter{font-size:16px}.hud .boss-bar{top:calc(116px + var(--sat));width:min(340px,48vw)}.hud .boss-name{font-size:14px}.hud .hud-bottom{bottom:calc(8px + var(--sab));gap:12px}.hud .squad-pill{letter-spacing:0;white-space:normal;max-width:95vw;margin-bottom:10px;font-size:14px}.hud .ult.overdrive{width:78px;height:78px;margin-left:0}.hud .ult-tier{letter-spacing:0;padding:1px 3px;font-size:12px;top:-20px}.hud .ult .ult-name,.hud .ult.slot-off .ult-name{white-space:normal;letter-spacing:0;width:84px;max-height:none;font-size:12px;line-height:1.15;bottom:-28px}.hud .ult .ult-cd{font-size:20px}.hud .dock-divider{width:2px;margin:0}.hud .orbit{height:44px}.hud .orbit-slider{background:linear-gradient(#141019,#4c3a2d,#141019);min-width:44px;height:44px}.hud .orbit-slider::-webkit-slider-thumb{width:40px;height:40px}.hud .upgrades{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab));gap:8px}.hud .upg{opacity:1;min-width:140px;min-height:48px;padding:8px 10px;font-size:14px}.hud .cast-hint{white-space:normal;text-align:center;max-width:90%;bottom:calc(240px + var(--sab));font-size:14px}.results{padding:calc(72px + var(--sat)) calc(12px + var(--sar)) calc(20px + var(--sab)) calc(12px + var(--sal))}.results .results-card{width:min(460px,100%);max-height:none}.results .results-btns{flex-wrap:wrap;gap:14px}.results .results-btns .btn-primary{white-space:normal;min-height:48px;font-size:16px}.results :-webkit-any(.results-sub,.dr-tip,.unlock,.statline,.note){font-size:14px}.results :is(.results-sub,.dr-tip,.unlock,.statline,.note){font-size:14px}.results :is(.dr-title,.unlocks-title,.reward-boost-slot,.rw small){color:#e5d4b6;font-size:12px}.results .rw b{font:800 26px/1.3 var(--body)}.mode-overlay :-webkit-any(.bm-title,.rush-title){font-size:26px;line-height:1.2}.mode-overlay :is(.bm-title,.rush-title){font-size:26px;line-height:1.2}.mode-overlay :-webkit-any(.bp-text,.rb-title,.rb-ends,.rs-names,.off-line){font-size:14px}.mode-overlay :is(.bp-text,.rb-title,.rb-ends,.rs-names,.off-line){font-size:14px}.mode-overlay :is(.pv-head,.bp-rank small,.rs-title small,.rs-gate small,.rr-title,.rush-rewards small,.rush-attempts small,.off-rate){letter-spacing:0;font-size:12px}.mode-overlay .bm-btns,.mode-overlay .rush-btns{flex-wrap:wrap;gap:14px}.mode-overlay .bm-btns button,.mode-overlay .rush-btns button{white-space:normal;flex:160px;font-size:16px}.mode-overlay .rs-names{overflow-wrap:anywhere}.arena-overlay{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal))}.arena-overlay .arena-panel{max-height:calc(100dvh - 28px - var(--sat) - var(--sab));min-width:0}.arena-overlay :-webkit-any(button,.btn){min-height:44px;font-size:14px!important}.arena-overlay :is(button,.btn){min-height:44px;font-size:14px!important}.arena-overlay :is(small,.muted,.arena-status,.raid-lane label){color:#d3e0df;font-size:13px}.arena-overlay .arena-body p{font-size:15px}.arena-overlay .raid-hero{min-width:0}@media (max-width:1050px){.hub .hub-top{grid-template-columns:1fr auto;gap:4px 12px;height:120px;padding:8px 16px}.hub{--top:128px}.hub .title-bar{grid-area:1/2}.hub .currencies{grid-area:2/1/auto/-1;justify-content:center;justify-self:center;gap:12px;width:100%}.hub .currencies .pill{min-width:64px;padding:6px 12px;font-size:18px}.hub .title-big{font-size:28px}.hub .commander b{font-size:13px}.hub[data-tab=garrison] .hub-sheet{display:block}.hub[data-tab=garrison] .hub-sheet .garrison{width:auto;margin:4px 4px 22px;position:relative;top:0}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hub .slot-cell{flex-direction:row;min-height:56px;padding:6px;font-size:14px}.hub .sc-name{overflow-wrap:normal}.hub[data-sub=armory] .hub-sheet .tower-roster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-column:auto!important}.hub[data-sub=armory] .skin-panel{margin-top:20px}.hub .armory-pads{margin-bottom:24px}}@media (max-aspect-ratio:1){.hub .hub-sheet{left:calc(8px + var(--sal));right:calc(8px + var(--sar));padding:10px}.hub[data-tab=citadel] .hub-sheet{top:calc(var(--top) + var(--sat));bottom:calc(var(--nav) + 210px + var(--sab));max-height:none}.hub .wall-panel{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:auto;padding:12px;display:grid;position:absolute;top:4px;left:4px;right:4px}.hub .wall-panel .panel-title{font-size:15px}.hub .wall-panel .btn.gold{min-height:48px;padding:8px;font-size:14px}.hub .wall-panel .wall-stats{gap:5px}.hub .scout{width:auto;padding:12px;font-size:14px;top:auto;bottom:4px;left:8px;right:8px}.hub .scout :-webkit-any(.sr-line,.sr-stage,.warnline){font-size:14px}.hub .scout :is(.sr-line,.sr-stage,.warnline){font-size:14px}.hub .scout .panel-title{font-size:18px}.hub .home-utilities{left:calc(16px + var(--sal));right:calc(16px + var(--sar));bottom:calc(var(--nav) + 124px + var(--sab));gap:8px}.hub .utility{flex:1;min-width:0;min-height:48px;padding:10px 3px;font-size:13px}.hub .defend.btn-primary{left:calc(20px + var(--sal));right:calc(20px + var(--sar));bottom:calc(var(--nav) + 24px + var(--sab));padding:14px;font-size:28px}.hub .realm-card{gap:12px;min-height:0;padding:16px 10px;display:flex}.hub .realm-card .rc-head{align-self:stretch;font-size:23px}.hub .realm-card .rc-stages{align-self:stretch;gap:30px 8px;padding:8px 0 20px}.hub .rc-stage{width:100%;min-width:44px;max-width:70px;height:60px}.hub .shop-offers,.mobile-body .hero-detail{grid-template-columns:1fr}.mobile-body .detail-art{justify-self:center;width:100%;max-width:400px;min-height:350px}.hud .hud-top{grid-template-columns:1fr auto auto;display:grid}.hud .hud-top .wave-pill{grid-column:1/-1;max-width:none;min-height:40px;font-size:16px}.hud .hud-top .gold-pill{justify-self:start}.hud .hud-top .mute-btn{position:static}.hud .compass{top:calc(112px + var(--sat));width:min(340px,88vw)}.hud .gates{top:calc(172px + var(--sat));right:calc(12px + var(--sar))}.hud .gate-mini{gap:5px;padding:6px}.hud .gate-mini .bar{width:40px}.hud .boss-bar{top:calc(172px + var(--sat));left:calc(12px + var(--sal));width:48vw;transform:none}.hud .upgrades{flex-direction:row;gap:8px;position:static}.hud .upg{min-width:88px;min-height:58px;padding:6px}}@media (max-width:600px){.hub .hub-top{padding:8px 12px}.hub .commander-crest{display:none}.hub .commander b{font-size:13px}.hub .commander i{width:100px}.hub .title-big{font-size:25px}.hub .title-small{font-size:12px}.hub .hub-tab{padding:6px 1px;font-size:12px}.hub .sub-toggle{left:calc(18px + var(--sal))}.hub .sub-btn{padding:8px 14px;font-size:14px}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 0 20px}.hub[data-tab=garrison] .hub-sheet .garrison{margin:2px 0 20px;padding:10px 6px}.hub .garrison .panel-title{font-size:16px}.hub .garrison-hint{font-size:14px}.hub .slot-cell{flex-direction:column;min-height:84px;padding:4px 2px;font-size:12px}.hub .garrison-grid{gap:4px}.hub .sc-name{overflow-wrap:anywhere}.hub .roster .card{gap:10px;padding:9px}.hub .roster .card-portrait{height:150px}.hub .roster .card-name .n{font-size:18px}.hub .roster .card-name .r{font-size:12px}.hub .roster .card-name .tier{display:none}.hub .roster .gate-badges{grid-template-columns:repeat(2,minmax(44px,1fr));gap:6px}.hub .roster .card-btns .btn.small{padding:8px 6px;font-size:13px}.hub .roster .details-btn{padding:8px 4px;font-size:13px}.hub .roster .card-stats{gap:8px}.hub .roster .card-stats b{font-size:20px}.hub .tower-roster,.hub[data-sub=armory] .hub-sheet .tower-roster{grid-template-columns:1fr!important}.hub .realm-card .rc-stages{gap:30px 5px}.mobile-body{padding:16px}.mobile-head h2{font-size:18px}.mobile-body .quest-row{gap:8px}.mobile-body .quest-row b{font-size:14px}.mobile-body .detail-art{min-height:330px}.mobile-body .setting-row select{width:100%}.hud .dock{gap:12px}.hud .ult{width:64px;height:64px}.hud .ult.overdrive{width:68px;height:68px}.hud .ult .ult-name,.hud .ult.slot-off .ult-name{width:73px;font-size:12px}.hud .ult-tier{padding:1px 2px;font-size:12px}.hud .squad-pill{padding:5px 10px;font-size:14px}.hud .squad-pill:before,.hud .squad-pill:after{display:none}}@media (max-height:510px) and (min-aspect-ratio:1){.hub{--top:72px;--nav:56px}.hub .hub-top{grid-template-columns:1fr auto 1fr;gap:12px;height:66px;padding:6px 16px;display:grid}.hub .title-bar{grid-area:1/2}.hub .currencies{grid-area:1/3;justify-self:end;gap:6px;width:auto}.hub .currencies .pill{min-width:52px;padding:7px;font-size:16px}.hub .commander-crest{display:none}.hub .commander b{font-size:13px}.hub .title-big{font-size:25px}.hub .hub-tab{gap:2px;font-size:12px}.hub .hub-tab .ti{font-size:18px}.hub .wall-panel{width:290px;padding:12px;top:0}.hub .wall-panel .panel-title{font-size:15px}.hub .scout{width:300px;padding:12px;top:0}.hub .scout .sr-resist{display:none}.hub .home-utilities{bottom:calc(var(--nav) + 18px + var(--sab));gap:10px}.hub .utility{min-width:76px;min-height:48px;padding:8px;font-size:13px}.hub .defend.btn-primary{bottom:calc(var(--nav) + 18px + var(--sab));padding:10px 24px;font-size:24px}.hub[data-tab=garrison] .hub-sheet{grid-template-rows:auto;grid-template-columns:minmax(300px,36%) minmax(0,1fr);display:grid}.hub[data-tab=garrison] .hub-sheet .garrison{margin:4px 4px 20px;position:relative}.hub[data-tab=garrison] .hub-sheet .roster{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.hub .realm-card{flex-direction:column;gap:12px;display:flex}.hub .realm-card .rc-head,.hub .realm-card .rc-stages{align-self:stretch}.mobile-body .hero-detail{grid-template-columns:minmax(180px,34%) minmax(0,1fr)}.hud .gates{top:calc(118px + var(--sat))}.hud .gate-mini{min-height:44px}.hud .hud-bottom{gap:8px;left:150px;right:175px}.hud .dock{gap:18px;padding-bottom:32px}.hud .ult{width:58px;height:58px}.hud .ult.overdrive{width:64px;height:64px}.hud .upgrades{right:calc(12px + var(--sar));bottom:calc(12px + var(--sab));position:fixed}.hud .upg{min-width:140px;min-height:48px}.hud .squad-pill{margin-bottom:10px;padding:4px 10px;font-size:13px}.hud .orbit{width:min(350px,100%)}.hud .boss-bar{top:calc(118px + var(--sat))}.mode-overlay>.rush-card,.mode-overlay>.bm-card{margin-block-start:8px;margin-block-end:8px}}@media (prefers-reduced-motion:reduce){button{transition:none!important}}.hub .currencies .best-pill,.hub .currencies .mute-btn{display:none}.hub .scout .sr-line.warnline,.hub .campaign-help,.hub .mode-card .btn-primary.small{font-size:14px}.mobile-body .quest-row .btn{min-height:44px}.hub .tcard .tdesc{font-size:14px;line-height:1.5}.hub .tcard .tlvl,.hub .tcard .tlvl>*{flex-wrap:wrap;font-size:13px}.hub .tcard .tp-icon{bottom:4px;right:4px}.hub .armory-pads{top:0;position:relative!important}.hub .pad-grid{grid-template-columns:44px repeat(2,minmax(0,1fr));gap:6px}.hub .pad-cell{white-space:normal;flex-wrap:wrap;min-width:0;min-height:56px;font-size:14px}.hub .pad-cell small{font-size:12px}.mode-overlay .bm-card.ornate:after{top:0;bottom:0;left:0;right:0}.arena-overlay .arena-status{font-size:14px}.mode-overlay .mod{font-size:12px}@media (max-width:600px){.hub .slot-cell{min-height:64px}.hub .sc-img{width:24px;height:24px}}.hud .ult:not(.overdrive):not(.slot-off) .ult-name{width:84px;font-size:12px;line-height:1.15;bottom:-28px}@media (max-width:600px){.hud .ult:not(.overdrive):not(.slot-off) .ult-name{width:73px}}.hub .realms-panel .campaign-help,.arena-overlay p.arena-status{font-size:14px}@media (max-height:510px) and (min-aspect-ratio:1){.hud .upgrades{left:calc(12px + var(--sal));right:auto}}.arena-overlay .arena-body .btn.on{color:#e2f5ff;text-shadow:0 1px #000;background:linear-gradient(#26465f,#14283b);border-color:#99dbff}.arena-overlay .rival-card>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.hub .panel-title{color:#ffe5a5;filter:none;text-shadow:0 2px #08060b;background:0 0}.hub .scout .panel-title{color:#4a260b;text-shadow:0 1px #fff4cd}.hub .realm-card.locked,.hub .endless-card.locked,.hub .rush-card-mini.locked{filter:saturate(.4);opacity:1}.mobile-body .detail-gates .gb.on{color:#04260a;text-shadow:0 1px #dfffba}@media (max-height:510px) and (min-aspect-ratio:1){.hub .scout .sr-stage,.hub .wall-panel .next-slots{display:none}}@media (max-width:1050px) and (min-aspect-ratio:1){.hub .wall-panel .tier-def,.hub .wall-panel .next-tier{display:none}}.hub .roster .gb.locked,.mobile-body .detail-gates .gb:disabled{opacity:1;color:#d0c5b2;background:#302a38;border-color:#6d5b3e}.hub .skin-btn:disabled{opacity:1;color:#d0c5b2}.hub[data-tab=citadel] .hub-top{justify-content:space-between;gap:8px;height:58px;padding:5px 12px;display:flex}.hub[data-tab=citadel] .title-bar,.hub[data-tab=citadel] .commander-crest,.hub[data-tab=citadel] .commander-label,.hub[data-tab=citadel] .commander small,.hub[data-tab=citadel] .commander i{display:none}.hub[data-tab=citadel] .commander{background:#211d29;border:1px solid #927647;border-radius:12px;flex:none;justify-content:center;min-width:56px;min-height:44px;padding:6px}.hub[data-tab=citadel] .commander b{font-size:14px}.hub[data-tab=citadel] .currencies{flex:0 auto;grid-area:auto;justify-self:auto;gap:6px;width:auto;margin:0;display:flex;position:static;top:auto;bottom:auto;left:auto;right:auto}.hub[data-tab=citadel] .currencies .pill{min-width:0;min-height:38px;padding:6px;font-size:17px}.hub[data-tab=citadel] .currencies .pill .ico{width:18px;height:18px}.hub[data-tab=citadel] .hub-sheet{pointer-events:none;display:none}.hub .home-actions{left:calc(12px + var(--sal));bottom:calc(var(--nav) + 100px + var(--sab));pointer-events:auto;gap:8px;display:flex;position:absolute}.hub .home-chip{color:#fff0cd;background:linear-gradient(#39323d,#211c2a);border:1px solid #ba965b;border-radius:12px;align-items:center;gap:7px;min-height:46px;padding:10px 12px;font-size:14px;line-height:1.2;display:flex;box-shadow:0 2px 3px #0008}.hub .home-chip.affordable{border-color:#afd66e}.hub .chip-arrow{color:#ecd099;font-size:16px}.hub .home-utilities{left:auto;right:calc(12px + var(--sar));top:auto;bottom:calc(var(--nav) + 156px + var(--sab));flex-direction:column;gap:8px;display:flex}.hub .utility{background:linear-gradient(#39323d,#211c2a);border-radius:12px;flex:none;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:4px;font-size:14px;display:grid;position:relative}.hub .utility-icon{font-size:23px;line-height:1}.hub .utility-label{display:none}.hub .utility.notify:after{border:2px solid #ffeac0;width:10px;min-width:10px;height:10px;top:-3px;right:-3px}.hub .defend.btn-primary{left:50%;right:auto;bottom:calc(var(--nav) + 16px + var(--sab));border-radius:14px;width:min(290px,100% - 32px);min-height:60px;padding:10px 26px;font-size:24px;animation:none;transform:translate(-50%)}.hub .defend.btn-primary:active,.hub .defend.btn-primary.pressed{transform:translate(-50%)translateY(2px)}.hub .defend-sub{font:12px/1.3 var(--body);letter-spacing:0;white-space:normal}.hub .home-detail{z-index:35;pointer-events:auto;background:#09070db8;align-items:flex-end}.hub .home-detail-card{width:min(540px,100%);max-height:calc(100dvh - 32px - var(--sat) - var(--sab));flex-direction:column;padding:0;display:flex;overflow:hidden}.hub .home-detail-card.ornate:before,.hub .home-detail-card.ornate:after{top:0;bottom:0;left:0;right:0}.hub .home-detail-card .mobile-head{background:#29232f;border-bottom:1px solid #974;flex:none}.hub .home-detail-card .mobile-head h2{margin:0}.hub .home-sheet-close{min-width:44px;min-height:44px}.hub .home-detail :-webkit-any(.wall-panel,.scout){width:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:20px;display:block;position:static;top:auto;bottom:auto;left:auto;right:auto;overflow:auto;transform:none}.hub .home-detail :is(.wall-panel,.scout){width:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:20px;display:block;position:static;top:auto;bottom:auto;left:auto;right:auto;overflow:auto;transform:none}.hub .home-detail :-webkit-any(.wall-panel,.scout):before{display:none}.hub .home-detail :is(.wall-panel,.scout):before{display:none}.hub .home-detail :-webkit-any(.wall-panel,.scout):after{display:none}.hub .home-detail :is(.wall-panel,.scout):after{display:none}.hub .home-detail[data-panel=walls] .scout,.hub .home-detail[data-panel=scout] .wall-panel{display:none}.hub .home-detail .wall-panel .panel-title{grid-column:auto;font-size:18px;display:block}.hub .home-detail .wall-info{margin:12px 0}.hub .home-detail .wall-panel :-webkit-any(.tier-def,.next-tier,.next-slots,.tier-row){display:block}.hub .home-detail .wall-panel :is(.tier-def,.next-tier,.next-slots,.tier-row){display:block}.hub .home-detail .wall-panel .tier-row{gap:10px;display:flex}.hub .home-detail .wall-panel .tier-stars{flex-wrap:wrap;display:flex}.hub .home-detail .wall-panel .wall-stats{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.hub .home-detail .wall-panel .btn.gold{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:16px;display:flex}.hub .wall-shortfall{color:#ffb9aa;padding-top:10px;font-size:14px;line-height:1.4}.hub .wall-shortfall.ready{color:#cce9a1}.hub .cost-short{color:#ffb9aa}.hub .home-detail .scout{color:#39230e;background:#f2dfab}.hub .home-detail .scout :-webkit-any(.sr-stage,.sr-line,.sr-note,.sr-resist){margin:10px 0;font-size:15px;line-height:1.5;display:block}.hub .home-detail .scout :is(.sr-stage,.sr-line,.sr-note,.sr-resist){margin:10px 0;font-size:15px;line-height:1.5;display:block}.hub .home-detail .scout .warn{color:#8d2614}.hud .hud-top{top:calc(6px + var(--sat));flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}.hud .hud-top .pill{font:700 14px/1.2 var(--body);white-space:nowrap;min-height:44px;padding:6px 10px}.hud .hud-top .wave-pill{grid-column:auto;max-width:none}.hud .wave-pill.plaque:before,.hud .wave-pill.plaque:after{display:none}.hud .hud-top .mute-btn{min-width:44px;padding:6px;position:static}.hud .hud-top .gold-pill .ico{width:18px;height:18px}.hud .compass{top:calc(56px + var(--sat));width:min(320px,100% - 32px);height:44px}.hud .gates{top:calc(106px + var(--sat));width:min(360px,calc(100% - 24px - var(--sal) - var(--sar)));flex-direction:row;gap:6px;display:flex;left:50%;right:auto;transform:translate(-50%)}.hud .gate-mini{background:#1c1927eb;flex:1;grid-template-rows:1fr 5px;grid-template-columns:auto 1fr;gap:4px;min-width:0;height:44px;min-height:44px;padding:4px 6px;display:grid}.hud .gate-mini .gate-letter{grid-area:1/1;font-size:14px}.hud .gate-mini .gate-hp{text-align:right;grid-area:1/2;width:auto;font-size:12px}.hud .gate-mini .bar{grid-area:2/1/auto/-1;width:100%;height:5px}.gate-tag{display:none!important}.hud .boss-bar{top:calc(158px + var(--sat));width:min(300px,80vw);left:50%;transform:translate(-50%)}.hud .boss-name{font-size:12px;line-height:1.2}.hud .boss-bar .bar{height:6px}.hud .hud-bottom{left:calc(8px + var(--sal));right:calc(8px + var(--sar));bottom:calc(6px + var(--sab));gap:4px}.hud .battle-tools{pointer-events:none;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative}.hud .battle-shop-toggle{pointer-events:auto;min-width:80px;min-height:44px;font:700 14px/1.2 var(--body);color:#f7e4bc;background:linear-gradient(#3c3443,#201b28);border:1px solid #ae8a54;border-radius:10px;padding:8px 12px}.hud .upgrades{pointer-events:auto;width:min(350px,calc(100vw - 24px - var(--sal) - var(--sar)));background:#1a1522f5;border:1px solid #a18453;border-radius:12px;flex-direction:row;gap:6px;padding:8px;position:absolute;bottom:50px;left:50%;right:auto;transform:translate(-50%)}.hud .upg{opacity:1;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:6px 4px;font-size:14px;display:flex}.hud .upg-icon{display:none}.hud .upg-name{font-size:12px}.hud .upg-cost{font-size:14px}.hud .squad-pill{min-height:0;margin:0 0 16px;padding:3px 10px;font-size:12px;line-height:1.2}.hud .squad-pill small{font-size:12px}.hud .dock{gap:14px;padding-bottom:32px}.hud .ult{width:60px;height:60px}.hud .ult.overdrive{width:64px;height:64px}.hud .ult-tier{font-size:12px;line-height:1.1;top:-18px}.hud .ult .ult-name,.hud .ult.slot-off .ult-name,.hud .ult:not(.overdrive):not(.slot-off) .ult-name{width:74px;font-size:12px;line-height:1.1;bottom:-28px}.hud .orbit{width:min(350px,90%);height:44px}.hud .combo{left:calc(12px + var(--sal));top:auto;right:auto;bottom:calc(194px + var(--sab));font:800 16px/1.2 var(--body);-webkit-text-stroke:0;color:#ffdf86;text-shadow:0 1px #000;background:#211829e8;border:1px solid #ad8743;border-radius:8px;padding:5px 8px;position:absolute;transform:none}.hud .banner{top:calc(196px + var(--sat));white-space:normal;pointer-events:none;width:max-content;max-width:90%;padding:6px 12px;font-size:16px;line-height:1.25}.hud .cast-hint{bottom:calc(230px + var(--sab));padding:6px 10px;font-size:13px}.ft{font:800 18px/1.1 var(--body);-webkit-text-stroke:0;text-shadow:0 1px 2px #000,0 0 4px #000}.ft.crit,.ft.crit.juggle{font:800 20px/1.1 var(--body);-webkit-text-stroke:0}.ft.juggle{font:800 18px/1.1 var(--body);-webkit-text-stroke:0}@media (min-aspect-ratio:1){.hub .home-utilities{bottom:auto;top:calc(76px + var(--sat))}.hub .home-actions{bottom:calc(var(--nav) + 20px + var(--sab))}.hub .defend.btn-primary{left:auto;right:calc(20px + var(--sar));width:238px;transform:none}.hub .defend.btn-primary:active,.hub .defend.btn-primary.pressed{transform:translateY(2px)}.hud .hud-top{left:calc(8px + var(--sal));right:auto}.hud .compass{top:calc(6px + var(--sat));left:auto;right:calc(12px + var(--sar));width:238px;transform:none}.hud .gates{top:calc(56px + var(--sat));left:auto;right:calc(12px + var(--sar));width:238px;transform:none}.hud .gate-mini{gap:2px;padding:4px 3px}.hud .boss-bar{top:calc(56px + var(--sat));left:calc(12px + var(--sal));width:300px;transform:none}.hud .combo{top:calc(106px + var(--sat));bottom:auto}.hud .hud-bottom{left:calc(8px + var(--sal));right:calc(8px + var(--sar))}.hud .battle-tools{left:calc(12px + var(--sal));bottom:calc(16px + var(--sab));width:100px;position:fixed}.hud .upgrades{width:min(300px,calc(50vw - 180px - var(--sal)));bottom:50px;left:0;transform:none}}@media (max-height:510px) and (min-aspect-ratio:1){.hub[data-tab=citadel] .hub-top{height:54px;padding:4px 12px}.hub .home-utilities{top:calc(66px + var(--sat));gap:5px}.hub .utility{width:44px;min-width:44px;height:44px;min-height:44px}.hub .defend.btn-primary{left:calc(270px + var(--sal));width:200px;min-height:54px;right:auto;bottom:calc(var(--nav) + 12px + var(--sab));padding:8px 12px;font-size:22px}.hub .home-actions{bottom:calc(var(--nav) + 16px + var(--sab))}.hud .hud-top{left:calc(8px + var(--sal));right:auto}.hud .compass{top:calc(6px + var(--sat));left:auto;right:calc(12px + var(--sar));width:260px;transform:none}.hud .gates{top:calc(56px + var(--sat));left:auto;right:calc(12px + var(--sar));width:260px;transform:none}.hud .boss-bar{top:calc(56px + var(--sat));left:calc(12px + var(--sal));width:240px;transform:none}.hud .combo{top:calc(146px + var(--sat));bottom:auto}.hud .banner{top:calc(112px + var(--sat))}.hud .hud-bottom{left:50%;right:auto;bottom:calc(6px + var(--sab));gap:2px;width:340px;transform:translate(-50%)}.hud .dock{gap:16px;padding-bottom:30px}.hud .ult{width:48px;height:48px}.hud .ult.overdrive{width:52px;height:52px}.hud .squad-pill{bottom:calc(100vh - 140px - var(--sat) - var(--sab));left:calc(178px + var(--sal) - 50vw);margin:0;font-size:12px;position:fixed}.hud .battle-tools{left:calc(178px + var(--sal) - 50vw);width:100px;position:fixed;bottom:60px}.hud .upgrades{width:min(300px,calc(50vw - 155px - var(--sal)));bottom:50px;left:0;transform:none}.hud .orbit{right:calc(178px + var(--sar) - 50vw);width:220px;position:fixed;bottom:0}.hud .cast-hint{bottom:calc(200px + var(--sab))}}.hud .compass{top:calc(56px + var(--sat));width:min(360px,calc(100% - 24px - var(--sal) - var(--sar)));background:#17151eee;border:1px solid #8c734b;border-radius:10px;height:64px;left:50%;right:auto;overflow:visible;transform:translate(-50%);box-shadow:0 2px 4px #0007;-webkit-mask:none;mask:none}.hud .compass .compass-strip{grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid;position:static;overflow:visible}.hud .compass .compass-mark{white-space:nowrap;color:#fff1d7;opacity:1;width:100%;min-width:44px;height:62px;min-height:44px;box-shadow:none;text-shadow:0 1px 2px #000;outline-offset:-3px;background:0 0;border:0;border-right:1px solid #aa8b512f;border-radius:0;grid-template-rows:22px 14px 4px;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;row-gap:3px;padding:8px 7px 5px;transition:color .12s,box-shadow .12s;animation:none;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:visible;transform:none}.hud .compass .compass-mark:last-child{border-right:0}.hud .compass .compass-mark:before,.hud .compass .compass-mark:after{content:none;display:none}.hud .compass .compass-letter{width:auto;min-width:0;font:800 18px/22px var(--body);color:#fff1d7;white-space:nowrap;grid-row:1;justify-content:center;align-items:center;gap:5px;display:inline-flex}.hud .compass .gate-hp{width:auto;font:700 12px/14px var(--body);color:#e4d8c2;text-align:center;grid-area:2/1}.hud .compass .bar{width:100%;height:4px;box-shadow:none;background:#050509;border:0;border-radius:3px;grid-area:3/1}.hud .compass .compass-mark.is-current{box-shadow:inset 0 -2px #ffd575}.hud .compass .is-current .compass-letter{color:#ffe3a2;text-shadow:0 0 8px #eeb84955,0 1px #000}.hud .compass .compass-pointer{opacity:0;pointer-events:none;border-top:5px solid #ffd575;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:opacity .12s;position:absolute;top:3px;left:calc(50% - 5px)}.hud .compass .is-current .compass-pointer{opacity:1}.hud .compass .threat-dot{visibility:hidden;pointer-events:none;background:#ff7569;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.hud .compass .threatened .threat-dot{visibility:visible;animation:1s ease-in-out infinite compassThreat}@keyframes compassThreat{0%,to{box-shadow:0 0 #ff756966}50%{box-shadow:0 0 0 3px #ff756900}}.hud .compass .low .gate-hp{color:#ffb5aa}.hud .compass .compass-mark:focus-visible{outline:2px solid #b8e8ff}.hud .compass .compass-mark:active{transform:none}@media (min-aspect-ratio:1){.hud .compass{left:auto;right:calc(12px + var(--sar));top:calc(6px + var(--sat));width:238px;transform:none}}@media (max-height:510px) and (min-aspect-ratio:1){.hud .compass{width:260px}}@media (prefers-reduced-motion:reduce){.hud .compass .threatened .threat-dot{animation:none;box-shadow:0 0 0 2px #ff756933}.hud .compass .compass-mark,.hud .compass .compass-pointer{transition:none}}.hub .top-utilities{align-items:center;margin-left:6px;display:flex}@media (max-aspect-ratio:1){.hub{--top:156px}.hub .hub-top{height:auto;padding-bottom:8px;overflow:visible}.hub .hub-top .currencies{flex-wrap:wrap;justify-content:center;row-gap:6px;width:100%;position:static;bottom:auto;left:auto;right:auto}.hub .hub-top .utility{width:36px;min-width:36px;height:36px;min-height:36px}.citadel-stage .wall-fold{left:calc(10px + var(--sal));width:max-content;max-width:calc(100% - 20px);right:auto}}.hub .hub-top .home-utilities{z-index:2;flex-direction:row;gap:4px;display:flex;position:static;top:auto;bottom:auto;left:auto;right:auto}.hub .hub-top .utility{place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.hub .hub-top .best-pill,.hub .hub-top .mute-btn{align-items:center;display:inline-flex}.hub .best-pill{font-size:12px}.citadel-stage{pointer-events:none;z-index:4;position:absolute;top:0;bottom:0;left:0;right:0}.citadel-stage .fold-card{pointer-events:auto;z-index:4;flex-direction:column;align-items:stretch;max-width:min(360px,100vw - 24px);display:flex;position:absolute}.citadel-stage .wall-fold{left:calc(12px + var(--sal));top:calc(var(--top) + 12px + var(--sat))}.citadel-stage .scout-fold{right:calc(12px + var(--sar));top:calc(var(--top) + 12px + var(--sat))}.citadel-stage .fold-toggle{justify-content:flex-start;width:100%}.citadel-stage .chip-hp{font-variant-numeric:tabular-nums;color:#ffd0c4}.citadel-stage .fold-body{pointer-events:auto;max-width:none;max-height:min(46vh,360px);margin-top:6px;overflow:auto;width:auto!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.citadel-stage .fold-body[hidden]{display:none!important}.citadel-stage .wall-panel .btn.gold{width:100%;min-height:48px;font-size:16px}.citadel-stage .scout{color:#39230e;background:#f2dfab}.citadel-stage .scout :-webkit-any(.sr-stage,.sr-line,.sr-note,.sr-resist){margin:8px 0;font-size:14px;line-height:1.45;display:block}.citadel-stage .scout :is(.sr-stage,.sr-line,.sr-note,.sr-resist){margin:8px 0;font-size:14px;line-height:1.45;display:block}.citadel-stage .scout .warn{color:#8d2614}@media (min-width:900px) and (min-aspect-ratio:1){.hub[data-tab=garrison] .page-garrison{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(280px,38%) minmax(0,1fr);align-items:start;display:grid;overflow:hidden}.hub[data-tab=garrison] .page-garrison .garrison{grid-area:1/1/3;max-height:100%;margin:0;overflow:auto}.hub[data-tab=garrison] .page-garrison .section-title{display:none}.hub[data-tab=garrison] .page-garrison .roster{grid-area:1/2/3;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;max-height:100%;display:grid;overflow:auto}.hub[data-tab=garrison] .roster .card-portrait{height:64px}.hub[data-tab=garrison] .roster .card-name .tier,.hub[data-tab=garrison] .roster .asc-info{display:none}.hub[data-tab=garrison] .roster .card-btns .btn.small{min-height:34px;padding:4px 2px}.hub[data-tab=garrison] .roster .card{gap:4px;padding:8px}.hub[data-tab=garrison] .garrison-hint{font-size:11px}.hub[data-tab=garrison] .slot-cell{min-height:44px}}.hub[data-tab=realms] .page-realms{display:block}.realms-layout{flex-direction:column;gap:14px;display:flex}.mode-stack{flex-direction:column;order:-1;gap:10px;display:flex}.mode-stack-title{margin:0}.hub[data-tab=realms] .realms-layout>.realms-panel{grid-area:auto}.hub[data-tab=realms] .mode-cards,.hub[data-tab=realms] .extra-modes{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.hub[data-tab=realms] .mode-card{min-height:0}.rc-name small{letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:10px;display:block}@media (max-width:860px),(max-aspect-ratio:1){.hub[data-tab=realms] .mode-cards,.hub[data-tab=realms] .extra-modes{grid-template-columns:1fr}.citadel-stage .wall-fold{left:calc(10px + var(--sal));right:calc(10px + var(--sar));top:calc(var(--top) + 8px + var(--sat));max-width:none}.citadel-stage .scout-fold{left:calc(10px + var(--sal));right:calc(10px + var(--sar));top:auto;bottom:calc(var(--nav) + 108px + var(--sab));max-width:none}}.shop-overlay{z-index:60;pointer-events:auto;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:#08060cb8;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.shop-overlay.hidden{display:none!important}.shop-overlay .shop-page{width:min(980px,100%);max-height:calc(100dvh - 48px - var(--sat) - var(--sab));border-radius:14px;position:relative;overflow:auto}.shop-close{z-index:2;min-width:44px;min-height:40px;position:absolute;top:10px;right:10px}.hud .lane-fade{opacity:calc(1 - var(--lane,0) * .15);transition:opacity .35s}.hud.is-idle .lane-fade,.hud .lane-fade:hover{opacity:calc(1 - var(--lane,0) * .4)}.hud .lane-fade:active,.hud .lane-fade:focus-within,.hud.is-idle .lane-fade:active,.hud.is-idle .lane-fade:focus-within{opacity:calc(1 - var(--lane,0) * .08)}.hud .lane-fade,.hud .lane-fade button,.hud .lane-fade .ult{pointer-events:auto}@media (max-height:560px) and (min-aspect-ratio:1){.citadel-stage .wall-fold{top:auto;bottom:calc(var(--nav) + 10px + var(--sab));left:calc(8px + var(--sal));width:188px}.citadel-stage .scout-fold{top:auto;right:auto;bottom:calc(var(--nav) + 10px + var(--sab));left:calc(204px + var(--sal));width:168px}.hub .citadel-stage .defend.btn-primary{left:auto;right:calc(10px + var(--sar));z-index:6;width:210px;min-height:52px;bottom:calc(var(--nav) + 10px + var(--sab));transform:none}.citadel-stage .fold-body{max-height:42vh}}.frame,.hub .hub-top,.hub .hub-tabs,.hub .panel,.hub .card,.hub .mode-card,.hub .sub-toggle,.mobile-card,.shop-overlay .shop-page,.results-card,.hud .compass,.hud .boss-bar,.hud .combo,.hud .banner,.hud .wave-pill,.hud .gold-pill,.hud .retreat,.hud .mute-btn{border:2px solid var(--frame-gold);outline:1px solid var(--frame-ink);background:var(--frame-bg);box-shadow:var(--frame-inset)}.hub .realm-card,.hub .mode-card{border:2px solid var(--frame-gold);outline:1px solid var(--frame-ink);box-shadow:var(--frame-inset), 0 10px 22px #0006}.hub .hub-tab.on{box-shadow:inset 0 3px var(--frame-gold), var(--frame-inset)}.hud .hud-bottom{width:max-content;max-width:calc(100% - 12px);left:50%;right:auto;bottom:calc(2px + var(--sab));pointer-events:none;background:0 0;gap:2px;transform:translate(-50%)}.hud .hud-bottom .squad-pill{margin:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.hud .hud-bottom .dock{-webkit-backdrop-filter:blur(6px);border:2px solid var(--frame-gold);outline:1px solid var(--frame-ink);pointer-events:auto;background:#0a0d1257;border-radius:999px;gap:8px;padding:4px 8px;box-shadow:inset 0 1px #e8c47859}.hud .hud-bottom .ult,.hud .hud-bottom .ult.overdrive{width:60px;height:60px}.hud .hud-bottom .ult-tier{display:none}.hud .hud-bottom .ult .ult-name{background:0 0;width:52px;max-height:18px;font-size:8px;line-height:1.05;bottom:3px;overflow:hidden}.hud .hud-bottom .orbit{pointer-events:auto;width:min(300px,72vw);height:28px;position:relative;bottom:auto;left:auto;right:auto;overflow:visible}.hud .hud-bottom .orbit-slider{height:14px}.hud .hud-bottom .orbit-slider::-webkit-slider-thumb{width:18px;height:18px}@media (max-height:430px) and (min-aspect-ratio:1){.hud .hud-bottom .ult,.hud .hud-bottom .ult.overdrive{width:56px;height:56px}.hud .hud-bottom .dock{gap:6px;padding:3px 6px}.hud .hud-bottom .orbit{width:min(240px,64vw);height:22px}}.hub.mock-ui{--top:58px;--nav:0px;--mock-ink:#14110d;--mock-gold:#e6c36a;--mock-orange:#e86a22}.hub.mock-ui .hub-top{height:var(--top)!important;z-index:12!important;background:linear-gradient(#3a3228 0%,#1a1612 100%)!important;border:0!important;border-bottom:3px solid #a6843e!important;border-radius:0!important;outline:none!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:0 8px!important;display:flex!important;position:absolute!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;overflow:visible!important;box-shadow:0 3px #080604,0 8px 18px #00000073!important}.hub.mock-ui .commander{display:none!important}.hub.mock-ui .title-bar{flex:0 auto;align-items:center;min-width:0;display:flex;position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.hub.mock-ui .title{line-height:.92}.hub.mock-ui .title-small{font-family:var(--serif);letter-spacing:.28em;color:#f0d48a;font-size:9px;display:block}.hub.mock-ui .title-big{font-family:var(--deco);font-size:clamp(20px,2.6vw,32px);line-height:.9;display:block}.hub.mock-ui .hub-back{color:#f0c14a;text-shadow:0 2px #000;background:0 0;border:0;flex:none;width:36px;height:36px;padding:0;font-size:34px;font-weight:900;line-height:1}.hub.mock-ui .hub-tabs{z-index:2;pointer-events:auto;flex:auto;justify-content:center;align-items:center;gap:8px;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:0!important;display:flex!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .hub-tab{min-width:0;min-height:40px;font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;flex-direction:row;flex:0 148px;justify-content:center;align-items:center;gap:6px;padding:7px 12px 8px;font-size:13px;font-weight:900;position:relative;color:#f4e6c4!important;background:linear-gradient(#3d362c,#221c16)!important;border:2px solid #c6a15a!important;border-radius:12px!important;display:inline-flex!important;box-shadow:inset 0 1px #ffffff2e,0 3px #120e0a!important}.hub.mock-ui .hub-tab .ti{font-size:16px;line-height:1}.hub.mock-ui .hub-tab .ts{display:none!important}.hub.mock-ui .hub-tab .tl{display:inline!important}.hub.mock-ui .hub-tab.on{text-shadow:0 2px #7a3208;color:#fff!important;background:linear-gradient(#ffc56a 0%,#f07a22 46%,#d45312 100%)!important;border-color:#ffe1a4!important;box-shadow:inset 0 1px #ffffff8c,0 3px #6a2c08,0 0 16px #ff8c2873!important}.hub.mock-ui .hub-tab.on:after{content:"";filter:drop-shadow(0 2px #00000059);border-top:9px solid #d45312;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.hub.mock-ui .top-utilities{flex:none;margin-left:auto}.hub.mock-ui .home-utilities{flex-direction:row!important;gap:4px!important;display:flex!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .utility{color:#f0d48a;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px!important;min-width:48px!important;height:46px!important;min-height:44px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:8px!important;padding:2px 2px 3px!important;display:flex!important}.hub.mock-ui .utility-icon{filter:drop-shadow(0 1px #000);font-size:18px;line-height:1}.hub.mock-ui .utility-label{font-family:var(--serif);letter-spacing:.02em;color:#f0e2c0;text-align:center;max-width:52px;font-size:8px;line-height:1.05;display:block!important}.hub.mock-ui .currencies{top:calc(var(--top) + 6px);z-index:9;pointer-events:none;position:absolute;right:14px;width:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;flex-direction:row!important;margin:0!important;display:flex!important}.hub.mock-ui .currency-cluster{border:2px solid var(--mock-gold);background:#100e0ce6;border-radius:999px;align-items:center;gap:10px;padding:4px 12px;display:flex;box-shadow:0 3px #00000073,inset 0 1px #ffffff26}.hub.mock-ui .currency-cluster .pill{font-size:15px;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;min-height:0!important;padding:0!important}.hub.mock-ui .bp-pill,.hub.mock-ui .best-pill,.hub.mock-ui .mute-btn{display:none!important}.hub.mock-ui .defend.btn-primary{z-index:8;width:min(220px,30vw);min-height:62px;font-family:var(--deco);letter-spacing:.04em;pointer-events:auto;border-radius:16px;padding:10px 18px;font-size:clamp(22px,3vw,34px);position:absolute;bottom:12px!important;left:auto!important;right:14px!important;transform:none!important}.hub.mock-ui .defend.btn-primary:active,.hub.mock-ui .defend.btn-primary.pressed{transform:translateY(2px)!important}.hub.mock-ui[data-tab=garrison]:before,.hub.mock-ui[data-tab=realms]:before{content:"";bottom:0;left:0;right:0;top:var(--top);pointer-events:none;z-index:1;background:#080e0a47;position:absolute}.hub.mock-ui .hub-sheet{z-index:4;pointer-events:none;left:8px!important;right:8px!important;top:calc(var(--top) + 2px)!important;width:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;margin:0!important;padding:8px!important;position:absolute!important;bottom:6px!important;overflow:hidden!important}.hub.mock-ui .hub-sheet>*{pointer-events:auto}.hub.mock-ui .panel{border-radius:16px;position:relative;background:var(--noise) padding-box, linear-gradient(180deg, #2a241c 0%, #16130f 100%) padding-box, linear-gradient(160deg, #f0d48a, #8a6230 40%, #e6c36a) border-box!important;border:3px solid #0000!important;box-shadow:inset 0 0 0 1px #000000a6,0 8px #00000047!important}.hub.mock-ui .panel-title,.hub.mock-ui .section-title{white-space:nowrap;font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;-webkit-text-fill-color:#f8e7b0;filter:none;border:2px solid var(--mock-gold);z-index:2;border-radius:9px;margin:0;padding:3px 14px;font-size:13px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px #000;color:#f8e7b0!important;background:linear-gradient(#3a2e1c,#1a140c)!important}.hub.mock-ui .section-title:before,.hub.mock-ui .section-title:after{content:none!important}.hub.mock-ui .btn.gold,.hub.mock-ui .btn.small.gold{border-radius:10px;min-height:32px}.hub.mock-ui .btn.shard{border-radius:10px}.hub.mock-ui .citadel-stage{top:var(--top);pointer-events:none;z-index:4}.hub.mock-ui .citadel-stage .fold-card,.hub.mock-ui .citadel-stage .roster-strip,.hub.mock-ui .citadel-stage .best-wave{pointer-events:auto}.hub.mock-ui .citadel-stage .wall-fold{max-height:38%;overflow:auto;width:min(470px,46vw)!important;max-width:none!important;position:absolute!important;top:8px!important;bottom:auto!important;left:10px!important;right:auto!important}.hub.mock-ui .citadel-stage .wall-panel{padding:16px 12px 10px;width:auto!important;display:block!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .wall-main{align-items:flex-start;gap:10px;display:flex}.hub.mock-ui .wall-crest{background:linear-gradient(#4a4034,#241e18);border:2px solid #c6a15a;border-radius:12px;flex:none;place-items:center;width:64px;height:64px;display:grid}.hub.mock-ui .wall-crest-svg{width:52px;height:52px}.hub.mock-ui .wall-copy{flex:1;min-width:0}.hub.mock-ui .walls-chip{text-align:left;letter-spacing:.04em;margin:0 0 4px;padding:0;font-size:15px;display:block;position:static;transform:none;box-shadow:none!important;background:0 0!important;border:0!important}.hub.mock-ui .wall-stats{flex-wrap:wrap;gap:6px;margin:2px 0 4px;display:flex}.hub.mock-ui .wall-info .tier-row,.hub.mock-ui .wall-info .next-tier{display:flex!important}.hub.mock-ui .wall-info .perk{color:#d7ffe0;margin-top:4px;font-size:12px}.hub.mock-ui .wall-actions{flex-direction:column;align-items:stretch;gap:4px;margin-top:8px;display:flex}.hub.mock-ui .wall-panel .btn.gold{flex-direction:row;justify-content:center;gap:10px;width:100%;min-height:44px;font-size:16px}.hub.mock-ui .best-wave{z-index:5;border:2px solid var(--mock-gold);color:#f8e7b0;font-family:var(--serif);letter-spacing:.08em;background:linear-gradient(#3a3024,#1c1814);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;position:absolute;top:48px;right:14px;box-shadow:0 3px #000}.hub.mock-ui .best-wave b{color:#fff}.hub.mock-ui .roster-strip{z-index:5;width:auto;max-height:54%;padding-top:8px;position:absolute;bottom:6px;left:10px;right:268px}.hub.mock-ui .roster-strip .section-title{top:-2px}.hub.mock-ui .citadel-roster{gap:8px;padding:16px 4px 4px;overflow:auto hidden;box-shadow:none!important;background:0 0!important;border:0!important;display:flex!important}.hub.mock-ui .citadel-roster .card{flex:0 0 148px;grid-template-columns:1fr auto;align-content:start;gap:1px 6px;padding:2px 4px 1px;display:grid}.hub.mock-ui .citadel-roster .card-name,.hub.mock-ui .citadel-roster .card-visual,.hub.mock-ui .citadel-roster .card-btns,.hub.mock-ui .citadel-roster .posted-tag{grid-column:1/-1}.hub.mock-ui .roster .card-portrait{height:58px!important;max-height:58px!important}.hub.mock-ui .roster .portrait-img{max-height:58px!important}.hub.mock-ui .citadel-roster .card-portrait{height:48px!important;max-height:48px!important}.hub.mock-ui .citadel-roster .card-name .n{font-size:12px}.hub.mock-ui .citadel-roster .card-btns{flex-direction:row!important}.hub.mock-ui .citadel-roster .card-btns .btn.small{height:26px!important;min-height:0!important}.hub.mock-ui .citadel-roster .gate-badges .gb{font-size:9px;line-height:11px;height:13px!important}.hub.mock-ui .citadel-roster .card-visual{align-items:start}.hub.mock-ui .citadel-roster .card-btns .btn.small{min-height:24px;padding:2px 3px;font-size:10px}.hub.mock-ui .citadel-roster .posted-tag{margin:0;padding:0 2px;font-size:9px;line-height:1.1}.hub.mock-ui .citadel-roster .stars,.hub.mock-ui .citadel-roster .card-stats{font-size:10px;line-height:1.05}.hub.mock-ui .scout-fold{z-index:5;overflow:auto;width:min(246px,32vw)!important;max-width:none!important;position:absolute!important;top:92px!important;bottom:86px!important;left:auto!important;right:12px!important}.hub.mock-ui .citadel-stage .scout{color:#3a2410;padding:18px 12px 12px;transform:rotate(-.4deg);background:var(--parchment), radial-gradient(ellipse at 50% 30%, #f6e7bf, #e4c98a 70%, #c9a56a)!important;border:0!important;width:auto!important;max-height:none!important;margin:0!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;box-shadow:0 8px #00000040,0 0 0 3px #8a6230!important}.hub.mock-ui .scout .scout-chip,.hub.mock-ui .scout .panel-title{-webkit-text-fill-color:#3a2410;border-color:#8a6230;width:max-content;margin:0 auto 8px;display:block;position:static;transform:none;color:#3a2410!important;background:linear-gradient(#f4e2b0,#d7b56a)!important}.hub.mock-ui .scout .sr-line,.hub.mock-ui .scout .sr-stage,.hub.mock-ui .scout .sr-note,.hub.mock-ui .scout .sr-resist{margin:3px 0;font-size:13px;line-height:1.35;display:block!important}.hub.mock-ui .scout .warn{color:#8d2614}.hub.mock-ui .roster .card{border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:8px 8px 6px;display:flex;position:relative;background:linear-gradient(180deg, color-mix(in srgb, var(--hero) 28%, #2a241c), #16130f 62%)!important;border:2px solid #c6a15a!important;box-shadow:inset 0 0 0 1px #00000080,0 4px #00000059!important}.hub.mock-ui .roster .card-name .n{font-family:var(--serif);color:#f8e7b0;font-size:14px;font-weight:900}.hub.mock-ui .roster .card-name .r,.hub.mock-ui .roster .card-name .tier,.hub.mock-ui .roster .asc-info{display:none}.hub.mock-ui .card-visual{grid-template-columns:1fr auto;align-items:stretch;gap:4px;display:grid}.hub.mock-ui .card-portrait{width:100%;height:78px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--hero) 70%, #000);background:#1a1814;border:0;border-radius:8px;padding:0;overflow:hidden}.hub.mock-ui .portrait-img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.hub.mock-ui .gate-badges{flex-direction:column;justify-content:center;gap:3px;display:flex}.hub.mock-ui .gate-badges .gb{color:#f0e2c0;background:#2a241c;border:1px solid #000;border-radius:4px;font-size:10px;font-weight:900;line-height:16px;width:22px!important;min-width:0!important;height:18px!important;min-height:0!important;padding:0!important}.hub.mock-ui .gate-badges .gb.on{color:#06210f;background:#3ecf6e;border-color:#b6f5c8}.hub.mock-ui .gate-badges .gb.locked{opacity:.45}.hub.mock-ui .roster .stars{letter-spacing:1px;color:#5a5044;font-size:13px}.hub.mock-ui .roster .stars .st.on{color:#ffd34d}.hub.mock-ui .roster .card-stats{color:#f4e6c4;font-size:12px;font-weight:800}.hub.mock-ui .roster .card-btns{flex-direction:column;gap:4px;display:flex}.hub.mock-ui .roster .card-btns .btn.small{height:auto;padding:3px 4px;font-size:11px;min-height:26px!important}.hub.mock-ui .card-name{min-height:0!important}.hub.mock-ui .citadel-roster .card-name{max-height:20px}.hub.mock-ui .posted-tag{text-align:center;letter-spacing:.04em;color:#b6f5c8;background:#10301c8c;border:1px solid #3ecf6e;border-radius:6px;padding:2px 4px;font-size:10px;font-weight:900}.hub.mock-ui .posted-tag:empty{display:none}.hub.mock-ui .post-btn{min-height:26px;font-size:11px}.hub.mock-ui .post-btn.on{outline:2px solid #ffd34d}.hub.mock-ui .card-name{align-items:center;gap:4px;display:flex}.hub.mock-ui .card-name .n{text-overflow:ellipsis;min-width:0;overflow:hidden}.hub.mock-ui .details-btn{color:#f0d48a;font-size:10px;font-family:var(--serif);background:#1a140c;border:1px solid #c6a15a;border-radius:50%;flex:none;margin-left:auto;line-height:14px;width:16px!important;min-width:0!important;height:16px!important;min-height:0!important;padding:0!important}.hub.mock-ui .card.selected{outline:2px solid #ffd34d}.hub.mock-ui[data-tab=garrison] .page-garrison,.hub.mock-ui[data-tab=realms] .page-realms{height:calc(100dvh - var(--top) - 12px)!important;max-height:calc(100dvh - var(--top) - 12px)!important}.hub.mock-ui[data-tab=garrison] .page-garrison{flex:auto;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(250px,44%) minmax(0,1fr);align-items:stretch;gap:8px 12px;height:100%;min-height:0;max-height:100%;overflow:hidden;padding-right:4px!important;display:grid!important}.hub.mock-ui .armory-switch{color:#f8e7b0;min-height:36px;font-family:var(--serif);letter-spacing:.12em;background:linear-gradient(#3a3228,#1c1814);border:2px solid #c6a15a;border-radius:999px;grid-area:1/1;justify-self:center;align-items:center;gap:8px;padding:4px 8px 4px 12px;font-weight:900;display:inline-flex;box-shadow:0 3px #000}.hub.mock-ui .as-track{background:#3a342c;border:2px solid #000;border-radius:999px;width:42px;height:22px;position:relative}.hub.mock-ui .as-knob{background:#c8c0b0;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:1px;left:1px}.hub.mock-ui .armory-switch.on .as-knob{background:#ffb15a;left:21px}.hub.mock-ui .armory-switch.on .as-track{background:#6a3414}.hub.mock-ui[data-tab=garrison] .garrison.hero-only{flex-direction:column;grid-area:2/1;min-height:0;margin:0;padding:18px 10px 10px;display:flex;overflow:auto}.hub.mock-ui .garrison-grid{flex:auto;grid-template-columns:28px repeat(3,minmax(0,1fr));grid-auto-rows:minmax(36px,1fr);gap:4px;min-height:0;display:grid}.hub.mock-ui .gh{font-family:var(--serif);letter-spacing:.06em;font-size:11px}.hub.mock-ui .gh.gate-label{color:#f8e7b0;background:#241e18;border:2px solid #8a6230;border-radius:8px;font-size:14px}.hub.mock-ui .slot-cell{background:#1c1814;border:2px solid #5a4630;border-radius:10px;justify-content:flex-start;min-height:46px}.hub.mock-ui .slot-cell.locked{color:#c6a15a;background:#14110e}.hub.mock-ui .slot-cell .sc-img{object-fit:cover;border:2px solid #e6c36a;border-radius:50%;width:32px;height:32px}.hub.mock-ui .slot-cell .sc-name{font-size:12px}.hub.mock-ui .garrison-hint{color:#d9cbb0;flex:none;margin-top:6px;font-size:11px}.hub.mock-ui .champions-col{background:var(--noise) padding-box, linear-gradient(180deg, #1c1814f0, #0e0c0af0) padding-box, linear-gradient(160deg, #f0d48a, #8a6230) border-box;border:3px solid #0000;border-radius:16px;flex-direction:column;grid-area:1/2/span 2;min-height:0;max-height:100%;margin-top:10px;padding:18px 4px 72px;display:flex;position:relative;overflow:hidden}.hub.mock-ui .champions-col .section-title{top:-10px}.hub.mock-ui .champions-col .roster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;min-height:0;padding:8px 6px;overflow:auto;box-shadow:none!important;background:0 0!important;border:0!important;display:grid!important}.hub.mock-ui[data-sub=armory] .armory-pads{grid-area:2/1;min-height:0;overflow:auto}.hub.mock-ui[data-sub=armory] .tower-roster{grid-area:1/2/span 2;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:8px;min-height:0;padding:16px 6px 78px;overflow:auto;display:grid!important}.hub.mock-ui[data-tab=realms] .page-realms{flex-direction:column;flex:auto;height:100%;min-height:0;max-height:100%;display:flex!important}.hub.mock-ui .realms-layout{flex:auto;grid-template-columns:minmax(210px,1.05fr) minmax(230px,1.15fr) minmax(200px,.95fr);gap:10px;height:100%;min-height:0;max-height:100%;display:grid}.hub.mock-ui .realms-panel{order:1}.hub.mock-ui .endless-wrap{order:2}.hub.mock-ui .mode-stack{order:3}.hub.mock-ui .realms-panel{flex-direction:column;height:100%;min-height:0;max-height:100%;padding:18px 10px 10px;display:flex;overflow:hidden}.hub.mock-ui .realm-list{flex-direction:column;gap:8px;min-height:0;padding-top:4px;display:flex;overflow:auto}.hub.mock-ui .realm-card{cursor:pointer;filter:none;border-radius:12px;flex-direction:row;flex:none;order:1;align-items:center;gap:8px;min-height:0;padding:3px 8px;display:flex;box-shadow:none!important;background:linear-gradient(90deg,#241e18,#1a1612)!important;border:2px solid #8a6230!important}.hub.mock-ui .realm-card .rc-art,.hub.mock-ui .realm-card .rc-summary,.hub.mock-ui .realm-card .rc-info,.hub.mock-ui .realm-card .rc-stages{display:none}.hub.mock-ui .realm-card .rc-head{align-items:center;gap:8px;min-width:0;display:flex}.hub.mock-ui .realm-card .rc-icon{background:#12100e;border:1px solid #c6a15a;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.hub.mock-ui .realm-card .rc-name{font-family:var(--serif);color:#f8e7b0;text-transform:uppercase;font-size:13px;font-weight:900;line-height:1.15}.hub.mock-ui .realm-card .rc-name small{letter-spacing:.04em;opacity:.9;margin-right:.35em;display:inline}.hub.mock-ui .realm-card .rc-name small:after{content:":"}.hub.mock-ui .realm-card .rc-name b{font-weight:900}.hub.mock-ui .realm-card.locked{opacity:.72}.hub.mock-ui .realm-card.featured{cursor:default;flex-direction:column;flex:none;order:0;align-items:stretch;min-height:0;padding:0 0 6px;overflow:hidden;border-width:3px!important}.hub.mock-ui .realm-card.featured .rc-art{background:radial-gradient(22px 36px at 18% 78%,#102818 60%,#0000 62%),radial-gradient(30px 48px at 34% 70%,#1d4a2c 58%,#0000 62%),radial-gradient(24px 40px at 70% 74%,#143222 58%,#0000 62%),radial-gradient(18px 30px at 84% 80%,#0e2416 60%,#0000 62%),linear-gradient(#1d3e46 0%,#163040 46%,#2a5a34 47%,#102818 100%);height:108px;display:block;position:relative}.hub.mock-ui .realm-card[data-realm=marsh].featured .rc-art{background:radial-gradient(40px 16px at 30% 78%,#1a4a44 50%,#0000 52%),radial-gradient(50px 14px at 70% 86%,#123832 50%,#0000 52%),linear-gradient(#243038 0%,#1a3330 48%,#2a4a32 49%,#142820 100%)}.hub.mock-ui .realm-card[data-realm=frost].featured .rc-art{background:linear-gradient(#d7e4ee 0 42%,#0000 43%),linear-gradient(160deg,#0000 40%,#f4f7fb 41% 70%,#9eb0c0 71%),linear-gradient(#7f97ad,#d5e2ee)}.hub.mock-ui .realm-card[data-realm=rift].featured .rc-art{background:radial-gradient(circle at 50% 80%,#ff6a2a 0 8%,#0000 9%),linear-gradient(#3a1a12 0 40%,#6a2a16 41%,#2a140e 100%)}.hub.mock-ui .realm-card[data-realm=void].featured .rc-art{background:radial-gradient(circle at 62% 38%,#d0b0ff 0 3px,#0000 4px),radial-gradient(circle at 40% 30%,#fff 0 2px,#0000 3px),radial-gradient(circle at 50% 55%,#6a3aaa 0 18%,#0000 19%),linear-gradient(#12081e,#2a1248 60%,#1a1030)}.hub.mock-ui .realm-card.featured{grid-template-rows:48px auto 26px;display:grid}.hub.mock-ui .realm-card.featured .rc-summary{flex-wrap:nowrap;padding-top:4px;font-size:12px}.hub.mock-ui .realm-card.featured .rc-head{z-index:1;text-shadow:0 2px #000;background:linear-gradient(#0000,#000000b8);grid-row:1;align-self:end;margin:0;padding:16px 8px 6px;position:relative;top:auto;left:auto;right:auto}.hub.mock-ui .realm-card.featured .rc-icon{display:none}.hub.mock-ui .realm-card.featured .rc-name{color:#fff6d8;font-size:16px}.hub.mock-ui .realm-card.featured .rc-summary{grid-row:2;display:flex}.hub.mock-ui .realm-card.featured .rc-info{grid-row:3}.hub.mock-ui .realm-card.featured .rc-summary{color:#f4e6c4;align-items:center;gap:10px;padding:8px 10px 0;font-size:13px;font-weight:800}.hub.mock-ui .rc-medal{color:#ffd34d;letter-spacing:1px;margin-left:auto}.hub.mock-ui .realm-card.featured .rc-info{color:#d9cbb0;padding:2px 10px 0;font-size:11px;display:block}.hub.mock-ui .realm-card.featured .rc-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px 8px 0;display:grid}.hub.mock-ui .realm-card.featured .rc-stage .node-label,.hub.mock-ui .realm-card.featured .rc-stage .node-stars{display:none}.hub.mock-ui .rc-stage{border-radius:8px;min-height:32px;padding:0;position:relative;width:auto!important;min-width:0!important;height:32px!important;box-shadow:0 2px #000!important}.hub.mock-ui .rc-stage:before{display:none!important}.hub.mock-ui .rc-stage .node-num{font-size:13px}.hub.mock-ui .rc-stage .node-label{font-size:8px}.hub.mock-ui .rc-stage .node-stars{letter-spacing:-.5px;font-size:8px;position:static}.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack{min-width:0;min-height:0;max-height:100%}.hub.mock-ui .endless-wrap{height:100%;display:flex}.hub.mock-ui .endless-card,.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card{border-radius:16px;flex-direction:column;flex:1 1 0;gap:6px;min-height:0;padding:16px 12px 12px;display:flex;position:relative;overflow:auto}.hub.mock-ui .endless-card{color:#f8e0d0;height:100%;background:radial-gradient(circle at 70% 28%,#ff3c2873,#0000 36%),linear-gradient(#3a1020,#14060c)!important;border:3px solid #e6c36a!important}.hub.mock-ui .moon-art{border-radius:10px;flex:none;height:86px;overflow:hidden}.hub.mock-ui .moon-art .bm-scene{width:100%;height:100%;display:block}.hub.mock-ui .mc-waves{font-family:var(--serif);letter-spacing:.04em;text-align:center;font-size:16px;font-weight:900}.hub.mock-ui .mc-lockline,.hub.mock-ui .mc-milestone,.hub.mock-ui .mc-event{white-space:normal;font-size:12px;line-height:1.3}.hub.mock-ui .endless-card .mc-btns{justify-content:center;gap:8px;margin-top:auto;display:flex}.hub.mock-ui .endless-card .btn-primary.blood{background:linear-gradient(#ff5a62,#c4142c 55%,#8a1020);border-radius:12px;min-width:140px}.hub.mock-ui .mode-stack{flex-direction:column;gap:8px;height:100%;padding-top:4px;padding-bottom:70px;display:flex;overflow:hidden}.hub.mock-ui .mode-stack .panel-title{left:16px;transform:none}.hub.mock-ui .rush-card-mini{color:#f4e6c4;background:linear-gradient(#2c2824,#16130f)!important;border:3px solid #e6c36a!important}.hub.mock-ui .mc-boss{align-items:center;gap:8px;display:flex}.hub.mock-ui .mc-boss .boss-medal{flex:none;width:72px;height:72px}.hub.mock-ui .mc-bossname{font-family:var(--serif);letter-spacing:.04em;font-size:16px}.hub.mock-ui .rush-card-mini .btn.gold{width:100%;min-height:40px;font-size:16px}.hub.mock-ui .modes-host,.hub.mock-ui .extra-modes{flex-direction:column;flex:1;min-height:0;display:flex}.hub.mock-ui .pvp-card{color:#f4e6c4;text-align:center;background:linear-gradient(#0c0e1433,#080a10b8),radial-gradient(circle at 30% 70%,#2a3148 0 18%,#0000 19%),radial-gradient(circle at 70% 68%,#242a3c 0 18%,#0000 19%),linear-gradient(#1a2030,#10141c)!important;border:3px solid #e6c36a!important}.hub.mock-ui .pvp-scene{height:54px}.hub.mock-ui .pvp-elo{font-family:var(--serif);letter-spacing:.04em;font-size:14px;font-weight:900}.hub.mock-ui .pvp-mode{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub.mock-ui .pvp-card:before,.hub.mock-ui .pvp-card:after{content:"";opacity:.9;pointer-events:none;background:linear-gradient(#1a1e2a,#0c0e14);border-radius:24px 24px 8px 8px;width:46px;height:64px;position:absolute;bottom:54px;box-shadow:inset 0 8px #2a3144}.hub.mock-ui .pvp-card:before{left:18px}.hub.mock-ui .pvp-card:after{right:18px}.hub.mock-ui .pvp-lock{background:#080a0eb8;border:1px solid #e6c36a73;border-radius:10px;margin-top:4px;padding:8px}.hub.mock-ui .pvp-lock[hidden]{display:none!important}.hub.mock-ui .pvp-lock-ico{font-size:18px;display:block}.hub.mock-ui .pvp-offline{color:#f8e7b0;font-family:var(--serif);text-underline-offset:3px;background:0 0;border:0;margin-top:auto;font-size:13px;font-weight:900;text-decoration:underline}.hub.mock-ui .armory-link{display:none!important}.hub.mock-ui .endless-card.locked,.hub.mock-ui .rush-card-mini.locked{filter:none}@media (max-width:980px) and (min-aspect-ratio:1){.hub.mock-ui{--top:54px}.hub.mock-ui .title-big{font-size:22px}.hub.mock-ui .hub-tab{flex-basis:108px;gap:4px;padding:6px;font-size:11px}.hub.mock-ui .utility{width:46px!important;min-width:42px!important}.hub.mock-ui .utility-label{font-size:7px}.hub.mock-ui .realms-layout{gap:6px}}@media (max-aspect-ratio:1){.hub.mock-ui{--top:112px}.hub.mock-ui .hub-top{align-content:center;min-height:104px;flex-wrap:wrap!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}.hub.mock-ui .hub-tabs{flex:1 0 100%;order:5;justify-content:space-between}.hub.mock-ui .hub-tab{flex:1 1 0}.hub.mock-ui .utility-label{display:none!important}.hub.mock-ui .utility{width:40px!important;min-width:40px!important;height:40px!important}.hub.mock-ui .currencies{top:calc(var(--top) + 8px)}.hub.mock-ui .hub-sheet{bottom:78px!important;overflow:auto!important}.hub.mock-ui[data-tab=garrison] .page-garrison,.hub.mock-ui .realms-layout{flex-direction:column;height:auto;overflow:visible;display:flex!important}.hub.mock-ui .champions-col,.hub.mock-ui .endless-card,.hub.mock-ui .mode-stack{min-height:280px}.hub.mock-ui .citadel-stage .wall-fold,.hub.mock-ui .citadel-stage .scout-fold,.hub.mock-ui .roster-strip,.hub.mock-ui .best-wave{max-height:none;margin:8px;width:auto!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .citadel-stage{pointer-events:auto;overflow:auto}.hub.mock-ui .defend.btn-primary{width:min(240px,70vw)}}.hub.mock-ui .citadel-stage{pointer-events:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,46%) minmax(40px,1fr) minmax(210px,250px);gap:8px 10px;padding:8px 12px 8px 10px;display:grid}.hub.mock-ui .citadel-stage .wall-fold{grid-area:1/1;overflow:visible;width:auto!important;max-height:none!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .roster-strip{grid-area:2/1;min-height:0;padding-top:8px;overflow:hidden;width:auto!important;max-height:none!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .best-wave{grid-area:1/3;place-self:start end;margin-top:40px;position:relative!important;top:auto!important;right:auto!important}.hub.mock-ui .scout-fold{grid-area:2/3;align-self:end;max-height:100%;margin-bottom:74px;overflow:auto;width:auto!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .citadel-stage .wall-panel{flex-direction:row;align-items:center;gap:8px;padding:14px 10px 10px!important;display:flex!important}.hub.mock-ui .wall-main{flex:1;min-width:0}.hub.mock-ui .wall-actions{flex:none;width:128px;margin-top:0}.hub.mock-ui .realm-card.featured .rc-stages{grid-row:3!important}.hub.mock-ui .wall-crest{width:52px;height:52px}.hub.mock-ui .walls-chip{font-size:13px}@media (max-height:520px) and (min-aspect-ratio:1){.hub.mock-ui .wall-info .next-tier{display:none!important}.hub.mock-ui .wall-stats{gap:4px;flex-wrap:nowrap!important}.hub.mock-ui .wall-info .perk{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.hub.mock-ui .wall-info .tier-row{align-items:center;gap:6px;flex-wrap:nowrap!important}.hub.mock-ui .tier-pip{font-size:14px;line-height:1}.hub.mock-ui .citadel-stage .wall-panel{padding:12px 8px 8px!important}.hub.mock-ui .citadel-roster .posted-tag{margin-top:-8px}}.hub.mock-ui .hub-sheet{padding-top:16px!important;bottom:86px!important;overflow:visible!important}.hub.mock-ui .currencies{z-index:3;pointer-events:auto;flex:none;order:3;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;margin:0 4px 0 auto!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .hub-back{order:0}.hub.mock-ui .title-bar{order:1}.hub.mock-ui .hub-tabs{order:2}.hub.mock-ui .top-utilities{order:4;margin-left:0!important}.hub.mock-ui .currency-cluster{pointer-events:auto;padding:3px 10px}.hub.mock-ui .currency-cluster .pill{font-size:14px}.hub.mock-ui .panel-title,.hub.mock-ui .section-title{z-index:3;line-height:1.2;top:-12px;overflow:visible}.hub.mock-ui .realms-panel,.hub.mock-ui .endless-wrap,.hub.mock-ui .endless-card,.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card,.hub.mock-ui .champions-col,.hub.mock-ui .garrison,.hub.mock-ui .roster-strip{overflow:visible}.hub.mock-ui .realms-panel{height:auto;min-height:0;max-height:100%;padding-top:20px;padding-bottom:8px}.hub.mock-ui .realm-card.featured{min-height:0;grid-template-rows:auto auto auto!important;display:grid!important;overflow:visible!important}.hub.mock-ui .realm-card.featured .rc-art{grid-row:1!important;height:48px!important}.hub.mock-ui .realm-card.featured .rc-head{grid-row:1;justify-self:stretch;width:100%;min-width:0}.hub.mock-ui .realm-card.featured .rc-name{flex-direction:column;align-items:flex-start;gap:1px;width:100%;min-width:0;font-size:16px;line-height:1.15;display:flex}.hub.mock-ui .realm-card.featured .rc-name small{letter-spacing:.1em;opacity:.9;margin-right:0;font-size:10px;display:block}.hub.mock-ui .realm-card.featured .rc-name small:after{content:none}.hub.mock-ui .realm-card.featured .rc-name b{white-space:nowrap;text-overflow:unset;max-width:100%;font-size:16px;line-height:1.15;display:block;overflow:visible}.hub.mock-ui .realm-card.featured .rc-summary{grid-row:2!important}.hub.mock-ui .realm-card.featured .rc-info{display:none!important}.hub.mock-ui .realm-card.featured .rc-stages{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:26px;gap:4px;min-height:60px;padding:4px 8px 8px;overflow:visible;grid-row:3!important;display:grid!important}.hub.mock-ui .realm-card.featured .rc-stage{min-height:26px;height:26px!important}.hub.mock-ui .realm-card:not(.featured) .rc-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hub.mock-ui .pvp-card{color:#f8e7b0;padding-top:22px;overflow:visible}.hub.mock-ui .pvp-card .panel-title{left:16px;transform:none}.hub.mock-ui .pvp-elo{z-index:2;color:#fff6d8;white-space:normal;padding:0 56px;font-size:14px;line-height:1.35;position:relative}.hub.mock-ui .pvp-elo b{color:#ffe9a8}.hub.mock-ui .pvp-card:before,.hub.mock-ui .pvp-card:after{z-index:0;opacity:.4;bottom:44px}.hub.mock-ui .pvp-lock{z-index:2;color:#f0e2c0;font-size:13px;line-height:1.4;position:relative;overflow:visible}.hub.mock-ui .pvp-lock b{color:#fff6d8;font-weight:800}.hub.mock-ui .mode-stack{min-height:0;padding-top:14px;overflow:visible}.hub.mock-ui[data-tab=garrison] .page-garrison{align-items:stretch}.hub.mock-ui .champions-col{flex-direction:column;justify-self:stretch;width:auto;min-width:0;padding:20px 8px 12px;overflow:visible;display:flex!important}.hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{flex:auto;align-content:start;align-self:stretch;justify-items:stretch;min-height:0;padding:8px 4px 12px;overflow:auto;grid-area:auto!important;grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card{flex-direction:column;gap:4px;width:auto;min-width:0;padding:8px;display:flex}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card-btns{flex-direction:column;flex:none;gap:4px;margin-top:auto;display:flex!important}.hub.mock-ui:not([data-sub=armory]) .armory-pads,.hub.mock-ui:not([data-sub=armory]) .tower-roster{display:none!important}.hub.mock-ui .wall-info .perk{line-height:1.3;white-space:normal!important;text-overflow:unset!important;overflow:visible!important}.results:not(.hidden){justify-content:center;align-items:center;padding:12px!important;display:flex!important;overflow:hidden!important}.results.hidden{pointer-events:none!important;display:none!important}.results-card{flex-direction:column;max-height:calc(100dvh - 24px)!important;display:flex!important;overflow:hidden!important}.results-btns{z-index:3;flex:none;padding-top:10px;position:sticky;bottom:0}@media (max-aspect-ratio:1){.hub.mock-ui .currencies{width:auto!important;margin:0 4px 0 auto!important;position:static!important;top:auto!important}.hub.mock-ui .hub-sheet{padding-top:16px!important;bottom:86px!important;overflow:auto!important}.hub.mock-ui .realms-panel,.hub.mock-ui .endless-card,.hub.mock-ui .mode-stack,.hub.mock-ui .champions-col{min-height:0;overflow:visible}.hub.mock-ui .champions-col{min-height:280px}.hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important}}@media (max-width:480px) and (max-aspect-ratio:1){.hub.mock-ui .currency-cluster{gap:6px;padding:2px 8px}.hub.mock-ui .currency-cluster .pill{font-size:12px}.hub.mock-ui .title-big{font-size:18px}}@media (max-aspect-ratio:1){.hub.mock-ui{--top:116px}.hub.mock-ui .hub-top{align-content:center;min-height:104px;flex-wrap:wrap!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}.hub.mock-ui .hub-back{order:0}.hub.mock-ui .title-bar{order:1}.hub.mock-ui .currencies{order:2;width:auto!important;margin:0 4px 0 auto!important;position:static!important}.hub.mock-ui .top-utilities{order:3;margin-left:0!important}.hub.mock-ui .hub-tabs{flex:1 0 100%;order:5;justify-content:space-between}.hub.mock-ui .citadel-stage{pointer-events:auto;flex-direction:column;gap:10px;padding:10px 8px 12px;overflow:auto;grid-template-rows:none!important;grid-template-columns:none!important;display:flex!important}.hub.mock-ui .citadel-stage .wall-fold,.hub.mock-ui .roster-strip,.hub.mock-ui .best-wave,.hub.mock-ui .scout-fold{place-self:stretch stretch;min-height:0;margin:0;overflow:visible;grid-area:auto!important;width:auto!important;max-width:none!important;max-height:none!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .citadel-stage .wall-panel{flex-direction:column;align-items:stretch;gap:10px;padding:22px 12px 12px!important;display:flex!important}.hub.mock-ui .wall-main{width:100%}.hub.mock-ui .wall-copy{flex:1;min-width:0}.hub.mock-ui .wall-actions{width:100%;margin-top:4px}.hub.mock-ui .wall-info .perk{width:auto;white-space:normal!important;overflow:visible!important}.hub.mock-ui .scout-fold{margin-bottom:8px}.hub.mock-ui[data-tab=realms] .page-realms,.hub.mock-ui .realms-layout,.hub.mock-ui .realms-panel,.hub.mock-ui .realm-list,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack{flex:none;min-height:0;height:auto!important;max-height:none!important;overflow:visible!important}.hub.mock-ui .realms-panel{padding-top:20px;padding-bottom:12px}.hub.mock-ui .realm-card.featured .rc-name b{white-space:normal;font-size:15px;overflow:visible}}@media (max-height:520px) and (min-aspect-ratio:1){.hub.mock-ui .realm-card.featured .rc-art{height:36px!important}.hub.mock-ui .realm-card.featured .rc-stages{min-height:56px;padding-bottom:4px}.hub.mock-ui .realm-card:not(.featured){min-height:32px;padding:2px 8px}.hub.mock-ui .realms-panel{padding-top:16px;padding-bottom:4px}.hub.mock-ui .realm-list{min-height:0;overflow:auto}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card-portrait,.hub.mock-ui[data-tab=garrison] .champions-col .roster .portrait-img{height:52px!important;max-height:52px!important}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card{gap:2px;padding:6px}.hub.mock-ui .champions-col{padding-bottom:8px}}@media (max-aspect-ratio:1){.hub.mock-ui .hub-sheet{overflow:auto!important}.hub.mock-ui[data-tab=realms] .page-realms{flex:auto;padding-bottom:8px;height:100%!important;max-height:100%!important;overflow:hidden auto!important}.hub.mock-ui .realms-layout,.hub.mock-ui .realms-panel,.hub.mock-ui .realm-list,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack{flex:none;height:auto!important;max-height:none!important;overflow:visible!important}.hub.mock-ui .endless-card,.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card{overflow:visible;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important}.hub.mock-ui .mode-stack{gap:16px;padding-bottom:16px}.hub.mock-ui .realms-panel{padding-top:24px}.hub.mock-ui .citadel-stage{padding-top:18px}.hub.mock-ui .citadel-roster{overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}}.hub.mock-ui:not([data-tab=garrison]) .page-garrison,.hub.mock-ui:not([data-tab=realms]) .page-realms,.hub.mock-ui:not([data-tab=citadel]) .citadel-stage{display:none!important}@media (max-aspect-ratio:1){.hub.mock-ui .hub-sheet{bottom:100px!important}.hub.mock-ui .panel-title,.hub.mock-ui .section-title,.hub.mock-ui .walls-chip.panel-title{margin:0 auto 8px;display:inline-block;position:relative!important;top:0!important;left:auto!important;transform:none!important}.hub.mock-ui .citadel-stage .wall-fold{flex:none;overflow:visible!important}.hub.mock-ui .citadel-stage .wall-actions{width:100%;display:flex!important}.hub.mock-ui .wall-info .perk,.hub.mock-ui .wall-info .next-tier{display:block!important}.hub.mock-ui .endless-wrap,.hub.mock-ui .endless-card{width:100%}}:root{--ui-scale:1;--vvw:100vw;--vvh:100dvh}html,body,#app,#ui,#fx,#vignette,.hub,.hub.mock-ui,.hud{max-height:100dvh!important;overflow:hidden!important}.hub,.hub.mock-ui,.hud{width:100%!important;height:100%!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.hub.mock-ui{--ui-scale:clamp(.78, min(100vw / 1100, 100dvh / 700), 1.25);--top:calc(var(--sat) + clamp(52px, 7.4vmin, 64px));--dock:calc(var(--sab) + clamp(66px, 11vmin, 90px));--edge:clamp(6px, 1.1vmin, 14px);--defend-w:clamp(132px, 28vmin, 236px);--defend-h:clamp(48px, 8.6vmin, 68px)}@media (max-width:700px){.hub.mock-ui{--top:calc(var(--sat) + clamp(96px, 16.5vmin, 118px))}}.hub.mock-ui .hub-top{box-sizing:border-box;height:var(--top)!important;min-height:0!important;padding:var(--sat) calc(var(--edge) + var(--sar)) 0 calc(var(--edge) + var(--sal))!important;z-index:20!important;flex-wrap:wrap!important;position:absolute!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;overflow:hidden!important}.hub.mock-ui .currencies{width:auto!important;margin:0 4px 0 auto!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .hub-sheet{box-sizing:border-box;top:var(--top)!important;left:calc(var(--edge) + var(--sal))!important;right:calc(var(--edge) + var(--sar))!important;bottom:var(--dock)!important;width:auto!important;height:auto!important;max-height:none!important;padding:12px var(--edge) var(--edge)!important;position:absolute!important;overflow:hidden!important}.hub.mock-ui .defend.btn-primary{pointer-events:auto;left:auto!important;right:calc(var(--edge) + var(--sar))!important;bottom:calc(10px + var(--sab))!important;width:var(--defend-w)!important;min-width:0!important;min-height:var(--defend-h)!important;z-index:22!important;position:absolute!important}.hub.mock-ui .panel-title,.hub.mock-ui .section-title,.hub.mock-ui .walls-chip.panel-title{align-self:center;margin:0 auto 6px;display:inline-block;position:relative!important;top:0!important;left:auto!important;transform:none!important}.hub.mock-ui .citadel-stage{top:var(--top)!important;left:0!important;right:0!important;bottom:var(--dock)!important;pointer-events:none!important;padding:var(--edge)!important;grid-template-rows:none!important;grid-template-columns:none!important;gap:0!important;height:auto!important;max-height:none!important;display:block!important;position:absolute!important;overflow:hidden!important}.hub.mock-ui .citadel-stage .wall-fold,.hub.mock-ui .roster-strip,.hub.mock-ui .best-wave,.hub.mock-ui .scout-fold{pointer-events:auto;grid-area:auto!important;margin:0!important;position:absolute!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.hub.mock-ui .citadel-stage .wall-fold{top:var(--edge)!important;left:calc(var(--edge) + var(--sal))!important;width:min(470px, calc(100% - var(--edge) * 2 - 8rem))!important;max-width:calc(100% - var(--edge) * 2)!important;max-height:42%!important;overflow:auto!important}.hub.mock-ui .citadel-stage .wall-panel{flex-direction:column;align-items:stretch;padding:10px 12px!important;display:flex!important}.hub.mock-ui .wall-actions{width:auto}.hub.mock-ui .best-wave{justify-self:auto;top:var(--edge)!important;right:calc(var(--edge) + var(--sar))!important}.hub.mock-ui .roster-strip{padding-top:4px;left:calc(var(--edge) + var(--sal))!important;bottom:var(--edge)!important;right:calc(var(--defend-w) + var(--edge) * 2 + var(--sar))!important;width:auto!important;max-height:46%!important;overflow:hidden!important}.hub.mock-ui .citadel-roster{gap:8px;padding-bottom:4px;overflow:auto hidden;flex-wrap:nowrap!important;grid-template-columns:none!important;display:flex!important}.hub.mock-ui .citadel-roster .card{flex:none;width:min(156px,44vw)}.hub.mock-ui .scout-fold{right:calc(var(--edge) + var(--sar))!important;bottom:var(--edge)!important;width:min(240px,34vw)!important;max-height:40%!important;overflow:auto!important}@media (max-width:640px){.hub.mock-ui .citadel-stage .wall-fold{width:calc(100% - var(--edge) * 2)!important;max-height:34%!important}.hub.mock-ui .scout-fold{width:min(200px,48vw)!important;max-height:28%!important}.hub.mock-ui .best-wave{top:auto!important;bottom:calc(var(--edge) + 4px)!important;right:calc(var(--edge) + var(--sar))!important}}.hub.mock-ui[data-tab=garrison] .page-garrison{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(180px,38%) minmax(0,1fr);align-items:stretch!important;height:100%!important;max-height:100%!important;display:grid!important;overflow:hidden!important}.hub.mock-ui[data-tab=garrison] .armory-switch{grid-area:1/1/auto/-1;justify-self:start;width:max-content;margin:0 0 6px}.hub.mock-ui[data-tab=garrison] .garrison{grid-area:2/1;min-height:0;max-height:100%;overflow:auto}.hub.mock-ui[data-tab=garrison] .champions-col{grid-area:2/2}.hub.mock-ui .champions-col{flex-direction:column;min-width:0;min-height:0;padding:14px 6px 8px!important;display:flex!important;overflow:hidden!important}.hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{flex:auto;padding-bottom:6px;grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr))!important;width:100%!important;min-height:0!important;overflow:auto!important}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card{min-height:0}.hub.mock-ui[data-tab=garrison] .champions-col .roster .card-portrait,.hub.mock-ui[data-tab=garrison] .champions-col .roster .portrait-img{height:clamp(48px,9vmin,76px)!important;max-height:clamp(48px,9vmin,76px)!important}.hub.mock-ui .garrison{min-height:0;max-height:100%;overflow:auto}@media (max-width:640px){.hub.mock-ui[data-tab=garrison] .page-garrison{grid-template-rows:auto minmax(110px,34%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hub.mock-ui[data-tab=garrison] .armory-switch{grid-area:1/1}.hub.mock-ui[data-tab=garrison] .garrison{grid-area:2/1}.hub.mock-ui[data-tab=garrison] .champions-col{grid-area:3/1}}.hub.mock-ui[data-tab=realms] .page-realms,.hub.mock-ui .realms-layout{flex:none!important;height:100%!important;min-height:0!important;max-height:100%!important;display:grid!important;overflow:hidden!important}.hub.mock-ui[data-tab=realms] .page-realms{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hub.mock-ui .realms-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,.95fr);gap:clamp(6px,.9vmin,10px)}.hub.mock-ui .realms-panel,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack,.hub.mock-ui .endless-card,.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card{flex:none!important;height:auto!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.hub.mock-ui .realms-panel,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack{height:100%!important}.hub.mock-ui .realms-panel{flex-direction:column;padding:10px 8px 8px!important;display:flex!important}.hub.mock-ui .realm-list{flex:auto;min-height:0;padding-bottom:2px;overflow:auto}.hub.mock-ui .realm-card.featured{min-height:0;overflow:hidden!important}.hub.mock-ui .realm-card:not(.featured){flex:none;min-height:clamp(28px,4.2vmin,38px);padding:2px 8px}.hub.mock-ui .realm-card.featured .rc-name b{white-space:normal;text-overflow:unset;overflow:visible}.hub.mock-ui .endless-wrap,.hub.mock-ui .endless-card{width:100%}.hub.mock-ui .endless-card{height:100%!important}.hub.mock-ui .mode-stack{flex-direction:column;gap:8px;padding-top:0!important;padding-bottom:0!important;display:flex!important}.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card{flex:1 1 0}@media (max-width:799px){.hub.mock-ui .realms-layout{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.hub.mock-ui .realms-panel{grid-area:1/1/span 2}.hub.mock-ui .endless-wrap{grid-area:1/2}.hub.mock-ui .mode-stack{grid-area:2/2}}@media (min-width:800px){.hub.mock-ui .realms-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,.95fr)}.hub.mock-ui .realms-panel,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack{grid-area:auto}}.results:not(.hidden){box-sizing:border-box;justify-content:center;align-items:center;width:100%!important;height:100dvh!important;padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal))!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important}.results-card{max-height:calc(100dvh - 16px - var(--sat) - var(--sab))!important;width:min(392px,94vw)!important;overflow:hidden!important}.results-body{flex:auto;min-height:0;overflow-y:auto}.results-btns{z-index:3;flex:none;position:sticky;bottom:0}.hud{overflow:hidden!important}.hud .hud-top{top:calc(6px + var(--sat))!important;left:calc(6px + var(--sal))!important;right:calc(6px + var(--sar))!important}.hud .hud-bottom{left:calc(6px + var(--sal))!important;right:calc(6px + var(--sar))!important;bottom:calc(6px + var(--sab))!important}@media (max-height:500px){.hud .ult{width:52px;height:52px}.hud .upg{min-width:62px;padding:3px 4px;font-size:10px}.cast-hint{bottom:calc(140px + var(--sab))}}@media (max-aspect-ratio:1){.hub.mock-ui .hub-sheet{bottom:var(--dock)!important;top:var(--top)!important;height:auto!important;overflow:hidden!important}.hub.mock-ui[data-tab=realms] .page-realms,.hub.mock-ui .realms-layout,.hub.mock-ui .realms-panel,.hub.mock-ui .endless-wrap,.hub.mock-ui .mode-stack,.hub.mock-ui .endless-card{flex:none;max-height:100%!important;overflow:hidden!important}.hub.mock-ui .realm-list{height:auto;max-height:none;overflow:auto}.hub.mock-ui .citadel-stage{flex-direction:unset;pointer-events:none!important;display:block!important;overflow:hidden!important}.hub.mock-ui .citadel-stage .wall-fold,.hub.mock-ui .roster-strip,.hub.mock-ui .best-wave,.hub.mock-ui .scout-fold{position:absolute!important}}@media (max-height:520px){.hub.mock-ui .realm-card.featured .rc-art{height:28px!important;min-height:0!important}.hub.mock-ui .realm-card.featured .rc-info{display:none!important}.hub.mock-ui .realm-card.featured .rc-stage{height:22px!important;min-height:22px!important}.hub.mock-ui .realm-card:not(.featured){min-height:24px;padding:1px 8px}.hub.mock-ui .mode-stack{gap:4px}.hub.mock-ui .rush-card-mini,.hub.mock-ui .pvp-card{padding:6px 8px!important}}html body .hub.mock-ui{--dock:calc(var(--sab) + var(--defend-h) + 18px)}@media (max-aspect-ratio:1){html body .hub.mock-ui{--top:calc(var(--sat) + clamp(96px, 16.5vmin, 118px))}}html body .hub.mock-ui .hub-top{height:var(--top)!important;min-height:0!important;max-height:var(--top)!important;top:0!important;left:0!important;right:0!important;overflow:hidden!important}html body .hub.mock-ui .currencies,html body .hub.mock-ui .currency-cluster{max-height:100%;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin-top:0!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms,html body .hub.mock-ui[data-tab=garrison] .page-garrison{top:var(--top)!important;left:calc(var(--edge) + var(--sal))!important;right:calc(var(--edge) + var(--sar))!important;bottom:var(--dock)!important;width:auto!important;height:auto!important;max-height:none!important;position:absolute!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=realms] .page-realms,html body .hub.mock-ui .realms-layout,html body .hub.mock-ui .realms-panel,html body .hub.mock-ui .endless-wrap,html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .endless-card,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card,html body .hub.mock-ui .champions-col,html body .hub.mock-ui .garrison{box-sizing:border-box;min-height:0!important;max-height:100%!important}html body .hub.mock-ui .realms-layout{flex-direction:unset!important;width:100%!important;height:100%!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui .realms-panel,html body .hub.mock-ui .endless-wrap,html body .hub.mock-ui .mode-stack{height:100%!important;overflow:hidden!important}html body .hub.mock-ui .endless-card{flex-direction:column;height:100%!important;display:flex!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison{display:grid!important}@media (max-aspect-ratio:1){html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms,html body .hub.mock-ui[data-tab=garrison] .page-garrison{bottom:var(--dock)!important;top:var(--top)!important;height:auto!important;overflow:hidden!important}html body .hub.mock-ui .realms-layout{height:100%!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui .champions-col,html body .hub.mock-ui .endless-card,html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .endless-wrap{min-height:0!important}}@media (max-height:640px){html body .hub.mock-ui .realm-card.featured .rc-art{height:22px!important;min-height:0!important}html body .hub.mock-ui .realm-card.featured .rc-info{display:none!important}html body .hub.mock-ui .realm-card.featured .rc-stage{height:20px!important;min-height:20px!important}html body .hub.mock-ui .realm-card:not(.featured){min-height:22px!important;padding:0 8px!important}}@media (max-width:799px){html body .hub.mock-ui .realms-layout{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr)!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important}html body .hub.mock-ui .realms-panel{grid-area:1/1/3/2!important}html body .hub.mock-ui .endless-wrap{grid-area:1/2/2/3!important}html body .hub.mock-ui .mode-stack{grid-area:2/2/3/3!important}}html body .hub.mock-ui .realm-list{flex-direction:column;min-height:0!important;display:flex!important;overflow:hidden!important}html body .hub.mock-ui .realm-card:not(.featured){flex:none;max-height:32px;min-height:24px!important}html body .hub.mock-ui .realm-card.featured .rc-art{height:28px!important;min-height:0!important}html body .hub.mock-ui .realm-card.featured .rc-stages{min-height:0!important;overflow:hidden!important}html body .hub.mock-ui .mode-stack{min-width:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card,html body .hub.mock-ui .endless-card{flex:1 1 0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}html body .hub.mock-ui .pvp-elo{padding-left:8px!important;padding-right:8px!important}html body .hub.mock-ui .pvp-scene{height:clamp(16px,4vmin,54px)!important}html body .hub.mock-ui .moon-art{flex:0 auto;min-height:0;height:clamp(24px,8vmin,86px)!important}html body .hub.mock-ui .mc-boss .boss-medal{width:clamp(36px,8vmin,72px);height:clamp(36px,8vmin,72px)}@media (max-height:500px){html body .hub.mock-ui .realm-card.featured .rc-art{display:none!important}html body .hub.mock-ui .realm-card.featured .rc-stage{height:18px!important;min-height:18px!important}html body .hub.mock-ui .pvp-card:before,html body .hub.mock-ui .pvp-card:after{display:none!important}}html body .hub.mock-ui .realm-list{justify-content:flex-start}html body .hub.mock-ui .realm-card.featured{flex:auto!important;min-height:88px!important;max-height:calc(100% - 96px)!important;overflow:hidden!important}html body .hub.mock-ui .realm-card.featured .rc-head{background:0 0!important;align-self:start!important;padding:2px 8px!important}@media (max-height:520px){html body .hub.mock-ui .realm-card.featured .rc-summary{display:none!important}html body .hub.mock-ui .realm-card.featured .rc-head{padding:0 8px!important}html body .hub.mock-ui .realm-card.featured .rc-name b{font-size:14px!important}}html body .hub.mock-ui .realm-card.featured .rc-head{max-height:36px;padding:0 8px!important;overflow:hidden!important}html body .hub.mock-ui .realm-card.featured .rc-stages{grid-template-rows:auto auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:2px!important;height:auto!important;min-height:0!important;padding:2px 6px 4px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui .realm-card.featured .rc-stage{height:clamp(16px,3.6vmin,26px)!important;min-height:0!important}html body .hub.mock-ui .realm-card:not(.featured){flex:none!important;min-height:22px!important;max-height:28px!important;padding:0 8px!important}html body .hub.mock-ui .realm-list{gap:2px!important;padding-bottom:0!important}html body .hub.mock-ui .realm-card:not(.featured){box-sizing:border-box!important;border-width:1px!important;height:clamp(22px,4.2vmin,32px)!important;min-height:0!important;max-height:clamp(22px,4.2vmin,32px)!important;margin:0!important;padding:0 6px!important}html body .hub.mock-ui{--defend-w:clamp(158px, 32vmin, 240px)}html body .hub.mock-ui .defend.btn-primary{letter-spacing:.04em!important;white-space:nowrap!important;width:auto!important;min-width:158px!important;max-width:min(48vw,240px)!important;padding-left:14px!important;padding-right:14px!important;font-size:clamp(16px,4.8vmin,28px)!important;overflow:visible!important}html body .hub.mock-ui .citadel-stage{display:block!important;overflow:hidden!important}html body .hub.mock-ui .citadel-stage .wall-fold,html body .hub.mock-ui .citadel-stage .roster-strip,html body .hub.mock-ui .citadel-stage .best-wave,html body .hub.mock-ui .citadel-stage .scout-fold{grid-area:auto!important;margin:0!important;position:absolute!important}html body .hub.mock-ui .citadel-stage .wall-fold{top:var(--edge)!important;left:calc(var(--edge) + var(--sal))!important;width:min(470px, calc(100% - var(--edge) * 2 - 8rem))!important;max-height:42%!important;bottom:auto!important;right:auto!important;overflow:auto!important}html body .hub.mock-ui .citadel-stage .best-wave{top:var(--edge)!important;right:calc(var(--edge) + var(--sar))!important;bottom:auto!important;left:auto!important}html body .hub.mock-ui .citadel-stage .roster-strip{left:calc(var(--edge) + var(--sal))!important;bottom:var(--edge)!important;right:calc(var(--defend-w) + var(--edge) * 2 + var(--sar))!important;width:auto!important;max-height:46%!important;top:auto!important;overflow:hidden!important}html body .hub.mock-ui .citadel-stage .scout-fold{top:auto!important;left:auto!important;right:calc(var(--edge) + var(--sar))!important;bottom:var(--edge)!important;width:min(240px,34vw)!important;max-width:min(260px,42vw)!important;max-height:36%!important;overflow:auto!important}html body .hub.mock-ui .citadel-roster{overflow:auto hidden!important}html body .hub.mock-ui .citadel-roster .card{flex:none!important;width:min(156px,max(120px,25% - 6px))!important}@media (max-width:640px){html body .hub.mock-ui .citadel-stage .wall-fold{width:calc(100% - var(--edge) * 2)!important;max-height:32%!important}html body .hub.mock-ui .citadel-stage .scout-fold{width:min(200px,46vw)!important;max-height:26%!important}html body .hub.mock-ui .citadel-stage .best-wave{top:auto!important;bottom:calc(var(--edge) + 4px)!important}html body .hub.mock-ui .citadel-stage .best-wave{top:var(--edge)!important;right:calc(var(--edge) + var(--sar))!important;bottom:auto!important;left:auto!important}html body .hub.mock-ui .citadel-stage .wall-fold{width:calc(100% - var(--edge) * 2 - 168px)!important}html body .hub.mock-ui .citadel-stage .scout-fold{bottom:calc(46% + var(--edge) + 4px)!important;width:min(200px,48vw)!important;max-height:24%!important}html body .hub.mock-ui .citadel-stage .roster-strip{right:calc(var(--defend-w) + var(--edge) * 2 + var(--sar))!important}}html body .hub.mock-ui .hub-top{height:auto!important;min-height:0!important;max-height:none!important;padding-top:max(6px, var(--sat))!important;align-items:center!important;padding-bottom:6px!important;overflow:visible!important}html body .hub.mock-ui .title-big,html body .hub.mock-ui .title-small,html body .hub.mock-ui .hub-tab .tl,html body .hub.mock-ui .currency-cluster,html body .hub.mock-ui .currency-cluster .pill{white-space:nowrap;text-overflow:unset!important;overflow:visible!important}@media (max-width:699px),(max-aspect-ratio:1){html body .hub.mock-ui{--top:calc(var(--sat) + 132px)}html body .hub.mock-ui .title-big{font-size:clamp(16px,5vw,22px)!important}html body .hub.mock-ui .hub-tab{min-height:40px!important;padding:6px 8px!important}}html body .hub.mock-ui .panel-title,html body .hub.mock-ui .section-title,html body .hub.mock-ui .walls-chip.panel-title,html body .hub.mock-ui .realm-card .rc-name,html body .hub.mock-ui .realm-card .rc-name b,html body .hub.mock-ui .realm-card .rc-name small,html body .hub.mock-ui .card-name,html body .hub.mock-ui .card-name .n{overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.15;white-space:normal!important;text-overflow:unset!important;overflow:visible!important}html body .hub.mock-ui .panel-title,html body .hub.mock-ui .section-title{box-sizing:border-box;width:max-content;max-width:calc(100% - 12px);padding:4px 10px!important;font-size:clamp(11px,2.6vw,16px)!important}html body .hub.mock-ui .realm-card.featured{flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .realm-card.featured .rc-art{height:clamp(28px,6vmin,48px)!important;display:block!important}html body .hub.mock-ui .realm-card.featured .rc-summary{display:flex!important}html body .hub.mock-ui .realm-card.featured .rc-stages{grid-template-rows:auto auto!important;grid-template-columns:repeat(5,minmax(22px,36px))!important;grid-auto-rows:auto!important;justify-content:start!important;gap:4px!important;width:max-content!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:4px 6px 8px!important;display:grid!important;overflow:visible!important}html body .hub.mock-ui .realm-card.featured .rc-stage{width:auto!important;height:26px!important;min-height:26px!important;overflow:visible!important}html body .hub.mock-ui .realm-card:not(.featured){height:auto!important;min-height:32px!important;max-height:none!important;padding:4px 8px!important}@media (max-width:699px){html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms{overflow:auto!important}html body .hub.mock-ui .realms-layout{flex-direction:column!important;grid-template-rows:none!important;grid-template-columns:none!important;gap:12px!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}html body .hub.mock-ui .realms-panel,html body .hub.mock-ui .endless-wrap,html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .endless-card,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card{flex:none!important;grid-area:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .mode-stack{flex-direction:column!important;gap:12px!important;display:flex!important}html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card{flex:none!important}}@media (min-width:700px) and (max-width:1099px) and (max-aspect-ratio:1){html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms{overflow:auto!important}html body .hub.mock-ui .realms-layout{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;height:auto!important;max-height:none!important;display:grid!important;overflow:visible!important}html body .hub.mock-ui .realms-panel{grid-area:1/1/3/2!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .endless-wrap{grid-area:1/2/2/3!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .mode-stack{grid-area:2/2/3/3!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .endless-card,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card{flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}}html body .hub.mock-ui[data-tab=garrison] .page-garrison{overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .garrison{min-height:0!important;overflow:auto!important}html body .hub.mock-ui .garrison-grid{min-height:0;flex:none!important;grid-auto-rows:minmax(40px,auto)!important;overflow:visible!important}html body .hub.mock-ui .slot-cell{min-height:40px!important;overflow:visible!important}html body .hub.mock-ui .garrison-hint{max-width:100%;white-space:normal!important;flex:none!important;margin-top:8px!important;position:static!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .champions-col{min-height:0!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;grid-auto-rows:auto!important;align-content:start!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:100%!important;display:grid!important;overflow:auto!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card{flex-direction:column!important;gap:4px!important;min-width:168px!important;height:auto!important;min-height:220px!important;max-height:none!important;padding:8px!important;display:flex!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-portrait,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .portrait-img{height:72px!important;min-height:72px!important;max-height:72px!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-btns{flex-direction:column!important;flex:none!important;display:flex!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .stars,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-stats,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .post-btn{display:block!important;overflow:visible!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important}}html body .hub.mock-ui .citadel-roster .card{width:min(168px,42vw)!important;min-width:140px!important}html body .hub.mock-ui .citadel-roster .card-name{max-height:none!important;overflow:visible!important}html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms,html body .hub.mock-ui[data-tab=garrison] .page-garrison{box-sizing:border-box!important;padding-bottom:8px!important;overflow:hidden auto!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage{overflow:hidden!important}html body .hub.mock-ui .realm-card.featured{grid-template-rows:auto auto auto!important;grid-template-columns:minmax(0,1fr) auto!important;height:auto!important;max-height:none!important;display:grid!important;overflow:visible!important}html body .hub.mock-ui .realm-card.featured .rc-head{grid-area:1/1/2/2!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .realm-card.featured .rc-summary{grid-area:2/1/3/2!important;display:flex!important}html body .hub.mock-ui .realm-card.featured .rc-art{justify-self:end;grid-area:1/2/3/3!important;width:auto!important;max-width:42%!important;display:block!important}html body .hub.mock-ui .realm-card.featured .rc-stages{box-sizing:border-box!important;grid-area:3/1/4/-1!important;grid-template-columns:repeat(5,minmax(24px,1fr))!important;justify-content:stretch!important;width:100%!important;max-width:100%!important;display:grid!important;overflow:visible!important}html body .hub.mock-ui .realm-card.featured .rc-stage{justify-self:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important}html body .hub.mock-ui .realms-panel{min-height:0!important;overflow:hidden auto!important}html body .hub.mock-ui .realm-list{height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card,html body .hub.mock-ui .endless-card{overflow:visible!important}@media (max-width:699px){html body .hub.mock-ui[data-tab=garrison] .page-garrison{flex-direction:column!important;grid-template-rows:none!important;grid-template-columns:none!important;align-items:stretch!important;height:auto!important;max-height:none!important;display:flex!important;overflow:hidden visible!important}html body .hub.mock-ui[data-tab=garrison] .armory-switch,html body .hub.mock-ui[data-tab=garrison] .garrison,html body .hub.mock-ui[data-tab=garrison] .champions-col{flex:none!important;grid-area:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .garrison-grid{height:auto!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster{height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .citadel-stage .roster-strip{left:calc(var(--edge) + var(--sal))!important;right:calc(var(--edge) + var(--sar))!important;bottom:var(--edge)!important;width:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui .citadel-roster{width:100%!important;overflow:auto visible!important}html body .hub.mock-ui .citadel-stage .scout-fold{top:auto!important;bottom:auto!important;right:calc(var(--edge) + var(--sar))!important;max-height:28%!important}}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison{height:100%!important;max-height:100%!important;overflow:hidden!important}html body .hub.mock-ui .garrison-grid{grid-auto-rows:minmax(32px,1fr)!important}html body .hub.mock-ui .slot-cell{min-height:32px!important;padding:2px 4px!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster{flex-wrap:nowrap!important;grid-template-columns:none!important;align-items:stretch!important;height:auto!important;max-height:100%!important;display:flex!important;overflow:auto!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card{flex:none!important;grid-template-rows:auto auto auto auto!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:start!important;gap:4px 8px!important;width:240px!important;min-width:220px!important;height:auto!important;min-height:0!important;max-height:100%!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-visual{flex-direction:column!important;grid-area:1/1/4/2!important;display:flex!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-portrait,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .portrait-img{width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .stars{grid-area:2/2/3/3!important;display:block!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-stats{grid-area:3/2/4/3!important;display:flex!important}html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .card-btns,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .posted-tag,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .post-btn{flex-flow:wrap!important;grid-column:1/-1!important;gap:4px!important;display:flex!important}}html body .hub.mock-ui .gh.gate-label{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:2px 0!important;font-size:11px!important;display:flex!important;overflow:hidden!important}html body .hub.mock-ui .garrison-grid{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui .citadel-stage .scout-fold{top:var(--edge)!important;bottom:auto!important;right:calc(var(--edge) + var(--sar))!important;width:min(260px,32vw)!important;max-height:calc(100% - 150px)!important;margin-bottom:0!important;left:auto!important}html body .hub.mock-ui .citadel-stage .best-wave{top:var(--edge)!important;right:calc(var(--edge) + var(--sar))!important}html body .hub.mock-ui .citadel-stage .scout-fold{top:calc(var(--edge) + 36px)!important;max-height:calc(100% - 168px)!important}html body .hub.mock-ui .citadel-stage .roster-strip{left:calc(var(--edge) + var(--sal))!important;right:calc(var(--edge) + var(--sar))!important;bottom:var(--edge)!important;width:auto!important;max-height:148px!important;overflow:hidden!important}html body .hub.mock-ui .citadel-roster{height:100%!important;overflow:auto hidden!important}html body .hub.mock-ui .citadel-roster .card{grid-template-columns:56px minmax(0,1fr)!important;gap:2px 6px!important;width:230px!important;min-width:210px!important;height:132px!important;min-height:0!important;max-height:132px!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui .citadel-roster .card-visual{grid-area:1/1/4/2!important}html body .hub.mock-ui .citadel-roster .card-portrait,html body .hub.mock-ui .citadel-roster .portrait-img{width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}html body .hub.mock-ui .citadel-roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui .citadel-roster .stars,html body .hub.mock-ui .citadel-roster .card-stats{grid-column:2/3!important;display:block!important}html body .hub.mock-ui .citadel-roster .card-btns,html body .hub.mock-ui .citadel-roster .posted-tag{flex-flow:wrap!important;grid-column:1/-1!important;gap:4px!important;display:flex!important}}html body .hud .hud-bottom{left:calc(6px + var(--sal))!important;right:auto!important;bottom:calc(6px + var(--sab))!important;width:auto!important;max-width:calc(100% - 12px - var(--sal) - var(--sar))!important;align-items:flex-start!important;overflow:visible!important;transform:none!important}html body .hud .battle-shop-toggle,html body .hud .squad-pill,html body .hud .battle-tools,html body .hud-bottom .squad-pill{margin:0!important;position:static!important;left:auto!important;transform:none!important}html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card{min-height:0!important;overflow:hidden!important}html body .hub.mock-ui .rush-card-mini.locked .rush-open{display:none!important}@media (max-width:400px){html body .hub.mock-ui .hub-tabs{flex-wrap:wrap!important;justify-content:center!important;min-width:0!important;max-width:100%!important}html body .hub.mock-ui .hub-tab{flex:auto!important;min-width:0!important;padding:4px 6px!important;font-size:11px!important}}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:minmax(200px,36%) minmax(0,1fr)!important;height:100%!important;max-height:100%!important;padding-bottom:0!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .armory-switch{grid-area:1/1/auto/-1!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .garrison{grid-area:2/1/3/2!important;min-height:0!important;max-height:100%!important;overflow:auto!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col{flex-direction:column!important;grid-area:2/2/3/3!important;height:auto!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster.hero-only{flex-flow:row!important;flex:auto!important;grid-template-columns:none!important;align-items:stretch!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:100%!important;padding-right:8px!important;display:flex!important;overflow:auto hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{box-sizing:border-box!important;flex:0 0 250px!important;grid-template-rows:auto auto auto auto!important;grid-template-columns:70px minmax(0,1fr)!important;gap:3px 8px!important;width:250px!important;min-width:250px!important;height:100%!important;min-height:160px!important;max-height:100%!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-visual{flex-direction:column!important;grid-area:1/1/4/2!important;grid-template-columns:none!important;align-items:center!important;gap:2px!important;min-width:0!important;display:flex!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-portrait,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .portrait-img{width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .gate-badges{flex-flow:wrap!important;justify-content:center!important;width:100%!important;display:flex!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .stars{grid-area:2/2/3/3!important;display:block!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-stats{grid-area:3/2/4/3!important;display:flex!important;overflow:visible!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-btns,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .posted-tag,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn{flex-flow:wrap!important;grid-area:auto/1/auto/-1!important;gap:4px!important;width:100%!important;display:flex!important}html body .hub.mock-ui .citadel-roster .card{grid-template-rows:auto auto auto auto!important;grid-template-columns:70px minmax(0,1fr)!important;gap:2px 8px!important;width:250px!important;min-width:250px!important;height:140px!important;min-height:140px!important;max-height:140px!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui .citadel-roster .card-visual{flex-direction:column!important;grid-area:1/1/4/2!important;grid-template-columns:none!important;align-items:center!important;gap:2px!important;min-width:0!important;display:flex!important}html body .hub.mock-ui .citadel-roster .gate-badges{flex-flow:wrap!important;justify-content:center!important;width:100%!important;display:flex!important}html body .hub.mock-ui .citadel-roster .gb{width:16px!important;min-width:16px!important;padding:0!important;font-size:8px!important}html body .hub.mock-ui .citadel-stage .roster-strip{max-height:156px!important}html body .hub.mock-ui .citadel-roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui .citadel-roster .stars{grid-area:2/2/3/3!important}html body .hub.mock-ui .citadel-roster .card-stats{grid-area:3/2/4/3!important}html body .hub.mock-ui .citadel-roster .card-btns,html body .hub.mock-ui .citadel-roster .posted-tag,html body .hub.mock-ui .citadel-roster .post-btn{flex-flow:wrap!important;grid-column:1/-1!important;gap:4px!important;display:flex!important}}html body .hub.mock-ui .details-btn{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:18px!important}@media (min-height:521px),(max-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{align-content:start!important;gap:10px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{height:auto!important;min-height:220px!important;max-height:none!important;overflow:hidden!important}}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col{padding-bottom:6px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster.hero-only{padding-bottom:4px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{gap:2px 6px!important;height:auto!important;min-height:0!important;max-height:calc(100% - 4px)!important;padding:4px 6px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-portrait,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .portrait-img{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-btns .btn,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn{min-height:22px!important;padding:2px 6px!important;font-size:10px!important}html body .hub.mock-ui .citadel-stage .roster-strip{max-height:168px!important}html body .hub.mock-ui .citadel-roster .card{height:148px!important;min-height:148px!important;max-height:148px!important}html body .hub.mock-ui .citadel-roster .card-btns,html body .hub.mock-ui .citadel-roster .posted-tag,html body .hub.mock-ui .citadel-roster .post-btn{grid-area:auto/2/auto/3!important}html body .hub.mock-ui .citadel-roster .card-btns .btn,html body .hub.mock-ui .citadel-roster .post-btn{min-height:20px!important;padding:1px 5px!important;font-size:9px!important}}@media (min-height:521px),(max-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{grid-auto-rows:max-content!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{height:max-content!important;overflow:visible!important}}html body .hub.mock-ui .roster .card-name{align-items:center!important;margin-bottom:4px!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col{margin-bottom:calc(var(--defend-h,52px) + 4px)!important}html body .hub.mock-ui .citadel-stage .wall-fold{max-height:calc(100% - 200px)!important}html body .hub.mock-ui .endless-wrap,html body .hub.mock-ui .endless-card{overflow:hidden auto!important}}@media (max-width:699px){html body .hub.mock-ui .citadel-stage .wall-fold{max-height:34%!important}html body .hub.mock-ui .citadel-stage .scout-fold{top:calc(34% + var(--edge) * 2)!important;max-height:22%!important;bottom:auto!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage{box-sizing:border-box!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .best-wave,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .roster-strip{grid-area:auto!important;width:auto!important;max-width:100%!important;margin:0!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{grid-area:1/1/2/2!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .best-wave{grid-area:1/2/2/3!important;place-self:start end!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{grid-area:2/1/3/-1!important;height:auto!important;max-height:min(28vh,200px)!important;overflow:auto!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .roster-strip{grid-area:4/1/5/-1!important;height:auto!important;max-height:none!important;overflow:hidden!important}html body .hub.mock-ui .citadel-roster{overflow:auto hidden!important}html body .hub.mock-ui .walls-chip.panel-title{white-space:nowrap!important;width:auto!important;max-width:100%!important;text-overflow:unset!important;font-size:clamp(10px,3.3vw,14px)!important;overflow:visible!important}html body .hub.mock-ui .hub-sheet,html body .hub.mock-ui[data-tab=realms] .page-realms{padding-bottom:12px!important;overflow:hidden auto!important}html body .hub.mock-ui .realms-layout,html body .hub.mock-ui .realms-panel,html body .hub.mock-ui .endless-wrap,html body .hub.mock-ui .endless-card,html body .hub.mock-ui .mode-stack,html body .hub.mock-ui .rush-card-mini,html body .hub.mock-ui .pvp-card{flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}}html body .hub.mock-ui .walls-chip.panel-title{white-space:nowrap!important;text-overflow:unset!important;overflow:visible!important}@media (max-width:699px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage{grid-template-rows:auto auto auto minmax(0,1fr) auto!important;grid-template-columns:minmax(0,1fr)!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .best-wave{grid-area:1/1/2/-1!important;justify-self:end!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{grid-area:2/1/3/-1!important;height:auto!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{grid-area:3/1/4/-1!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .roster-strip{grid-area:5/1/6/-1!important}html body .hub.mock-ui .fold-body.wall-panel,html body .hub.mock-ui .wall-fold .fold-body{height:auto!important;max-height:none!important;overflow:visible!important}}@media (max-width:699px) and (max-height:740px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{max-height:112px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{font-size:12px}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card{grid-template-columns:56px minmax(0,1fr)!important;gap:2px 6px!important;width:200px!important;min-width:190px!important;height:124px!important;min-height:124px!important;max-height:124px!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-visual{flex-direction:column!important;grid-area:1/1/4/2!important;grid-template-columns:none!important;align-items:center!important;gap:2px!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-portrait,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .portrait-img{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .gate-badges{flex-wrap:wrap!important;justify-content:center!important;width:100%!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .stars,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-stats{grid-column:2/3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-btns,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .posted-tag,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .post-btn{flex-flow:wrap!important;grid-column:2/3!important;gap:3px!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-btns .btn{min-height:20px!important;padding:1px 5px!important;font-size:9px!important}}@media (max-width:699px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage{overflow:hidden auto!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold,html body .hub.mock-ui .fold-body.wall-panel,html body .hub.mock-ui .wall-fold .fold-body{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}html body .hub.mock-ui .moon-art{height:clamp(20px,6vh,56px)!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card{grid-template-columns:56px minmax(0,1fr)!important;gap:2px 6px!important;width:210px!important;min-width:200px!important;height:128px!important;min-height:128px!important;max-height:128px!important;padding:6px!important;display:grid!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-visual{flex-direction:column!important;grid-area:1/1/4/2!important;grid-template-columns:none!important;align-items:center!important;gap:2px!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-portrait,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .portrait-img{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .gate-badges{flex-wrap:wrap!important;justify-content:center!important;width:100%!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-name{grid-area:1/2/2/3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .stars,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-stats{grid-column:2/3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-btns,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .posted-tag,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .post-btn{flex-flow:wrap!important;grid-column:2/3!important;gap:3px!important;display:flex!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-btns .btn{min-height:20px!important;padding:1px 5px!important;font-size:9px!important}}@media (max-width:699px) and (max-height:700px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{max-height:96px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{padding:0!important}html body .hub.mock-ui .wall-fold .fold-body,html body .hub.mock-ui .fold-body.wall-panel{padding:8px!important}}@media (max-width:699px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold .fold-body,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .fold-body.wall-panel{height:auto!important;min-height:min-content!important;max-height:none!important;overflow:visible!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-actions{width:100%!important;margin-top:6px!important;display:block!important;position:static!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{box-sizing:border-box!important;padding-bottom:10px!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card{height:160px!important;min-height:160px!important;max-height:160px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-roster .card-btns,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .posted-tag,html body .hub.mock-ui[data-tab=citadel] .citadel-roster .post-btn{flex-wrap:nowrap!important}}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui .hub-top{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;overflow:visible!important}html body .hub.mock-ui .title-bar{flex:none!important}html body .hub.mock-ui .hub-tabs{flex-wrap:nowrap!important;flex:auto!important;min-width:0!important}html body .hub.mock-ui .hub-tab{min-height:32px!important;padding:4px 8px!important}html body .hub.mock-ui .top-utilities,html body .hub.mock-ui .home-utilities{flex-wrap:nowrap!important;flex:none!important;position:relative!important;top:auto!important;right:auto!important}html body .hub.mock-ui .currency-cluster,html body .hub.mock-ui .currencies{flex:none!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison{overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .garrison{min-height:0!important;overflow:auto!important}html body .hub.mock-ui .garrison-grid{grid-auto-rows:minmax(26px,1fr)!important}html body .hub.mock-ui .slot-cell{min-height:26px!important;padding:1px 3px!important}html body .hub.mock-ui .garrison-hint{margin-top:6px!important;position:static!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col{min-height:0!important;margin-bottom:0!important;padding-bottom:8px!important;overflow:hidden!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{gap:2px 6px!important;padding:4px 6px!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-btns .btn,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn{min-height:20px!important;padding:1px 6px!important;font-size:10px!important}}@media (max-height:400px) and (min-aspect-ratio:1){html body .hub.mock-ui .garrison-grid{grid-auto-rows:minmax(22px,1fr)!important}html body .hub.mock-ui .slot-cell{min-height:22px!important}html body .hub.mock-ui .panel-title{padding:2px 8px!important;font-size:11px!important}}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{align-content:start!important;align-items:start!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .posted-tag,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn{margin-top:0!important}}@media (max-width:400px){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{margin-top:8px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{margin-bottom:4px!important;overflow:hidden!important}}@media (max-height:400px) and (min-aspect-ratio:1){html body .hub.mock-ui .pvp-card,html body .hub.mock-ui .mode-card.pvp-card{overflow:visible!important}html body .hub.mock-ui .pvp-scene{height:20px!important;min-height:0!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col{padding-bottom:28px!important}}html body .hub .card .card-traits{flex-wrap:wrap;gap:3px;min-width:0;font-size:10px;line-height:1.15;grid-column:1/-1!important;display:flex!important}html body .hub .card .card-traits .trait{color:#b9b0a0;white-space:nowrap;background:#14100c8c;border:1px solid #a0968273;border-radius:7px;padding:1px 5px}html body .hub .card .card-traits .trait.on{color:#ffe9a8;background:linear-gradient(#785014bf,#3c260abf);border-color:#e6b84a;box-shadow:0 0 6px #ffc85059}html body .hub .card .card-visual{position:relative}html body .hub .card .card-lock{display:none}html body .hub .card.hero-locked .card-lock{text-align:center;pointer-events:none;background:#08060c8c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}html body .hub .card.hero-locked .card-lock .cl-ico{font-size:20px}html body .hub .card.hero-locked .card-lock .cl-txt{display:none}html body .hub .card.hero-locked .portrait-img{filter:brightness(.12)saturate(0)!important}html body .hub .card.hero-locked{opacity:.86;border-color:#786e6480!important}html body .hub .card.hero-locked .card-name .n:after{content:" 🔒";font-size:.85em}html body .hub .card.hero-locked .card-stats .lock-how{color:#ffcf7a;white-space:normal;font-weight:700}html body .hub .card.hero-locked .card-btns .btn,html body .hub .card.hero-locked .post-btn{filter:grayscale();opacity:.6}html body .hub .card .btn.shard.ready{box-shadow:0 0 0 1px #8fd8ff,0 0 10px #5abeffa6}.ft.trait{font:800 15px/1.1 var(--body,sans-serif);color:#ffe6a0;letter-spacing:.04em;text-shadow:0 2px #2a1400,0 0 10px #ffaa3cd9;-webkit-text-stroke:0}html body .hub .rc-summary .rc-chests{flex:none;align-items:center;gap:3px;margin-left:auto;display:inline-flex}html body .hub .rc-summary .rc-chest{color:#9d9484;white-space:nowrap;background:#0f0c0a80;border:1px solid #8c826e80;border-radius:6px;align-items:center;gap:1px;padding:1px 3px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}html body .hub .rc-summary .rc-chest i{font-size:10px;font-style:normal}html body .hub .rc-summary .rc-chest.locked i{filter:grayscale();opacity:.55}html body .hub .rc-summary .rc-chest.claimed{color:#ffe39a;background:#5a3c0fb3;border-color:#d8a840}html body .hub .rc-summary .rc-chest.ready{color:#fff;border-color:#ffd34d;box-shadow:0 0 6px #ffd34d99}html body .hub .pad-grid.outpost-grid{grid-template-columns:34px repeat(3,minmax(0,1fr))!important;gap:4px!important}html body .hub .pad-grid.outpost-grid .gh small{opacity:.75;font-size:9px;font-weight:600}html body .hub .pad-grid.outpost-grid .pad-cell{min-width:0}html body .hub .pad-grid.outpost-grid .pad-cell .sc-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}html body .hub .outpost-lock{display:none}html body .hub .outpost-lock.on{color:#ffe39a;text-align:center;background:#462d0acc;border:1px solid #d8a840;border-radius:8px;margin:2px 0 4px;padding:5px 8px;font-size:12px;font-weight:800;display:block}html body .hub .tcard .tsyn{color:#cfe8ff;opacity:.92;font-size:10px;line-height:1.2}html body .hub.mock-ui[data-sub=armory] .champions-col,html body .hub.mock-ui[data-tab=garrison][data-sub=armory] .page-garrison .champions-col.hero-only{display:none!important}@media (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison][data-sub=armory] .page-garrison .armory-pads{min-height:0;overflow:auto;grid-area:2/1!important;position:relative!important}html body .hub.mock-ui[data-tab=garrison][data-sub=armory] .page-garrison .tower-roster{align-content:start;min-height:0;overflow:auto;grid-area:1/2/span 2!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}html body .hub .pad-grid.outpost-grid .gh small{line-height:1.1;display:block}html body .hub .pad-grid.outpost-grid .pad-cell.filled{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}html body .hub .pad-grid.outpost-grid .pad-cell .pc-lv{opacity:.85;font-size:10px;line-height:1.1}html body .hub .pad-grid.outpost-grid .pad-cell .sc-lock{white-space:nowrap;font-size:12px}html body .hub .tcard .card-stats{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex!important}html body .hub .tcard .card-stats .tst{white-space:nowrap}html body .hub .tcard .card-stats b{font-size:15px!important}html body .hud .hud-bottom .ult:not(.overdrive):not(.slot-off) .ult-name{white-space:normal;background:#0a08108c;max-height:18px;overflow:hidden;width:54px!important;font-size:8px!important;line-height:1.05!important;bottom:3px!important}@media (max-height:560px) and (min-aspect-ratio:1){html body .results-card{width:min(860px,96vw)!important;padding:10px 16px 8px!important}html body .results-card .results-title{margin:0!important;font-size:30px!important;line-height:1.05!important}html body .results-card .results-sub{margin:2px 0 4px!important;font-size:13px!important}html body .results-body{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:0 14px;display:grid!important}html body .results-body .rs-main,html body .results-body .rs-side{min-width:0}html body .results-body .rs-side:empty{display:none}html body .results-body .rs-side>*{margin-top:0!important;margin-bottom:6px!important;padding:6px 10px!important}html body .results-body .rewards{margin:6px 0 4px!important}html body .results-body .rw{padding:4px 6px!important}html body .results-body .rw b{font-size:22px!important;line-height:1.15!important}html body .results-body .rw .ico,html body .results-body .rw svg{width:22px;height:22px}html body .results-body .statline,html body .results-body .note{text-align:center;font-size:12px!important}html body .results .results-btns{gap:12px!important;padding-top:6px!important}html body .results .results-btns .btn-primary{min-height:40px!important;padding:6px 18px!important;font-size:15px!important}html body .results .unlock,html body .results .dr-tip,html body .results .dr-breach,html body .results .dr-row{font-size:12px!important;line-height:1.3!important}}html body .hub.mock-ui .roster .tcard .card-portrait.tower-portrait,html body .hub.mock-ui .tower-roster .tcard .card-portrait{border-radius:10px!important;width:100%!important;height:118px!important;max-height:118px!important}html body .hub.mock-ui .tcard .tower-portrait .portrait-img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-height:118px!important}@media (max-height:560px){html body .hub.mock-ui .rush-card-mini{flex-direction:column!important;display:flex!important}html body .hub.mock-ui .rush-card-mini .mc-boss{min-height:0;gap:6px!important}html body .hub.mock-ui .rush-card-mini .mc-boss .boss-medal{width:34px!important;height:34px!important}html body .hub.mock-ui .rush-card-mini .mc-bossname{font-size:13px!important;line-height:1.2!important}html body .hub.mock-ui .rush-card-mini .mc-line{margin:0!important;font-size:11px!important;line-height:1.25!important}html body .hub.mock-ui .rush-card-mini .mc-btns{padding-top:4px;margin-top:auto!important}html body .hub.mock-ui .rush-card-mini .mc-btns .btn{min-height:30px!important;padding:4px 14px!important;font-size:12px!important}}@media (max-width:900px){html body .hub.mock-ui .hub-tab{gap:4px!important;padding:4px!important}html body .hub.mock-ui .hub-tab .ti{text-align:center;flex:none;width:16px;font-size:14px!important}html body .hub.mock-ui .hub-tab .tl{letter-spacing:0!important;font-size:10px!important}}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{max-height:46%!important}@media (max-aspect-ratio:1){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{max-height:280px!important}}@media (max-height:560px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{max-height:calc(100vh - 175px)!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout{padding:8px 10px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout .panel-title{margin-bottom:4px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :-webkit-any(.sr-line,.sr-stage,.sr-resist){margin:1px 0!important;font-size:11px!important;line-height:1.22!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :is(.sr-line,.sr-stage,.sr-resist){margin:1px 0!important;font-size:11px!important;line-height:1.22!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout .sr-note{display:none!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold{max-height:calc(100vh - 140px)!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold .wall-panel{max-height:none!important}}html body .results .results-card{margin-top:0!important;padding-top:14px!important}html body .results .results-card .results-crest{z-index:1;flex:none;width:96px!important;height:88px!important;margin:0 auto 2px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}html body .results .results-card .results-title{z-index:2;flex:none;position:relative}@media (max-height:560px) and (min-aspect-ratio:1){html body .results .results-card{padding-top:10px!important}html body .results .results-card .results-crest{width:44px!important;height:40px!important;margin-bottom:3px!important}html body .results .results-card .results-sub{margin:0 0 2px!important}}.gold-ticker{top:calc(10px + var(--sat,0px));right:calc(12px + var(--sar,0px));z-index:4;pointer-events:none;min-height:28px;font-family:var(--serif);color:#ffe9a8;background:linear-gradient(#2a2218cc,#140e0acc);border:1px solid #e8c56a;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;box-shadow:0 2px #0008}.gold-ticker .ico{width:14px;height:14px}.hud .gold-ticker{top:calc(52px + var(--sat,0px));right:calc(10px + var(--sar,0px))}.gold-ticker.hidden{display:none!important}.threat-layer{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}.threat-arrow{z-index:5;pointer-events:auto;color:#ffe9a8;filter:drop-shadow(0 2px 4px #000c);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:0;width:72px;min-width:72px;height:64px;min-height:48px;margin:0;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.threat-arrow.hidden{display:none!important}.threat-arrow .ta-glyph{width:44px;height:36px;display:block}.threat-arrow .ta-hp,.threat-arrow .ta-tag{font-family:var(--serif);color:#fff6d2;text-shadow:0 1px 2px #000,0 0 6px #000;background:#1a0c08e6;border:1px solid #e8c56a;border-radius:8px;margin-top:-4px;padding:1px 6px;font-size:13px;font-weight:800;line-height:1.1}.threat-arrow.is-boss .ta-tag{color:#ffd0c0;border-color:#ff6a3a}.hud .compass-mark.is-pulse{animation:.7s ease-in-out infinite gateTabPulse}@keyframes gateTabPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff5a3a00}50%{transform:scale(1.06);box-shadow:0 0 0 6px #ff5a3a55}}@media (prefers-reduced-motion:reduce){.hud .compass-mark.is-pulse{animation:none;box-shadow:0 0 0 3px #ff5a3a99}}.siege-tutorial{left:12px;right:12px;bottom:calc(var(--sab,0px) + 118px);z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute}.siege-tutorial.hidden{display:none!important}.tutorial-card{pointer-events:auto;background:linear-gradient(#2a2218f2,#140e0af2);border:2px solid #e8c56a;border-radius:14px;width:100%;max-width:360px;padding:12px 14px 10px;box-shadow:0 6px 18px #000a,inset 0 0 0 1px #0008}.tutorial-title{font-family:var(--deco,var(--serif));color:#ffe9a8;letter-spacing:.04em;margin:0 0 4px;font-size:16px;font-weight:800}.tutorial-body{font-family:var(--serif);color:#f0e4c4;margin:0 0 8px;font-size:13px;line-height:1.35}.tutorial-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-dots{gap:6px;display:flex}.tutorial-dot{background:#3a3228;border:1px solid #e8c56a66;border-radius:50%;width:8px;height:8px}.tutorial-dot.is-on{background:#e8c56a}.tutorial-skip{min-width:48px;min-height:48px;font-family:var(--serif);color:#1a1208;background:linear-gradient(#ffe9a8,#c9a14a);border:2px solid #2a1a08;border-radius:10px;padding:0 14px;font-size:13px;font-weight:800}html body .hub .home-utilities,html body .hub.mock-ui .home-utilities{z-index:4;flex-direction:column;align-items:flex-end;gap:8px;display:flex}html body .hub .utility,html body .hub.mock-ui .utility,html body .hub.mock-ui[data-tab=citadel] .utility{color:#ffe9a8;background:linear-gradient(#2a2218,#140e0a);border:2px solid #e8c56a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto!important;min-width:56px!important;height:auto!important;min-height:48px!important;padding:4px 6px 3px!important;display:flex!important}html body .hub .utility-icon,html body .hub.mock-ui .utility-icon{place-items:center;width:22px;height:22px;line-height:0;display:grid;font-size:0!important}html body .hub .utility-icon .ico,html body .hub .utility-icon svg,html body .hub.mock-ui .utility-icon .ico{width:22px;height:22px;display:block}html body .hub .utility-label,html body .hub.mock-ui .utility-label{font-family:var(--serif);color:#ffe9a8;letter-spacing:.02em;text-transform:uppercase;font-weight:700;line-height:1.1;font-size:13px!important;display:block!important}html body .hub .utility.notify:after,html body .hub.mock-ui .utility.notify:after{border:2px solid #ffeac0;width:10px;min-width:10px;height:10px;top:-3px;right:-3px}html body .hub .defend.btn-primary,html body .hub.mock-ui .defend.btn-primary{letter-spacing:.08em;z-index:5;min-height:56px;font-size:22px}html body .hub .wall-actions .btn,html body .hub .wall-panel .btn.gold,html body .hub .wall-panel .btn.iron,html body .hub.mock-ui .wall-panel .btn.gold{color:#ffe9a8;background:linear-gradient(#3a3228,#1a140e);border:2px solid #c9a14a;flex-direction:column;gap:0;min-width:48px;box-shadow:inset 0 0 0 1px #0008;min-height:48px!important;padding:6px 10px!important;font-size:13px!important}html body .hub .wall-actions .btn .bl{letter-spacing:.06em;font-size:13px;font-weight:800}html body .hub .wall-actions .btn .bc,html body .hub .wall-shortfall{font-size:13px}html body .hub .scout .sr-line{font-size:13px;line-height:1.3}html body .hub .scout .scout-chip,html body .hub .scout .panel-title{font-size:13px}html body .hub .scout .sr-stage{color:#ffe9a8;margin-bottom:2px;font-size:13px;font-weight:700}html body .hub .scout .scout-extra{margin-top:6px}html body .hub .scout .scout-extra.collapsed{display:none}html body .hub .scout-more{min-width:48px;min-height:48px;font-family:var(--serif);color:#1a1208;background:linear-gradient(#ffe9a8,#c9a14a);border:2px solid #2a1a08;border-radius:10px;margin-top:4px;padding:0 12px;font-size:13px;font-weight:700}html body .hub .tower-roster{grid-template-columns:1fr 1fr;gap:8px;display:grid}html body .hub .tcard{min-width:0;padding:8px}html body .hub .tcard .card-portrait,html body .hub .tower-portrait{height:72px!important;min-height:72px!important}html body .hub .tcard .tdesc,html body .hub .tcard .tsyn{max-height:2.5em;font-size:13px;line-height:1.25;overflow:hidden}html body .hub .tcard .card-btns .btn,html body .hub .skin-btn{min-width:48px;min-height:48px;font-size:13px}html body .hub .scard{grid-column:1/-1}html body .hub .skin-list{flex-wrap:wrap;gap:6px;display:flex}html body .hub .outpost-grid .pad-cell,html body .hub .outpost-grid .gate-label,html body .hub .hub-tab,html body .hud .retreat,html body .hud .mute-btn,html body .hud .battle-shop-toggle,html body .hud .compass-mark,html body .hud .ult,html body .results-btns .btn-primary,html body .close-modal{min-width:48px;min-height:48px}html body .hud .mute-btn{place-items:center;padding:4px;font-size:0;display:grid}html body .hud .mute-btn .ico{width:22px;height:22px}html body .hud .battle-shop-toggle{align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}html body .hud .battle-shop-toggle .ico{width:18px;height:18px}html body .hub,html body .hud,html body .results,html body .mobile-overlay,html body .shop-overlay{font-size:13px}html body .hub .currencies .pill{min-height:28px;font-size:13px}html body .best-wave{font-size:13px}.shop-overlay,.mobile-overlay,.mode-overlay,.results{touch-action:manipulation}html body .hud .compass-letter{font-size:18px;line-height:22px}html body .hud .battle-shop-toggle{pointer-events:auto;align-items:center;gap:6px;min-width:48px;min-height:48px;padding:0 12px;font-size:13px;display:inline-flex;margin:0!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}html body .hud.tutorial-siege .battle-shop-toggle,html body .hud.tutorial-siege #battle-upgrades,html body .hud.tutorial-siege .upgrades{display:none!important}html body .hud .upgrades{z-index:6;pointer-events:auto;left:calc(8px + var(--sal,0px))!important;right:calc(8px + var(--sar,0px))!important;top:auto!important;bottom:calc(118px + var(--sab,0px))!important;width:auto!important;max-width:none!important;position:absolute!important;transform:none!important}html body .hub .hub-tab,html body .hub.mock-ui .hub-tab{gap:4px!important;min-width:48px!important;min-height:48px!important;padding:6px 8px!important;font-size:13px!important}html body .hub .hub-tab .tl,html body .hub.mock-ui .hub-tab .tl{white-space:nowrap;letter-spacing:0!important;font-size:13px!important;line-height:1.15!important;display:inline!important}html body .hub .hub-tab .ti,html body .hub.mock-ui .hub-tab .ti{width:18px;line-height:1;font-size:16px!important}html body .hub .walls-chip,html body .hub .scout-chip,html body .hub.mock-ui .walls-chip,html body .hub.mock-ui .scout-chip,html body .hub.mock-ui .walls-chip.panel-title,html body .hub.mock-ui .scout-chip.panel-title{letter-spacing:.02em;text-align:left;cursor:pointer;align-items:center;min-width:48px!important;min-height:48px!important;padding:8px 12px!important;font-size:13px!important;line-height:1.2!important;display:inline-flex!important}html body .hub.mock-ui .panel-title,html body .hub .scout .panel-title,html body .hub.mock-ui .scout .panel-title{font-size:13px!important}@media (max-width:699px){html body .hub.mock-ui .walls-chip.panel-title,html body .hub.mock-ui .scout-chip.panel-title,html body .hub.mock-ui .panel-title{font-size:13px!important}}html body .hub.mock-ui{--top:calc(var(--sat) + 108px)}html body .hub.mock-ui .hub-top{height:auto!important;min-height:0!important;padding-top:max(4px, var(--sat))!important;gap:4px 8px!important;padding-bottom:4px!important}html body .hub.mock-ui .hub-tabs{flex-wrap:nowrap!important;min-width:0!important}html body .hub.mock-ui .hub-back,html body .hub.mock-ui .mute-btn{min-width:48px!important;min-height:48px!important}@media (max-width:699px){html body .hub.mock-ui .hub-top{flex-wrap:wrap!important;align-items:center!important;display:flex!important}html body .hub.mock-ui .title-bar,html body .hub.mock-ui .commander{flex:none!important}html body .hub.mock-ui .currencies,html body .hub.mock-ui .top-utilities,html body .hub.mock-ui .home-utilities{flex-wrap:nowrap!important;flex:auto!important;justify-content:flex-end!important}html body .hub.mock-ui .hub-tabs{order:3;flex:100%!important;justify-content:stretch!important}html body .hub.mock-ui .hub-tab{flex:1 1 0!important}html body .hub.mock-ui .currencies{flex-wrap:wrap!important;flex:auto!important;justify-content:flex-end!important;width:auto!important}}html body .hub .wall-fold,html body .hub .scout-fold,html body .hub.mock-ui .wall-fold,html body .hub.mock-ui .scout-fold,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-fold,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout-fold{width:auto!important;min-width:0!important;max-width:min(100% - 16px,420px)!important;max-height:none!important;overflow:visible!important}html body .hub .wall-fold.collapsed,html body .hub .scout-fold.collapsed,html body .hub.mock-ui .wall-fold.collapsed,html body .hub.mock-ui .scout-fold.collapsed{width:auto!important;max-width:calc(100% - 16px)!important}html body .hub .wall-fold.collapsed .fold-body,html body .hub .scout-fold.collapsed .fold-body{display:none!important}html body .hub .wall-panel,html body .hub .scout,html body .hub .fold-body,html body .hub .wall-info,html body .hub .wall-stats,html body .hub .wall-main,html body .hub .sr-line,html body .hub .sr-summary,html body .hub.mock-ui .wall-panel,html body .hub.mock-ui .scout{overflow-wrap:anywhere;word-break:break-word;white-space:normal!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important}html body .hub .wall-stats{flex-wrap:wrap;gap:6px;display:flex}html body .hud .compass,html body .hud .compass.lane-fade,html body .hud .compass .compass-mark,html body .hud .compass .compass-letter,html body .hud .compass-mark.behind{opacity:1!important}html body .hud .compass-mark.is-pulse{animation:.7s ease-in-out infinite gateTabPulse}html body .hub.mock-ui[data-tab=citadel] .citadel-stage,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .fold-body,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .fold-body.scout,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .fold-body.wall-panel,html body .hub.mock-ui .fold-body.scout,html body .hub.mock-ui .fold-body.scout.scroll,html body .hub.mock-ui .fold-body.wall-panel,html body .hub.mock-ui .scout.scroll{overflow:visible!important}html body .hub.mock-ui .wall-info .perk,html body .hub.mock-ui .perk,html body .hub.mock-ui .scout .sr-line,html body .hub.mock-ui .scout .sr-stage,html body .hub.mock-ui .scout .sr-summary,html body .hub.mock-ui .scout .sr-resist,html body .hub.mock-ui .scout .sr-line b,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-info .perk{font-size:13px!important;line-height:1.3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :-webkit-any(.sr-line,.sr-stage,.sr-resist,.sr-summary){font-size:13px!important;line-height:1.3!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :is(.sr-line,.sr-stage,.sr-resist,.sr-summary){font-size:13px!important;line-height:1.3!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui .wall-info .perk,html body .hub.mock-ui[data-tab=citadel] .citadel-stage .wall-info .perk{font-size:13px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :-webkit-any(.sr-line,.sr-stage,.sr-resist,.sr-summary){font-size:13px!important}html body .hub.mock-ui[data-tab=citadel] .citadel-stage .scout :is(.sr-line,.sr-stage,.sr-resist,.sr-summary){font-size:13px!important}}html body :-webkit-any(.hub,.hud,.results,.mobile-overlay,.shop-overlay,.mode-overlay,.arena-overlay,.endless-overlay,.rush-overlay,.offline-overlay,.shop-page) :-webkit-any(button,select,input[type=range],.gate-mini){box-sizing:border-box;min-width:48px!important;min-height:48px!important}html body :is(.hub,.hud,.results,.mobile-overlay,.shop-overlay,.mode-overlay,.arena-overlay,.endless-overlay,.rush-overlay,.offline-overlay,.shop-page) :is(button,select,input[type=range],.gate-mini){box-sizing:border-box;min-width:48px!important;min-height:48px!important}html body :-webkit-any(.hub,.hud,.results,.mobile-overlay,.shop-overlay,.mode-overlay,.arena-overlay,.endless-overlay,.rush-overlay,.offline-overlay) :-webkit-any(.section-title,.gh,.gate-label,.gb,.details-btn,.trait,.ladder-step,.posted-tag,.card-stats,.garrison-hint,.armory-hint,.armory-switch,.btn,.bc,.pc-lv,.tdesc,.tsyn,.n,.r,.tier,.ult-name,.squad-pill,.sr-line,.perk,.rc-chest,.rc-stage,.node-num,.node-label,.mc-line,.mc-countdown,.pvp-mode,.results-sub,.statline,.note,.dr-tip,.offer-copy,.setting-row,.mobile-body,.wall-shortfall){font-size:13px!important;line-height:1.25!important}html body :is(.hub,.hud,.results,.mobile-overlay,.shop-overlay,.mode-overlay,.arena-overlay,.endless-overlay,.rush-overlay,.offline-overlay) :is(.section-title,.gh,.gate-label,.gb,.details-btn,.trait,.ladder-step,.posted-tag,.card-stats,.garrison-hint,.armory-hint,.armory-switch,.btn,.bc,.pc-lv,.tdesc,.tsyn,.n,.r,.tier,.ult-name,.squad-pill,.sr-line,.perk,.rc-chest,.rc-stage,.node-num,.node-label,.mc-line,.mc-countdown,.pvp-mode,.results-sub,.statline,.note,.dr-tip,.offer-copy,.setting-row,.mobile-body,.wall-shortfall){font-size:13px!important;line-height:1.25!important}html body :-webkit-any(.hub,.mobile-overlay,.shop-overlay,.mode-overlay) :-webkit-any(p,.mobile-body,.card-stats,.garrison-hint,.setting-row,.armory-hint){font-size:14px!important;line-height:1.3!important}html body :is(.hub,.mobile-overlay,.shop-overlay,.mode-overlay) :is(p,.mobile-body,.card-stats,.garrison-hint,.setting-row,.armory-hint){font-size:14px!important;line-height:1.3!important}html body .hub[data-tab=garrison] .garrison,html body .hub.mock-ui[data-tab=garrison] .garrison,html body .hub.mock-ui[data-tab=garrison] .garrison.hero-only,html body .hub.mock-ui[data-tab=garrison] .panel.garrison{min-width:0!important;max-width:100%!important;max-height:none!important;overflow:visible!important}html body .hub .roster,html body .hub .roster.hero-only,html body .hub .cards.roster,html body .hub.mock-ui .roster,html body .hub.mock-ui .roster.hero-only,html body .hub.mock-ui .cards.roster,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster.hero-only,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster,html body .hub.mock-ui .citadel-stage .roster-strip{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))!important;gap:10px!important;width:auto!important;min-width:0!important;max-height:none!important;display:grid!important;overflow:visible!important}html body .hub .roster .card,html body .hub.mock-ui .roster .card{min-width:0!important;max-width:100%!important;overflow:visible!important}html body .hub .roster .card-portrait,html body .hub.mock-ui .roster .card-portrait,html body .hub.mock-ui .roster .portrait-img{height:88px!important;min-height:72px!important;max-height:88px!important}html body .hub .roster .gate-badges,html body .hub.mock-ui .roster .gate-badges,html body .hub.mock-ui .citadel-roster .gate-badges,html body .mobile-overlay .detail-gates{flex-wrap:wrap!important;gap:6px!important;width:100%!important;display:flex!important}html body .hub .roster .gate-badges .gb,html body .hub.mock-ui .roster .gate-badges .gb,html body .hub.mock-ui .citadel-roster .gb,html body .hub.mock-ui .citadel-roster .gate-badges .gb,html body .mobile-overlay .detail-gates .gb{flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;font-size:13px!important}html body .hub .roster .details-btn,html body .hub.mock-ui .roster .details-btn{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;font-size:13px!important}html body .hub .roster .card-btns .btn,html body .hub .roster .card-btns .btn.small,html body .hub.mock-ui .roster .card-btns .btn.small,html body .hub.mock-ui .citadel-roster .card-btns .btn.small,html body .hub .tcard .card-btns .btn,html body .hub .tcard .btn.small,html body .hub.mock-ui .tcard .btn.small,html body .hub .armory-switch,html body .hub.mock-ui .armory-switch,html body .hub .outpost-grid .gate-label,html body .hub .outpost-grid .gh,html body .hub .garrison .gh.gate-label,html body .mobile-overlay .btn,html body .shop-page .btn,html body .shop-overlay .btn,html body .results-btns .btn-primary{min-width:48px!important;height:auto!important;min-height:48px!important;padding:8px 10px!important;font-size:13px!important}html body .hub .garrison-hint,html body .hub .armory-hint,html body .hub.mock-ui .garrison-hint{white-space:normal!important;font-size:14px!important}html body .hub .rc-stage,html body .hub.mock-ui .rc-stage,html body .hub.mock-ui .realm-card.featured .rc-stage,html body .hub.mock-ui .realm-card .rc-stage{width:auto!important;min-width:48px!important;height:48px!important;min-height:48px!important;font-size:13px!important}html body .hub .rc-stage .node-num,html body .hub .rc-stage .node-label,html body .hub .rc-stage .node-stars,html body .hub .rc-chest,html body .hub .rc-chest i,html body .hub .realm-card small,html body .hub .pvp-mode,html body .hub .mc-line,html body .hub .mc-countdown{font-size:13px!important;line-height:1.2!important}html body .hub .pvp-mode,html body .hub.mock-ui .pvp-mode{white-space:normal!important;width:auto!important;max-width:100%!important;min-height:0!important;font-size:13px!important;overflow:visible!important}html body .hub .btn.gold.rival-enter,html body .hub.mock-ui .btn.gold.rival-enter,html body .hub [data-open-arena],html body .hub .pvp-offline{min-width:48px!important;min-height:48px!important;font-size:13px!important}html body .hud .ult .ult-name,html body .hud .ult.slot-off .ult-name,html body .hud .ult:not(.overdrive):not(.slot-off) .ult-name,html body .hud .ult.overdrive .ult-name{text-align:center;white-space:normal!important;width:max-content!important;min-width:48px!important;max-width:92px!important;max-height:none!important;font-size:13px!important;line-height:1.15!important;overflow:visible!important}html body .hud .orbit-slider,html body .hud .hud-bottom .orbit-slider{min-width:48px!important;height:48px!important;min-height:48px!important}html body .hud .orbit-slider::-webkit-slider-thumb{width:28px!important;height:28px!important}html body .hud .hud-bottom .orbit-slider::-webkit-slider-thumb{width:28px!important;height:28px!important}html body .results .results-card,html body .results .results-card.ornate,html body .results .results-card.ornate.runed{box-sizing:border-box;max-height:none!important;overflow:visible!important}html body .results-btns .btn-primary,html body .results-btns .btn-primary.small,html body .results-btns .btn-primary.worn,html body .results-btns .btn-primary.iron{min-width:48px!important;min-height:48px!important;font-size:13px!important}html body .hud .compass{margin-top:2px}html body .hub:not([data-sub=armory]) .arm-only,html body .hub.mock-ui:not([data-sub=armory]) .arm-only,html body .hub.mock-ui:not([data-sub=armory]) .tower-roster,html body .hub.mock-ui:not([data-sub=armory]) .armory-pads,html body .hub[data-sub=armory] .hero-only,html body .hub.mock-ui[data-sub=armory] .hero-only,html body .hub.mock-ui[data-tab=garrison][data-sub=armory] .page-garrison .champions-col.hero-only{display:none!important}html body .hub.mock-ui .roster .card-stats,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-stats,html body .hub.mock-ui .citadel-roster .card-stats,html body .hub .tcard .card-stats,html body .hub .roster .card-stats,html body .hub .garrison-hint,html body .hub .armory-hint,html body .mobile-overlay .mobile-body,html body .mode-overlay .mobile-body,html body .shop-overlay .mobile-body,html body .mobile-overlay .mobile-body p,html body .mobile-overlay .mobile-body .muted,html body .mobile-overlay .setting-row,html body .shop-page p,html body .hub p,html body .results p{font-size:14px!important;line-height:1.3!important}html body .hub .pvp-mode,html body .hub.mock-ui .pvp-mode{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;max-width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;font-size:14px!important;position:absolute!important;overflow:hidden!important}html body .hud .hud-bottom .ult .ult-name,html body .hud .hud-bottom .ult:not(.overdrive):not(.slot-off) .ult-name,html body .hud .hud-bottom .ult.slot-off .ult-name,html body .hud .hud-bottom .ult.overdrive .ult-name{white-space:normal!important;width:max-content!important;max-width:92px!important;max-height:none!important;font-size:13px!important;line-height:1.15!important;bottom:2px!important;overflow:visible!important}html body .hub .roster .details-btn,html body .hub.mock-ui .roster .details-btn,html body .hub.mock-ui .card-name .details-btn{z-index:4!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;position:relative!important}html body .hub .roster .card-portrait,html body .hub.mock-ui .roster .card-portrait{pointer-events:none!important;overflow:hidden!important}html body .hub .tcard .tdesc,html body .hub .tcard .tsyn,html body .hub.mock-ui .tcard .tsyn{max-height:none!important;font-size:13px!important;line-height:1.25!important;overflow:visible!important}html body .hub .roster .card,html body .hub.mock-ui .roster .card,html body .hub.mock-ui .tcard{height:auto!important;max-height:none!important;overflow:visible!important}html body .hub[data-tab=garrison] .hub-sheet,html body .hub.mock-ui[data-tab=garrison] .hub-sheet.page-garrison,html body .hub.mock-ui[data-tab=garrison] .page-garrison{overflow:hidden auto!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-btns .btn,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-btns .btn.small,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .btn.small.gold,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .btn.small.shard,html body .hub.mock-ui[data-tab=garrison] .champions-col .roster .btn.small,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .post-btn.small,html body .hub.mock-ui .citadel-roster .card-btns .btn,html body .hub.mock-ui .citadel-roster .card-btns .btn.small,html body .hub.mock-ui .citadel-roster .post-btn,html body .hub.mock-ui .tcard .btn.small,html body .hub.mock-ui .tcard .card-btns .btn,html body .hub[data-tab=garrison] .roster .card-btns .btn.small{min-width:48px!important;height:auto!important;min-height:48px!important;padding:8px!important;font-size:13px!important}html body .hub .roster .card-portrait,html body .hub.mock-ui .roster .card-portrait,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card-portrait{height:56px!important;min-height:48px!important;max-height:56px!important}}html body div.mobile-overlay div.mobile-body,html body div.mode-overlay div.mobile-body,html body div.shop-overlay div.mobile-body,html body .mobile-overlay .mobile-card .mobile-body,html body .mobile-overlay label.setting-row,html body .mode-overlay label.setting-row,html body div.mobile-overlay p,html body .mobile-overlay .mobile-body p,html body .shop-page .shop-offer p,html body .shop-overlay .shop-page p,html body .shop-page .page-heading p,html body .shop-page p{font-size:14px!important;line-height:1.3!important}html body .hub .pvp-mode,html body .hub.mock-ui .pvp-mode{clip:auto!important;clip-path:none!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;font-size:14px!important;position:absolute!important;overflow:visible!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster{flex-wrap:wrap!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))!important;width:auto!important;min-width:0!important;display:grid!important;overflow:hidden auto!important}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col .roster .card{flex:auto!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}}html body .hub.mock-ui .rush-card-mini .mc-line,html body .hub.mock-ui .rush-card-mini .mc-line b,html body .hub .mode-card .mc-line,html body .hub .mode-card .mc-line b,html body .hub .mc-line,html body .hub .mc-line b{font-size:13px!important;line-height:1.25!important}html body .hub.mock-ui .btn.gold.rush-open,html body .hub .btn.gold.rush-open,html body .hub.mock-ui .rush-card-mini .rush-open{min-width:48px!important;height:auto!important;min-height:48px!important;padding:8px 12px!important;font-size:13px!important}html body .hub.mock-ui .realms-panel,html body .hub.mock-ui .panel.realms-panel.ornate,html body .hub .realms-panel{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important}html body .hud .hud-bottom .ult,html body .hud .ult{overflow:visible!important}html body .hud .hud-bottom .ult .ult-name,html body .hud .hud-bottom .ult:not(.overdrive):not(.slot-off) .ult-name{box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;width:100%!important;max-width:100%!important;max-height:2.4em!important;font-size:13px!important;line-height:1.1!important;bottom:2px!important;left:50%!important;right:auto!important;overflow:hidden!important;transform:translate(-50%)!important}html body .hud .compass,html body .hud .compass.lane-fade{margin-top:8px!important}html body .mobile-overlay .mobile-body label.setting-row,html body .mode-overlay .mobile-body label.setting-row,html body .shop-overlay .shop-page .shop-offer p,html body .shop-overlay .shop-page .page-heading p,html body .shop-overlay .shop-page p{font-size:14px!important;line-height:1.3!important}@media (max-height:520px) and (min-aspect-ratio:1){html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col.hero-only{overflow:hidden auto!important}}html body .hub.mock-ui .panel.realms-panel.ornate,html body .hub.mock-ui .realms-panel,html body .hub .realms-panel{overflow:visible!important}html body .hud .hud-bottom .ult .ult-name,html body .hud .hud-bottom .ult:not(.overdrive):not(.slot-off) .ult-name{max-height:none!important;padding:0 2px!important;bottom:6px!important;overflow:visible!important}html body .hud .compass,html body .hud .compass.lane-fade{top:calc(72px + var(--sat))!important;margin-top:0!important}html body .hub .section-title,html body .hub.mock-ui .section-title,html body .hub.mock-ui[data-tab=garrison] .section-title,html body .hub small,html body .hub .tcard small,html body .hub .tower-roster small,html body .hub.mock-ui .tcard small{font-size:13px!important;line-height:1.25!important}html body .hub .realms-layout,html body .hub.mock-ui .realms-layout,html body .hub[data-tab=realms] .realms-layout{overflow:visible!important}html body .hud .compass,html body .hud .compass.lane-fade{height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;margin-top:0!important;top:56px!important}@media (max-aspect-ratio:1){html body .hud .compass,html body .hud .compass.lane-fade{width:100%!important;max-width:none!important;left:0!important;right:0!important;transform:none!important}html body .hud .compass .compass-strip{background:0 0!important;grid-template-columns:48px 48px 1fr 48px 48px!important;gap:4px!important;height:48px!important;padding:0 8px!important;display:grid!important}html body .hud .compass .compass-mark{box-sizing:border-box!important;background:#17151eee!important;border:1px solid #8c734b!important;border-radius:8px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}}@media (min-aspect-ratio:1){html body .hud .compass,html body .hud .compass.lane-fade{left:auto!important;right:calc(12px + var(--sar))!important;width:260px!important;transform:none!important}html body .hud .hud-top{justify-content:flex-start!important}html body .hud .hud-top .battle-shop-toggle{margin-left:auto!important}}html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col,html body .hub.mock-ui[data-tab=garrison] .page-garrison .champions-col.hero-only{overflow:hidden auto!important}html body .rival-overlay,html body .rival-result{z-index:80;pointer-events:auto;background:#080a10b8;place-items:center;padding:16px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;display:grid!important}.rival-overlay.hidden,.rival-result.hidden,.rival-bar.hidden{display:none!important}html body .rival-card,html body .rival-result-card{box-sizing:border-box;color:#f4e6c4;background:radial-gradient(at 50% 0,#5a462873,#0000 55%),linear-gradient(#2a241c,#14110e 70%);border:3px solid #e6c36a;border-radius:16px;max-height:calc(100dvh - 24px);padding:16px 18px 18px;overflow:auto;box-shadow:0 18px 50px #00000073;flex-direction:column!important;align-items:stretch!important;width:min(520px,100vw - 32px)!important;display:flex!important}html body .rival-card h2,html body .rival-result-card h2{color:#f1ca7f;letter-spacing:.04em;text-align:center;margin:0 0 6px;font-family:Cinzel,serif;white-space:normal!important;width:auto!important;display:block!important}html body .rival-card p,html body .rival-result-card p{color:#e4d5bc;margin:6px 0 12px;line-height:1.45;white-space:normal!important;width:auto!important;display:block!important}html body .rival-card label{color:#d9c7a2;margin-top:8px;font-size:13px;width:auto!important;display:block!important}html body .rival-card input{box-sizing:border-box;color:#fff;font:inherit;pointer-events:auto;background:#0c1016;border:1px solid #a2824c;border-radius:8px;margin:6px 0 10px;padding:10px 12px;font-size:16px;width:100%!important;display:block!important}html body .rival-card>.btn{width:100%;margin-top:4px}.rival-actions,.rival-seats{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.rival-actions .btn,.rival-card .btn,.rival-result-card .btn{pointer-events:auto}.rival-room{letter-spacing:.28em;text-align:center;color:#ffe3a3;margin:8px 0;font-family:Cinzel,serif;font-size:40px}.rival-seat{background:#080a0e8c;border:1px solid #e6c36a66;border-radius:10px;flex:180px;padding:10px}.rival-seat b{font-family:Cinzel,serif;display:block}.rival-seat small{color:#cbb892}.rival-status{color:#9bd9e0;min-height:1.3em;font-size:14px}.rival-bar{top:calc(8px + var(--sat,0px));z-index:35;pointer-events:auto;color:#f4e6c4;background:#0c0a08d1;border:2px solid #e6c36a;border-radius:12px;flex-direction:column;gap:6px;width:min(560px,100% - 16px);padding:8px 10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.rival-vs{justify-content:space-between;gap:8px;font-size:13px;display:flex}.rival-vs b{color:#ffe3a3;font-family:Cinzel,serif}html body .round-pick{z-index:36;pointer-events:none;place-items:center;padding:12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}html body .round-pick.hidden{display:none!important}html body .round-card{pointer-events:auto;color:#f4e6c4;background:linear-gradient(#1c1812f0,#0e0c0af0);border:3px solid #e6c36a;border-radius:16px;flex-direction:column;gap:8px;width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 16px 16px;display:flex;overflow:auto}html body .round-card h2{text-align:center;color:#f1ca7f;margin:0;font-family:Cinzel,serif}html body .round-clock{text-align:center;color:#ffe3a3;margin:0;font-size:18px}html body .squad-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}html body .squad-card{text-align:left;color:#f4e6c4;pointer-events:auto;background:#16130f;border:2px solid #a2824c;border-radius:10px;padding:8px 10px}html body .squad-card b,html body .squad-card small,html body .squad-card i{display:block}html body .squad-card small,html body .squad-card i{color:#d9c7a2;font-size:12px;font-style:normal}html body .squad-card.on{border-color:#ffe3a3;box-shadow:inset 0 0 0 1px #e6c36a}html body .pick-slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}html body .pick-slot{border:1px solid #e6c36a73;border-radius:10px;padding:8px}html body .pick-lanes{gap:6px;margin-top:6px;display:flex}html body .pick-lanes .btn.on{border-color:#ffe3a3}html body .round-note{color:#d9c7a2;margin:0}.rival-keeps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rival-bridges{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.rival-clock{font-variant-numeric:tabular-nums;color:#ffe3a3}.rival-gate{flex-direction:column;gap:3px;min-width:0;display:flex}.rival-gate span{letter-spacing:.08em;color:#e6c36a;font-size:11px}.rival-track{background:#2a2018;border-radius:99px;height:8px;overflow:hidden}.rival-track i{background:linear-gradient(90deg,#d4543c,#e6c36a);width:100%;height:100%;display:block}.rival-gate button{pointer-events:auto;padding:4px 0;font-size:12px}.rival-meta{color:#d9c7a2;text-align:center;font-size:12px}html body #hero-grid{margin:0 0 10px;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;min-height:150px!important;display:grid!important}html body #hero-grid .pvp-hero{text-align:left;color:#f4e6c4;pointer-events:auto;background:#12161c;border:2px solid #6d7a90;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;width:auto!important;min-height:58px!important;display:flex!important;position:static!important}html body #hero-grid .pvp-hero b,html body #hero-grid .pvp-hero small{display:block}html body #hero-grid .pvp-hero small{color:#d9c7a2;font-size:10px;line-height:1.25}html body #hero-grid .pvp-hero.on{border-color:#9fd0ff;box-shadow:inset 0 0 0 1px #7eb0d8}html body .ult-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}html body .ult-card,html body .ult-choice{text-align:left;color:#f4e6c4;pointer-events:auto;background:#16130f;border:2px solid #a2824c;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}html body .ult-card b,html body .ult-card small,html body .ult-choice b,html body .ult-choice small{display:block}html body .ult-card small,html body .ult-choice small{color:#d9c7a2;font-size:11px;line-height:1.3}html body .ult-card.on{border-color:#ffe3a3;box-shadow:inset 0 0 0 1px #e6c36a}html body .ult-ico{font-size:18px;line-height:1}html body .halfway,html body .ult-prompt{z-index:70;color:#f4e6c4;pointer-events:auto;background:linear-gradient(#2a241c,#14110e);border:3px solid #e6c36a;border-radius:14px;flex-direction:column;gap:8px;width:min(560px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}html body .halfway.hidden,html body .ult-prompt.hidden{display:none!important}html body .ult-prompt-body{gap:8px;display:grid}html body .halfway-actions,html body .halfway-row{flex-wrap:wrap;gap:6px;display:flex}.rival-result-card{text-align:center}.hub .rival-enter{z-index:2;pointer-events:auto;width:100%;margin-top:8px;position:relative}html body .hub.mock-ui .pvp-card{overflow:auto!important}@media (max-width:640px){.rival-room{letter-spacing:.18em;font-size:32px}.rival-bar{top:calc(54px + var(--sat,0px))}}.arena-overlay{z-index:90;pointer-events:auto;background:#060910e0;place-items:center;padding:10px;display:grid}.arena-overlay.hidden{display:none}.arena-panel{color:#eddfc4;box-sizing:border-box;background:radial-gradient(at 50% 0,#304044,#111724 70%);border:3px double #cba060;flex-direction:column;width:min(1020px,100%);max-height:calc(100dvh - 20px);padding:14px;display:flex}.arena-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.arena-head h2{color:#f1ca7f;margin:0;font-family:Cinzel,serif;font-size:clamp(18px,3vw,28px)}.arena-status{color:#9bd9e0;min-height:20px;margin:6px 0;font-size:13px}.arena-body{overscroll-behavior:contain;min-height:100px;padding:4px 4px 16px;overflow-y:auto}.arena-body h3{color:#efce8e;margin:12px 0 6px;font-family:Cinzel,serif}.arena-body p{font-size:14px;line-height:1.5}.arena-body .muted{color:#b0b8b7;font-size:12px}.arena-tabs,.arena-focus{flex-wrap:wrap;gap:7px;margin:8px 0 14px;display:flex}.arena-body .btn.on{color:#c1efff;border-color:#8dd8f2;box-shadow:0 0 8px #4ba5e0}.arena-welcome{text-align:center;max-width:560px;margin:auto}.arena-seal{color:#e8be6b;text-shadow:0 0 30px #dd9d3870;font-size:64px;line-height:1.1}.arena-body input{color:#fff;box-sizing:border-box;background:#0a111a;border:1px solid #a2824c;border-radius:6px;width:100%;margin:8px 0 12px;padding:12px;font-size:16px;display:block}.arena-body label{text-align:left;font-size:13px;display:block}.arena-welcome form{max-width:390px;margin:auto}.rival-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rival-card{text-align:left;color:#f5dfaf;font:inherit;cursor:pointer;background:linear-gradient(120deg,#2a3540,#151b24);border:1px solid #a28450;border-radius:9px;align-items:center;gap:12px;display:flex;padding:15px!important}.rival-card>span:nth-child(2){flex:1}.rival-card b,.rival-card small{display:block}.rival-card small{color:#a6bdbe;margin-top:5px;font-size:12px}.rival-crest{color:#d5b577;font-size:36px}.raid-heading{text-align:center}.raid-heading h3{font-size:22px}.raid-heading>small{color:#96d4e4;letter-spacing:2px}.raid-deployment,.raid-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0;display:grid}.raid-deployment>div,.raid-lane{text-align:center;background:#111a22;border:1px solid #6e6549;border-radius:8px;min-width:0;padding:10px}.raid-deployment>div>div{justify-content:center;gap:5px;margin:10px 0;display:flex}.raid-deployment>div>small{color:#bbc9cb;font-size:11px;line-height:1.5}.raid-hero{vertical-align:middle;flex-direction:column;width:48px;max-width:30%;display:inline-flex;position:relative}.raid-hero img{object-fit:cover;object-position:50% 20%;box-sizing:border-box;border:1px solid #a1844d;border-radius:4px;width:100%;height:64px}.raid-hero small{color:#e3c98d;background:#1a1816;font-size:10px}.raid-team{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;min-height:76px;margin:8px 0;display:flex}.raid-team .raid-hero{width:40px;max-width:22%}.raid-team .raid-hero img{height:48px}.raid-lane progress{accent-color:#6db691;width:100%;height:9px;margin:4px 0 10px;display:block}.raid-lane label{font-size:11px}.raid-gate{color:#d7c28d;font-family:Cinzel,serif;font-size:14px}.raid-gate progress{accent-color:#dba452;height:16px}.raid-lane.impact{border-color:#dbb168;box-shadow:inset 0 0 18px #e9901d20}.raid-lane.breached{background:#351d24;border-color:#d76b5a}.raid-lane>small{color:#e8c775;font-size:11px}.arena-ladder{padding:0;list-style:none}.arena-ladder li{border-bottom:1px solid #7c714133;align-items:center;gap:15px;padding:11px;display:flex}.arena-ladder li.you{background:#3a673d55}.arena-ladder li>span{flex:1}.arena-ladder small{color:#a5bec0;margin-top:4px;font-size:11px;display:block}.arena-log{border-bottom:1px solid #7a7157;flex-wrap:wrap;gap:10px;padding:15px;display:flex}.arena-log small{color:#a2bbbb;width:100%}.arena-empty,.arena-result{text-align:center;padding:20px}.arena-empty{font-size:32px}.arena-refresh{margin-top:15px!important}.arena-rename{max-width:400px;margin-top:20px}@media (max-width:650px){.rival-list{grid-template-columns:1fr}.raid-deployment,.raid-board{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-panel{padding:10px}.arena-tabs{gap:5px}.arena-tabs .btn{font-size:11px;padding:8px 10px!important}.raid-hero{width:42px}.raid-heading h3{font-size:18px}}@media (max-height:440px) and (min-width:651px){.arena-panel{padding:8px}.arena-head h2{font-size:20px}.arena-body p{margin:8px 0}.arena-status{margin:2px 0}.raid-board{margin:8px 0}.raid-lane{padding:6px}}