@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(./pixelify-sans-latin-700-normal-BctWAS0u.woff)format("woff")}@font-face{font-family:VT323 UI;font-style:normal;font-weight:400;font-display:swap;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2");size-adjust:120%}:root{--px:2px;--ink:#150f22;--ink2:#0d0a14;--panel:#221a36;--panel2:#2d2347;--panel3:#3a2e5c;--line:#4d3d78;--gold:#ffd23e;--gold2:#e8a82a;--gold3:#a8661a;--red:#e8402a;--red2:#a8261a;--cream:#f4ecd8;--text:#f1eaf8;--muted:#a99cc4;--green:#5ee08a;--blue:#5ab0ff;--R:#6aa8ff;--SR:#c07aff;--SSR:#ffc83a;--UR:#ff6ad5;--f-body:"VT323 UI", monospace;--f-label:var(--f-body);--f-display:"Pixelify Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums;font-synthesis:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;background:#0d0a14;margin:0;padding:0;overflow:hidden}#app{height:100%;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;bottom:0;left:0;right:0}#screen{image-rendering:pixelated;touch-action:pinch-zoom;position:absolute}#ui,#overlay{pointer-events:none;position:absolute;overflow:hidden}#ui>*,#overlay>*{pointer-events:auto}#ui>.scene{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.scene .pe,.scene button,.scene .panel,.scene .card,.scene .clickable,.scene input,.scene .scroll{pointer-events:auto}.pix{image-rendering:pixelated}#ui img,#ui canvas,#overlay img,#overlay canvas,.tooltip img,.tooltip canvas,#loading img{image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:pixelated}#ui img.hero-art,#overlay img.hero-art,.tooltip img.hero-art{image-rendering:auto;object-fit:cover;display:block}.hero-head-window{vertical-align:middle;flex:none;display:inline-block;position:relative;overflow:hidden}#ui img.hero-head-art,#overlay img.hero-head-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-33%)}.title{font-family:var(--f-body);font-weight:700;font-size:calc(var(--px) * 12);color:var(--cream);text-shadow:0 1px 2px var(--ink);letter-spacing:.02em;line-height:1.1}.h2{font-weight:700;font-size:calc(var(--px) * 9);color:var(--cream);text-shadow:0 1px 2px var(--ink);line-height:1.15}.h3{font-weight:700;font-size:calc(var(--px) * 7);color:var(--cream);line-height:1.1}.label{font-family:var(--f-label);font-size:max(10px, calc(var(--px) * 5));letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.small{font-size:max(12px, calc(var(--px) * 5.5));line-height:1.4}.body{font-size:max(12px, calc(var(--px) * 6.5));line-height:1.4}.muted{color:var(--muted)}.gold{color:var(--gold)}.green{color:var(--green)}.red{color:#ff6a5a}.center{text-align:center;justify-content:center;align-items:center}.row{flex-direction:row;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap{gap:calc(var(--px) * 4)}.gap-s{gap:calc(var(--px) * 2)}.gap-l{gap:calc(var(--px) * 8)}.wrap{flex-wrap:wrap}.grow{flex:1}.hidden{display:none!important}.rar-R{color:var(--R)}.rar-SR{color:var(--SR)}.rar-SSR{color:var(--SSR)}.rar-UR{color:var(--UR)}.rar-common{color:#d0d0e0}.rar-rare{color:var(--blue)}.rar-epic{color:var(--SR)}.rar-legendary{color:var(--SSR)}b,strong{color:var(--gold);font-weight:700}.panel{background:var(--panel);border:calc(var(--px) * 2) solid var(--ink2);box-shadow:inset 0 0 0 var(--px) var(--line), inset 0 calc(var(--px) * 2) 0 var(--px) #ffffff0f, 0 calc(var(--px) * 2) 0 #00000059;padding:calc(var(--px) * 6);position:relative}.panel.skin{border-style:solid;border-width:calc(var(--px) * var(--slice,6));border-image:var(--frame-panel) var(--slice,6) fill / calc(var(--px) * var(--slice,6)) stretch;box-shadow:0 calc(var(--px) * 2) 0 #00000059;padding:calc(var(--px) * 2);background:0 0}.panel.dark{background:#0d0a14e0}.panel.scroll-bg{color:#3a2a2a;box-shadow:inset 0 0 0 var(--px) #c8a870, 0 calc(var(--px) * 2) 0 #00000059;background:#f0e2c0}.panel-title{top:calc(var(--px) * -7);padding:calc(var(--px) * 1) calc(var(--px) * 8);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 #f0605a, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #8a1c30;font-weight:700;font-size:calc(var(--px) * 6.5);white-space:nowrap;color:#fff;text-shadow:0 var(--px) 0 var(--ink);background:#c8323c;position:absolute;left:50%;transform:translate(-50%)}.divider{height:var(--px);background:var(--line);margin:calc(var(--px) * 3) 0;opacity:.7}button{font-family:var(--f-body);cursor:pointer}.btn{justify-content:center;align-items:center;gap:calc(var(--px) * 2);font-weight:700;font-size:calc(var(--px) * 7);color:var(--cream);padding:calc(var(--px) * 3.5) calc(var(--px) * 8) calc(var(--px) * 4.5);border:calc(var(--px) * 1.5) solid var(--ink2);box-shadow:inset 0 var(--px) 0 #ffffff47, inset 0 calc(var(--px) * -2) 0 #00000059, 0 calc(var(--px) * 2) 0 var(--ink2);text-shadow:0 1px 1px var(--ink);white-space:nowrap;background:linear-gradient(#5d4a92 0 50%,#4a3a78 50% 100%);line-height:1;transition:transform 60ms,filter .1s;display:inline-flex;position:relative}.btn:active{transform:translateY(var(--px));box-shadow:inset 0 var(--px) 0 #fff3, 0 var(--px) 0 var(--ink2)}.btn[disabled],.btn.disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed;transform:none}.btn-gold{color:#3a2208;text-shadow:0 var(--px) 0 #ffffff59;background:linear-gradient(#ffe27a 0 50%,#ffc83a 50% 100%)}.btn-red{background:linear-gradient(#ff6a4a 0 50%,#d8402a 50% 100%)}.btn-green{color:#0d2a1a;text-shadow:0 var(--px) 0 #ffffff4d;background:linear-gradient(#6ae89a 0 50%,#3ab870 50% 100%)}.btn-big{font-size:calc(var(--px) * 10);padding:calc(var(--px) * 5) calc(var(--px) * 14) calc(var(--px) * 6.5)}.btn-s{font-size:calc(var(--px) * 5.5);padding:calc(var(--px) * 2.5) calc(var(--px) * 5) calc(var(--px) * 3.5)}.btn-icon{width:calc(var(--px) * 16);height:calc(var(--px) * 16);font-size:calc(var(--px) * 7);color:var(--cream);border:var(--px) solid var(--ink);box-shadow:inset 0 var(--px) 0 #6a58b0;image-rendering:pixelated;background:#4a3b86;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{filter:brightness(1.2)}.btn-icon img,.btn-icon canvas,.btn img,.btn canvas{width:calc(var(--px) * 10);height:calc(var(--px) * 10);vertical-align:middle}.btn .cost{align-items:center;gap:calc(var(--px) * 1.5);margin-left:calc(var(--px) * 1.5);font-size:.8em;display:inline-flex}.btn img,.btn canvas{flex:none;display:block}.btn .cost img,.btn .cost canvas{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.bounce{animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--px) * -2))}}.chip{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1.5) calc(var(--px) * 4);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);font-size:calc(var(--px) * 6);white-space:nowrap;background:#161028e0;font-weight:700;display:inline-flex}.chip img,.chip canvas{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.currency{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 5) calc(var(--px) * 1) calc(var(--px) * 2);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);font-weight:700;font-size:calc(var(--px) * 7);color:var(--cream);min-width:calc(var(--px) * 40);background:#161028e6;display:inline-flex}.currency img,.currency canvas{width:calc(var(--px) * 11);height:calc(var(--px) * 11)}.bar{height:calc(var(--px) * 4);border:var(--px) solid var(--ink);background:#120d20;position:relative;overflow:hidden}.bar>i{background:var(--green);box-shadow:inset 0 var(--px) 0 #fff6, inset 0 calc(var(--px) * -1) 0 #140a2859;position:absolute;top:0;bottom:0;left:0}.stars{gap:calc(var(--px) * .5);display:inline-flex}.stars img,.stars canvas{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.stars .faded{opacity:.3}.stars-gap{height:calc(var(--px) * 7)}.badge-new{--bb:#c8323c;top:calc(var(--px) * -3);right:calc(var(--px) * -3);background:var(--bb);color:#fff;font-size:calc(var(--px) * 4.5);font-family:var(--f-label);padding:calc(var(--px) * .5) calc(var(--px) * 2);z-index:2;--cut:var(--px);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--bb) 55%, #fff), inset 0 calc(var(--px) * -1) 0 color-mix(in srgb, var(--bb) 60%, #000);position:absolute}.dot-alert{top:calc(var(--px) * -2);right:calc(var(--px) * -2);width:calc(var(--px) * 5);height:calc(var(--px) * 5);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 #f0605a;background:#c8323c;animation:1s infinite pulse;position:absolute}.tooltip{max-width:calc(var(--px) * 140);padding:calc(var(--px) * 4) calc(var(--px) * 5);border:calc(var(--px) * 1.5) solid var(--ink2);box-shadow:inset 0 0 0 var(--px) var(--gold3);font-size:max(12px, calc(var(--px) * 5.5));color:var(--text);z-index:1000;pointer-events:none;background:#0d0a14f5;line-height:1.4;display:none;position:absolute}.tooltip .tt-title{font-weight:700;font-size:calc(var(--px) * 6.5);color:var(--cream);margin-bottom:calc(var(--px) * 1.5)}.tooltip .tt-sub{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);color:var(--muted);text-transform:uppercase;margin-bottom:calc(var(--px) * 2)}.modal-back{z-index:500;background:#08050eb8;justify-content:center;align-items:center;animation:.15s fadein;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal{max-width:92%;max-height:92%;overflow:hidden}.modal-x{top:calc(var(--px) * -6);right:calc(var(--px) * -6);z-index:3;width:calc(var(--px) * 14);height:calc(var(--px) * 14);box-shadow:inset 0 var(--px) 0 #f0605a;background:#c8323c;position:absolute}.confirm{min-width:calc(var(--px) * 150);text-align:center}.confirm p{font-size:calc(var(--px) * 6.5);margin:calc(var(--px) * 5) 0 calc(var(--px) * 7);line-height:1.35}.toast{padding:calc(var(--px) * 4) calc(var(--px) * 10);border:calc(var(--px) * 2) solid var(--gold);font-weight:700;font-size:calc(var(--px) * 7);color:var(--cream);z-index:900;white-space:normal;text-align:center;pointer-events:none;background:#0d0a14f0;max-width:86%;animation:.25s ease-out toastin;position:absolute;top:14%;left:50%;transform:translate(-50%)}@keyframes toastin{0%{transform:translate(-50%, calc(var(--px) * -8));opacity:0}}@keyframes fadein{0%{opacity:0}}.fade-out{opacity:0;transition:opacity .16s}.pop-in{animation:.22s cubic-bezier(.2,1.6,.4,1) popin}@keyframes popin{0%{opacity:0;transform:scale(.85)}}.slide-up{animation:.3s cubic-bezier(.2,1.2,.4,1) both slideup}@keyframes slideup{0%{transform:translateY(calc(var(--px) * 20));opacity:0}}.scroll{touch-action:pan-y pinch-zoom;overflow:hidden auto}*{scrollbar-width:thin;scrollbar-color:#4a3e70 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4a3e70}::-webkit-scrollbar-thumb:hover{background:#6a5a98}.scroll,.modal-body{overscroll-behavior:contain}.modal-body{touch-action:pan-y pinch-zoom}.card{background:var(--panel2);border:var(--px) solid var(--ink2);box-shadow:inset 0 0 0 var(--px) var(--rc,var(--line));cursor:pointer;transition:transform 80ms,filter .1s;position:relative}.card:hover{transform:translateY(calc(var(--px) * -1.5));filter:brightness(1.12)}.card.sel{box-shadow:inset 0 0 0 calc(var(--px) * 1.5) var(--gold), 0 0 0 var(--px) var(--gold)}.card.dim{filter:grayscale(.7)brightness(.55)}.card.R{--rc:var(--R)}.card.SR{--rc:var(--SR)}.card.SSR{--rc:var(--SSR)}.card.UR{--rc:var(--UR)}.card.SSR:after,.card.UR:after{content:"";pointer-events:none;box-shadow:inset 0 0 calc(var(--px) * 4) calc(var(--px) * .5) var(--glow,#ffc83a8c);opacity:.35;animation:3.6s ease-in-out infinite rareGlow;position:absolute;top:0;bottom:0;left:0;right:0}.card.UR:after{--glow:#ff8cdc8c;animation:3.6s ease-in-out infinite rareGlow,7s linear infinite urHue}@keyframes rareGlow{50%{opacity:1}}@keyframes urHue{to{filter:hue-rotate(360deg)}}.hcard{width:calc(var(--px) * 46);padding:calc(var(--px) * 2);flex-direction:column;align-items:center;display:flex}.hcard .pt{width:calc(var(--px) * 40);height:calc(var(--px) * 40);background:linear-gradient(color-mix(in srgb, var(--rc) 16%, #1d1739) 0 72%, color-mix(in srgb, var(--rc) 32%, #1d1739) 72% 100%);image-rendering:pixelated}.hcard .nm{font-weight:700;font-size:max(11px, calc(var(--px) * 5.5));text-align:center;margin-top:calc(var(--px) * 1.5);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.hcard .rb{top:calc(var(--px) * 2);left:calc(var(--px) * 2);position:absolute}.rar-badge{height:calc(var(--px) * 7);padding:0 calc(var(--px) * 1.5);color:var(--rbc);font-family:var(--f-body);font-weight:700;font-size:calc(var(--px) * 6);letter-spacing:calc(var(--px) * .3);--cut:var(--px);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:#150f22e6;align-items:center;line-height:1;display:inline-flex}.hcard .tr{top:calc(var(--px) * 2);right:calc(var(--px) * 2);gap:calc(var(--px) * .5);flex-direction:column;display:flex;position:absolute}.hcard .tr img,.hcard .tr canvas{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.trait-ic{width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--tc,#333);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 #ffffff40, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #140a284d;justify-content:center;align-items:center;display:inline-flex}.trait-ic img,.trait-ic canvas{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.trait-ic.trait-art{border:1px solid var(--tc);background:#211632;box-shadow:inset 1px 1px #615077,inset -1px -1px #0d0817}.trait-ic.trait-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.slot{width:calc(var(--px) * 20);height:calc(var(--px) * 20);border:calc(var(--px) * 1.5) solid var(--ink2);box-shadow:inset 0 0 0 var(--px) var(--ic,#3a3050);background:#16111f;justify-content:center;align-items:center;display:flex;position:relative}.slot img,.slot canvas{width:calc(var(--px) * 16);height:calc(var(--px) * 16)}.slot.common{--ic:#7a7a90}.slot.rare{--ic:var(--blue)}.slot.epic{--ic:var(--SR)}.slot.legendary{--ic:var(--SSR)}.slot.empty{opacity:.6}.slot.s{width:calc(var(--px) * 12);height:calc(var(--px) * 12)}.slot.s img,.slot.s canvas{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.choice{width:calc(var(--px) * 88);min-height:calc(var(--px) * 96);padding:calc(var(--px) * 5);align-items:center;gap:calc(var(--px) * 3);text-align:center;flex-direction:column;display:flex}.choice .ic{width:calc(var(--px) * 28);height:calc(var(--px) * 28)}.choice .nm{font-weight:700;font-size:calc(var(--px) * 7)}.choice .ds{font-size:calc(var(--px) * 5.5);color:var(--text);line-height:1.3}.choice .tag{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);padding:calc(var(--px) * .5) calc(var(--px) * 3);background:var(--ink2)}.hud-top{padding:calc(var(--px) * 3) calc(var(--px) * 4);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-bottom{padding:calc(var(--px) * 3);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bottom>*{pointer-events:auto}.syn{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 3) calc(var(--px) * 1) calc(var(--px) * 1);border:var(--px) solid var(--ink);font-size:calc(var(--px) * 5.5);background:#161028db;font-weight:700;display:flex}.syn.off{opacity:.55}.syn .cnt{font-family:var(--f-label);font-size:calc(var(--px) * 5);color:var(--muted)}.syn.on .cnt{color:var(--gold)}#loading{z-index:9999;font-family:var(--f-body);background:#0d0a14;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading .lb{background:#1a1428;border:3px solid #000;width:min(360px,60vw);height:12px;box-shadow:0 0 0 2px #4d3d78}#loading .lb i{background:#ffd23e;width:0;height:100%;transition:width .15s;display:block;box-shadow:inset 0 3px #fff2a8,inset 0 -3px #e8a53a}#loading .lt{color:#f4ecd8;letter-spacing:2px;font-size:18px}#loading .logo{font-family:var(--f-display);color:#ffd23e;text-shadow:3px 3px #e8402a,6px 6px #150f22;letter-spacing:3px;font-size:42px;font-weight:700}.coach{z-index:800;max-width:calc(var(--px) * 150);padding:calc(var(--px) * 4) calc(var(--px) * 5);border:calc(var(--px) * 1.5) solid var(--ink2);box-shadow:inset 0 0 0 var(--px) #5ab0ff, 0 var(--px) 0 var(--ink);gap:calc(var(--px) * 2.5);background:#0d0a14f7;flex-direction:column;display:flex;position:absolute}.coach .coach-t{font-weight:700;font-size:calc(var(--px) * 6.5);color:#9fe0ff}.coach .coach-x{font-size:calc(var(--px) * 5.5);color:var(--text);line-height:1.35}.coach .btn{min-height:calc(var(--px) * 12)}.coach.corner{left:calc(var(--px) * 4);bottom:calc(var(--px) * 4);max-width:calc(var(--px) * 120)}.art-frame{--cut:calc(var(--px) * 3);padding:calc(var(--px) * 2.5);background:linear-gradient(135deg, color-mix(in srgb, var(--fc) 75%, #fff) 0 50%, color-mix(in srgb, var(--fc) 55%, #000) 50% 100%);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));flex:none;line-height:0;position:relative}.art-frame:before{content:"";inset:var(--px);background:var(--ink,#150f22);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));position:absolute}.art-frame>img,.art-frame>canvas{clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));display:block;position:relative}.art-frame .af-gem{width:calc(var(--px) * 4);height:calc(var(--px) * 4);z-index:1;background:linear-gradient(135deg, #fff 0 30%, color-mix(in srgb, var(--fc) 80%, #fff) 30% 60%, var(--fc) 60%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 #150f22);position:absolute}.art-frame .af-gem.tl{left:calc(var(--px) * .5);top:calc(var(--px) * .5)}.art-frame .af-gem.tr{right:calc(var(--px) * .5);top:calc(var(--px) * .5)}.art-frame .af-gem.bl{left:calc(var(--px) * .5);bottom:calc(var(--px) * .5)}.art-frame .af-gem.br{right:calc(var(--px) * .5);bottom:calc(var(--px) * .5)}.art-frame.dim>img{filter:grayscale(.7)brightness(.55)}.art-frame.unknown>img{filter:brightness(0)opacity(.75)}.hf:before{content:"";inset:calc(var(--px) * -1);z-index:2;pointer-events:none;border:calc(var(--px) * 4) solid transparent;border-image:var(--hf) 4 / calc(var(--px) * 4) stretch;image-rendering:pixelated;position:absolute}.hcard.hf{box-shadow:none;border-color:#0000}.hcard.hf .rb,.hcard.hf .tr{z-index:3}.hf.sel:before{filter:drop-shadow(0 0 var(--px) var(--gold)) drop-shadow(0 0 calc(var(--px) * 2) var(--gold))}.hf.UR:before{animation:7s linear infinite urHue}.hf.form:before{filter:drop-shadow(0 0 calc(var(--px) * 1) color-mix(in srgb, var(--fc) 70%, transparent));animation:3s ease-in-out infinite hfAura}@keyframes hfAura{50%{filter:drop-shadow(0 0 calc(var(--px) * 2.5) color-mix(in srgb, var(--fc) 80%, transparent))}}.art-frame.hf{clip-path:none;padding:calc(var(--px) * 2);background:0 0}.art-frame.hf:before{inset:calc(var(--px) * -1);clip-path:none;background:0 0}.hf.form.dim:before{filter:none;animation:none}.art-frame.hf>img,.art-frame.hf>canvas{clip-path:none}:root[data-reduce-motion=true] .hf:before{animation:none}.tr-mark{z-index:3;right:calc(var(--px) * 3.5);top:calc(var(--px) * 30);width:calc(var(--px) * 7);height:calc(var(--px) * 10);filter:drop-shadow(0 var(--px) 0 #150f22) drop-shadow(0 0 calc(var(--px) * 1.5) #ffd23ee6);position:absolute}.tr-mark i{width:100%;height:calc(var(--px) * 3.5);clip-path:polygon(50% 0,100% 72%,100% 100%,50% 42%,0 100%,0 72%);background:linear-gradient(#fffbe0,#ffd23e 55%,#d8841a);animation:1.5s steps(8,end) infinite trRise;position:absolute;left:0}.tr-mark i:first-child{top:0}.tr-mark i:nth-child(2){top:calc(var(--px) * 3.25);animation-delay:-.5s}.tr-mark i:nth-child(3){top:calc(var(--px) * 6.5);animation-delay:-1s}@keyframes trRise{0%{transform:translateY(calc(var(--px) * 4));opacity:0}30%{opacity:1}to{transform:translateY(calc(var(--px) * -3));opacity:0}}:root[data-reduce-motion=true] .tr-mark i{animation:none}.tr-cta{align-self:flex-start;align-items:center;gap:calc(var(--px) * 2);animation:2.4s ease-in-out infinite trCta;display:inline-flex;position:relative;overflow:hidden}.tr-cta .tr-mark{width:calc(var(--px) * 6);height:calc(var(--px) * 7);flex:none;position:relative;top:auto;bottom:auto;left:auto;right:auto}.tr-cta .tr-mark i{height:calc(var(--px) * 2.5)}.tr-cta .tr-mark i:nth-child(2){top:calc(var(--px) * 2.25)}.tr-cta .tr-mark i:nth-child(3){top:calc(var(--px) * 4.5)}.tr-cta .tr-cost{align-items:center;gap:calc(var(--px) * .5);display:inline-flex}.tr-cta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff9 50%,#0000 65%);animation:2.4s ease-in-out infinite trSheen;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}@keyframes trCta{50%{box-shadow:0 0 calc(var(--px) * 4) #ffd23ed9, 0 var(--px) 0 var(--ink2)}}@keyframes trSheen{55%,to{transform:translate(110%)}}:root[data-reduce-motion=true] .tr-cta,:root[data-reduce-motion=true] .tr-cta:after{animation:none}.tr-progress{align-items:center;gap:calc(var(--px) * 2);font-size:max(10px, calc(var(--px) * 4.5));display:flex}.tr-progress .tr-label{color:#e8d8ff;font-weight:700}.tr-progress .tr-bar{min-width:calc(var(--px) * 24);height:calc(var(--px) * 3);box-shadow:inset 0 0 0 var(--px) #3d3172;background:#150f22;flex:1}.tr-progress .tr-bar i{background:linear-gradient(90deg,#8af0ff,#c69aff,#ff8ad8);max-width:100%;height:100%;display:block}.tr-progress .tr-cost{align-items:center;gap:calc(var(--px) * .5);color:var(--muted,#b8b0d0);display:inline-flex}#scene-transition{z-index:9000;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;bottom:0;left:0;right:0}.title-ui .logo-wrap{text-align:center;pointer-events:none;animation:.9s cubic-bezier(.2,1.4,.4,1) both logoin;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes logoin{0%{transform:translate(-50%, calc(var(--px) * -20)) scale(1.3);opacity:0}}.logo{flex-direction:column;align-items:center;line-height:.82;display:flex}.logo span{font-family:var(--f-display);letter-spacing:calc(var(--px) * 1);font-weight:700}.logo .l1{font-size:calc(var(--px) * 30);color:#fff4d8;text-shadow:calc(var(--px) * 1.5) calc(var(--px) * 1.5) 0 #e8402a, calc(var(--px) * 3) calc(var(--px) * 3) 0 #150f22;-webkit-text-stroke:calc(var(--px) * .6) #150f22}.logo .l2{font-size:calc(var(--px) * 40);color:#ffd23e;text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 #c8321f, calc(var(--px) * 4) calc(var(--px) * 4) 0 #150f22;-webkit-text-stroke:calc(var(--px) * .8) #150f22;transform:skew(-8deg)}.logo-kicker{font-family:var(--f-label);font-size:calc(var(--px) * 5);color:#ffe8c0;letter-spacing:calc(var(--px) * 1.2);margin-bottom:calc(var(--px) * 3);text-shadow:0 var(--px) 0 #150f22}.logo-sub{margin-top:calc(var(--px) * 4);font-size:calc(var(--px) * 8);color:#fff;letter-spacing:calc(var(--px) * 1.5);text-shadow:0 var(--px) 0 #150f22, var(--px) 0 0 #150f22, calc(var(--px) * -1) 0 0 #150f22;font-weight:700}.tap{font-weight:700;font-size:calc(var(--px) * 9);color:#fff;text-shadow:0 var(--px) 0 #150f22, var(--px) 0 0 #150f22, calc(var(--px) * -1) 0 0 #150f22, 0 calc(var(--px) * -1) 0 #150f22;pointer-events:none;letter-spacing:calc(var(--px) * 1);position:absolute;top:64%;left:50%;transform:translate(-50%)}.blink{animation:1.1s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.25}}.title-foot{bottom:calc(var(--px) * 3);text-align:center;font-family:var(--f-label);font-size:calc(var(--px) * 4.5);color:#ffffffb3;pointer-events:none;text-shadow:0 var(--px) 0 #150f22;position:absolute;left:0;right:0}.title-hit{cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.speed-btn.sel{box-shadow:inset var(--px) var(--px) 0 #ffd86a, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #a8602a, 0 var(--px) 0 var(--ink);background:#e8a53a}.battle-banner{text-align:center;pointer-events:none;animation:.35s cubic-bezier(.2,1.5,.4,1) bannerin;position:absolute;top:36%;left:0;right:0}.battle-banner .bt{font-weight:700;font-size:calc(var(--px) * 28);color:var(--bc);letter-spacing:calc(var(--px) * 1.5);-webkit-text-stroke:calc(var(--px) * .7) #150f22;text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 #150f22;display:inline-block;transform:skew(-10deg)}.battle-banner .bs{font-size:calc(var(--px) * 7);color:#fff;text-shadow:0 var(--px) 0 #150f22}.battle-banner.out{opacity:0;transform:translateX(calc(var(--px) * 40));transition:opacity .35s,transform .35s}@keyframes bannerin{0%{transform:translateX(calc(var(--px) * -60)) scale(1.4);opacity:0}}.pcard.dead{filter:grayscale()brightness(.5)}.party-bar{flex-wrap:nowrap}.meter{max-height:calc(var(--px) * 110);overflow:hidden}.relic-col{left:calc(var(--px) * 4);top:calc(var(--px) * 44);max-width:calc(var(--px) * 64);position:absolute}.relic-grid{grid-template-columns:repeat(4, calc(var(--px) * 13));gap:calc(var(--px) * 1.5);display:grid}.act-tag{right:calc(var(--px) * 5);top:calc(var(--px) * 24);text-align:right;padding:calc(var(--px) * 3) calc(var(--px) * 5);border:var(--px) solid var(--ink2);background:#0d0a14bf;position:absolute}.party-dock{align-items:flex-end}.pcard2{padding:calc(var(--px) * 2);min-width:calc(var(--px) * 50)}.pcard-empty{width:calc(var(--px) * 22);height:calc(var(--px) * 30);color:var(--muted);font-size:calc(var(--px) * 10);border:var(--px) dashed var(--line);background:#0d0a1480;justify-content:center;align-items:center;display:flex}.map-ui .party-dock{max-width:100%;padding-bottom:var(--px);touch-action:pan-x pinch-zoom;scrollbar-width:thin;overflow-x:auto}.map-ui .pcard2{min-width:calc(var(--px) * 44);padding:calc(var(--px) * 1.5);flex:none}.map-ui .party-status{gap:var(--px)}.map-ui .party-status .trial-tag{font-size:calc(var(--px) * 3.5);margin-left:0}.map-ui .slot.s{width:calc(var(--px) * 10);height:calc(var(--px) * 10)}.map-ui .slot.s img,.map-ui .slot.s canvas{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.map-ui .pcard-empty{width:calc(var(--px) * 18);height:calc(var(--px) * 24);font-size:calc(var(--px) * 8);flex:none}.map-ui .mission-track{left:auto;right:calc(var(--px) * 4);top:calc(var(--px) * 26);max-width:calc(var(--px) * 96);touch-action:pan-y pinch-zoom;scrollbar-width:none;max-height:40%;bottom:auto;overflow-y:auto}.map-ui .hud-top{align-items:center}.map-ui .hud-btn{height:calc(var(--px) * 17);box-sizing:border-box;padding:0 calc(var(--px) * 2) calc(var(--px) * .5);gap:calc(var(--px) * 2);font-size:calc(var(--px) * 5.5)}.map-ui .hud-btn img,.map-ui .hud-btn canvas{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.map-ui .hud-btn.icon-only{width:calc(var(--px) * 17);padding:0}.map-ui .hud-top .currency{height:calc(var(--px) * 17);box-sizing:border-box;min-width:calc(var(--px) * 34);padding:0 calc(var(--px) * 4) 0 calc(var(--px) * 2.5);font-size:calc(var(--px) * 6);gap:calc(var(--px) * 2)}.map-ui .hud-top .currency img,.map-ui .hud-top .currency canvas{width:calc(var(--px) * 9);height:calc(var(--px) * 9)}.map-act{left:50%;top:calc(var(--px) * 3);text-align:center;padding:calc(var(--px) * 1.5) calc(var(--px) * 8) calc(var(--px) * 2);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);white-space:nowrap;pointer-events:none;background:#0d0a14e0;position:absolute;transform:translate(-50%)}.map-act .ma-sub{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:calc(var(--px) * 3);justify-content:center;display:flex}.map-act .ma-diff{color:#ff8a8a}.map-act .ma-mode{color:#ff7ab8}.fallen-chip{color:#ffb0a0}.map-act .ma-name{font-weight:700;font-size:calc(var(--px) * 9);color:var(--cream);line-height:1.15}.map-side{gap:calc(var(--px) * 4);width:calc(var(--px) * 82);padding:calc(var(--px) * 3);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);background:#0d0a14e6;flex-direction:column;display:flex;top:calc(var(--px) * 24)!important;max-width:none!important}.ms-head{font-family:var(--f-label);font-size:calc(var(--px) * 4.8);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:var(--px);margin-bottom:calc(var(--px) * 1.5);border-bottom:var(--px) solid #2a2240}.ms-guard{align-items:center;gap:calc(var(--px) * 2);width:100%;padding:calc(var(--px) * 1);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;display:flex}.ms-guard:hover{background:#2a1a30}.ms-guard-more{font-size:calc(var(--px) * 4.2);color:var(--muted);margin-top:calc(var(--px) * .5)}.ms-guard:hover .ms-guard-more{color:#ffb0bc}.ms-guard-ic{padding:var(--px);box-shadow:inset 0 0 0 var(--px) #ff4a5a;background:#3a1420;flex:none;display:flex}.ms-guard-name{font-weight:700;font-size:calc(var(--px) * 6);color:#ff9aa8;line-height:1.2}.map-side .relic-grid{gap:calc(var(--px) * 1.5);flex-wrap:wrap;display:flex}.ms-syns{gap:calc(var(--px) * 1.5);flex-direction:column;display:flex}.ms-syn{align-items:center;gap:calc(var(--px) * 2.5);font-size:calc(var(--px) * 6);color:var(--cream);cursor:help;font-weight:700;display:flex}.ms-syn img,.ms-syn canvas,.ms-syn .trait-ic{flex:none}.ms-syn-n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ms-syn-c{font-family:var(--f-label);font-size:calc(var(--px) * 5.5);color:var(--gold)}.ms-syn-c.max{color:#7ee8a0}.dock-actions{gap:calc(var(--px) * 1.5);flex-direction:column;flex:none;align-self:center;display:flex}.dock-actions .chip-count{font-size:calc(var(--px) * 4.5);color:var(--gold)}.rank-letter{font-family:var(--f-label);color:var(--gold);font-weight:700;font-size:calc(var(--px) * 5.5);text-shadow:0 var(--px) 0 var(--ink)}.rank-letter.big{font-size:calc(var(--px) * 7)}.rank-badge{bottom:calc(var(--px) * 12);right:calc(var(--px) * 2);font-family:var(--f-label);color:var(--gold);font-weight:700;font-size:calc(var(--px) * 6);text-shadow:0 var(--px) 0 var(--ink), var(--px) 0 0 var(--ink);position:absolute}.trial-tag{margin-left:calc(var(--px) * 1.5);font-family:var(--f-label);font-size:calc(var(--px) * 4);color:#0d2a1a;padding:0 calc(var(--px) * 1.5);background:#5ee08a}.chip.big{font-size:calc(var(--px) * 8);padding:calc(var(--px) * 2) calc(var(--px) * 6)}.reward-box{min-width:calc(var(--px) * 200)}.rar-card-common{--rc:#8a8aa0}.rar-card-rare{--rc:var(--blue)}.rar-card-epic{--rc:var(--SR)}.rar-card-legendary{--rc:var(--SSR)}.choice.sig{--rc:var(--gold);background:var(--panel2)}.row>.choice{align-self:stretch}.rank-portrait{padding:calc(var(--px) * 1.5);background:linear-gradient(color-mix(in srgb, var(--rc) 14%, #1d1739) 0 72%, color-mix(in srgb, var(--rc) 28%, #1d1739) 72% 100%);image-rendering:pixelated}.stat-grid{gap:calc(var(--px) * 1) calc(var(--px) * 3);grid-template-columns:repeat(3,1fr);display:grid}.stat{align-items:center;gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 5.5);display:flex}.stat img,.stat canvas{width:calc(var(--px) * 7);height:calc(var(--px) * 7)}.stat .sl{font-family:var(--f-label);font-size:max(10px, calc(var(--px) * 4.2));color:var(--muted)}.stat .sv{font-size:max(11px, calc(var(--px) * 5.5));margin-left:auto;font-weight:700}.event-choice{text-align:left;align-items:flex-start;gap:calc(var(--px) * 1);white-space:normal;flex-direction:column;display:flex}.event-choice .ec-l{font-size:calc(var(--px) * 6.5)}.event-choice .ec-d{font-size:calc(var(--px) * 5);color:#e8dcff;font-weight:400}.event-ic{width:calc(var(--px) * 32);height:calc(var(--px) * 32);background:var(--ink2);border:var(--px) solid var(--line);justify-content:center;align-items:center;display:flex}.shop-item{width:calc(var(--px) * 48);padding:calc(var(--px) * 3);align-items:center;gap:calc(var(--px) * 1.5);flex-direction:column;display:flex}.shop-item img,.shop-item canvas{image-rendering:pixelated}.merchant-dialog .modal-shell{width:min(1060px,100vw - 32px)}.merchant-dialog .modal{width:100%}.merchant-dialog .modal-body{scrollbar-gutter:auto;padding:0;display:flex;overflow:hidden}.merchant{gap:16px;width:100%;min-height:0}.merchant-head{flex:none;justify-content:space-between}.merchant-head .title{font-size:clamp(22px,3vw,34px)}.merchant-stock{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;min-height:0;padding:3px;display:grid;overflow-y:auto}.merchant-offer{min-width:0;color:var(--text);font:inherit;text-align:center;cursor:pointer;background:#211a35;border:2px solid #65547f;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;display:flex}.merchant-offer:hover:not(:disabled){border-color:var(--gold);background:#302642}.merchant-offer:focus-visible{outline:2px solid var(--focus);outline-offset:-5px}.merchant-offer:disabled{cursor:default}.merchant-offer.sold{opacity:.5}.merchant-art{justify-content:center;align-items:center;height:72px;display:flex}.merchant-name{font-size:18px;font-weight:700}.merchant-desc{color:#c9bedf;font-size:14px;line-height:1.3}.merchant-price{color:var(--gold);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:18px;display:flex}.merchant-offer:disabled:not(.sold) .merchant-price{color:#baadcb}.merchant-footer{flex:none;padding-top:4px}@media (max-width:600px){.merchant-stock{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-offer{padding:10px 6px}.merchant-name{font-size:15px}.merchant-desc{font-size:12px}.merchant-head{flex-wrap:wrap;gap:8px}}.price{align-items:center;gap:calc(var(--px) * 1);font-weight:700;font-size:calc(var(--px) * 6);color:var(--gold);display:inline-flex}.price.red{color:#ff6a5a}.chest-anim{animation:.8s ease-in-out infinite bounce}.act-intro .title{font-size:calc(var(--px) * 18);color:var(--gold)}.hero-detail .title{line-height:1}.hub-center{left:50%;top:calc(var(--px) * 20);pointer-events:none;text-align:center;position:absolute;transform:translate(-50%)}.hub-title .title{font-size:calc(var(--px) * 14)}.hub-btn{align-items:center;gap:calc(var(--px) * 3);min-width:calc(var(--px) * 72);padding-left:calc(var(--px) * 4);justify-content:flex-start;display:flex}.hub-btn img,.hub-btn canvas{width:calc(var(--px) * 12)!important;height:calc(var(--px) * 12)!important}.roster-grid{gap:calc(var(--px) * 3);max-height:calc(var(--px) * 170);padding:calc(var(--px) * 2);flex-wrap:wrap;align-content:flex-start;display:flex}.roster-dialog .modal-shell>.modal{flex-direction:column;display:flex;overflow:hidden}.roster-dialog .modal-body,.rates-dialog .modal-body,.shard-dialog .modal-body{scrollbar-gutter:auto;flex-direction:column;padding-right:0;display:flex;overflow:hidden}.hero-roster{width:calc(var(--px) * 310);max-width:100%;height:min(calc(var(--px) * 230), calc(100vh - 64px));min-height:0}.hero-roster>:not(.roster-sections){flex-shrink:0}.roster-search input{flex:1;min-width:0}.roster-filters{gap:calc(var(--px) * 3);padding:calc(var(--px) * 3);background:var(--panel);border:var(--px) solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.roster-field{gap:var(--px);min-width:0;color:var(--cream);font-size:max(10px, calc(var(--px) * 5.5));flex-direction:column;font-weight:700;display:flex}.roster-input{width:100%;min-width:0;padding:calc(var(--px) * 2) calc(var(--px) * 3);border:var(--px) solid #8572b0;background:var(--ink2);color:var(--cream);font:inherit;font-family:var(--f-body);font-size:max(12px, calc(var(--px) * 6));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.roster-input::placeholder{color:#c3b6da;opacity:1}.roster-input:focus-visible{outline:calc(var(--px) * 1.5) solid var(--focus);outline-offset:var(--px)}.hero-roster button:focus-visible{outline:calc(var(--px) * 1.5) solid var(--focus);outline-offset:var(--px)}.hero-roster .hcard:focus-visible{outline:calc(var(--px) * 1.5) solid var(--focus);outline-offset:var(--px)}.roster-sections:focus-visible{outline:calc(var(--px) * 1.5) solid var(--focus);outline-offset:var(--px)}.roster-summary{justify-content:space-between;gap:var(--px) calc(var(--px) * 4);color:var(--cream);flex-wrap:wrap;display:flex}.roster-summary .small{font-size:max(10px, calc(var(--px) * 5.5))}.roster-sections{min-height:0;padding:calc(var(--px) * 2) calc(var(--px) * 3) calc(var(--px) * 3) calc(var(--px) * 2);flex:1}.roster-class+.roster-class{margin-top:calc(var(--px) * 6)}.roster-class-title{top:calc(var(--px) * -2);z-index:2;align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 4);color:var(--cream);font-size:max(12px, calc(var(--px) * 7));--cut:calc(var(--px) * 2);background:color-mix(in srgb, var(--class-color) 24%, #150f22);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--class-color) 60%, transparent), inset 0 calc(var(--px) * -1) 0 #0a0712;font-weight:700;display:flex;position:sticky}.roster-class-count{color:var(--class-color);margin-left:auto}.roster-class-grid{gap:calc(var(--px) * 4) calc(var(--px) * 3);padding:calc(var(--px) * 5) var(--px) calc(var(--px) * 2);flex-wrap:wrap;display:flex}.roster-class-grid .hcard{flex-shrink:0}.shard-shop{width:calc(var(--px) * 300);max-width:100%;height:min(calc(var(--px) * 230), calc(100dvh - 64px));min-height:0}.shard-shop>:not(.shard-offer-list){flex-shrink:0}.shard-offer-list{min-height:0;padding:calc(var(--px) * 2);flex:1}.shard-shop .hcard{width:max(116px, calc(var(--px) * 46));box-sizing:border-box}.shard-shop .hcard .pt{aspect-ratio:1;flex:none;width:100%;height:auto;min-height:0}.shard-shop .hcard .btn{width:100%;min-height:36px;padding:calc(var(--px) * 2) var(--px);margin-top:calc(var(--px) * 2);font-size:max(12px, calc(var(--px) * 5.5));flex-wrap:wrap}.shard-shop .hcard .shard-buy{min-height:28px;padding:2px var(--px);margin-top:0}:root:not([data-layout=desktop]) .shard-shop .hcard .shard-buy{min-height:32px}:root:not([data-layout=desktop]) .shard-shop{height:calc(var(--ui-height) - 64px)}.roster-empty{gap:calc(var(--px) * 3);padding:calc(var(--px) * 10);text-align:center;color:var(--cream);flex-direction:column;display:flex}@media (max-width:760px){.roster-filters{gap:calc(var(--px) * 2);padding:calc(var(--px) * 2);grid-template-columns:repeat(2,minmax(0,1fr))}}.team-select{width:calc(var(--px) * 330);max-height:calc(var(--px) * 240);align-items:flex-start}.team-select>.col:last-child{width:calc(var(--px) * 100)}.team-pt{border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);image-rendering:pixelated;background:linear-gradient(#2b2352 0 72%,#3d3172 72% 100%)}.team-empty{width:calc(var(--px) * 30);height:calc(var(--px) * 30);border:var(--px) dashed var(--line);color:var(--muted);font-size:calc(var(--px) * 10);justify-content:center;align-items:center;display:flex}.sel-num{top:calc(var(--px) * -3);left:calc(var(--px) * -3);width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:var(--gold);color:#3a2208;font-weight:700;font-size:calc(var(--px) * 6);border:var(--px) solid var(--ink2);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.lock-ov{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.quest-row{align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 3);display:flex}.quest-row.dimmed{opacity:.55}.day{align-items:center;gap:calc(var(--px) * 1);padding:calc(var(--px) * 2);background:var(--ink2);border:var(--px) solid var(--line);opacity:.5;flex-direction:column;display:flex}.day.got{opacity:1;border-color:var(--gold)}.range{width:calc(var(--px) * 80);accent-color:var(--gold)}.banner-tabs{left:calc(var(--px) * 5);top:calc(var(--px) * 28);position:absolute}.banner-tab{min-width:calc(var(--px) * 64)}.summon-center{left:calc(var(--px) * 78);right:calc(var(--px) * 78);top:calc(var(--px) * 28);bottom:calc(var(--px) * 51);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.banner-card{width:min(100%, calc(var(--px) * 300));height:min(100%, calc(var(--px) * 165));pointer-events:auto;isolation:isolate;box-shadow:0 calc(var(--px) * 3) calc(var(--px) * 10) #09061388;background:#141321;position:relative;overflow:hidden}.banner-card:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.banner-carousel-exit{z-index:1}:root:not([data-layout=desktop]) .summon-center{overflow:hidden}:root:not([data-layout=desktop]) .banner-card{touch-action:pan-y pinch-zoom}.banner-visual{display:contents}#ui img.banner-keyart{object-fit:cover;object-position:65% 20%;image-rendering:auto;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.banner-shade{background:linear-gradient(90deg,#0e1019eb,#111321b0 32%,#11132115 55%,#0000 70%),linear-gradient(#0000 65%,#090d18e0);position:absolute;top:0;bottom:0;left:0;right:0}.banner-info{width:50%;padding:calc(var(--px) * 7) calc(var(--px) * 6);gap:calc(var(--px) * 2.5);text-shadow:0 1px 3px #080510;position:relative}.banner-period{padding:calc(var(--px) * 1.5) calc(var(--px) * 3);color:#fff;background:color-mix(in srgb, var(--bc) 35%, #171525);box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--bc) 70%, transparent);font-size:max(10px, calc(var(--px) * 4.5));align-self:flex-start}.banner-title{color:#fff;font-size:calc(var(--px) * 10.5);letter-spacing:calc(var(--px) * .1);text-wrap:balance;margin:0;font-weight:700;line-height:1.02}.banner-subtitle{color:var(--bc);font-size:calc(var(--px) * 5.5);font-weight:700}.banner-featured{font-size:calc(var(--px) * 5);flex-wrap:wrap}.banner-description{font-size:max(10px, calc(var(--px) * 4.8));color:#e4e1ed;margin:0;line-height:1.35}.banner-first{font-size:calc(var(--px) * 4.8);line-height:1.3}.banner-pity{left:calc(var(--px) * 6);bottom:calc(var(--px) * 5);gap:calc(var(--px) * 3);flex-direction:column;width:42%;display:flex;position:absolute}.banner-pity .label{font-size:max(10px, calc(var(--px) * 4.5));color:#ddd8ec;line-height:1.5}.banner-pity .bar{height:calc(var(--px) * 2);background:#ffffff25;border:none}.banner-rateups{right:calc(var(--px) * 6);bottom:calc(var(--px) * 5);gap:calc(var(--px) * 2);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.banner-rateups>.label{font-size:max(10px, calc(var(--px) * 4.5))}.banner-companion{align-items:center;gap:calc(var(--px) * 2);color:#fff;font-size:max(11px, calc(var(--px) * 5.5));text-shadow:0 1px 3px #080510;display:flex}.banner-companion+.banner-companion:before{content:"·";color:#c4bfd8}.banner-rates-btn{top:calc(var(--px) * 5);right:calc(var(--px) * 5);z-index:1;gap:calc(var(--px) * 2);position:absolute}.rates-dialog .modal-shell>.modal{display:flex;overflow:hidden}.summon-rates{width:calc(var(--px) * 310);max-width:100%;height:min(calc(var(--px) * 230), calc(100vh - 64px));min-height:0}.summon-rates>:not(.rates-scroll){flex-shrink:0}.rates-scroll{min-height:0;padding:calc(var(--px) * 2) calc(var(--px) * 3) calc(var(--px) * 3) calc(var(--px) * 2);flex:1}.rates-scroll:focus-visible{outline:var(--px) solid var(--focus);outline-offset:var(--px)}.banner-rates-btn:focus-visible{outline:var(--px) solid var(--focus);outline-offset:var(--px)}.rates-section+.rates-section{margin-top:calc(var(--px) * 5)}.rates-heading{margin:0}.rates-total{font-size:max(12px, calc(var(--px) * 6));margin-left:auto}.rates-grid{gap:calc(var(--px) * 4) calc(var(--px) * 3);padding:calc(var(--px) * 5) var(--px) calc(var(--px) * 2);flex-wrap:wrap;display:flex}.roster-class-grid,.rates-grid{isolation:isolate}.rates-hero{width:calc(var(--px) * 46)}.hero-drop-rate{margin-top:calc(var(--px) * 3);text-align:center;font-size:max(12px, calc(var(--px) * 6));color:var(--cream);font-variant-numeric:tabular-nums;font-weight:700}.rates-hero.boosted .hero-drop-rate{color:var(--gold)}.rates-hero .badge-new{--bb:#d8602a;font-size:max(9px, calc(var(--px) * 4))}.rates-rules{margin-top:calc(var(--px) * 5);border-top:var(--px) solid var(--line);padding-top:calc(var(--px) * 4)}.rates-rules summary{cursor:pointer;color:var(--gold);font-size:calc(var(--px) * 6);margin-bottom:calc(var(--px) * 3)}.form-artwork{position:relative}.card.form-artwork:after{content:"";background:var(--art-frame) center / 100% 100% no-repeat;image-rendering:auto;pointer-events:none;animation:none;position:absolute;top:0;bottom:0;left:0;right:0}.summon-btns{left:0;right:0;bottom:calc(var(--px) * 8);position:absolute}.skip-hint{right:calc(var(--px) * 6);bottom:calc(var(--px) * 6);font-family:var(--f-label);font-size:calc(var(--px) * 5.5);color:#fff;padding:calc(var(--px) * 3) calc(var(--px) * 5);cursor:pointer;background:#0d0a1499;position:absolute}.reveal-wrap{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.reveal-grid{gap:calc(var(--px) * 4);display:grid}.reveal-grid.n10{grid-template-columns:repeat(5, calc(var(--px) * 50))}.reveal-grid.n1{grid-template-columns:calc(var(--px) * 50);transform:scale(1.5)}.rcard{width:calc(var(--px) * 50);height:calc(var(--px) * 66);opacity:0;cursor:pointer}.rcard.fly{animation:.34s cubic-bezier(.2,1.1,.4,1) both cardfly}@keyframes cardfly{0%{opacity:1;transform:translate(var(--fx,0), var(--fy,0)) scale(.15)}80%{opacity:1;transform:translateY(calc(var(--px) * 2)) scale(1.03)}to{opacity:1;transform:none}}.rcard.charge .rc-back{--oc:var(--R);box-shadow:inset 0 0 0 var(--px) var(--oc), 0 0 0 var(--px) var(--oc), 0 0 0 calc(var(--px) * 2) var(--ink)}.rcard.ch-SR .rc-back{--oc:var(--SR)}.rcard.ch-SSR .rc-back{--oc:var(--SSR)}.rcard.ch-UR .rc-back{--oc:var(--UR)}.rcard.charge .rc-orb{animation:.16s steps(2,end) infinite orbCharge}@keyframes orbCharge{50%{background:#fffdf6}}.rcard.charge.ch-SR .rc-inner{animation:chSR var(--chd) steps(12) both}@keyframes chSR{0%{transform:none}20%{transform:translateY(calc(var(--px) * -3))}40%{transform:translate(calc(var(--px) * 1), calc(var(--px) * -3))}60%{transform:translate(calc(var(--px) * -1), calc(var(--px) * -3))}80%{transform:translate(calc(var(--px) * 1), calc(var(--px) * -4))}to{transform:translate(0, calc(var(--px) * -4))}}.rcard.charge.ch-SSR,.rcard.charge.ch-UR{z-index:5}.rcard.charge.ch-SSR .rc-inner,.rcard.charge.ch-UR .rc-inner{animation:chSSR var(--chd) steps(24) both}@keyframes chSSR{0%{transform:none}15%{transform:translateY(calc(var(--px) * -4)) scale(1.06)}40%{transform:translate(calc(var(--px) * 1), calc(var(--px) * -6)) scale(1.1)}50%{transform:translate(calc(var(--px) * -1), calc(var(--px) * -6)) scale(1.1)}65%{transform:translate(calc(var(--px) * 2), calc(var(--px) * -7)) scale(1.13)}75%{transform:translate(calc(var(--px) * -2), calc(var(--px) * -7)) scale(1.13)}85%{transform:translate(calc(var(--px) * 3), calc(var(--px) * -8)) scale(1.16)}92%{transform:translate(calc(var(--px) * -3), calc(var(--px) * -8)) scale(1.16)}to{transform:translate(0, calc(var(--px) * -8)) scale(1.18)}}.rc-rays{visibility:hidden;z-index:-1;width:0;height:0;position:absolute;top:50%;left:50%}.rcard.charge.ch-SSR .rc-rays,.rcard.charge.ch-UR .rc-rays{visibility:visible}.rc-rays:before,.rc-rays:after{content:"";box-shadow:0 0 0 var(--px) #f2cc5c;animation:rays var(--chd) steps(8) both;background:#fff08a;position:absolute}.rc-rays:before{left:calc(var(--px) * -1.5);width:calc(var(--px) * 3);top:calc(var(--px) * -70);height:calc(var(--px) * 140)}.rc-rays:after{top:calc(var(--px) * -1.5);height:calc(var(--px) * 3);left:calc(var(--px) * -60);width:calc(var(--px) * 120)}.rcard.ch-UR .rc-rays:before,.rcard.ch-UR .rc-rays:after{box-shadow:0 0 0 var(--px) #e882ac;background:#f8bed2}@keyframes rays{0%{transform:scale(.1)}to{transform:scale(1)}}.reveal-grid .rcard{transition:filter .1s steps(2,end)}.reveal-grid.focus .rcard:not(.charge){filter:brightness(.35)saturate(.5)}.reveal-wrap.jolt{animation:.26s steps(4,end) jolt}.reveal-wrap.jolt-s{animation:.16s steps(2,end) jolt}.badge-new.stamp,.rc-tag.stamp{animation:.3s steps(4,end) both stamp}@keyframes stamp{0%{transform:scale(2.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.reveal-all{left:50%;bottom:calc(var(--px) * 8);position:absolute;transform:translate(-50%)}.rc-inner{width:100%;height:100%;position:relative}.rcard.flip .rc-inner{animation:.3s steps(6,end) both pflip}@keyframes pflip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.rc-front{visibility:hidden}.rcard.flip .rc-back{animation:.3s linear forwards faceout}.rcard.flip .rc-front{animation:.3s linear forwards facein}@keyframes faceout{0%,49%{visibility:visible}50%,to{visibility:hidden}}@keyframes facein{0%,49%{visibility:hidden}50%,to{visibility:visible}}.rc-back,.rc-front{border:calc(var(--px) * 1.5) solid var(--ink2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rc-back{background:repeating-conic-gradient(#2b2352 0 25%, #221b42 0 50%) 0 0 / calc(var(--px) * 6) calc(var(--px) * 6);box-shadow:inset 0 0 0 var(--px) var(--gold3)}.rc-orb{width:calc(var(--px) * 12);height:calc(var(--px) * 12);background:var(--oc,#8a7aff);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);box-shadow:inset calc(var(--px) * 2) calc(var(--px) * 2) 0 #ffffff8c, inset calc(var(--px) * -2) calc(var(--px) * -2) 0 #140a2859;animation:.8s infinite pulse}.rc-front{background:linear-gradient(color-mix(in srgb, var(--rc) 16%, #1d1739) 0 70%, color-mix(in srgb, var(--rc) 32%, #1d1739) 70% 100%);box-shadow:inset 0 0 0 var(--px) var(--rc)}.rc-front.R{--rc:var(--R)}.rc-front.SR{--rc:var(--SR)}.rc-front.SSR{--rc:var(--SSR);box-shadow:inset 0 0 0 var(--px) var(--SSR), 0 0 0 var(--px) var(--SSR), 0 0 0 calc(var(--px) * 2) var(--ink)}.rc-front.UR{--rc:var(--UR);box-shadow:inset 0 0 0 var(--px) var(--UR), 0 0 0 var(--px) var(--UR), 0 0 0 calc(var(--px) * 2) var(--ink)}.rc-front.hf{box-shadow:none;border-color:#0000}.rc-name{font-weight:700;font-size:calc(var(--px) * 5.5)}.rc-rar{align-self:center}.rc-tag{top:calc(var(--px) * 1.5);right:calc(var(--px) * 1.5);font-family:var(--f-label);font-size:calc(var(--px) * 4.5);color:var(--gold);align-items:center;gap:var(--px);display:flex;position:absolute}.sp{z-index:20;justify-content:center;align-items:center;gap:calc(var(--px) * 10);cursor:pointer;background:#0a0712;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sp.out{animation:.24s steps(4,end) forwards spOut}@keyframes spOut{to{clip-path:inset(50% 0)}}.sp-bar{z-index:2;background:#000;height:15%;animation:.22s steps(4,end) both spBar;position:absolute;left:0;right:0}.sp-bar.top{--from:-100%;top:0}.sp-bar.bot{--from:100%;bottom:0}@keyframes spBar{0%{transform:translateY(var(--from))}}.sp-band{background:color-mix(in srgb, var(--rc) 10%, #120c20);box-shadow:inset 0 var(--px) 0 var(--rc), inset 0 calc(var(--px) * -1) 0 var(--rc);animation:.2s steps(4,end) .1s both spBand;position:absolute;top:15%;bottom:15%;left:0;right:0;overflow:hidden}@keyframes spBand{0%{clip-path:inset(50% 0)}}.sp-lines span{height:var(--px);background:color-mix(in srgb, var(--rc) 70%, #fffdf6);animation:.5s steps(10,end) infinite spLine;position:absolute;right:-30%}.sp-lines span:nth-child(2n){height:calc(var(--px) * 2)}.sp-lines span:nth-child(3n){height:calc(var(--px) * 3);background:color-mix(in srgb, var(--rc) 60%, #120c20)}@keyframes spLine{0%{transform:translate(0)}to{transform:translate(-160vw)}}.sp-art{z-index:3;box-shadow:0 0 0 var(--px) var(--rc), 0 0 0 calc(var(--px) * 2.5) #0a0712;line-height:0;animation:.42s cubic-bezier(.2,1.4,.4,1) .15s both spArt;position:relative}@keyframes spArt{0%{transform:translateX(calc(var(--px) * 120)) scale(1.25);visibility:visible}}.sp-art img{image-rendering:auto;width:calc(var(--px) * 150)!important;height:calc(var(--px) * 150)!important}.sp-flash{visibility:hidden;background:#fffdf6;animation:.16s step-end .42s both spFlash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes spFlash{0%{visibility:visible}to{visibility:hidden}}.sp-halo{z-index:-1;width:0;height:0;animation:.6s steps(3,end) infinite alternate spHalo;position:absolute;top:50%;left:50%}.sp-halo:before,.sp-halo:after{content:"";background:color-mix(in srgb, var(--rc) 60%, #fffdf6);position:absolute}.sp-halo:before{left:calc(var(--px) * -3);width:calc(var(--px) * 6);top:calc(var(--px) * -130);height:calc(var(--px) * 260)}.sp-halo:after{top:calc(var(--px) * -3);height:calc(var(--px) * 6);left:calc(var(--px) * -130);width:calc(var(--px) * 260)}@keyframes spHalo{0%{transform:scale(.85)}to{transform:scale(1.1)}}.sp-info{z-index:3;gap:calc(var(--px) * 4);max-width:calc(var(--px) * 200);flex-direction:column;display:flex;position:relative}.sp-stars{align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 14);color:var(--rc);line-height:1;display:flex}.sp-stars>span{visibility:hidden;animation:.28s steps(4,end) both spPop}.sp-rar{font-family:var(--f-display);font-weight:700;font-size:calc(var(--px) * 12);margin-left:calc(var(--px) * 3)}@keyframes spPop{0%{visibility:hidden;transform:scale(2.6)}1%{visibility:visible;transform:scale(2.6)}60%{visibility:visible;transform:scale(.85)}to{visibility:visible;transform:scale(1)}}.sp-name{font-weight:700;font-size:calc(var(--px) * 24);color:#fff;text-shadow:calc(var(--px) * 1.5) calc(var(--px) * 1.5) 0 var(--rc), calc(var(--px) * 3) calc(var(--px) * 3) 0 #0a0712;transform-origin:0;line-height:1;animation:.3s steps(4,end) .35s both spStamp}@keyframes spStamp{0%{visibility:hidden;transform:scale(1.8)}1%{visibility:visible;transform:scale(1.8)}70%{visibility:visible;transform:scale(.95)}to{visibility:visible;transform:scale(1)}}.sp-title{font-size:calc(var(--px) * 10);color:var(--hc);font-weight:700;animation:0s .55s both spShow}.sp-traits{animation:0s .65s both spShow}.sp-quote{font-size:calc(var(--px) * 7.5);color:#e8dcff;font-style:italic;animation:0s .8s both spShow}.sp-status{font-family:var(--f-label);font-size:calc(var(--px) * 7);letter-spacing:.08em;color:#d8d0f0;animation:0s 1s both spShow}.sp-status.new{color:var(--gold);visibility:hidden;transform-origin:0;animation:.3s steps(4,end) 1s both spPop}.sp-tap{font-family:var(--f-label);font-size:calc(var(--px) * 5.5);color:var(--muted,#a89cc0);animation:0s 1.4s both spShow,1s steps(2,end) 1.4s infinite blink}@keyframes spShow{0%{visibility:hidden}to{visibility:visible}}.results-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.results-box{pointer-events:auto}.res-grid{gap:calc(var(--px) * 3);display:grid}.res-grid.n10{grid-template-columns:repeat(5,auto)}.res-grid>*{animation:.26s steps(4,end) both resPop}@keyframes resPop{0%{visibility:visible;transform:scale(.4)}70%{transform:scale(1.08)}to{visibility:visible;transform:scale(1)}}.res-tally{flex-wrap:wrap}.res-chip{align-items:center;gap:calc(var(--px) * 1.5);font-weight:700;font-size:calc(var(--px) * 6);color:var(--rbc);display:inline-flex}.res-pity{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);color:var(--muted,#a89cc0);margin-left:calc(var(--px) * 4)}.ad-btn{color:#0d2a1a;text-shadow:none;background:linear-gradient(#6ae89a 0 50%,#3ab870 50% 100%)}.results-panel{min-width:calc(var(--px) * 220)}.res-stats{gap:calc(var(--px) * 3) calc(var(--px) * 8);grid-template-columns:repeat(3,1fr);display:grid}.res-stat{flex-direction:column;align-items:center;display:flex}.res-stat b{font-size:calc(var(--px) * 9)}.hud-bottom.col{align-items:center}.battle-ui .syn-list{top:calc(var(--px) * 40)!important}.panel{border-style:solid;border-width:calc(var(--px) * 8);border-image:var(--frame-panel) 8 fill / calc(var(--px) * 8) stretch;box-shadow:0 calc(var(--px) * 2) 0 #00000059;padding:calc(var(--px) * 1) calc(var(--px) * 2);image-rendering:pixelated;background:0 0}.panel.dark{border-width:calc(var(--px) * 6);border-image:var(--frame-panel_dark) 6 fill / calc(var(--px) * 6) stretch;padding:0}.modal.panel{padding:calc(var(--px) * 3) calc(var(--px) * 4)}.btn{--bf:#4a3b86;--bt:#6a58b0;border:var(--px) solid var(--ink2);box-shadow:inset 0 var(--px) 0 var(--bt);padding:calc(var(--px) * 4.5) calc(var(--px) * 9);text-shadow:none;border-image:}.btn,.btn-gold,.btn-red,.btn-green,.ad-btn{background:var(--bf)}.btn:hover{filter:brightness(1.12);transform:none}.btn:active{filter:brightness(.88);box-shadow:none;transform:none}.btn-gold{--bf:#f0b830;--bt:#ffe27a;color:#2a1804}.btn-gold:hover{filter:brightness(1.08)}.btn-red{--bf:#d8402a;--bt:#ff7a5a;color:#fff}.btn-green,.ad-btn{--bf:#3ab870;--bt:#7ee8a0;color:#0d2a1a;filter:none}.btn-green:hover,.ad-btn:hover{filter:brightness(1.08)}.btn-big{padding:calc(var(--px) * 6) calc(var(--px) * 16)}.btn-s{padding:calc(var(--px) * 3.5) calc(var(--px) * 5);font-size:max(11px, calc(var(--px) * 5.5))}.btn[disabled],.btn.disabled{filter:grayscale(.85)brightness(.65)}.tooltip{border-style:solid;border-width:calc(var(--px) * 3);border-image:var(--frame-tooltip) 3 fill / calc(var(--px) * 3) stretch;box-shadow:none;image-rendering:pixelated;background:0 0}.choice.card{border:2px solid var(--choice-edge,#665987);box-shadow:none;padding:calc(var(--px) * 8);background:#211a35;border-image:;transition:border-color .1s,background-color .1s}.choice.card.rar-card-epic{--choice-edge:#9270b8}.choice.card.rar-card-legendary,.choice.card.sig{--choice-edge:#b89b51}.choice.card:hover{filter:none;background:#2b2243;transform:none}.modal-x{border:var(--px) solid var(--ink2);top:calc(var(--px) * -4)!important;right:calc(var(--px) * -4)!important}.toast{z-index:950;bottom:auto;top:calc(var(--px) * 3)!important}.modal-shell{max-width:94%;max-height:94%;display:flex;position:relative}.modal-shell>.modal{flex-direction:column;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 40px);display:flex;overflow:hidden}.modal-body{min-height:0;padding-right:calc(var(--px) * 2);scrollbar-gutter:stable;flex:auto;overflow:hidden auto}.sel-num{bottom:calc(var(--px) * -3);left:calc(var(--px) * -3);top:auto!important}.tut-arrow{left:50%;top:calc(var(--px) * -16);color:#ffd23e;font-size:calc(var(--px) * 10);text-shadow:0 var(--px) 0 #150f22;pointer-events:none;animation:.7s ease-in-out infinite bounce;position:absolute;transform:translate(-50%)}.tut-bubble{left:50%;top:calc(var(--px) * 26);max-width:calc(var(--px) * 200);padding:calc(var(--px) * 3) calc(var(--px) * 6);border:calc(var(--px) * 1.5) solid var(--gold);font-size:calc(var(--px) * 6);text-align:center;pointer-events:none;background:#0d0a14e6;line-height:1.3;animation:.3s popin;position:absolute;transform:translate(-50%)}.tut-bubble b{font-size:calc(var(--px) * 7);display:block}.deploy-hint{left:50%;top:calc(var(--px) * 24);pointer-events:none;position:absolute;transform:translate(-50%)}.deploy-hint.below-boss{top:calc(var(--px) * 38)}.auto-ult{align-items:center;gap:calc(var(--px) * 1.5);white-space:nowrap;display:flex}.party-row{align-items:flex-end;position:relative}.party-side{margin-left:calc(var(--px) * 3);gap:calc(var(--px) * 2);align-items:stretch;position:absolute;bottom:0;left:100%}.party-side .btn{justify-content:center}.boss-bar{--bu:var(--px);left:50%;top:calc(var(--px) * 5);width:calc(var(--px) * 190);max-width:calc(100% - var(--px) * 8);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.bb-plate{z-index:1;isolation:isolate;align-items:center;gap:calc(var(--bu) * 2);max-width:calc(100% - var(--bu) * 16);margin-bottom:calc(var(--bu) * -1);padding:calc(var(--bu) * 2) calc(var(--bu) * 4);display:flex;position:relative}.bb-plate:before{content:"";z-index:-1;box-shadow:inset 0 0 0 var(--bu) #1a1220, inset calc(var(--bu) * 2) calc(var(--bu) * 2) 0 #7a2a44, inset calc(var(--bu) * -2) calc(var(--bu) * -2) 0 #2a0a18;clip-path:polygon(var(--bu) 0, calc(100% - var(--bu)) 0, 100% var(--bu), 100% calc(100% - var(--bu)), calc(100% - var(--bu)) 100%, var(--bu) 100%, 0 calc(100% - var(--bu)), 0 var(--bu));background:#4a1426;position:absolute;top:0;bottom:0;left:0;right:0}#ui .bb-crest{width:calc(var(--bu) * 8);height:calc(var(--bu) * 8);flex:none}.bb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;font-size:calc(var(--px) * 6);letter-spacing:.05em;text-transform:uppercase;color:#ffe8d0;text-shadow:0 var(--bu) 0 #1a1220;overflow:hidden}.bb-epithet{color:#e0a8b4;font-weight:400}.bb-state{padding:0 calc(var(--bu) * 2);font-family:var(--f-label);font-weight:700;font-size:max(10px, calc(var(--px) * 4.5));letter-spacing:.06em;text-transform:uppercase;color:var(--gold);white-space:nowrap;background:#1a1220;flex:none}.bb-state:empty{display:none}.boss-info{width:calc(var(--bu) * 7);height:calc(var(--bu) * 7);font-family:var(--f-label);font-size:calc(var(--bu) * 6);color:#2a1804;border:var(--bu) solid #1a1220;box-shadow:inset var(--bu) var(--bu) 0 #fff2c0, inset calc(var(--bu) * -1) calc(var(--bu) * -1) 0 #c8802a;cursor:pointer;pointer-events:auto;background:#ffd86a;flex:none;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:flex;position:relative}.boss-info:before{content:"";inset:calc(var(--bu) * -3);position:absolute}.boss-info:hover{filter:brightness(1.12)}.bb-gauge{width:100%;padding:0 calc(var(--bu) * 4);position:relative}.bb-frame{height:calc(var(--bu) * 12);clip-path:polygon(var(--bu) 0, calc(100% - var(--bu)) 0, 100% var(--bu), 100% calc(100% - var(--bu)), calc(100% - var(--bu)) 100%, var(--bu) 100%, 0 calc(100% - var(--bu)), 0 var(--bu));box-shadow:inset 0 0 0 var(--bu) #1a1220, inset calc(var(--bu) * 2) calc(var(--bu) * 2) 0 #ffd86a, inset calc(var(--bu) * -2) calc(var(--bu) * -2) 0 #a8602a, inset 0 0 0 calc(var(--bu) * 3) #1a1220;background:#1a1220;position:relative}.bb-track{left:calc(var(--bu) * 3);right:calc(var(--bu) * 3);top:calc(var(--bu) * 3);height:calc(var(--bu) * 4);background:linear-gradient(#2a0a18 0 25%,#3a1020 25%);position:absolute;overflow:hidden}.bb-track>i{transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0}.bb-hp{background:linear-gradient(#ff9aa8 0 25%,#e83a4a 25% 75%,#a8202a 75%);transition:transform .1s steps(2,end)}.bb-trail{background:linear-gradient(#fff6e0 0 25%,#f4d8a8 25% 75%,#d8a070 75%);transition:transform .32s steps(6,end)}.bb-shield{background:linear-gradient(#f4fbff 0 50%,#9ad0ff 50%);bottom:50%!important}.bb-en{left:calc(var(--bu) * 3);right:calc(var(--bu) * 3);top:calc(var(--bu) * 8);height:var(--bu);background:#1a2a44;position:absolute}.bb-en>i{transform-origin:0;background:#4ad8ff;height:100%;transition:transform .12s linear;display:block;transform:scaleX(0)}.bb-cap{top:calc(var(--bu) * 2);width:calc(var(--bu) * 4);height:calc(var(--bu) * 8);position:absolute;left:0}.bb-cap.r{left:auto;right:0;transform:scaleX(-1)}.bb-cap:before,.bb-cap:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.bb-cap:before{clip-path:polygon(calc(var(--bu) * 3) 0, 100% 0, 100% 100%, calc(var(--bu) * 3) 100%, calc(var(--bu) * 3) calc(var(--bu) * 7), calc(var(--bu) * 2) calc(var(--bu) * 7), calc(var(--bu) * 2) calc(var(--bu) * 6), var(--bu) calc(var(--bu) * 6), var(--bu) calc(var(--bu) * 5), 0 calc(var(--bu) * 5), 0 calc(var(--bu) * 3), var(--bu) calc(var(--bu) * 3), var(--bu) calc(var(--bu) * 2), calc(var(--bu) * 2) calc(var(--bu) * 2), calc(var(--bu) * 2) var(--bu), calc(var(--bu) * 3) var(--bu));background:#1a1220}.bb-cap:after{clip-path:polygon(calc(var(--bu) * 3) var(--bu), 100% var(--bu), 100% calc(var(--bu) * 7), calc(var(--bu) * 3) calc(var(--bu) * 7), calc(var(--bu) * 3) calc(var(--bu) * 6), calc(var(--bu) * 2) calc(var(--bu) * 6), calc(var(--bu) * 2) calc(var(--bu) * 5), var(--bu) calc(var(--bu) * 5), var(--bu) calc(var(--bu) * 3), calc(var(--bu) * 2) calc(var(--bu) * 3), calc(var(--bu) * 2) calc(var(--bu) * 2), calc(var(--bu) * 3) calc(var(--bu) * 2));background:linear-gradient(#ffd86a 0 50%,#a8602a 50%)}.bb-guard{margin-top:calc(var(--bu) * 3);padding:0 calc(var(--bu) * 2);font-family:var(--f-label);font-weight:700;font-size:max(10px, calc(var(--px) * 4.5));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#0d0a14cc}.bb-guard:empty{display:none}.pcard{cursor:pointer;position:relative}.pcard .ult-state{right:calc(var(--px) * 2);top:calc(var(--px) * 1);text-align:right;font-size:calc(var(--px) * 3.5);letter-spacing:.05em;pointer-events:none;text-shadow:0 var(--px) 0 #150f22;font-weight:700;position:absolute}.pcard.ult-ready .ult-state{color:#ffe45a}.pcard.ult-armed .ult-state{color:#fff}.pcard.ult-blocked .ult-state{color:#d8b0ff}.hcard.unknown .pt img,.hcard.unknown .pt canvas{filter:brightness(0)opacity(.75)}.mission-track{left:calc(var(--px) * 4);bottom:calc(var(--px) * 46);max-width:calc(var(--px) * 110);gap:calc(var(--px) * 2);position:absolute}.mission-track .track-item{border:var(--px) solid #ffb45a;padding:calc(var(--px) * 2) calc(var(--px) * 3);font-size:calc(var(--px) * 5);gap:calc(var(--px) * 1);background:#0d0a14e0;flex-direction:column;display:flex}.mission-track:empty{display:none}.trial-tag.loan{background:#b0702a}.hunted-tag{margin-left:calc(var(--px) * 1.5);padding:0 calc(var(--px) * 1.5);color:#fff;background:#c8323c;font-weight:700;display:inline-block}.res-progress{border:var(--px) solid var(--line,#3a3050);padding:calc(var(--px) * 3);background:#0d0a1499}.rank-portrait.unknown img,.rank-portrait.unknown canvas{filter:brightness(0)opacity(.75)}.pcard{--cut:calc(var(--px) * 2);--edge:#2a2240;--glow:transparent;align-items:center;gap:calc(var(--px) * 1.5);padding:calc(var(--px) * 1.5) calc(var(--px) * 2) calc(var(--px) * 1.5) calc(var(--px) * 1.5);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));box-shadow:inset 0 0 0 var(--px) var(--ink,#150f22), inset 0 0 0 calc(var(--px) * 2) var(--edge), inset 0 calc(var(--px) * 3) 0 var(--glow);background:linear-gradient(#221a36,#150f22);transition:transform 80ms steps(2,end);display:flex}.pc-port{width:calc(var(--px) * 20);height:calc(var(--px) * 20);padding:var(--px);background:color-mix(in srgb, var(--rc) 35%, #150f22);clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--rc) 70%, #fff), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--rc) 60%, #000);flex:none;position:relative}.pc-port .hero-head-window{display:block;width:100%!important;height:100%!important}.pc-body{gap:var(--px);width:calc(var(--px) * 26)}.pc-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pc-status{gap:calc(var(--px) * .5);height:calc(var(--px) * 5);display:flex}.pc-st img{width:calc(var(--px) * 5);height:calc(var(--px) * 5);image-rendering:pixelated;display:block}.pcard.ult-ready{--edge:#ffe45a;--glow:#ffe45a47;animation:.5s steps(2,end) infinite ultPulse}.pcard.ult-armed{--edge:#fff;--glow:#ffb45a4d}.pcard.ult-blocked{--edge:#b07aff}@keyframes ultPulse{50%{--edge:#fff6c8;filter:brightness(1.25)}}.party-bar.vbar{gap:calc(var(--px) * 2);padding-top:calc(var(--px) * 7);align-items:flex-end}.vcard{align-items:stretch;gap:calc(var(--px) * 1);width:calc(var(--px) * 28);padding:calc(var(--px) * 1.5);clip-path:none;cursor:pointer;box-shadow:inset 0 0 0 var(--px) var(--ink,#150f22), inset 0 0 0 calc(var(--px) * 2) var(--edge), 0 calc(var(--px) * 1.2) 0 #0a0712;flex-direction:column;position:relative;overflow:visible}.vcard .pc-port{width:auto;height:calc(var(--px) * 30);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--rc) 75%, #fff);background:#150f22;padding:0;overflow:hidden}.vcard .pc-port:after{content:"";box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--rc) 75%, #fff);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui img.vc-art{position:absolute;top:0;left:50%;transform:translate(-50%,-2%);width:165%!important;height:auto!important}.vcard .pc-name{padding:calc(var(--px) * 3) calc(var(--px) * 1.5) calc(var(--px) * .8);font-size:calc(var(--px) * 4);color:#fff;text-shadow:0 var(--px) 0 #150f22;background:linear-gradient(#0000,#150f22e6 55%);font-weight:700;position:absolute;bottom:0;left:0;right:0}.vcard .ult-state{right:var(--px);top:var(--px);padding:0 calc(var(--px) * .8);font-size:calc(var(--px) * 3.2);background:#150f22d0}.vcard .ult-state:empty{display:none}.vcard .bar{height:calc(var(--px) * 4);border-width:calc(var(--px) * .6);background:#120d20}.vcard .bar>i{box-shadow:inset 0 calc(var(--px) * .6) 0 #ffffff4d}.vcard .vc-hp>i{background:#e0443e}.vcard .vc-en{height:calc(var(--px) * 3)}.vcard .vc-en>i{background:#3aa8f0}.vcard .pc-status{margin-bottom:var(--px);pointer-events:none;flex-wrap:wrap-reverse;justify-content:center;height:auto;position:absolute;bottom:100%;left:0;right:0}.vcard.selected{transform:translateY(calc(var(--px) * -3));--edge:#f4f0ff;box-shadow:inset 0 0 0 var(--px) var(--ink,#150f22), inset 0 0 0 calc(var(--px) * 2) var(--edge), 0 calc(var(--px) * 4.2) 0 #0a0712}.vcard.selected.ult-ready{--edge:#ffe45a}.vcard.dead .pc-port{filter:grayscale()brightness(.45)}.vcard:hover{filter:brightness(1.12)}.battle-detail{right:calc(var(--px) * 4);bottom:calc(var(--px) * 4);width:calc(var(--px) * 84);padding:calc(var(--px) * 3);gap:calc(var(--px) * 1.5);flex-direction:column;display:flex;position:absolute}.battle-detail.hidden{display:none}.hd-head{gap:calc(var(--px) * 2);align-items:center}.hd-port{padding:var(--px);background:color-mix(in srgb, var(--rc) 35%, #150f22);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--rc) 75%, #fff);flex:none}.hd-port .hero-head-window{display:block}.hd-name{font-weight:700;font-size:calc(var(--px) * 5);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hd-sub{font-size:calc(var(--px) * 3.6);color:var(--muted,#a89cc0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hd-ult{font-size:calc(var(--px) * 3.6);color:#ffe45a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hd-bar{height:calc(var(--px) * 5);box-shadow:inset 0 0 0 calc(var(--px) * .5) #0a0712;background:#150f22;position:relative}.hd-bar i{position:absolute;top:0;bottom:0;left:0}.hd-bar.hp i{background:linear-gradient(#ff7a6a,#d8323a)}.hd-bar.en i{background:linear-gradient(#8ae8ff,#3a8ae0)}.hd-bar span{text-align:center;font-size:calc(var(--px) * 3.6);line-height:calc(var(--px) * 5);color:#fff;text-shadow:0 var(--px) 0 #150f22;display:block;position:relative}.hd-stats{gap:calc(var(--px) * .6) calc(var(--px) * 4);font-size:calc(var(--px) * 3.8);grid-template-columns:1fr 1fr;display:grid}.hd-stat{color:var(--muted,#a89cc0);justify-content:space-between;display:flex}.hd-stat b{color:#fff}.hd-sts{gap:calc(var(--px) * .6);border-top:var(--px) solid #2a2240;padding-top:calc(var(--px) * 1.5);flex-direction:column;display:flex}.hd-st{align-items:center;gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 3.6);display:flex}.hd-st img{width:calc(var(--px) * 5);height:calc(var(--px) * 5);image-rendering:pixelated}.hd-st span{flex:1}.hd-st.buff span{color:#7ee8a0}.hd-st.debuff span{color:#ff9a8a}.hd-st b{color:#d8d0f0}.battle-ui.cutin .battle-detail{opacity:0;pointer-events:none}.battle-ui .syn-list,.battle-ui .order-hint{transition:opacity .12s steps(2,end)}.battle-ui.cutin .syn-list,.battle-ui.cutin .meter-dock,.battle-ui.cutin .order-hint,.battle-ui.cutin .deploy-hint{opacity:0;pointer-events:none}.battle-ui.cutin .boss-info{opacity:.4;pointer-events:none}.meter-dock{--mh-w:calc(var(--px) * 9);right:calc(var(--px) * 4);top:calc(var(--px) * 26);align-items:flex-start;transition:transform .2s steps(5,end),opacity .12s steps(2,end);display:flex;position:absolute}.meter-dock[data-open=false]{transform:translateX(calc(100% - var(--mh-w) + var(--px) * 4))}.meter-dock[data-open=false] .meter{visibility:hidden;transition:visibility 0s .2s}.meter-dock .meter{padding:calc(var(--px) * 3);position:relative}.meter{min-width:calc(var(--px) * 76)!important}.meter-handle{--mu:var(--px);width:var(--mh-w);height:calc(var(--px) * 24);margin:calc(var(--px) * 3) calc(var(--px) * -2) 0 0;justify-content:center;align-items:center;gap:calc(var(--mu) * 3);padding:0 calc(var(--px) * 2) 0 0;border:var(--px) solid #1a1220;box-shadow:inset var(--px) var(--px) 0 #4a3e86, inset 0 calc(var(--px) * -1) 0 #1d1739;clip-path:polygon(var(--px) 0, 100% 0, 100% 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));cursor:pointer;background:#2b2352;border-right:none;flex-direction:column;flex:none;display:flex;position:relative}.meter-handle:hover{background:#3a2e6a}.meter-handle:focus-visible{box-shadow:inset 0 0 0 calc(var(--px) * 1.5) var(--gold);background:#3a2e6a;outline:none}.mh-chev{width:calc(var(--mu) * 4);height:calc(var(--mu) * 5);position:relative}.mh-chev:before{content:"";width:var(--mu);height:var(--mu);background:var(--gold);box-shadow:var(--mu) 0 0 var(--gold), var(--mu) var(--mu) 0 var(--gold), calc(var(--mu) * 2) var(--mu) 0 var(--gold), calc(var(--mu) * 2) calc(var(--mu) * 2) 0 var(--gold), calc(var(--mu) * 3) calc(var(--mu) * 2) 0 var(--gold), var(--mu) calc(var(--mu) * 3) 0 var(--gold), calc(var(--mu) * 2) calc(var(--mu) * 3) 0 var(--gold), 0 calc(var(--mu) * 4) 0 var(--gold), var(--mu) calc(var(--mu) * 4) 0 var(--gold);position:absolute;top:0;left:0}.meter-dock[data-open=false] .mh-chev{transform:scaleX(-1)}.mh-glyph{align-items:flex-end;gap:var(--mu);height:calc(var(--mu) * 5);display:flex}.mh-glyph i{width:var(--mu);height:calc(var(--mu) * 5);background:#e8a33a}.mh-glyph i:nth-child(2){height:calc(var(--mu) * 3);background:#e0584f}.mh-glyph i:nth-child(3){height:calc(var(--mu) * 4);background:#4ec87a}.meter-tabs{gap:calc(var(--px) * 1);margin-bottom:calc(var(--px) * 2.5);display:flex}.meter-tab{padding:calc(var(--px) * 1.2) calc(var(--px) * 1);font-family:inherit;font-weight:700;font-size:calc(var(--px) * 4);color:var(--muted,#a89cc0);cursor:pointer;background:#221a36;border:none;flex:1}.meter-tab:hover{color:#fff}.meter-tab.on{background:color-mix(in srgb, var(--mc) 28%, #1a1330);color:#fff;box-shadow:inset 0 calc(var(--px) * -1) 0 var(--mc)}.meter-row{grid-template-columns:calc(var(--px) * 9) 1fr calc(var(--px) * 16);gap:calc(var(--px) * 2);margin-bottom:calc(var(--px) * 1.5);align-items:center;display:grid}.meter-row.dead{opacity:.5;filter:grayscale()}.meter-bar{height:calc(var(--px) * 3);box-shadow:inset 0 0 0 calc(var(--px) * .5) #0a0712;background:#120d20}.meter-bar i{height:100%;display:block}.meter-val{font-size:calc(var(--px) * 4.5);color:#fff;text-align:right;font-weight:700}.report{padding-top:calc(var(--px) * 4);width:min(calc(var(--px) * 440), 92vw);position:relative}.report>.panel-title{margin:0 auto calc(var(--px) * 3);display:table;position:static;transform:none}.report-head{margin-bottom:calc(var(--px) * 2);flex-wrap:wrap;justify-content:center}.report-tabs{gap:calc(var(--px) * 4);border-bottom:var(--px) solid #2a2240;margin-bottom:calc(var(--px) * 2)}.rp-tab{color:var(--muted,#a89cc0);font-family:inherit;font-weight:700;font-size:calc(var(--px) * 5);letter-spacing:.08em;text-transform:uppercase;padding:calc(var(--px) * 1.5) 0;cursor:pointer;background:0 0;border:none}.rp-tab.on{color:#fff;box-shadow:inset 0 calc(var(--px) * -1) 0 #ffc83a}.report-body{min-height:calc(var(--px) * 165)}.report-scroll{max-height:calc(var(--px) * 165);overflow:auto}.report-grid{border-collapse:collapse;width:100%;font-size:calc(var(--px) * 4.3)}.report-grid th{padding:calc(var(--px) * 1) calc(var(--px) * 1.5);z-index:1;background:#1a1330;position:sticky;top:0}.rp-col-head{align-items:center;gap:calc(var(--px) * .5);font-size:calc(var(--px) * 3.5);color:#d8d0f0;max-width:calc(var(--px) * 30);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.report-grid td{padding:calc(var(--px) * .9) calc(var(--px) * 1.5)}.report-grid td.num{text-align:center;white-space:nowrap;color:#e4e1ed}.report-grid td.top{color:#ffe45a;font-weight:700}.report-grid td.ok{color:#7ee8a0}.report-grid td.ko{color:#ff8a8a}.report-grid .rp-label{color:#c8c0d8;white-space:nowrap;padding-left:calc(var(--px) * 4)}.report-grid tr:nth-child(2n) td{background:#ffffff06}.report-grid .rp-sec td{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:calc(var(--px) * 4);cursor:pointer;padding-top:calc(var(--px) * 1.5);padding-bottom:calc(var(--px) * 1.5);background:#221a36}.rp-graphs{gap:calc(var(--px) * 4);min-height:calc(var(--px) * 150);align-items:stretch}.rp-metrics{width:calc(var(--px) * 90);max-height:calc(var(--px) * 165);gap:calc(var(--px) * .5);flex:none;overflow:auto}.rp-mhead{margin-top:calc(var(--px) * 2);font-size:calc(var(--px) * 3.6);color:var(--muted,#a89cc0);letter-spacing:.08em;text-transform:uppercase}.rp-metric{align-items:center;gap:calc(var(--px) * 1.5);color:#d8d0f0;font-family:inherit;font-size:calc(var(--px) * 4);text-align:left;padding:calc(var(--px) * .6) calc(var(--px) * 1);cursor:pointer;background:0 0;border:none;display:flex}.rp-metric.on{color:#fff;background:#2a2240}.rp-box{width:calc(var(--px) * 4);height:calc(var(--px) * 4);border:calc(var(--px) * .6) solid #6a5a90;color:#ffc83a;font-size:calc(var(--px) * 3);justify-content:center;align-items:center;line-height:1;display:inline-flex}.rp-chart-title{text-align:center;font-weight:700;font-size:calc(var(--px) * 4.5);margin-bottom:calc(var(--px) * 2)}.rp-plot{gap:calc(var(--px) * 1.5);padding-bottom:calc(var(--px) * 7);flex-direction:column;display:flex;position:relative}.rp-grid{left:calc(var(--px) * 40);right:calc(var(--px) * 12);top:0;bottom:calc(var(--px) * 6);pointer-events:none;position:absolute}.rp-grid span{width:var(--px);background:#2a2240;position:absolute;top:0;bottom:0}.rp-bar-row{align-items:center;gap:calc(var(--px) * 2);height:calc(var(--px) * 10);display:flex;position:relative}.rp-bar-row:hover .rp-bar{filter:brightness(1.25)}.rp-bar-who{width:calc(var(--px) * 38);align-items:center;gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 3.8);white-space:nowrap;color:#d8d0f0;flex:none;display:flex;overflow:hidden}.rp-bar-track{height:calc(var(--px) * 6);margin-right:calc(var(--px) * 12);flex:1;position:relative}.rp-bar{background:var(--bc);box-shadow:inset 0 calc(var(--px) * -1) 0 #0005, 0 0 0 calc(var(--px) * .5) #150f22;position:absolute;top:0;bottom:0;left:0}.rp-bar-val{transform:translate(calc(var(--px) * 2), -50%);font-size:calc(var(--px) * 3.8);color:#fff;white-space:nowrap;font-weight:700;position:absolute;top:50%}.rp-axis{left:calc(var(--px) * 40);right:calc(var(--px) * 12);height:calc(var(--px) * 5);position:absolute;bottom:0}.rp-axis span{font-size:calc(var(--px) * 4);color:var(--muted,#a89cc0);position:absolute;transform:translate(-50%)}.team-screen{z-index:40;gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 7);background:linear-gradient(#150f22f2,#1d1739f2);flex-direction:column;animation:.15s steps(3,end) fadein;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.team-screen.fade-out{opacity:0;transition:opacity .15s steps(3,end)}.team-head{align-items:center}.team-head .title{font-size:calc(var(--px) * 11)}.team-top{padding:calc(var(--px) * 4);box-shadow:inset 0 0 0 var(--px) #2a2240, inset 0 0 0 calc(var(--px) * 2) #150f22;background:#120c1ecc;flex:none;align-items:stretch}.team-slots8{grid-template-columns:repeat(4, calc(var(--px) * 62));gap:calc(var(--px) * 2.5);align-content:start;display:grid}.team-slot{align-items:center;gap:calc(var(--px) * .8);cursor:pointer;flex-direction:column;display:flex}.team-slot:hover{filter:brightness(1.15)}.team-slot .ts-name{font-weight:700;font-size:calc(var(--px) * 4.5)}.team-slot .stars{transform:scale(.8)}.team-slot.empty{height:calc(var(--px) * 24);border:var(--px) dashed #3a3060;color:var(--muted,#a89cc0);font-size:calc(var(--px) * 10);justify-content:center;align-items:center}.team-syn{gap:calc(var(--px) * 1.2);overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;flex:1;min-width:0;min-height:0;overflow:auto}.team-syn>*{flex:none}.team-bottom{gap:calc(var(--px) * 2);flex:1;min-height:160px}.team-tabs{align-items:center;gap:calc(var(--px) * 1.2);flex-wrap:wrap}.team-tab{align-items:center;gap:calc(var(--px) * 1);height:calc(var(--px) * 12);padding:0 calc(var(--px) * 2.5);color:#d8d0f0;cursor:pointer;box-shadow:inset 0 0 0 var(--px) #150f22, inset 0 var(--px) 0 calc(var(--px) * 1) #3e3462, 0 calc(var(--px) * 1.2) 0 #150f22;font-family:inherit;font-size:calc(var(--px) * 4.5);background:#2a2240;border:none;display:inline-flex}.team-tab:hover{background:#342a50}.team-tab.on{color:#2a1a08;transform:translateY(calc(var(--px) * 1.2));box-shadow:inset 0 0 0 var(--px) #150f22, inset 0 calc(var(--px) * 2) 0 #d99a1e;background:#ffc83a}.team-tab.on .tt-n{color:#6a4a10}.team-tab .tt-n{font-size:calc(var(--px) * 3.5);color:var(--muted,#a89cc0)}.team-tab-sep{margin:0 calc(var(--px) * 1) 0 calc(var(--px) * 3);font-size:calc(var(--px) * 3.8);color:var(--muted,#a89cc0);text-transform:uppercase;letter-spacing:.08em}.team-strip{grid-template-columns:repeat(auto-fill, calc(var(--px) * 62));gap:calc(var(--px) * 2);min-height:100px;padding:calc(var(--px) * 2);box-shadow:inset 0 0 0 var(--px) #2a2240;background:#0e0a18cc;flex:1;grid-auto-rows:max-content;align-content:start;display:grid;overflow:auto}.team-pick{align-items:center;gap:calc(var(--px) * .5);padding:calc(var(--px) * 1.2);cursor:pointer;background:color-mix(in srgb, var(--rc) 18%, #150f22);box-shadow:inset 0 0 0 var(--px) #150f22, inset 0 0 0 calc(var(--px) * 1.6) var(--rc);clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));flex-direction:column;display:flex;position:relative}.team-pick:hover{filter:brightness(1.2)}.team-pick.in .hero-head-window,.team-pick.in .tp-name{filter:brightness(.45)}.team-pick .tp-rar{left:calc(var(--px) * 1.5);top:calc(var(--px) * 1.2);font-size:calc(var(--px) * 3.2);color:var(--rc);text-shadow:0 var(--px) 0 #150f22;font-weight:700;position:absolute}.team-pick .tp-check{right:calc(var(--px) * 1);top:calc(var(--px) * .5);color:#7ee8a0;font-size:calc(var(--px) * 7);text-shadow:0 var(--px) 0 #150f22;font-weight:700;position:absolute}.team-pick .tp-name{font-size:calc(var(--px) * 3.8);white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.rcard{position:relative}.rcard.flash .rc-front{filter:brightness(2.6)saturate(.2)}@keyframes jolt{25%{transform:translate(calc(var(--px) * 2), calc(var(--px) * -2))}50%{transform:translate(calc(var(--px) * -2), calc(var(--px) * 1))}75%{transform:translate(calc(var(--px) * 1), calc(var(--px) * 2))}}.flip-fx{pointer-events:none;z-index:3;--t0:#fffdf6;--t1:#cef;--t2:#82c2f0;width:0;height:0;position:absolute;top:45%;left:50%}.flip-fx.fx-SR{--t0:#fffdf6;--t1:#e0b8ff;--t2:#c07aff}.flip-fx.fx-SSR{--t0:#fffdf6;--t1:#fff08a;--t2:#f2cc5c}.flip-fx.fx-UR{--t0:#fffdf6;--t1:#f8bed2;--t2:#9ce8d0}.fx-spark{width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--t1);animation:.5s steps(6,end) both spark;position:absolute;top:0;left:0}.fx-spark.t0{background:var(--t0)}.fx-spark.t2{background:var(--t2);width:calc(var(--px) * 1.5);height:calc(var(--px) * 1.5)}.fx-UR .fx-spark.t1{background:#ffd23e}.fx-UR .fx-spark.t2{background:#6ae8ff}@keyframes spark{0%{transform:translate(0)scale(1.5)}70%{transform:translate(var(--dx), var(--dy)) scale(1);visibility:visible}to{transform:translate(var(--dx), calc(var(--dy) + var(--px) * 3)) scale(.5);visibility:hidden}}.fx-ring{left:calc(var(--px) * -10);top:calc(var(--px) * -10);width:calc(var(--px) * 20);height:calc(var(--px) * 20);border:calc(var(--px) * 1.5) solid var(--t1);box-shadow:0 0 0 var(--px) var(--t2);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);animation:.45s steps(5,end) both fxring;position:absolute}@keyframes fxring{0%{transform:scale(.3)}90%{visibility:visible}to{visibility:hidden;transform:scale(2.6)}}.fx-ray{background:var(--t0);box-shadow:0 0 0 var(--px) var(--t1);animation:.4s steps(5,end) both fxray;position:absolute}.fx-ray.up,.fx-ray.down{left:calc(var(--px) * -.75);width:calc(var(--px) * 1.5);height:calc(var(--px) * 30)}.fx-ray.left,.fx-ray.right{top:calc(var(--px) * -.75);height:calc(var(--px) * 1.5);width:calc(var(--px) * 30)}.fx-ray.up{transform-origin:bottom;bottom:0}.fx-ray.down{transform-origin:top;top:0}.fx-ray.left{transform-origin:100%;right:0}.fx-ray.right{transform-origin:0;left:0}@keyframes fxray{0%{transform:scale(.1)}50%{transform:scale(1)}90%{visibility:visible}to{visibility:hidden;transform:scale(1.2)translate(0)}}.rcard.rev-SR .rc-front{visibility:visible;animation:1s steps(2,end) .2s infinite rimSR}@keyframes rimSR{50%{box-shadow:inset 0 0 0 var(--px) #e0b8ff, 0 0 0 var(--px) #c07aff, 0 0 0 calc(var(--px) * 2) #150f22}}.rcard.rev-SSR .rc-front{visibility:visible;animation:.8s steps(2,end) .2s infinite rimSSR}@keyframes rimSSR{50%{box-shadow:inset 0 0 0 var(--px) #fff08a, 0 0 0 var(--px) #ffc83a, 0 0 0 calc(var(--px) * 2) #fff6c8}}.rcard.rev-UR .rc-front{visibility:visible;animation:1.2s steps(4,end) .2s infinite rimUR}@keyframes rimUR{0%{box-shadow:inset 0 0 0 var(--px) #ff6ad5, 0 0 0 var(--px) #ff6ad5}25%{box-shadow:inset 0 0 0 var(--px) #ffd23e, 0 0 0 var(--px) #ffd23e}50%{box-shadow:inset 0 0 0 var(--px) #6ae8ff, 0 0 0 var(--px) #6ae8ff}75%{box-shadow:inset 0 0 0 var(--px) #9ce8d0, 0 0 0 var(--px) #9ce8d0}}.rcard.rev-SSR:after,.rcard.rev-UR:after{content:"";left:50%;bottom:calc(var(--px) * 6);width:var(--px);height:var(--px);pointer-events:none;z-index:2;--m:#fff08a;box-shadow:calc(var(--px) * -16) 0 0 var(--m), calc(var(--px) * -8) calc(var(--px) * -6) 0 #fffdf6, calc(var(--px) * 2) calc(var(--px) * -2) 0 var(--m), calc(var(--px) * 11) calc(var(--px) * -9) 0 #fffdf6, calc(var(--px) * 18) calc(var(--px) * -3) 0 var(--m);animation:1.6s steps(8,end) infinite motes;position:absolute}.rcard.rev-UR:after{--m:#f8bed2}@keyframes motes{0%{visibility:visible;transform:translateY(0)}85%{visibility:visible}to{transform:translateY(calc(var(--px) * -40));visibility:hidden}}.team-card{cursor:pointer;min-height:calc(var(--px) * 32);box-sizing:border-box}.team-strip .team-card{min-height:max-content}.team-card:hover{filter:brightness(1.15)}.team-card .pc-body{width:calc(var(--px) * 34);gap:calc(var(--px) * .6)}.team-card .tc-traits{gap:calc(var(--px) * .6)}.team-card .stars{transform-origin:0;height:calc(var(--px) * 4);transform:scale(.7)}.team-card .tp-check{right:calc(var(--px) * 1.5);top:calc(var(--px) * .5);color:#7ee8a0;font-size:calc(var(--px) * 6);text-shadow:0 var(--px) 0 #150f22;font-weight:700;position:absolute}.pull-btn{font-size:calc(var(--px) * 7);min-height:calc(var(--px) * 22);min-width:calc(var(--px) * 68)}.guardian-info{width:calc(var(--px) * 230);gap:calc(var(--px) * 3);max-width:100%}.gi-head{gap:calc(var(--px) * 4);align-items:center}.gi-face{padding:calc(var(--px) * 1.5);box-shadow:inset 0 0 0 var(--px) #ff4a5a;background:#3a1420;flex:none;display:flex}.boss-art{object-fit:cover;image-rendering:pixelated}.gi-form-art{object-fit:contain;flex:none;max-width:100%}.gi-kind{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);letter-spacing:.1em;text-transform:uppercase;color:#ff8a9a}.gi-name{font-size:calc(var(--px) * 10);line-height:1.05}.gi-ult{font-size:calc(var(--px) * 5);color:var(--gold)}.gi-sec{font-family:var(--f-label);font-size:calc(var(--px) * 5);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:var(--px) solid #3a3060;padding-bottom:var(--px);margin-top:calc(var(--px) * 1)}.gi-steps{gap:calc(var(--px) * 2);scrollbar-width:thin;flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.gi-step{gap:calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 3);background:color-mix(in srgb, var(--pc) 10%, #1a1330);box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--pc) 45%, transparent);display:flex}.gi-at{width:calc(var(--px) * 16);font-weight:700;font-size:calc(var(--px) * 6.5);color:var(--pc);flex:none}.gi-body{gap:calc(var(--px) * 1.2);min-width:0}.gi-pname{font-weight:700;font-size:calc(var(--px) * 6);color:#fff}.gi-pdesc{font-size:calc(var(--px) * 5);color:#d8d0f0}.gi-hz{font-size:calc(var(--px) * 5);color:#e4e1ed;flex-direction:column;display:flex}.gi-hz b:before{content:"◆ ";vertical-align:middle;font-size:.7em}.gi-hz b{color:#ffb070}.gi-drop{font-size:calc(var(--px) * 4.6);color:var(--muted)}.gi-call{font-size:calc(var(--px) * 4.6);color:#ff9aa8}.gi-tactics{padding-left:calc(var(--px) * 6);gap:calc(var(--px) * 1.2);font-size:calc(var(--px) * 5.2);color:#e4e1ed;flex-direction:column;margin:0;line-height:1.3;display:flex}.leads-dialog .modal-body{flex-direction:column;padding-right:0;display:flex;overflow:hidden}.leads-board{width:calc(var(--px) * 290);max-width:100%;height:min(calc(var(--px) * 225), calc(100vh - 64px));gap:calc(var(--px) * 2);flex-direction:column;min-height:0;display:flex}.lb-intro{font-size:calc(var(--px) * 5);color:var(--muted)}.lb-tabs{gap:calc(var(--px) * 5);border-bottom:var(--px) solid #3a3060;flex:none;display:flex}.lb-tab{font-family:inherit;font-weight:700;font-size:calc(var(--px) * 5.5);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:calc(var(--px) * 1.5) 0;cursor:pointer;align-items:center;gap:calc(var(--px) * 1.5);background:0 0;border:none;display:inline-flex}.lb-tab.on{color:#fff;box-shadow:inset 0 calc(var(--px) * -1) 0 #ffc83a}.lb-tab-n{color:#2a1804;font-size:calc(var(--px) * 4);padding:0 calc(var(--px) * 1.2);background:#ffc83a}.lb-body{gap:calc(var(--px) * 2);min-height:0;padding-right:calc(var(--px) * 2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.lb-sec{margin-top:calc(var(--px) * 2);flex-direction:column;display:flex}.lb-sec>span:first-child{font-family:var(--f-label);font-size:calc(var(--px) * 5);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.lb-sec-h{font-size:calc(var(--px) * 4.5);color:var(--muted)}.lb-empty{font-size:calc(var(--px) * 5);color:var(--muted);padding:calc(var(--px) * 3);background:#1a1330}.lb-card{align-items:stretch;gap:calc(var(--px) * 4);padding:0 calc(var(--px) * 3) 0 0;box-shadow:inset 0 0 0 var(--px) #2a2240;background:#1a1330;display:flex}.lb-card .lb-main{padding:calc(var(--px) * 3) 0;justify-content:center}.lb-art{width:calc(var(--px) * 64);min-height:calc(var(--px) * 36);box-shadow:inset calc(var(--px) * -1) 0 0 #0a0712;background:#150f22;flex:none;position:relative;overflow:hidden}.lb-art.icon{width:calc(var(--px) * 40);background:#221a36;justify-content:center;align-items:center;display:flex}.lb-art-pane{position:absolute;top:0;bottom:0;left:0;right:0}#ui img.lb-art-img,#overlay img.lb-art-img{object-fit:cover;image-rendering:auto;position:absolute;top:0;bottom:0;left:0;right:0;width:100%!important;height:100%!important}.lb-art-pane.l{clip-path:polygon(0 0,60% 0,40% 100%,0 100%)}.lb-art-pane.l img{width:70%!important}.lb-art-pane.r{clip-path:polygon(60% 0,100% 0,100% 100%,40% 100%)}.lb-art-pane.r img{width:70%!important;left:30%!important}.lb-art-bar{clip-path:polygon(58.5% 0,61.5% 0,41.5% 100%,38.5% 100%);box-shadow:none;background:#f4e8c0;position:absolute;top:0;bottom:0;left:0;right:0}.lb-card.locked .lb-art{opacity:.8}.lb-card.locked{opacity:.7}.lb-face{align-self:flex-start;gap:var(--px);padding:var(--px);background:color-mix(in srgb, var(--rc,#5a4a80) 35%, #150f22);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--rc,#5a4a80) 75%, #fff);flex:none;display:flex}.lb-face.done{--rc:#4ec87a}.lb-main{gap:calc(var(--px) * 1.2);flex-direction:column;flex:1;min-width:0;display:flex}.lb-title{align-items:center;gap:calc(var(--px) * 2);font-weight:700;font-size:calc(var(--px) * 6);color:#fff;flex-wrap:wrap;display:flex}.lb-tag{font-family:var(--f-label);font-size:calc(var(--px) * 4);color:var(--muted);letter-spacing:.06em}.lb-tag.gold{color:var(--gold)}.lb-text{font-size:calc(var(--px) * 5);color:#d8d0f0;line-height:1.3}.lb-next{font-size:calc(var(--px) * 5);color:#ffe8a0;gap:calc(var(--px) * 2);flex-wrap:wrap;display:flex}.lb-next b{color:var(--gold)}.lb-where{align-items:center;gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 4.5);color:var(--muted);display:flex}.lb-foot{justify-content:space-between;align-items:center;gap:calc(var(--px) * 3);flex-wrap:wrap;display:flex}.lb-rws{gap:calc(var(--px) * 1.5);flex-wrap:wrap;display:flex}.lb-rw{align-items:center;gap:calc(var(--px) * 1.2);padding:calc(var(--px) * .5) calc(var(--px) * 2);box-shadow:inset 0 0 0 var(--px) #3a3060;font-size:calc(var(--px) * 4.5);color:#e4e1ed;background:#221a36;display:inline-flex}.lb-rw.pact{box-shadow:inset 0 0 0 var(--px) #ffc83a;color:#ffe8a0}.lb-tries{font-size:calc(var(--px) * 4.3);color:var(--muted)}.lb-prog{align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 4.5);color:#e4e1ed;display:flex}.lb-bar{max-width:calc(var(--px) * 80);height:calc(var(--px) * 3);box-shadow:inset 0 0 0 calc(var(--px) * .5) #0a0712;background:#120d20;flex:1}.lb-bar i{height:100%;display:block}.lb-codex{gap:calc(var(--px) * 4);flex:1;min-height:0;display:flex}.lb-codex-list{width:calc(var(--px) * 95);gap:calc(var(--px) * .8);flex-direction:column;flex:none;display:flex;overflow-y:auto}.lb-codex-n{font-size:calc(var(--px) * 4.5);color:var(--muted);margin-bottom:calc(var(--px) * 1.5)}.lb-cx-world{margin-top:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 1.5);border:none;border-bottom:var(--px) solid #3a3060;font-family:inherit;font-weight:700;font-size:calc(var(--px) * 5);color:var(--gold);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.lb-cx-world[disabled]{cursor:default;color:var(--muted)}.lb-cx-world.on,.lb-cx-entry.on{background:#2a2240}.lb-cx-n{font-size:calc(var(--px) * 4.2);color:var(--muted)}.lb-cx-entry{align-items:center;gap:calc(var(--px) * 1.5);padding:calc(var(--px) * 1) calc(var(--px) * 1.5);font-family:inherit;font-size:calc(var(--px) * 5);color:#e4e1ed;text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.lb-cx-entry:hover:not(.locked){background:#221a36}.lb-cx-entry.locked{color:#5a5078;cursor:default}.lb-reader{min-width:0;padding:calc(var(--px) * 3) calc(var(--px) * 4);box-shadow:inset 0 0 0 var(--px) #2a2240;gap:calc(var(--px) * 2);background:#1a1330;flex-direction:column;flex:1;display:flex;overflow-y:auto}.lb-r-kicker{font-family:var(--f-label);font-size:calc(var(--px) * 4.3);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.lb-r-title{font-weight:700;font-size:calc(var(--px) * 8);color:#fff}.lb-r-text{font-size:calc(var(--px) * 5.3);color:#e4e1ed;line-height:1.45}.lb-r-para b{font-size:calc(var(--px) * 4.8);color:var(--gold)}.guide-dialog .modal-body{padding-right:0;overflow:hidden}.guide{width:calc(var(--px) * 290);gap:calc(var(--px) * 3);flex-direction:column;max-width:100%;display:flex}.gd-body{gap:calc(var(--px) * 4);height:min(calc(var(--px) * 190), calc(100vh - 110px));min-height:0;display:flex}.gd-nav{width:calc(var(--px) * 82);gap:calc(var(--px) * .6);flex-direction:column;flex:none;display:flex;overflow-y:auto}.gd-chap{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:calc(var(--px) * 2.5);padding-bottom:var(--px)}.gd-chap:first-child{margin-top:0}.gd-topic{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1.2) calc(var(--px) * 2);font-family:inherit;font-size:calc(var(--px) * 5.5);color:#d8d0f0;text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.gd-topic:hover{background:#221a36}.gd-topic.on{color:#fff;background:#2a2240}.gd-sheet{min-width:0;padding:calc(var(--px) * 4) calc(var(--px) * 5);gap:calc(var(--px) * 4);background:#1a1330;flex-direction:column;flex:1;display:flex;overflow-y:auto}.gd-head{align-items:center;gap:calc(var(--px) * 3);display:flex}.gd-title{font-weight:700;font-size:calc(var(--px) * 9);color:#fff;margin:0}.gd-points{padding-left:calc(var(--px) * 5);gap:calc(var(--px) * 3);font-size:calc(var(--px) * 6);color:#e4e1ed;flex-direction:column;margin:0;line-height:1.35;display:flex}.gd-points li::marker{color:var(--gold)}.gd-points li.with-ic{margin-left:calc(var(--px) * -5);align-items:flex-start;gap:calc(var(--px) * 2.5);list-style:none;display:flex}.gd-points li.with-ic img,.gd-points li.with-ic canvas{margin-top:calc(var(--px) * .5);flex:none}.gd-key{min-width:calc(var(--px) * 6);height:calc(var(--px) * 6.5);padding:0 calc(var(--px) * 1.2);margin:0 calc(var(--px) * .3);box-shadow:inset 0 calc(var(--px) * -1) 0 #150f22, inset 0 var(--px) 0 #4a3e70;color:#fff;vertical-align:middle;background:#2a2240;justify-content:center;align-items:center;font-size:.85em;font-weight:700;display:inline-flex}.recruit-row{align-items:flex-start}.rec-traits{justify-content:center;gap:calc(var(--px) * 1.5);display:flex}.rec-trait{padding:var(--px);opacity:.55;background:#1a1330;display:inline-flex;position:relative}.rec-trait.up{opacity:1;background:color-mix(in srgb, var(--tc) 30%, #1a1330);box-shadow:inset 0 0 0 var(--px) var(--tc)}.rec-trait b{right:calc(var(--px) * -2);top:calc(var(--px) * -3);font-size:calc(var(--px) * 4.5);color:#7ee8a0;text-shadow:0 var(--px) 0 #0a0712;position:absolute}.rec-team{box-sizing:border-box;background:#1a1330;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px;display:flex}.rec-team-l{font-family:var(--f-label);font-size:calc(var(--px) * 4.5);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:calc(var(--px) * 2)}.team-synergy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.synergy-column{flex-direction:column;gap:4px;min-width:0;display:flex}.team-synergy-grid .syn{box-sizing:border-box;width:100%;min-height:30px;color:var(--text);font-family:inherit;font-size:max(12px, calc(var(--px) * 5));text-align:left;cursor:pointer;gap:6px;padding:4px 6px}.team-synergy-grid .syn.off{opacity:1;color:#bdb2d4}.team-synergy-grid .syn.on{border-left-color:var(--tc)}.team-synergy-grid .syn.chg{background:color-mix(in srgb, var(--tc) 22%, #221a36)}.team-synergy-grid .syn.tierup{box-shadow:inset 0 0 0 1px var(--tc)}.team-synergy-grid .trait-ic{flex:none}.synergy-name{flex:1;min-width:0}.team-synergy-grid .cnt{font-size:inherit;flex:none}.synergy-up{color:#7ee8a0;font-size:11px}.synergy-detail{width:min(480px,100%)}.hero-details{z-index:2;min-height:28px;font-size:max(11px, calc(var(--px) * 4.5));padding:3px 6px;position:relative}.team-card-select{cursor:pointer;border:0}.recruit-card-select{z-index:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.team-card-select:focus-visible{outline-offset:-4px}.recruit-card-select:focus-visible{outline-offset:-4px}.recruit-offer .hcard>.hero-details{width:100%;min-height:32px;margin-top:5px}.recruit-offer .hcard .tr,.recruit-offer .hcard .rb,.team-card .tp-check{pointer-events:none}.recruit-dialog{--px:clamp(1.25px, .28dvh, 3px)}.recruit-dialog .modal-shell{width:min(800px,100vw - 32px)}.recruit-dialog .modal-body{scrollbar-gutter:auto;padding-right:0}.recruit-dialog .modal-body>.col{gap:8px}.recruit-dialog .rec-team{gap:4px}.recruit-dialog .team-synergy-grid .syn{min-height:30px;padding:3px 6px;font-size:14px}.recruit-dialog .team-synergy-grid .trait-ic{width:18px!important;height:18px!important}@media (max-width:600px){.recruit-dialog{--px:clamp(1.15px, .23dvh, 1.65px)}.recruit-dialog .recruit-row{gap:8px}}.vic-xp{grid-template-columns:repeat(2, calc(var(--px) * 82));gap:calc(var(--px) * 2) calc(var(--px) * 5);display:grid}.vx-row{align-items:center;gap:calc(var(--px) * 2);display:flex}.vx-main{gap:calc(var(--px) * .8);flex-direction:column;flex:1;min-width:0;display:flex}.vx-top{font-size:calc(var(--px) * 5);justify-content:space-between;align-items:baseline;display:flex}.vx-name{color:#fff;font-weight:700}.vx-lvl{color:var(--gold);font-weight:700}.vx-bar{height:calc(var(--px) * 7);box-shadow:inset 0 0 0 calc(var(--px) * .5) #0a0712;background:#120d20;position:relative}.vx-bar i{box-shadow:inset 0 var(--px) 0 #fff08a;background:#ffd23e;position:absolute;top:0;bottom:0;left:0}.vx-val{font-size:calc(var(--px) * 5);color:#f4eeff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vx-val.on{color:#2a1a08}.vx-row.max .vx-bar i{box-shadow:inset 0 var(--px) 0 #c8f8d8;background:#7ee8a0}.vx-row.max .vx-lvl{color:#7ee8a0}.vx-row.up .vx-lvl{animation:.4s steps(4,end) vxUp}.vx-row.up .vx-bar{animation:.3s steps(2,end) vxFlash}@keyframes vxUp{0%{color:#fff;transform:scale(2)}to{transform:scale(1)}}@keyframes vxFlash{50%{filter:brightness(2)}}.vx-row.max .vx-val.on{color:#0d2a1a}.btn,.btn-icon,.team-tab,.meter-tab{transition:transform 90ms steps(2,end),filter .1s}.btn:active:not(:disabled),.btn-icon:active:not(:disabled){transform:translateY(var(--px));filter:brightness(.9)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-icon:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.modal-shell.pop-in{animation:.18s steps(4,end) both panel-arrive}@keyframes panel-arrive{0%{transform:translateY(calc(var(--px) * 7));opacity:0}}.vcard.ult-ready{animation:.22s steps(3,end) ult-arrive}@keyframes ult-arrive{45%{filter:brightness(1.45)}}.scene-loading{border:2px solid var(--gold);color:var(--cream);text-align:center;z-index:1000;pointer-events:none;background:#150f22;padding:16px 22px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app[data-loading=true] #ui,#app[data-loading=true] #ui *,#app[data-transitioning=true] #ui,#app[data-transitioning=true] #ui *,#app[data-loading=true] #overlay,#app[data-loading=true] #overlay *,#app[data-transitioning=true] #overlay,#app[data-transitioning=true] #overlay *{pointer-events:none!important}.battle-panel-toggles{display:none}.world-slot{display:none;pointer-events:none!important}.bar.transform-fill>i{transform-origin:0;width:100%}.vc-hp>i,.vc-en>i,.meter-bar>i{transition:transform .12s linear}:root:not([data-layout=desktop]) .btn,:root:not([data-layout=desktop]) .btn-icon,:root:not([data-layout=desktop]) .team-tab,:root:not([data-layout=desktop]) .meter-tab,:root:not([data-layout=desktop]) .gd-topic,:root:not([data-layout=desktop]) .lb-tab{min-width:44px;min-height:44px}:root:not([data-layout=desktop]) .btn{font-size:max(14px, calc(var(--px) * 7))}:root:not([data-layout=desktop]) .body{font-size:16px}:root:not([data-layout=desktop]) .small{font-size:14px}:root:not([data-layout=desktop]) .label{font-size:12px}:root:not([data-layout=desktop]) .h2{font-size:20px}:root:not([data-layout=desktop]) .h3,:root:not([data-layout=desktop]) .choice .nm,:root:not([data-layout=desktop]) .event-choice .ec-l,:root:not([data-layout=desktop]) .lb-title{font-size:16px}:root:not([data-layout=desktop]) .choice .ds,:root:not([data-layout=desktop]) .event-choice .ec-d,:root:not([data-layout=desktop]) .lb-text,:root:not([data-layout=desktop]) .lb-next{font-size:14px}:root:not([data-layout=desktop]) .choice .tag,:root:not([data-layout=desktop]) .price,:root:not([data-layout=desktop]) .stat,:root:not([data-layout=desktop]) .lb-tag{font-size:12px}:root:not([data-layout=desktop]) .modal-shell{max-width:calc(100% - 24px);max-height:calc(var(--ui-height) - 24px)}:root:not([data-layout=desktop]) .modal-shell>.modal{max-height:calc(var(--ui-height) - 24px)}:root:not([data-layout=desktop]) .modal-body>*{min-width:0;max-width:100%}:root:not([data-layout=desktop]) .modal-x{top:-8px!important;right:-8px!important}:root:not([data-layout=desktop]) .settings-body .row{min-height:46px}:root:not([data-layout=desktop]) .range{min-height:44px}:root:not([data-layout=desktop]) .hero-roster,:root:not([data-layout=desktop]) .summon-rates,:root:not([data-layout=desktop]) .leads-board{height:calc(var(--ui-height) - 80px)}:root:not([data-layout=desktop]) .team-screen{padding:12px;position:absolute}:root:not([data-layout=desktop]) .battle-panel-toggles{pointer-events:auto;gap:6px;display:flex;position:absolute;top:54px;left:8px}:root:not([data-layout=desktop]) .battle-panel-toggles .btn{padding:6px 10px;font-size:14px}:root:not([data-layout=desktop]) .battle-ui .syn-list,:root:not([data-layout=desktop]) .battle-ui .meter{max-height:min(240px, calc(var(--ui-height) - 230px));touch-action:pan-y pinch-zoom;background:#150f22;overflow-y:auto}:root:not([data-layout=desktop]) .battle-ui .syn-list{z-index:5;padding:8px;top:104px!important}:root:not([data-layout=desktop]) .battle-ui .meter{min-width:180px!important}:root:not([data-layout=desktop]) .battle-ui:not([data-synergies-open=true]) .syn-list{display:none}:root:not([data-layout=desktop]) .meter-dock{z-index:5;--mh-w:28px;top:104px;right:0}:root:not([data-layout=desktop]) .meter-dock[data-open=false]{transform:translateX(calc(100% - var(--mh-w)))}:root:not([data-layout=desktop]) .meter-handle{--mu:2px;height:52px;margin-top:0}:root:not([data-layout=desktop]) .battle-ui[data-detail-open=true] .meter-dock{visibility:hidden}:root:not([data-layout=desktop]) .boss-bar{--bu:2px}:root:not([data-layout=desktop]) .boss-info{width:20px;height:20px;font-size:13px}:root:not([data-layout=desktop]) .boss-info:before{top:-12px;bottom:-12px;left:-12px;right:-12px}:root:not([data-layout=desktop]) .bb-name{font-size:14px}:root:not([data-layout=desktop]) .bb-epithet{display:none}:root:not([data-layout=desktop]) .bb-state,:root:not([data-layout=desktop]) .bb-guard{font-size:12px}:root:not([data-layout=desktop]) #ui .bb-crest{width:14px;height:14px}:root:not([data-layout=desktop]) .battle-ui:not([data-detail-open=true]) .battle-detail{display:none}:root:not([data-layout=desktop]) .battle-ui .syn{min-height:38px;font-size:14px}:root:not([data-layout=desktop]) .meter-val,:root:not([data-layout=desktop]) .meter-tab{font-size:13px}:root:not([data-layout=desktop]) .battle-ui.cutin .battle-panel-toggles{opacity:0;pointer-events:none}:root[data-layout=portrait] .hub-ui,:root[data-layout=portrait] .map-ui,:root[data-layout=portrait] .battle-ui{gap:6px;display:grid}:root[data-layout=portrait] .world-slot{min-width:0;min-height:1px;display:block}:root[data-layout=portrait] .battle-ui .hud-top{grid-row:1;padding-bottom:0;position:relative}:root[data-layout=portrait] .battle-panel-toggles{grid-row:2;margin:0 8px;position:static}:root[data-layout=portrait] .battle-ui .boss-bar{grid-row:3;justify-self:center;width:calc(100% - 16px);max-width:520px;position:relative;top:auto;left:auto;transform:none}:root[data-layout=portrait] .battle-ui .hud-bottom{grid-row:6;position:relative}:root[data-layout=portrait] .hud-top{gap:8px;padding:8px}:root[data-layout=portrait] .hud-top .currency{min-width:0;padding:4px 6px;font-size:16px}:root[data-layout=portrait] .battle-ui .hud-top>.col{flex:1;min-width:0}:root[data-layout=portrait] .battle-ui .hud-top .label{font-size:11px;line-height:1.15}:root[data-layout=portrait] .battle-ui .hud-top .row{flex:none}:root[data-layout=portrait] .battle-ui .hud-bottom{padding:0 10px 10px;gap:6px!important}:root[data-layout=portrait] .battle-ui .party-row{flex-direction:column;align-items:stretch;gap:8px;width:100%}:root[data-layout=portrait] .party-bar.vbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;width:100%;padding-top:8px;display:grid}:root[data-layout=portrait] .vcard{gap:3px;width:100%;min-width:44px;padding:4px}:root[data-layout=portrait] .vcard .pc-port{height:clamp(40px, calc(var(--ui-height) * .075), 64px)}:root[data-layout=portrait] .vcard .pc-name{padding:8px 3px 2px;font-size:12px}:root[data-layout=portrait] .vcard .ult-state{font-size:11px}:root[data-layout=portrait] .vcard .pc-status{flex-wrap:nowrap;max-height:12px}:root[data-layout=portrait] .party-side{flex-direction:row;gap:8px;margin-left:0;position:static}:root[data-layout=portrait] .party-side>.btn{flex:1}:root[data-layout=portrait] .battle-ui .fight-btn,:root[data-layout=portrait] .battle-ui .hud-bottom>.btn-big{width:100%;min-height:48px;font-size:24px}:root[data-layout=portrait] .battle-banner{top:calc(var(--world-top) + var(--world-height) * .4)}:root[data-layout=portrait] .battle-banner .bt{font-size:38px}:root[data-layout=portrait] .battle-ui .deploy-hint,:root[data-layout=portrait] .battle-ui .deploy-hint.below-boss,:root[data-layout=portrait] .battle-ui .tut-bubble{touch-action:pan-y pinch-zoom;pointer-events:auto;white-space:normal;text-align:center;grid-row:5;justify-self:center;max-width:calc(100% - 20px);max-height:64px;margin:0;position:relative;top:auto;left:auto;overflow-y:auto;transform:none;font-size:13px!important}:root[data-layout=portrait] .battle-ui .deploy-hint.order-hint{top:auto;bottom:calc(var(--ui-height) - var(--world-bottom) + 4px);pointer-events:none;grid-row:auto;width:calc(100% - 20px);max-height:none;position:absolute;left:50%;transform:translate(-50%)}:root[data-layout=portrait] .battle-ui .tut-arrow{display:none}:root[data-layout=portrait] .battle-ui .syn-list,:root[data-layout=portrait] .battle-ui .meter{max-height:var(--world-height)}:root[data-layout=portrait] .battle-ui .syn-list{top:var(--world-top)!important}:root[data-layout=portrait] .meter-dock{top:var(--world-top)}:root[data-layout=portrait] .battle-detail{top:var(--world-top);width:auto;max-height:var(--world-height);touch-action:pan-y pinch-zoom;z-index:5;padding:7px;bottom:auto;left:10px;right:10px;overflow-y:auto}:root[data-layout=portrait] .battle-detail .hd-name{font-size:16px}:root[data-layout=portrait] .battle-detail .hd-sub,:root[data-layout=portrait] .battle-detail .hd-ult,:root[data-layout=portrait] .battle-detail .hd-stats,:root[data-layout=portrait] .battle-detail .hd-st{font-size:12px}:root[data-layout=portrait] .battle-detail .hd-bar{height:16px}:root[data-layout=portrait] .battle-detail .hd-bar span{font-size:12px;line-height:16px}:root[data-layout=portrait] .hub-ui{grid-template-rows:auto auto auto minmax(0,1fr) auto}:root[data-layout=portrait] .hub-ui .hud-top{grid-row:1;justify-content:space-between;padding-bottom:0;position:relative}:root[data-layout=portrait] .hub-ui .hud-top>:first-child{display:flex}:root[data-layout=portrait] .hub-ui .map-act{grid-row:2;justify-self:center;padding:4px 12px;position:static;transform:none}:root[data-layout=portrait] .hub-ui .world-slot{grid-row:4}:root[data-layout=portrait] .hub-btn{min-width:0;min-height:48px;padding:7px 10px;font-size:18px}:root[data-layout=portrait] .hub-ui .hud-bottom{grid-row:5;padding:0 10px 10px;position:relative;gap:8px!important}:root[data-layout=portrait] .hub-ui .hud-bottom>.btn-big{width:100%;font-size:24px}:root[data-layout=portrait] .hub-ui .hud-bottom .chip{white-space:normal;text-align:center;max-width:100%;font-size:16px}:root[data-layout=portrait] .map-ui{grid-template-rows:auto auto minmax(0,1fr) auto auto}:root[data-layout=portrait] .map-ui .hud-top{grid-row:1;grid-template-columns:1fr auto;align-items:start;padding-bottom:0;display:grid;position:relative}:root[data-layout=portrait] .map-ui .map-act{white-space:normal;grid-area:2/1/auto/-1;justify-self:center;width:max-content;max-width:100%;padding:4px 8px;position:static;transform:none}:root[data-layout=portrait] .map-ui .ma-name{font-size:20px}:root[data-layout=portrait] .map-ui .world-slot{grid-row:3}:root[data-layout=portrait] .map-ui{background:linear-gradient(#0d0a14 0, color-mix(in srgb, var(--map-ground,#3a2c4c) 40%, #0d0a14) var(--world-top), #0000 calc(var(--world-top) + 24px), #0000 calc(var(--world-bottom) - 24px), color-mix(in srgb, var(--map-ground,#3a2c4c) 40%, #0d0a14) var(--world-bottom), #0d0a14 calc(var(--world-bottom) + 140px), #0d0a14 100%)}:root[data-layout=portrait] .map-ui .map-side{touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;flex-direction:row;grid-row:4;gap:12px;width:auto;height:104px;margin:0 10px;position:relative;left:auto;overflow:auto;top:auto!important}:root[data-layout=portrait] .map-side .ms-sec{flex:0 0 calc(50% - 6px);min-width:0}:root[data-layout=portrait] .map-side .ms-guard{align-items:flex-start}:root[data-layout=portrait] .map-side .ms-guard-more{font-size:11px}:root[data-layout=portrait] .map-side .ms-syn-c{flex:none;font-size:12px}:root[data-layout=portrait] .map-side .ms-head{font-size:12px}:root[data-layout=portrait] .map-side .ms-guard-name,:root[data-layout=portrait] .map-side .ms-syn{font-size:14px}:root[data-layout=portrait] .map-ui .mission-track{touch-action:pan-y pinch-zoom;scrollbar-width:thin;grid-row:2;min-width:0;max-width:none;max-height:64px;margin:0 10px;font-size:12px;position:static;overflow-y:auto}:root[data-layout=portrait] .map-ui .mission-track .track-item{white-space:normal;flex-direction:column;flex:none;gap:2px;font-size:12px}:root[data-layout=portrait] .map-ui .mission-track .small{font-size:12px}:root[data-layout=portrait] .map-ui .hud-bottom{grid-row:5;padding:0 8px 8px;position:relative}:root[data-layout=portrait] .map-ui .party-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid;overflow-x:hidden}:root[data-layout=portrait] .map-ui .pcard2{width:100%;min-width:0;min-height:52px;padding:4px}:root[data-layout=portrait] .map-ui .pcard2 .small{text-overflow:ellipsis;font-size:12px;overflow:hidden}:root[data-layout=portrait] .map-ui .pcard2 .col{min-width:0}:root[data-layout=portrait] .map-ui .pcard2>.row:first-child{gap:3px}:root[data-layout=portrait] .map-ui .pcard-empty{width:100%;min-height:52px}:root[data-layout=portrait] .map-ui .dock-actions{flex-direction:row;grid-column:1/-1}:root[data-layout=portrait] .map-ui .dock-actions>.btn{flex:1}:root[data-layout=portrait] .summon-ui{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;padding:8px 10px 10px;display:grid}:root[data-layout=portrait] .summon-ui .hud-top{flex-wrap:wrap;padding:0;position:static}:root[data-layout=portrait] .summon-ui .hud-top>.row:first-child .h2{display:none}:root[data-layout=portrait] .banner-tabs{flex-direction:row;gap:6px;position:static}:root[data-layout=portrait] .banner-tab{flex:1;min-width:0;padding:6px;font-size:14px}:root[data-layout=portrait] .summon-center{min-height:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}:root[data-layout=portrait] .banner-card{touch-action:pan-y pinch-zoom;scrollbar-width:thin;grid-template-rows:minmax(100px,1fr) auto auto;width:100%;height:100%;min-height:0;display:grid;overflow-y:auto}:root[data-layout=portrait] .banner-visual{min-height:0;display:block;position:relative}:root[data-layout=portrait] #ui img.banner-keyart{object-position:65% 20%;height:100%;top:0;bottom:0;left:0;right:0}:root[data-layout=portrait] .banner-shade{pointer-events:none;background:linear-gradient(#14132100 70%,#141321)}:root[data-layout=portrait] .banner-info{gap:5px;width:100%;padding:8px 12px;position:relative}:root[data-layout=portrait] .banner-title{font-size:26px}:root[data-layout=portrait] .banner-subtitle,:root[data-layout=portrait] .banner-featured{font-size:14px}:root[data-layout=portrait] .banner-description,:root[data-layout=portrait] .banner-first{font-size:13px}:root[data-layout=portrait] .banner-pity{width:auto;margin:4px 12px 12px;position:static}:root[data-layout=portrait] .banner-pity .label{font-size:12px}:root[data-layout=portrait] .banner-rateups{background:#0d0a14ed;border:1px solid #4d3d78;align-items:flex-start;padding:6px 8px;top:12px;bottom:auto;left:12px;right:auto}:root[data-layout=portrait] .banner-rates-btn{top:auto;bottom:0;right:8px}:root[data-layout=portrait] .summon-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:static}:root[data-layout=portrait] .summon-btns .pull-btn{min-width:0;min-height:48px;padding:7px;font-size:16px}:root[data-layout=portrait] .summon-btns .btn-gold{min-height:48px;font-size:16px}:root[data-layout=portrait] .summon-btns>:first-child:nth-last-child(3){grid-column:1/-1}:root[data-layout=portrait] .reveal-grid.n10{max-height:calc(var(--ui-height) - 90px);touch-action:pan-y pinch-zoom;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px;overflow-y:auto}:root[data-layout=portrait] .res-grid.n10{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:root[data-layout=portrait] .res-grid .hcard{width:100%}:root[data-layout=portrait] .res-grid .hcard .pt{aspect-ratio:1;width:100%;height:auto}:root[data-layout=portrait] .sp{text-align:center;flex-direction:column;gap:18px;padding:55px 18px}:root[data-layout=portrait] .sp-art img{width:min(50vw,210px)!important;height:auto!important}:root[data-layout=portrait] .sp-info{gap:8px;max-width:100%}:root[data-layout=portrait] .sp-name{transform-origin:50%;font-size:32px}:root[data-layout=portrait] .sp-stars,:root[data-layout=portrait] .sp-traits{justify-content:center}:root[data-layout=portrait] .sp-title{font-size:20px}:root[data-layout=portrait] .sp-quote{font-size:16px}:root[data-layout=portrait] .results-wrap{padding:12px}:root[data-layout=portrait] .results-box,:root[data-layout=portrait] .results-panel{width:100%;min-width:0;max-height:calc(var(--ui-height) - 24px);touch-action:pan-y pinch-zoom;overflow-y:auto}:root[data-layout=portrait] .results-panel>.row{flex-wrap:wrap}:root[data-layout=portrait] .results-panel>.row:last-child{width:100%}:root[data-layout=portrait] .results-panel>.row:last-child>.btn{flex:100%}:root[data-layout=portrait] .recruit-row{flex-wrap:wrap}:root[data-layout=portrait] .modal-body .row:has(>.choice){flex-wrap:wrap}:root[data-layout=portrait] .modal-body .row:has(>.shop-item){flex-wrap:wrap}:root[data-layout=portrait] .choice{width:100%;min-height:100px}:root[data-layout=portrait] .modal-body .row:has(>.choice){flex-direction:column}:root[data-layout=portrait] .reward-box,:root[data-layout=portrait] .confirm{min-width:0}:root[data-layout=portrait] .vic-xp{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}:root[data-layout=portrait] .vx-name,:root[data-layout=portrait] .vx-lvl{font-size:12px}:root[data-layout=portrait] .team-head{flex:none;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;display:grid}:root[data-layout=portrait] .team-head .title{grid-column:2/-1;min-width:0;font-size:22px}:root[data-layout=portrait] .team-head>.btn-big{justify-self:end;padding:8px 16px}:root[data-layout=portrait] .team-top{flex-direction:column;flex:none;gap:8px;height:auto;padding:6px}:root[data-layout=portrait] .team-slots8{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(108px,auto);gap:4px;width:100%}:root:not([data-layout=desktop]) .team-slots8>.team-card{flex-direction:column;gap:2px;padding:4px}:root:not([data-layout=desktop]) .team-slots8 .pc-body{align-items:center;gap:0;width:100%}:root:not([data-layout=desktop]) .team-slots8 .tc-traits{display:none}:root:not([data-layout=desktop]) .team-slots8 .pc-name{max-width:100%;font-size:12px;line-height:1.1}:root:not([data-layout=desktop]) .team-slots8 .pc-port{width:30px;height:30px}:root[data-layout=portrait] .team-syn{touch-action:pan-y pinch-zoom;scrollbar-width:thin;flex:none;min-height:0}:root[data-layout=portrait] .team-syn>*{flex:none}:root[data-layout=portrait] .team-syn .syn{font-size:13px}:root[data-layout=portrait] .team-tabs{touch-action:pan-x pinch-zoom;scrollbar-width:thin;flex-wrap:nowrap;flex:none;padding-bottom:5px;overflow-x:auto}:root[data-layout=portrait] .team-tab{flex:none;font-size:14px}:root[data-layout=portrait] .team-tab img{width:18px!important;height:18px!important}:root[data-layout=portrait] .team-tab .tt-n{font-size:11px}:root[data-layout=portrait] .team-tab-sep{flex:none;font-size:11px}:root[data-layout=portrait] .team-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:root[data-layout=portrait] .team-card{min-width:0}:root[data-layout=portrait] .team-slot.empty{min-width:0;height:100%}:root[data-layout=portrait] .team-strip .pc-body{gap:3px;width:auto;min-width:0}:root[data-layout=portrait] .team-strip .pc-name{font-size:14px}:root[data-layout=portrait] .team-card .stars{gap:0;height:7px;transform:none}:root[data-layout=portrait] .team-card .stars img{width:7px;height:7px}:root[data-layout=portrait] .gd-body,:root[data-layout=portrait] .lb-codex{height:calc(var(--ui-height) - 140px);flex-direction:column}:root[data-layout=portrait] .lb-codex-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:140px;display:grid}:root[data-layout=portrait] .gd-chap,:root[data-layout=portrait] .lb-codex-n{grid-column:1/-1}:root[data-layout=portrait] .gd-title{font-size:22px}:root[data-layout=portrait] .gd-points,:root[data-layout=portrait] .lb-r-text{font-size:15px}:root[data-layout=portrait] .gd-topic,:root[data-layout=portrait] .lb-cx-entry{font-size:14px}:root[data-layout=landscape] .battle-ui .hud-top{padding:5px 8px}:root[data-layout=landscape] .battle-panel-toggles{top:54px}:root[data-layout=landscape] .battle-ui .boss-bar{--bu:1.5px;width:clamp(220px,100% - 460px,440px);top:3px}:root[data-layout=landscape] .battle-ui .deploy-hint.below-boss{top:68px}:root[data-layout=landscape] .battle-ui .party-side{margin-left:8px;position:static}:root[data-layout=landscape] .battle-ui .hud-bottom{padding-bottom:5px}:root[data-layout=landscape] .party-bar.vbar{gap:6px}:root[data-layout=landscape] .vcard{width:clamp(44px,6vw,58px)}:root[data-layout=landscape] .vcard .pc-port{height:44px}:root[data-layout=landscape] .vcard .pc-name{font-size:11px}:root[data-layout=landscape] .battle-detail{width:200px;max-height:calc(var(--ui-height) - 210px);touch-action:pan-y pinch-zoom;bottom:110px;right:8px;overflow-y:auto}:root[data-layout=landscape] .summon-center{top:56px;bottom:68px;left:120px;right:12px}:root[data-layout=landscape] .banner-tabs{top:56px;left:8px}:root[data-layout=landscape] .banner-tab{width:106px;min-width:0;padding:7px 4px;font-size:14px}:root[data-layout=landscape] .summon-btns{bottom:8px}:root[data-layout=landscape] .banner-card{width:100%;height:100%}:root[data-layout=landscape] .banner-info{gap:2px;width:55%;padding:8px}:root[data-layout=landscape] .banner-title{font-size:22px}:root[data-layout=landscape] .banner-description{font-size:12px}:root[data-layout=landscape] .banner-subtitle{font-size:13px}:root[data-layout=landscape] .banner-pity{bottom:6px}:root[data-layout=landscape] .hub-ui .map-act{top:48px}:root[data-layout=landscape] .team-head{flex:none}:root[data-layout=landscape] .team-top{flex:none;gap:12px;padding:6px}:root[data-layout=landscape] .team-slots8{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(108px,auto);gap:4px;width:50%}:root[data-layout=landscape] .team-syn{touch-action:pan-y pinch-zoom;scrollbar-width:thin;min-height:0}:root[data-layout=landscape] .team-syn>*{flex:none}:root[data-layout=landscape] .team-syn .syn{font-size:13px}:root[data-layout=landscape] .team-tabs{touch-action:pan-x pinch-zoom;flex-wrap:nowrap;flex:none;padding-bottom:4px;overflow-x:auto}:root[data-layout=landscape] .team-tab{flex:none;font-size:14px}:root[data-layout=landscape] .team-tab .tt-n,:root[data-layout=landscape] .team-tab-sep{flex:none;font-size:11px}:root[data-layout=landscape] .team-strip{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}:root[data-layout=landscape] .team-card{min-width:0}:root[data-layout=landscape] .team-slot.empty{min-width:0;height:100%}:root[data-layout=landscape] .team-card .pc-body{gap:2px;width:auto;min-width:0}:root[data-layout=landscape] .team-card .stars{gap:0;height:7px;transform:none}:root[data-layout=landscape] .team-card .stars img{width:7px;height:7px}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (hover:none){.card:hover,.vcard:hover,.btn:hover,.btn-icon:hover{filter:none;transform:none}}:where(button,[role=button],[role=switch],[role=radio],a,select,input,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pcard:focus-visible{--edge:var(--gold);outline:none}.vcard:focus-visible{--edge:var(--gold);outline:none}.team-pick:focus-visible{--edge:var(--gold);outline:none}.card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.modal-shell:focus{outline:none}.why-not{font-family:var(--f-label);font-size:max(11px, calc(var(--px) * 4.5));color:#ffb0a0;text-align:center}.toast{top:calc(var(--px) * 22)!important}:root[data-layout=portrait] .toast{bottom:calc(var(--px) * 64);max-width:calc(100% - 24px);padding:8px 12px;font-size:15px;top:auto!important}:root[data-layout=landscape] .toast{font-size:15px;top:52px!important}.settings-body{width:calc(var(--px) * 210);gap:calc(var(--px) * 3);max-width:100%}.settings-columns{gap:calc(var(--px) * 3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.settings-column{gap:calc(var(--px) * 3);min-width:0}.set-sec{gap:calc(var(--px) * 1.5);padding:calc(var(--px) * 2.5) calc(var(--px) * 3);box-shadow:inset 0 0 0 var(--px) #2a2240;background:#1a1330;flex-direction:column;display:flex}.set-head{font-family:var(--f-label);font-size:max(11px, calc(var(--px) * 4.6));letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding-bottom:var(--px);border-bottom:var(--px) solid #2a2240}.set-row{justify-content:space-between;align-items:center;gap:calc(var(--px) * 4);min-height:calc(var(--px) * 14);display:flex}.set-l{font-size:max(13px, calc(var(--px) * 6));color:var(--cream);min-width:0}.set-l.col{gap:var(--px)}.set-hint{font-size:max(11px, calc(var(--px) * 4.5));color:var(--muted);line-height:1.25}.set-ctl{align-items:center;gap:calc(var(--px) * 2);flex:none;display:flex}.set-val{width:calc(var(--px) * 14);text-align:right;font-size:max(12px, calc(var(--px) * 5));color:var(--muted);font-variant-numeric:tabular-nums}.set-switch{min-width:calc(var(--px) * 22)}.set-note{font-size:max(11px, calc(var(--px) * 4.6));color:var(--muted);line-height:1.35}:root:not([data-layout=desktop]) .set-row{min-height:46px}:root:not([data-layout=desktop]) .set-l{font-size:16px}:root:not([data-layout=desktop]) .set-hint,:root:not([data-layout=desktop]) .set-note{font-size:13px}:root[data-layout=portrait] .settings-body .range{width:120px}.hub-btn .dot-alert{top:calc(var(--px) * -1.5);right:calc(var(--px) * -1.5)}.hub-depart{gap:calc(var(--px) * 2.5);padding-bottom:calc(var(--px) * 5)}.hub-team{align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 4);border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--line);color:var(--cream);font-family:var(--f-body);font-size:calc(var(--px) * 5.5);background:#0d0a14e6;display:flex}button.hub-team{cursor:pointer}button.hub-team:hover{box-shadow:inset 0 0 0 var(--px) var(--gold)}.ht-l{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.06em;font-size:max(10px, calc(var(--px) * 4.5));color:var(--muted);white-space:nowrap}.ht-heads{gap:var(--px);display:flex}.ht-heads .hero-head-window{box-shadow:0 0 0 var(--px) #150f22;background:#221a36}.hub-go{min-width:calc(var(--px) * 124)}.hub-best{font-family:var(--f-label);font-size:max(11px, calc(var(--px) * 4.6));color:#e4dcf6;text-shadow:0 var(--px) 0 var(--ink), var(--px) 0 0 var(--ink), calc(var(--px) * -1) 0 0 var(--ink)}.hub-abandon{--bf:#3a2e5c;--bt:#5a4a86}.map-act h1.ma-name{margin:0}:root[data-layout=portrait] .hub-ui .hud-bottom{padding:0 10px 12px;gap:8px!important}:root[data-layout=portrait] .hub-team{justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:6px 10px;font-size:15px}:root[data-layout=portrait] .ht-l{font-size:12px}:root[data-layout=portrait] .ht-heads{flex-wrap:wrap;flex:1;justify-content:center}:root[data-layout=portrait] .hub-best{font-size:13px}:root[data-layout=landscape] .hub-ui .hud-bottom{padding-bottom:6px;left:220px;gap:4px!important}:root[data-layout=landscape] .hub-team{min-height:44px;padding:2px 8px;font-size:14px}.title-cta{align-items:center;gap:calc(var(--px) * 3);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%)}.title-start{pointer-events:auto;min-width:calc(var(--px) * 110);font-size:calc(var(--px) * 10);letter-spacing:calc(var(--px) * .6);box-shadow:inset 0 var(--px) 0 var(--bt), 0 calc(var(--px) * 2) 0 var(--ink2)}.title-next{font-family:var(--f-label);font-size:max(12px, calc(var(--px) * 5));letter-spacing:.08em;color:#fff4d8;text-shadow:0 var(--px) 0 #150f22, var(--px) 0 0 #150f22, calc(var(--px) * -1) 0 0 #150f22, 0 calc(var(--px) * -1) 0 #150f22}.title-settings{z-index:3;pointer-events:auto;justify-content:center;width:44px;min-width:0;height:44px;padding:10px;position:absolute;top:12px;right:12px}.title-settings img,.title-settings canvas{width:22px!important;height:22px!important}.title-next.run{align-items:center;gap:calc(var(--px) * .5);flex-direction:column;display:flex}.title-next .tn-k{font-size:max(12px, calc(var(--px) * 4));letter-spacing:.12em;text-transform:uppercase;color:#cbbfe6}.title-next .tn-v{font-size:max(13px, calc(var(--px) * 5.5));color:#ffd23e;font-weight:700}.title-ui .title-foot{bottom:calc(var(--px) * 2)}:root[data-layout=portrait] .title-ui{background:radial-gradient(2px 2px at 12% 6%, #f4eeff 60%, transparent 62%), radial-gradient(2px 2px at 78% 11%, #cdbcff 60%, transparent 62%), radial-gradient(2px 2px at 41% 15%, #f4eeff 60%, transparent 62%), radial-gradient(2px 2px at 90% 24%, #f4eeff 60%, transparent 62%), radial-gradient(2px 2px at 24% 29%, #cdbcff 60%, transparent 62%), radial-gradient(2px 2px at 63% 33%, #f4eeff 60%, transparent 62%), radial-gradient(3px 3px at 52% 8%, #fff 55%, transparent 58%), linear-gradient(#0c0820 0, #140e2c calc(var(--world-top) * .55), #1c1238 var(--world-top), #1c123800 calc(var(--world-top) + 30px), #1c123800 calc(var(--world-bottom) - 30px), #3a2a4c var(--world-bottom), #2a1e3a calc(var(--world-bottom) + 60px), #1a1226 100%)}:root[data-layout=portrait] .title-ui .logo-wrap{top:max(16px, calc(var(--world-top) * .5 - 80px))}:root[data-layout=portrait] .logo .l1{font-size:54px}:root[data-layout=portrait] .logo .l2{font-size:72px}:root[data-layout=portrait] .logo-sub{margin-top:10px;font-size:18px}:root[data-layout=portrait] .title-cta{width:calc(100% - 32px);top:auto;bottom:42px}:root[data-layout=portrait] .title-start{width:100%;min-height:56px;font-size:26px}:root[data-layout=portrait] .title-next{font-size:15px}:root[data-layout=portrait] .title-next .tn-k{font-size:12px}:root[data-layout=portrait] .title-next .tn-v{font-size:18px}:root[data-layout=portrait] .title-ui .title-foot{font-size:12px;bottom:12px}:root[data-layout=landscape] .title-start{min-height:48px;font-size:22px}:root[data-layout=portrait] .toast{--toast-step:64px;bottom:auto;top:calc(var(--world-top) + 8px)!important}:root[data-layout=portrait] .hub-ui{background:linear-gradient(#1e1813 0, #2e251d calc(var(--world-top) - 40px), #4e4034 var(--world-top), transparent var(--world-top), transparent var(--world-bottom), #3f342a var(--world-bottom), #241d16 100%)}.rift-effect{font-size:max(11px, calc(var(--px) * 4.5));color:var(--muted);max-width:calc(var(--px) * 90);line-height:1.2}.rift-effect.up{color:#ffb070}.team-go{align-items:center;gap:calc(var(--px) * 1.5)}.team-strip .team-card.picked .pc-port,.team-strip .team-card.picked .pc-body{filter:none}.team-strip .team-card.picked{background:linear-gradient(#3a2e14,#221808)}.team-card .pc-port{width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.team-strip{grid-template-columns:repeat(auto-fill, calc(var(--px) * 66))}.team-slots8{grid-template-columns:repeat(4, calc(var(--px) * 66))}.team-slot.empty{height:calc(var(--px) * 27)}:root[data-layout=portrait] .team-head>.team-go{grid-area:1/3/span 2;justify-self:end}:root[data-layout=portrait] .team-head>.team-go>.btn-big{padding:8px 16px}:root[data-layout=portrait] .rift-effect{font-size:12px}.map-nodes{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.node-hit{cursor:pointer;pointer-events:auto;touch-action:pinch-zoom;background:0 0;border:none;border-radius:50%;padding:0;position:absolute;top:0;left:0}.node-hit:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 4px #150f22}.map-ui[data-busy=true] .node-hit{pointer-events:none}:root[data-layout=portrait] .team-head .title{grid-column:2}.choice.card.sel{border-color:var(--gold);background:#352b4d;outline:none;transform:none}.choice.card.sel:after{content:"✓";color:var(--gold);pointer-events:none;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.recruit-offer>.hcard.sel{outline:none;transform:none}.pick-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;display:grid}.pick-confirm{width:100%;min-width:0}.pick-confirm[disabled]{filter:grayscale(.6)brightness(.7)}.pick-detail{max-width:calc(var(--px) * 230);min-height:calc(var(--px) * 7);text-align:center;color:#e4e1ed}.pick-detail:empty{display:none}:root[data-layout=portrait] .pick-actions>.btn{flex:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shop-item.short{filter:saturate(.55)brightness(.8)}.shop-item.short:hover{transform:none}:root[data-layout=portrait] .toast{--toast-step:58px;top:6px!important}:root[data-layout=desktop] .settings-body{width:calc(var(--px) * 340)}:root:not([data-layout=portrait]) .settings-columns{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout=desktop] .settings-body .range{width:calc(var(--px) * 60)}:where(button,[role=button],[role=switch],[role=radio],a,select,input,[tabindex]):focus-visible{outline-color:var(--focus)}.pcard:focus-visible{--edge:var(--focus)}.vcard:focus-visible{--edge:var(--focus)}.team-pick:focus-visible{--edge:var(--focus)}.card:focus-visible{outline-color:var(--focus)}.node-hit:focus-visible{outline-color:var(--focus)}.modal-shell:focus-visible{outline:none}.shop .row.wrap{align-items:stretch}.shop-item{justify-content:space-between}:root[data-layout=portrait] .ht-heads .hero-head-window{width:30px!important;height:30px!important}:root[data-layout=landscape] .ht-heads .hero-head-window{width:26px!important;height:26px!important}:root:not([data-layout=desktop]) .team-screen{background:#150f22}:root:not([data-layout=desktop]) .map-ui .hud-btn img,:root:not([data-layout=desktop]) .map-ui .hud-btn canvas{width:20px;height:20px}.title-ui .title-foot{font-size:max(12px, calc(var(--px) * 4.5));text-shadow:0 1px #150f22,1px 0 #150f22,-1px 0 #150f22,0 -1px #150f22;color:#e6dcf6}:root:not([data-layout=desktop]) .title-settings img,:root:not([data-layout=desktop]) .title-settings canvas{width:22px;height:22px}:root[data-layout=landscape] .hub-ui .hud-bottom{left:246px}.btn[disabled],.btn.disabled,.btn-gold[disabled],.btn-red[disabled],.btn-green[disabled]{filter:none;--bf:#221a36;--bt:#2c2346;color:#8d82ab;text-shadow:none;box-shadow:inset 0 0 0 var(--px) #3a3060;cursor:not-allowed}.btn[disabled]:hover{filter:none}.pulse[disabled]{animation:none}.hub-team .ht-l{color:#d8cff0}.hub-best{color:#f4eeff;font-size:max(12px, calc(var(--px) * 5))}.title-next{padding:calc(var(--px) * 1) calc(var(--px) * 4);box-shadow:inset 0 0 0 var(--px) #2a2240;background:#0d0a14d1}.pick-row{margin-top:calc(var(--px) * 3)}.hcard .rank-badge{bottom:auto;top:calc(var(--px) * 32);right:calc(var(--px) * 3);padding:0 calc(var(--px) * 1);background:#150f22d8}.shop-item .small{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;width:100%;line-height:1.1}.shop .row.wrap{gap:calc(var(--px) * 3)}:root:not([data-layout=desktop]) .team-syn{flex-direction:column;gap:6px;overflow:visible}:root:not([data-layout=desktop]) .hero-details{min-height:36px}:root:not([data-layout=desktop]) .team-card-select{min-width:44px;min-height:44px}:root[data-layout=landscape] .map-ui .map-side{max-height:calc(var(--ui-height) - 150px);touch-action:pan-y pinch-zoom;overflow-y:auto;top:58px!important}:root[data-layout=portrait] .res-actions .res-home{order:-1}:root[data-layout=portrait] .res-actions .ad-btn{min-height:44px;font-size:15px}:root[data-layout=portrait] .reveal-grid.n10{grid-template-columns:repeat(3,104px);justify-content:center;gap:8px}:root[data-layout=portrait] .rcard{width:104px;height:132px}:root[data-layout=portrait] .summon-ui{background:linear-gradient(#0f0b1c 0, #1b1430 var(--world-top), transparent var(--world-top), transparent var(--world-bottom), #2a2236 var(--world-bottom), #17121f 100%)}.depart-setup{width:calc(var(--px) * 210);max-width:100%}.mode-cards{gap:calc(var(--px) * 2.5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode-card{justify-content:flex-start;align-items:stretch;gap:calc(var(--px) * 2);padding:calc(var(--px) * 3);text-align:left;white-space:normal;flex-direction:column;line-height:1.2;display:flex}.mode-card>span{display:block}.mode-card .mc-rule{flex:1}.mode-card .mc-name{font-size:calc(var(--px) * 6);font-weight:700}.mode-card .mc-rule{font-size:max(11px, calc(var(--px) * 4.2))}.mode-card .mc-pay{font-size:max(11px, calc(var(--px) * 4.2));color:#ffd23e}.mode-card.btn-gold .mc-pay{color:inherit}:root[data-layout=portrait] .mode-cards{grid-template-columns:minmax(0,1fr)}:root[data-layout=portrait] .mode-card .mc-name{font-size:16px}.rift-rule{font-size:max(11px, calc(var(--px) * 4.2));color:#c9bfe4;max-width:calc(var(--px) * 90);line-height:1.2}:root[data-layout=portrait] .rift-rule{max-width:none;font-size:12px}:root:not([data-layout=desktop]) .ms-guard{min-height:44px}.shop-item .small{overflow-wrap:break-word}:root:not([data-layout=desktop]) .shop .row.wrap{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}:root:not([data-layout=desktop]) .shop-item{width:auto;min-width:0}:root{--focus:#fff}:where(button,[role=button],[role=switch],[role=radio],a,select,input,[tabindex]):focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.btn:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.btn-icon:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.card:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.node-hit:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.vcard:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.roster-input:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.hero-roster button:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.hero-roster .hcard:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.rates-scroll:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.banner-rates-btn:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}.vcard:focus-visible{--edge:var(--edge)}.team-card:focus-visible{--edge:var(--focus);outline:none}.choice.card.sel{box-shadow:none}.choice.card.sel:focus-visible{outline:2px dashed var(--focus);outline-offset:calc(var(--px) * 4)}:root[data-layout=landscape] .results-wrap{padding:8px}:root[data-layout=landscape] .results-panel{max-height:calc(var(--ui-height) - 16px);touch-action:pan-y pinch-zoom;padding-bottom:0;overflow-y:auto}:root[data-layout=landscape] .res-actions{z-index:2;background:#221a36;padding:6px 0;position:sticky;bottom:0}:root:not([data-layout=desktop]) .res-actions .res-home{order:-1}:root[data-layout=portrait] .res-actions .ad-btn{flex:none;align-self:center;width:auto;padding:6px 14px}:root[data-layout=landscape] .map-ui .dock-actions{flex-direction:row;align-self:flex-end}:root[data-layout=landscape] .map-ui .mission-track .track-item b{font-size:14px}:root[data-layout=landscape] .map-ui .mission-track .small{font-size:12px}:root[data-layout=portrait] .team-syn{padding-bottom:6px}:root[data-layout=landscape] .team-syn>.label.gold,:root[data-layout=landscape] .team-syn>.label.gold~.small{display:none}:root[data-layout=landscape] .settings-body{width:min(760px, calc(var(--ui-width) - 60px))}:root:not([data-layout=desktop]) .results-panel,:root:not([data-layout=desktop]) .results-box{justify-content:flex-start}.team-screen .team-slots8{grid-template-columns:repeat(4, minmax(0, calc(var(--px) * 38)))}.team-screen .team-strip{grid-template-columns:repeat(auto-fill, minmax(0, calc(var(--px) * 46)))}.team-screen .team-card.hcard{align-self:start;width:100%;min-width:0}.team-screen .team-card .pt{aspect-ratio:1;flex:none;width:100%;height:auto}.team-screen .team-card .pt>img,.team-screen .team-card .pt>canvas{object-fit:cover;width:100%;height:100%}.team-screen .team-card .stars{justify-content:center;height:auto;transform:none}.team-screen .team-card-select{z-index:4;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.team-screen .team-card .hero-details{z-index:5;width:100%;margin-top:var(--px);min-height:28px;position:relative}.team-screen .team-card .tp-check{top:auto;bottom:calc(var(--px) * 21);right:calc(var(--px) * 2);z-index:5;background:#150f22d9;line-height:1}.team-screen .team-slot.empty{height:auto;min-height:calc(var(--px) * 62);align-self:stretch}:root[data-focus-rings=on] .team-screen .team-card:has(.team-card-select:focus-visible){outline:2px solid var(--focus);outline-offset:2px}:root:not([data-layout=desktop]) .team-screen .team-slots8{grid-template-columns:repeat(4,minmax(0,1fr))}:root:not([data-layout=desktop]) .team-screen .team-strip{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}:root:not([data-layout=desktop]) .team-screen .team-card .tr img{width:14px;height:14px}:root:not([data-layout=desktop]) .team-screen .team-card .rb,:root:not([data-layout=desktop]) .team-screen .team-card .nm{font-size:12px}:root:not([data-layout=desktop]) .team-screen .team-card .hero-details{min-height:32px;padding:2px;font-size:12px}:root:not([data-focus-rings=on]) :focus-visible{outline:none!important}:root:not([data-focus-rings=on]) .node-hit:focus-visible{box-shadow:none}.choice-dialog .modal-shell{width:min(1000px,100% - 32px)}.choice-dialog .modal-body{scrollbar-gutter:auto;padding-right:0}.choice-dialog .pick-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;width:100%;display:grid}.choice-dialog .choice{width:100%;min-width:0}.shard-shop .roster-class-grid{grid-template-columns:repeat(auto-fill, minmax(max(116px, calc(var(--px) * 46)), 1fr));display:grid}.shard-shop .roster-class-grid .hcard{width:100%}@media (max-width:600px){.choice-dialog{--px:clamp(1.15px, .23dvh, 1.65px)}.choice-dialog .pick-row{grid-template-columns:minmax(0,1fr);gap:6px}.choice-dialog .choice{gap:5px;min-height:112px;padding:8px}.choice-dialog .choice .ic{width:32px;height:32px}.choice-dialog .pick-actions,.recruit-dialog .pick-actions{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:6px}.choice-dialog .pick-actions>.btn,.recruit-dialog .pick-actions>.btn{width:100%;min-height:44px}.shard-shop .roster-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-layout=portrait] .hub-team{grid-template-columns:auto minmax(0,1fr);display:grid}:root[data-layout=portrait] .ht-heads{flex-wrap:nowrap;min-width:0;display:flex}:root[data-layout=portrait] .ht-heads .hero-head-window{aspect-ratio:1;flex-shrink:1;width:min(30px,12.5% - 1.75px)!important;height:auto!important}@media (max-width:600px){.choice-dialog .rankup{gap:6px}.choice-dialog .rank-portrait img{width:48px!important;height:48px!important}.choice-dialog .rankup>.row:first-child{gap:8px}.choice-dialog .rankup .choice{gap:2px;min-height:0;padding:6px}.choice-dialog .rankup .choice .ic{width:24px;height:24px}.choice-dialog .rankup .choice .nm{font-size:15px}.choice-dialog .rankup .choice .ds{font-size:13px;line-height:1.2}.choice-dialog .rankup .small{font-size:12px}}.gd-back{display:none}.guide-dialog .modal-shell{width:min(1000px,100% - 24px)}.guide{width:100%}.gd-topic{flex-shrink:0;min-height:40px}.gd-sheet:focus{outline:none}:root[data-layout=portrait] .guide-dialog .modal{padding:16px 12px}:root[data-layout=portrait] .guide-dialog .modal-body{scrollbar-gutter:auto}:root[data-layout=portrait] .gd-body{height:calc(var(--ui-height) - 116px);gap:10px}:root[data-layout=portrait] .gd-nav{flex-direction:column;flex:1;gap:6px;width:100%;min-height:0;max-height:none;padding:0 4px 4px 0;display:flex}:root[data-layout=portrait] .gd-chap{margin:12px 0 2px;font-size:14px}:root[data-layout=portrait] .gd-chap:first-child{margin-top:0}:root[data-layout=portrait] .gd-topic{background:#211a35;border:1px solid #665987;gap:10px;width:100%;min-height:44px;padding:10px;font-size:16px}:root[data-layout=portrait] .gd-topic.on{border-color:var(--gold)}:root[data-layout=portrait] .gd-topic img{width:20px!important;height:20px!important}:root[data-layout=portrait] .gd-sheet{min-height:0;padding:12px;display:none}:root[data-layout=portrait] .gd-body.reading .gd-nav{display:none}:root[data-layout=portrait] .gd-body.reading .gd-back{flex:none;justify-content:flex-start;width:100%;min-height:44px;display:flex}:root[data-layout=portrait] .gd-body.reading .gd-sheet{display:flex}:root[data-layout=portrait] .gd-points{gap:14px;padding-left:18px;font-size:16px;line-height:1.45}:root:not([data-layout=desktop]) .leads-dialog .modal-shell{width:min(960px,100% - 24px)}:root:not([data-layout=desktop]) .leads-dialog .modal{padding:14px 12px}:root:not([data-layout=desktop]) .leads-dialog .modal-body{scrollbar-gutter:auto}:root:not([data-layout=desktop]) .leads-board{width:100%;height:calc(var(--ui-height) - 64px);gap:10px}:root:not([data-layout=desktop]) .leads-board>.title{padding-right:32px;font-size:22px}:root:not([data-layout=desktop]) .lb-intro{font-size:14px;line-height:1.3}:root:not([data-layout=desktop]) .lb-tabs{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:root:not([data-layout=desktop]) .lb-tab{letter-spacing:0;background:#211a35;border:1px solid #665987;justify-content:center;gap:6px;min-height:44px;padding:6px;font-size:16px}:root:not([data-layout=desktop]) .lb-tab.on{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold);background:#3a2e5c}:root:not([data-layout=desktop]) .lb-tab-n{text-align:center;min-width:16px;padding:1px 4px;font-size:13px}:root:not([data-layout=desktop]) .lb-body{gap:12px;padding-right:5px}:root:not([data-layout=desktop]) .lb-sec{gap:4px;margin-top:6px}:root:not([data-layout=desktop]) .lb-sec>span:first-child{font-size:16px}:root:not([data-layout=desktop]) :-webkit-any(.lb-sec-h,.lb-tag,.lb-where,.lb-rw,.lb-tries,.lb-prog,.lb-codex-n,.lb-cx-n,.lb-r-kicker){font-size:14px;line-height:1.3}:root:not([data-layout=desktop]) :is(.lb-sec-h,.lb-tag,.lb-where,.lb-rw,.lb-tries,.lb-prog,.lb-codex-n,.lb-cx-n,.lb-r-kicker){font-size:14px;line-height:1.3}:root:not([data-layout=desktop]) :-webkit-any(.lb-text,.lb-next,.lb-empty,.lb-r-text){font-size:16px;line-height:1.4}:root:not([data-layout=desktop]) :is(.lb-text,.lb-next,.lb-empty,.lb-r-text){font-size:16px;line-height:1.4}:root:not([data-layout=desktop]) .lb-title{gap:6px;font-size:18px}:root:not([data-layout=desktop]) .lb-card{border:1px solid #4d3d78;flex-shrink:0;gap:10px;padding:10px}:root:not([data-layout=desktop]) .lb-main{gap:8px}:root:not([data-layout=desktop]) .lb-card .lb-main{justify-content:flex-start;padding:0}:root:not([data-layout=desktop]) .lb-art{align-self:flex-start;width:72px;height:88px;min-height:0}:root:not([data-layout=desktop]) .lb-rw{min-height:28px;padding:4px 6px}:root:not([data-layout=desktop]) .lb-rw img,:root:not([data-layout=desktop]) .lb-where img{width:16px!important;height:16px!important}:root[data-layout=portrait] .lb-card:not(.small){flex-direction:column}:root[data-layout=portrait] .lb-card:not(.small) .lb-art{width:100%;height:120px}:root[data-layout=portrait] .lb-codex{flex:none;gap:12px;height:auto}:root[data-layout=portrait] .lb-codex-list{gap:6px;max-height:none;display:flex;overflow:visible}:root:not([data-layout=desktop]) .lb-cx-world,:root:not([data-layout=desktop]) .lb-cx-entry{min-height:44px;padding:8px;font-size:16px}:root[data-layout=portrait] .lb-reader{flex:none;gap:10px;padding:12px;overflow:visible}:root:not([data-layout=desktop]) .lb-r-title{font-size:22px}:root:not([data-layout=desktop]) .lb-r-para b{font-size:16px}.hub-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:56px;gap:8px;width:320px;display:grid;position:absolute;top:64px;left:12px}.hub-menu .hub-btn{text-align:left;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;height:100%;min-height:0;padding:8px 10px;display:flex;position:relative}.hub-menu .hub-btn img,.hub-menu .hub-btn canvas{flex:none;width:24px!important;height:24px!important}.hub-menu .hb-l{white-space:nowrap;font-size:18px;line-height:1}.hub-menu .dot-alert{top:-2px;right:-2px}:root[data-layout=portrait] .hub-menu{grid-row:3;grid-auto-rows:52px;gap:8px;width:auto;margin:0 10px;position:static}:root[data-layout=portrait] .hub-menu .hb-l{font-size:16px}:root[data-layout=landscape] .hub-menu{grid-auto-rows:44px;gap:6px;width:236px;top:50px;left:8px}:root[data-layout=landscape] .hub-menu .hub-btn{gap:5px;padding:6px}:root[data-layout=landscape] .hub-menu .hub-btn img{width:18px!important;height:18px!important}:root[data-layout=landscape] .hub-menu .hb-l{font-size:14px}.hero-roster .roster-class-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.hero-roster .hcard{width:100%;min-width:0}.hero-roster .hcard .pt{aspect-ratio:1;flex:none;width:100%;height:auto}.hero-roster .hcard .pt img{width:100%!important;height:100%!important}:root[data-layout=portrait] .hero-roster .roster-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:root[data-layout=portrait] .hero-roster .hcard .nm{font-size:14px}.map-mobile-info,:root[data-layout=portrait] .map-ui .mission-track{display:none}:root[data-layout=portrait] .map-ui .map-side{height:auto;box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}:root[data-layout=portrait] .map-side>.ms-sec{display:none}:root[data-layout=portrait] .map-mobile-info{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;width:100%;display:grid}:root[data-layout=portrait] .map-mobile-info .btn{width:100%;min-width:0;height:44px;padding:6px;font-size:16px}:root[data-layout=portrait] .map-ui .hud-btn{height:44px;min-height:44px;padding:6px 10px;font-size:16px}:root[data-layout=portrait] .map-ui .hud-btn.icon-only{width:44px}:root[data-layout=portrait] .map-ui .hud-top .currency{min-width:48px;height:32px;padding:4px 8px;font-size:16px}:root[data-layout=portrait] .map-ui .ma-name{font-size:18px;line-height:1.2}:root[data-layout=portrait] .map-ui .ma-sub{font-size:13px}:root[data-layout=portrait] .map-ui .party-dock{gap:6px;overflow:visible}:root[data-layout=portrait] .map-ui .pcard2{min-width:0;height:78px;padding:4px}:root[data-layout=portrait] .map-ui .pcard2>.row:first-child{flex-direction:column;gap:2px}:root[data-layout=portrait] .map-ui .pcard2>.row:first-child>.col{align-items:center;width:100%}:root[data-layout=portrait] .map-ui .pcard2 .hero-head-window{width:24px!important;height:24px!important}:root[data-layout=portrait] .map-ui .pcard2 .small{font-size:14px;line-height:1}:root[data-layout=portrait] .map-ui .pcard2 .rank-letter{font-size:12px}:root[data-layout=portrait] .map-ui .pcard2 .bar,:root[data-layout=portrait] .map-ui .pcard2>.row:last-child:not(:first-child){display:none}:root[data-layout=portrait] .map-ui .party-status{position:absolute;top:3px;right:3px}:root[data-layout=portrait] .map-ui .pcard-empty{height:78px}:root[data-layout=portrait] .map-ui .dock-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.map-info-dialog .modal-shell{width:min(680px,100% - 24px)}:root[data-layout=portrait] .map-info-dialog{--px:2px}:root[data-layout=portrait] .map-info-dialog .body{font-size:16px}:root[data-layout=portrait] .map-info-dialog .team-synergy-grid{grid-template-columns:minmax(0,1fr)}:root[data-layout=portrait] .map-info-dialog .syn{min-height:34px;padding:4px 8px;font-size:16px}:root[data-layout=portrait] .guardian-modal .modal-shell{width:calc(100% - 24px)}:root[data-layout=portrait] .guardian-info{gap:12px;width:100%}:root[data-layout=portrait] .guardian-info :-webkit-any(.gi-pdesc,.gi-hz,.gi-drop,.gi-call,.gi-tactics,.gi-ult){font-size:16px;line-height:1.35}:root[data-layout=portrait] .guardian-info :is(.gi-pdesc,.gi-hz,.gi-drop,.gi-call,.gi-tactics,.gi-ult){font-size:16px;line-height:1.35}:root[data-layout=portrait] .guardian-info :-webkit-any(.gi-sec,.gi-kind){font-size:14px}:root[data-layout=portrait] .guardian-info :is(.gi-sec,.gi-kind){font-size:14px}:root[data-layout=portrait] .guardian-info .gi-name{font-size:22px}:root[data-layout=portrait] .guardian-info .gi-pname{font-size:18px}:root[data-layout=portrait] .guardian-info .gi-steps{gap:10px;max-height:none;overflow:visible}:root[data-layout=portrait] .guardian-info .gi-step{gap:8px;padding:10px}:root[data-layout=portrait] .guardian-info .gi-at{width:18px;font-size:18px}:root[data-layout=portrait] .guardian-info .gi-body{gap:6px}.auto-ult{position:relative}.auto-ult[aria-pressed=true]:after{content:"";pointer-events:none;border:1px solid #ffd23e;animation:2s ease-in-out infinite auto-ult-border;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes auto-ult-border{0%,to{opacity:1}50%{opacity:.4}}:root[data-reduce-motion=true] .auto-ult[aria-pressed=true]:after{animation:none}.battle-ui[data-phase=deploy] .sel-all{display:none}:root:not([data-layout=desktop]) .battle-ui .meter-dock,:root:not([data-layout=desktop]) .battle-ui .syn-list,:root:not([data-layout=desktop]) .battle-ui .battle-detail{display:none!important}:root[data-layout=portrait] .battle-panel-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}:root[data-layout=portrait] .battle-panel-toggles .btn,:root[data-layout=portrait] .party-side .btn{min-height:44px;font-size:16px}:root[data-layout=portrait] .battle-ui .hud-top .label{font-size:13px}:root[data-layout=portrait] .vcard .pc-name{font-size:14px}.battle-info-dialog .modal-shell{width:min(680px,100% - 24px)}.battle-info-dialog{--px:2px}.battle-info-dialog .syn{min-height:36px;font-size:16px}.battle-info-dialog .meter-tab{min-height:44px;font-size:16px}.battle-info-dialog .meter-row{grid-template-columns:28px minmax(0,1fr) 48px;gap:8px;min-height:40px}.battle-info-dialog .meter-row img{width:28px!important;height:28px!important}.battle-info-dialog .meter-name,.battle-info-dialog .meter-val{font-size:16px}@media (max-width:600px){.battle-info-dialog .team-synergy-grid{grid-template-columns:minmax(0,1fr)}}.meter-content{min-width:0}.meter-name{display:none}.battle-info-dialog .meter-name{margin-bottom:4px;font-size:16px;display:block}:root[data-layout=portrait] .leads-dialog .modal-shell{height:calc(var(--ui-height) - 24px)}:root[data-layout=portrait] .leads-dialog .modal{height:100%}:root[data-layout=portrait] .leads-board{flex:1;gap:12px;height:auto}:root[data-layout=portrait] .lb-body{scrollbar-gutter:stable;gap:12px;padding:0 6px 4px 0}:root[data-layout=portrait] .lb-card{box-shadow:none;gap:12px;padding:12px}:root[data-layout=portrait] .lb-card:not(.small) .lb-title{flex-direction:column;align-items:flex-start;gap:4px;display:flex}:root[data-layout=portrait] .lb-title-name{font-size:18px}:root[data-layout=portrait] .lb-card:not(.small) .lb-main{gap:12px}:root[data-layout=portrait] .lb-next{border-left:2px solid var(--gold);background:#2a2140;flex-direction:column;gap:6px;padding:10px;display:flex}:root[data-layout=portrait] .lb-where{align-items:flex-start;gap:8px}:root[data-layout=portrait] .lb-where img{flex-shrink:0;margin-top:2px}:root[data-layout=portrait] .lb-foot{border-top:1px solid #4d3d78;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}:root[data-layout=portrait] .lb-rws{flex-wrap:wrap;gap:6px;display:flex}:root[data-layout=portrait] .lb-rw{min-height:30px;padding:4px 8px}:root[data-layout=portrait] .lb-card.small{grid-template-rows:auto minmax(66px,auto) auto;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;display:grid}:root[data-layout=portrait] .lb-card.small .lb-art{grid-area:1/1/span 2;width:64px;height:94px}:root[data-layout=portrait] .lb-card.small .lb-main{display:contents}:root[data-layout=portrait] .lb-card.small .lb-title{grid-area:1/2;font-size:17px;line-height:1.2}:root[data-layout=portrait] .lb-card.small .lb-text{grid-area:2/2;font-size:16px;line-height:1.35}:root[data-layout=portrait] .lb-card.small .lb-prog{border-top:1px solid #3a3060;grid-area:3/1/auto/-1;gap:10px;min-height:26px;padding-top:8px}:root[data-layout=portrait] .lb-prog .lb-bar{max-width:none;height:5px}:root[data-layout=portrait] .lb-prog>span{text-align:right;min-width:30px}.leads-board .lb-body>.lb-codex-list{width:100%;max-height:none;display:flex;overflow:visible}.leads-board .lb-body>.lb-reader{flex:none;overflow:visible}.lb-codex-back{text-align:left;grid-column:1/-1;width:100%;min-height:44px}.team-mobile-slots,.team-mobile-tools{display:none}:root[data-layout=portrait] .team-screen{gap:8px;padding:10px;overflow:hidden}:root[data-layout=portrait] .team-screen .team-head{grid-template-columns:1fr 1fr;gap:8px}:root[data-layout=portrait] .team-screen .team-head .title{text-align:center;grid-area:1/1/auto/-1;margin:0;font-size:22px}:root[data-layout=portrait] .team-screen .team-head>.btn,:root[data-layout=portrait] .team-screen .team-go .btn{width:100%;min-height:44px;padding:6px;font-size:16px}:root[data-layout=portrait] .team-screen .team-top,:root[data-layout=portrait] .team-screen .team-tabs{display:none}:root[data-layout=portrait] .team-mobile-slots{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}:root[data-layout=portrait] .team-mobile-slot{min-width:0;height:66px;color:var(--cream);font:14px var(--f-body);background:#211932;border:1px solid #75639c;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;display:flex;position:relative}:root[data-layout=portrait] .team-mobile-slot .hero-head-window{width:32px!important;height:32px!important}:root[data-layout=portrait] .team-mobile-slot.empty{color:var(--muted);border-style:dashed}:root[data-layout=portrait] .team-remove{color:#ffe8a0;font-size:16px;position:absolute;top:0;right:4px}:root[data-layout=portrait] .team-mobile-tools{flex:none;grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}:root[data-layout=portrait] .team-mobile-count{font-size:16px}:root[data-layout=portrait] .team-mobile-tools .btn,:root[data-layout=portrait] .team-mobile-tools select{width:100%;min-height:44px;font-size:16px}:root[data-layout=portrait] .team-mobile-tools select{grid-column:1/-1;padding:6px 10px}:root[data-layout=portrait] .team-screen .team-bottom{flex:1;min-height:0;overflow:hidden}:root[data-layout=portrait] .team-screen .team-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;padding:3px}:root[data-layout=portrait] .team-screen .team-card .nm{font-size:14px}:root[data-layout=portrait] .team-screen .team-card .hero-details{min-height:44px;font-size:14px}:root[data-layout=portrait] .team-screen .team-head>.team-go{grid-area:2/2;justify-self:stretch}:root[data-layout=portrait] .team-screen .team-head>.btn{grid-area:2/1}:root[data-layout=portrait] .team-mobile-tools select{color:var(--cream);font-family:var(--f-body);background:#211932;border:1px solid #75639c;border-radius:0}:root[data-layout=portrait] .team-screen .team-card .tp-check{pointer-events:none;font-size:20px;top:6px;bottom:auto;left:6px;right:auto}.map-ui .pcard2.hf{box-shadow:none;border-color:#0000}.map-ui .pcard2.hf:before{border-width:4px;filter:none;border-image-width:4px;animation:none;top:0;bottom:0;left:0;right:0}.map-ui .pcard2.hf:after{content:none}.map-ui .pcard2.hf:hover{transform:none}:root[data-layout=desktop] .hub-menu{grid-template-columns:minmax(0,1fr);width:200px;top:12px}:root[data-layout=desktop] .hub-ui .hud-top{display:contents}:root[data-layout=desktop] .hub-wallet{position:absolute;top:12px;right:12px}:root[data-layout=desktop] .hub-settings,:root[data-layout=desktop] .title-settings{z-index:3;pointer-events:auto;justify-content:center;width:44px;min-width:0;height:44px;padding:10px;position:absolute;top:auto;bottom:12px;right:12px}:root[data-layout=desktop] .hub-settings img,:root[data-layout=desktop] .hub-settings canvas{width:22px!important;height:22px!important}.speed-btn{font-family:var(--f-body);font-size:20px;font-weight:700}:root:not([data-layout=desktop]) .battle-controls .battle-panel-toggles{gap:4px;margin:0;display:flex;position:static}:root:not([data-layout=desktop]) .battle-controls{gap:4px}:root:not([data-layout=desktop]) .battle-controls .btn-icon{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:8px;display:flex}:root[data-layout=portrait] .battle-ui{grid-template-rows:auto auto minmax(0,1fr) auto auto}:root[data-layout=portrait] .battle-ui .boss-bar{grid-row:2}:root[data-layout=portrait] .battle-ui .world-slot{grid-row:3}:root[data-layout=portrait] .battle-ui .hud-bottom{grid-row:5}.battle-controls .mh-glyph{--mu:4px}:root:not([data-layout=desktop]) .battle-controls .btn-icon img{width:22px;height:22px}:root[data-layout=portrait] .battle-ui{grid-template-columns:minmax(0,1fr)}:root[data-layout=portrait] .battle-ui .deploy-hint,:root[data-layout=portrait] .battle-ui .deploy-hint.below-boss,:root[data-layout=portrait] .battle-ui .tut-bubble{grid-row:4}:root[data-layout=portrait] .battle-ui .deploy-hint.order-hint{grid-row:auto}.hcard.party-portrait{--px:1px;flex:none;align-self:start;width:86px;min-width:0;padding:3px}.hcard.party-portrait .pt{aspect-ratio:1;width:100%;height:auto}.hcard.party-portrait .pt>img,.hcard.party-portrait .pt>canvas{object-fit:cover;width:100%;height:100%}.hcard.party-portrait .nm{width:100%;margin-top:2px;font-size:14px;line-height:16px}.hcard.party-portrait .rb{height:13px;font-size:11px;top:3px;left:3px}.hcard.party-portrait .tr{display:none}.hcard.party-portrait .rank-badge{font-size:12px;line-height:14px;top:auto;bottom:22px;right:4px}.hcard.party-portrait:after{content:none}.hcard.party-portrait:before{filter:none;animation:none}.hcard.party-portrait:hover{transform:none}.party-portrait-status{position:absolute;top:19px;right:4px}:root[data-layout=portrait] .map-ui .party-portrait,:root[data-layout=portrait] .team-mobile-slots .party-portrait{width:100%}:root[data-layout=portrait] .team-mobile-slots .empty{align-self:stretch;height:auto;min-height:90px}.hcard.party-portrait .pt>img,.hcard.party-portrait .pt>canvas{width:100%!important;height:100%!important}.results-ui{--px:2px}.results-ui .results-wrap{padding:16px}.results-ui .results-panel{gap:16px;width:min(900px,100%);min-width:0;max-height:100%;padding:20px;overflow-y:auto}.results-party{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;display:grid}.results-party .party-portrait{cursor:default;width:100%}.results-party .party-portrait:hover{filter:none}.results-ui .res-stats{gap:12px;width:100%}.results-ui .res-stat{background:#1a1330;padding:8px}.results-ui .small{font-size:16px}.results-ui .res-actions{flex-wrap:wrap;width:100%}.results-ui .res-actions .btn{min-height:44px}:root[data-layout=portrait] .results-ui .results-panel{gap:10px;padding:12px}:root[data-layout=portrait] .results-party{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}:root[data-layout=portrait] .results-ui .res-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:root[data-layout=portrait] .results-ui .res-stat .small{text-align:center;font-size:14px}.hcard>.stars{width:min(100%, calc(var(--px) * 42));flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;min-width:0;max-width:100%;display:grid;position:static;transform:none}.hcard>.stars>img,.hcard>.stars>canvas{aspect-ratio:1;min-width:0;display:block;width:100%!important;height:auto!important}