:root{--bond-role-hi:#ffd965;--bond-role-lo:#e5a52c;--bond-role-ink:#2a1a00;--bond-role-line:#e0a53a;--bond-element-hi:#b5f0ff;--bond-element-lo:#4c8ef0;--bond-element-ink:#061c3f;--bond-element-line:#5cc4ff;--ink:#061228;--navy:#071d45;--navy-soft:#071d45e6;--gold:#e5b34d;--gold-light:#ffe49a;--blue:#1674e8;--red:#b9233d;--cyan:#48dff8;--text:#fff8dc;--muted:#b9c9de;--ui-font:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--display:var(--ui-font);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--at-viewport-width:100vw;--at-app-height:100dvh;--at-viewport-height:var(--at-app-height)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html{height:var(--at-app-height);overscroll-behavior:none}body{overscroll-behavior:none}#root{height:var(--at-app-height);position:fixed;top:0;left:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);background:var(--ink);font-size:16px;font-family:var(--ui-font)}button,input{font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.game-orientation-viewport{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;scrollbar-width:none;width:100%;height:100%;position:relative;overflow:hidden}.game-orientation-viewport::-webkit-scrollbar{width:0;height:0;display:none}.game-orientation-viewport ::-webkit-scrollbar{width:0;height:0;display:none}.game-orientation-viewport *{scrollbar-width:none}.game-orientation-viewport .lobby-sub-body,.game-orientation-viewport .lineup-portraits,.game-orientation-viewport .lineup-picker__body,.game-orientation-viewport [data-scroll-container]{overscroll-behavior:contain}.game-orientation-viewport .lobby-sub-body,.game-orientation-viewport .lineup-picker__body,.game-orientation-viewport [data-scroll-container]{touch-action:pan-y}.game-orientation-viewport .lineup-portraits{touch-action:manipulation}.game-orientation-viewport img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.game-orientation-viewport input,.game-orientation-viewport textarea,.game-orientation-viewport [contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.at-input{width:100%;min-height:var(--at-touch);color:#fff;background:#061632;border:1px solid #6e8eb3;border-radius:4px;padding:10px 13px}.at-input:focus{border-color:var(--gold-light)}.at-button{cursor:pointer;font-weight:800}.at-button:disabled{cursor:default}.settings-anchor{top:max(4px, var(--sat));right:max(4px, var(--sar));z-index:80;position:fixed}.settings-trigger{width:38px;height:38px;color:var(--gold-light);border:2px solid var(--gold);cursor:pointer;background:#051636f0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;box-shadow:inset 0 0 0 2px #1b5b98,0 8px 18px #00000047}.at-error,.panel-error,.global-error{color:#ffd6d9}button.profile-crest{cursor:pointer}.tagged-name{min-width:0;max-width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:4px;padding:0;display:inline-flex}.tagged-name--static{cursor:inherit}.tagged-name__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tagged-name__tag{color:var(--gold-light);font-variant-numeric:tabular-nums}.tagged-name--deleted{color:#9aa6b8;font-style:italic}.tagged-name__hint{color:#cfe5ff;white-space:nowrap;align-items:baseline;gap:3px;font-size:11px;display:inline-flex}.tagged-name__hint-icon{font-size:12px}.tagged-name[data-copied=true] .tagged-name__hint{color:var(--gold-light)}.tagged-name--id{color:#cfe3ff;min-height:28px;font-size:var(--at-font-sm);background:linear-gradient(#081e46f2,#030f28f2);border:1px solid #8cbeff73;border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 10px;line-height:1;box-shadow:inset 0 1px #ffffff14}.tagged-name__id-label{color:#8fb0d8;letter-spacing:.04em;font-weight:700}.tagged-name__id-value{color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-weight:900}.tagged-name__id-icon{color:#ffe49a;background:#ffe49a1f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.tagged-name__id-icon .game-glyph{width:14px;height:14px}.tagged-name--id:hover{border-color:#ffe49abf}.tagged-name--id:focus-visible{outline-offset:2px;outline:2px solid #7df}.tagged-name--id[data-copied=true]{border-color:#ffe49ae6}.tagged-name--id[data-copied=true] .tagged-name__id-icon{color:#10230c;background:#ffd75e}.icon-command{width:var(--at-touch);height:var(--at-touch);color:#f6d47c;background:linear-gradient(#0a264ff0,#03112bf0);border:1px solid #e5b34dd1;border-radius:6px;place-items:center;font-size:20px;display:grid;box-shadow:inset 0 1px #ffecb11f,0 4px 12px #0000003d}.game-glyph{width:24px;height:24px;display:block;overflow:visible}.lobby-loading{z-index:12;background:var(--navy-soft);border:2px solid var(--gold);padding:12px 18px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lobby-loading span{border:2px solid var(--cyan);border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:9px;animation:.8s linear infinite spin;display:inline-block}.lobby-shell--route-loading{place-items:center;display:grid}.lobby-route-loading{justify-items:center;gap:var(--at-gap-sm);color:#e9f5ff;text-shadow:0 2px 4px #000;display:grid}.lobby-route-loading>span{border:3px solid #57ddff;border-top-color:#f3c75e;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.currency-icon{flex:none;display:block}.bond-chips{flex:none;gap:3px;display:inline-flex}.bond-chips--trailing{margin-left:auto}.bond-chip{color:#06203f;background:linear-gradient(#ffd965,#e5a52c);border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;font-weight:900;line-height:1;display:grid;overflow:hidden}.bond-chip[data-bond-kind=element]{color:var(--bond-element-ink);background:linear-gradient(180deg, var(--bond-element-hi), var(--bond-element-lo))}.lore-overlay{padding:max(var(--at-edge),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-edge),var(--sab)) max(var(--at-edge),var(--sal));background:#020b1e94;place-items:center;display:grid;position:fixed;inset:0}.lore-sheet{gap:var(--at-gap-xs);width:min(420px,100%);min-height:0;max-height:100%;padding:var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#051637f7;border:2px solid #c3913d;grid-template-rows:auto minmax(0,1fr);display:grid;box-shadow:inset 0 0 0 2px #154177,0 12px 30px #0000006b}.lore-sheet__head{align-items:center;gap:var(--at-gap-sm);display:flex}.lore-sheet__head>strong{min-width:0;color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-lg);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.lore-sheet__close{width:var(--at-touch);height:var(--at-touch);cursor:pointer;place-items:center;padding:0;font-size:16px;display:grid}.lore-sheet__body{align-content:start;gap:var(--at-gap-sm);min-height:0;display:grid;overflow-y:auto}.lore-sheet__entry{gap:5px;display:grid}.lore-sheet__entry+.lore-sheet__entry{padding-top:var(--at-gap-sm);border-top:1px solid #4a6f99a6}.lore-sheet__name{color:#fff0ae;font-size:var(--at-font-md);margin:0;font-weight:900}.lineup-formation{width:min(100%,calc(100cqh * var(--at-map-aspect,2)));aspect-ratio:var(--at-map-aspect,2);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#071d40f2;border:2px solid #4a6f99;position:relative;overflow:hidden}.lineup-formation__opponent{pointer-events:none;background:#5a637080;position:absolute;inset:0 0 0 50%}.lineup-formation__center-line{pointer-events:none;border-left:2px dashed #90a0b3;position:absolute;top:0;bottom:0;left:50%}@keyframes formation-hold-pulse{0%{opacity:.68}to{opacity:1}}.draft-panel__template-badge{color:#0a2242;background:var(--gold-light);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:900;display:inline-block}.lineup-wish-dialog{padding:max(16px,var(--sat)) max(16px,var(--sar)) max(16px,var(--sab)) max(16px,var(--sal));background:#020818d6;place-items:center;display:grid;position:fixed;inset:0}.lineup-wish-dialog__panel{background:#071d45;border:2px solid #c18b38;border-radius:8px;gap:12px;width:min(460px,100%);padding:20px;display:grid;box-shadow:inset 0 0 0 3px #174a89,0 24px 70px #020816}.lineup-wish-dialog__panel h2{color:var(--gold-light);font-family:var(--display);margin:0}.lineup-wish-dialog__panel p{color:#c9daec;margin:0;line-height:1.55}.lineup-wish-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lineup-wish-dialog__panel{width:min(860px,100%);max-height:min(680px,calc(var(--at-viewport-height) - 32px));overflow:auto}.lineup-wish-dialog__panel>header{padding-right:var(--at-settings-reserve);justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.lineup-wish-dialog__panel>header h2{margin-bottom:5px}.lineup-wish-dialog__panel>header>strong{color:#071d45;background:var(--gold-light);border-radius:999px;flex:none;padding:5px 9px;font-size:12px}.lineup-wish-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:9px;display:grid}.lineup-wish-card{color:#c9daec;text-align:left;cursor:pointer;background:#0b2c5c;border:2px solid #5d80a8;border-radius:6px;align-content:start;min-height:112px;padding:26px 10px 10px;display:grid;position:relative}.lineup-wish-card.is-selected{border-color:var(--gold-light);box-shadow:inset 0 0 0 2px #35a8ff,0 0 14px #ffd35933}.lineup-wish-card__rarity{color:#071d45;background:#9fb8d3;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;top:6px;left:8px}.lineup-wish-card__rarity--rare{background:#7fd0ff}.lineup-wish-card__rarity--epic{background:#c3a2ff}.lineup-wish-card__rarity--legendary{background:var(--gold-light)}.lineup-wish-card__rarity--enchant{background:#8cf0c8}.lineup-wish-card__order{color:#071d45;background:var(--gold-light);border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;top:5px;right:5px}.lineup-wish-card__order.is-next{color:#fff1ee;background:#d74755;box-shadow:0 0 0 2px #ff9b8d8c}.lineup-wish-card strong{color:#fff0ae;font-size:13px}.lineup-wish-card small{color:#9fb8d3;margin-top:5px;font-size:10px;line-height:1.35}.lineup-wish-card em{color:#082242;background:#8cecff;border-radius:999px;align-self:end;width:-moz-fit-content;width:fit-content;margin-top:8px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:900}.matchmaking-overlay{padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));background:radial-gradient(circle at 50% 46%,#092654bd,#020a1ceb 68%);place-items:center;display:grid;position:fixed;inset:0}.match-frame{--queue-accent:#6fd8ff;--queue-glow:#48cbf880;width:min(var(--at-queue-frame-w),100%);padding:var(--at-gap-md) clamp(14px,3vw,20px);border:2px solid var(--gold);border-radius:var(--at-radius-md);background:linear-gradient(#09204afc,#04112cfc);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(12px,2.2vw,20px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #154177,0 18px 44px #0009}.match-frame[data-status=matched]{--queue-accent:#7ff0b4;--queue-glow:#5aebaa80;border-color:var(--gold-light)}.match-frame:after{content:"";pointer-events:none;border:2px solid var(--gold);background:linear-gradient(135deg,#8fdcff,#1f6ad1);width:12px;height:12px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.match-frame__radar{width:var(--at-queue-radar);aspect-ratio:1;place-items:center;display:grid;position:relative}.match-frame__radar:before{content:"";background:radial-gradient(circle, var(--queue-glow), transparent 68%);border-radius:50%;position:absolute;inset:16%}.match-frame__radar:after{content:"";border:1px solid #6fd8ff47;border-radius:50%;position:absolute;inset:6%}.match-frame__radar i{border:2px solid var(--queue-accent);opacity:0;border-radius:50%;animation:2.4s ease-out infinite queue-ping;position:absolute;inset:0}.match-frame__radar i:nth-of-type(2){animation-delay:.8s}.match-frame__radar i:nth-of-type(3){animation-delay:1.6s}.match-frame__radar img{object-fit:contain;width:54%;filter:drop-shadow(0 0 12px var(--queue-glow));animation:1.9s ease-in-out infinite float;position:relative}@keyframes queue-ping{0%{opacity:.68;transform:scale(.42)}to{opacity:0;transform:scale(1)}}.match-frame__info{gap:var(--at-gap-xs);min-width:0;display:grid}.match-frame__mode{color:var(--muted);font-size:var(--at-font-xs);letter-spacing:.12em;font-weight:800}.match-frame h2{color:var(--gold-light);font-family:var(--display);letter-spacing:.04em;margin:0;font-size:clamp(17px,2.2vw,22px);line-height:1.15}.match-frame__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;min-width:0;display:flex}.match-frame__status{color:var(--queue-accent);font-size:var(--at-font-sm);align-items:center;gap:6px;font-weight:800;display:flex}.match-frame__status i{width:7px;height:7px;box-shadow:0 0 8px var(--queue-glow);background:currentColor;border-radius:50%;flex:none;animation:1.4s ease-in-out infinite pulse}.match-frame__wait{color:var(--muted);font-size:var(--at-font-xs);white-space:nowrap}.match-frame__wait strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(16px,2vw,20px)}.match-frame__cancel{justify-self:start;min-width:min(160px,100%);margin-top:2px}.at-auth-shell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.at-auth-shell img,.at-auth-shell svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.at-auth-shell input,.at-auth-shell textarea,.at-auth-shell [contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.at-page{min-height:100%;max-height:100%;padding:var(--at-auth-edge-y) var(--at-edge);background:var(--at-auth-backdrop-image) center/cover no-repeat;align-content:safe center;justify-items:center;display:grid;overflow-y:auto}:root[data-lobby-decorations=minimal] .at-page{background:linear-gradient(145deg,#25649f,#061a3b)}.at-page:before{content:"";background:#030d228a;position:fixed;inset:0}.at-page--auth{min-height:var(--at-app-height);max-height:var(--at-app-height);padding:max(var(--at-auth-edge-y), var(--sat)) max(var(--at-edge), var(--sar)) max(var(--at-auth-edge-y), var(--sab)) max(var(--at-edge), var(--sal))}.at-panel{z-index:1;gap:var(--at-auth-gap);width:min(var(--at-auth-panel-w), 100%);min-width:0;padding:var(--at-auth-pad-y) var(--at-auth-pad-x);border:2px solid var(--gold);background:linear-gradient(#09204af7,#04112cf7);border-radius:10px;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 0 0 2px #0d2a58,inset 0 1px #ffffff14,0 20px 60px #00000080}.at-panel:before{inset:calc(-1 * var(--at-auth-frame-outset));z-index:-1;content:"";pointer-events:none;border-radius:calc(10px + var(--at-auth-frame-outset));background:0 0;border:1px solid #c5923a80;position:absolute}.at-panel:after{top:calc(-1 * var(--at-auth-frame-outset) - 7px);z-index:2;content:"";pointer-events:none;border:2px solid var(--gold);background:linear-gradient(135deg,#8fdcff,#1f6ad1);width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.at-panel--auth{width:min(var(--at-auth-panel-w), 100%)}.at-title{color:var(--gold-light);font-size:var(--at-auth-title);text-align:center;text-shadow:0 2px 3px #000;overflow-wrap:anywhere;font-weight:800;line-height:1.2}.at-sub{color:var(--muted);font-size:var(--at-auth-sub);text-align:center;overflow-wrap:anywhere;line-height:1.45}.at-form{grid-template-columns:var(--at-auth-form-cols);gap:var(--at-auth-gap) var(--at-auth-gap);min-width:0;display:grid}.at-field{align-content:start;gap:4px;min-width:0;display:grid}.at-field--wide{grid-column:1/-1}.at-field-label{color:#e8f4ff;font-size:var(--at-auth-label);overflow-wrap:anywhere;font-weight:800;line-height:1.25}.at-field-hint{font-size:var(--at-auth-label);opacity:.85;overflow-wrap:anywhere;line-height:1.3}.at-field-hint--error{color:#ffb4a8;opacity:1}.at-actions{grid-template-columns:var(--at-auth-action-cols);gap:var(--at-auth-gap);min-width:0;display:grid}.at-actions .at-button{min-width:0;font-size:var(--at-auth-control-font)}.at-page .at-input{font-size:var(--at-auth-control-font)}.at-input--code{letter-spacing:2px;text-align:center;font-family:ui-monospace,monospace}.at-password-field{width:100%;min-width:0;position:relative}.at-password-field__input{padding-right:52px}.at-password-field__toggle{width:48px;min-height:var(--at-touch);color:#cfe5ff;cursor:pointer;background:0 0;border:0;border-left:1px solid #6e8eb38c;border-radius:0 4px 4px 0;place-items:center;display:grid;position:absolute;top:0;right:0}.at-password-field__toggle:hover{color:var(--gold-light);background:#3196ff1f}.at-language-switch{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;margin-top:2px;display:flex}.at-language-switch__sep{color:#b9c9de8c;font-size:var(--at-auth-label)}.at-language-switch__item{min-height:32px;color:var(--muted);cursor:pointer;font-size:var(--at-auth-label);background:0 0;border:0;border-radius:4px;padding:4px 10px;font-weight:700}.at-language-switch__item:hover{color:var(--gold-light)}.at-language-switch__item--active{color:var(--gold-light);text-underline-offset:3px;text-decoration:underline}.at-language-switch__item:disabled{cursor:default;opacity:.6}.at-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.at-steps__item{justify-items:center;gap:4px;min-width:0;padding:0 2px;display:grid;position:relative}.at-steps__item+.at-steps__item:before{content:"";background:#b9c9de42;block-size:1px;position:absolute;top:11px;left:-50%;right:50%}.at-steps__item[data-state=done]+.at-steps__item:before,.at-steps__item[data-state=current]+.at-steps__item:before{background:#c5923a8c}.at-steps__badge{z-index:1;width:22px;height:22px;color:var(--muted);font-size:var(--at-auth-label);background:#0a1c3c;border:1px solid #b9c9de57;border-radius:50%;place-items:center;font-weight:800;line-height:1;display:grid;position:relative}.at-steps__label{color:var(--muted);font-size:var(--at-auth-label);text-align:center;overflow-wrap:anywhere;line-height:1.2}.at-steps__item[data-state=current] .at-steps__badge{color:#071227;background:var(--gold-light);border-color:var(--gold)}.at-steps__item[data-state=current] .at-steps__label{color:#e8f4ff;font-weight:800}.at-steps__item[data-state=done] .at-steps__badge{color:var(--gold-light);border-color:#c5923ab3}.at-steps__item[data-state=done] .at-steps__label{color:var(--gold-light)}.at-auth-public{color:var(--muted);font-size:var(--at-auth-label);text-align:center;border-top:1px solid #b9c9de3d;gap:2px;padding-top:4px;line-height:1.35;display:grid}.at-auth-public p{margin:0}.at-auth-public nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.at-auth-public a{color:var(--gold-light);text-underline-offset:2px;text-decoration:underline}.at-auth-public a:hover{color:#fff1bd}.form-error{color:#ffd6d9;font-size:var(--at-auth-label);overflow-wrap:anywhere;background:#641829d1;border:1px solid #f0727e;border-radius:7px;padding:8px 10px;line-height:1.4}.at-authenticator-layout{grid-template-columns:var(--at-auth-binding-cols)}.at-authenticator-layout,.at-authenticator-visual,.at-authenticator-confirm{align-content:start;gap:var(--at-auth-gap);min-width:0;display:grid}.at-title--authenticator{font-size:var(--at-auth-title)}.at-qr-box{background:#fff;border-radius:4px;align-self:center;padding:8px}.at-qr{display:block}.at-authenticator-visual .at-qr-box{width:min(var(--at-auth-qr), 100%);justify-self:center}.at-panel--authenticator .at-qr{aspect-ratio:1;width:100%;height:auto}.at-secret{color:var(--gold-light);font-size:var(--at-auth-label);word-break:break-all;background:#05152f;border:1px solid #926d32;padding:9px 10px}.at-panel--authenticator .at-secret{overflow-wrap:anywhere;-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;width:100%;min-width:0;display:block}.account-access-actions{align-items:center;gap:var(--at-auth-gap);grid-template-columns:1fr auto;display:grid}.account-forgot-button{min-height:var(--at-touch);color:#83cffa;background:0 0;border:0;text-decoration:underline}.account-access-panel__unavailable{color:#ffc77d;font-size:var(--at-font-sm);background:#ffb65814;border:1px solid #ffb6585c;padding:8px}.account-callback{text-align:center}.at-actions--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.at-button--hero{min-height:var(--at-google-button-h);font-size:calc(var(--at-auth-control-font) + 2px);letter-spacing:.02em;font-weight:900}.at-login-consent{color:#c7d9eb;font-size:var(--at-auth-label);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,auto);justify-content:center;align-items:start;gap:8px;line-height:1.35;display:grid}.at-login-consent input{accent-color:#53b9ff;width:18px;height:18px;margin:1px 0 0}.at-login-consent a{color:var(--gold-light);text-underline-offset:2px;text-decoration:underline}.at-auth-divider{color:#b9c9deb8;font-size:var(--at-auth-label);align-items:center;gap:10px;display:flex}.at-auth-divider:before,.at-auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#b9c9de57,#0000);flex:1 1 0;height:1px}.at-oauth{gap:4px;display:grid}.at-oauth__row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.at-auth-public p{overflow-wrap:anywhere}.at-oauth-button{box-sizing:border-box;width:var(--at-google-button-h);height:var(--at-google-button-h);cursor:pointer;background:linear-gradient(#fff,#e9f0f7);border:1px solid #ffffffeb;border-radius:50%;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 6px 18px #00000047,inset 0 -1px #142a4624}.at-oauth-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #00000057,0 0 0 3px #73cfff47}.at-oauth-button:focus-visible{outline-offset:3px;outline:3px solid #73cfff}.at-oauth-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.45;transform:none}.at-oauth-mark{width:calc(var(--at-google-button-h) * .52);height:calc(var(--at-google-button-h) * .52)}.at-auth-inline-link{justify-content:center;display:flex}.battle-shell{background:linear-gradient(#04122f80,#040e2340 40%,#030b1d99),url(/assets/ui/fantasy-battle-sky-backdrop-v1.webp) 50%/cover no-repeat,#123e68;width:100%;height:100%;position:relative;overflow:hidden}.battle-shell--loading{place-items:center;display:grid}.match-tools-dock,.battle-bonds,.battle-bonds__badge,.match-standings{transition:opacity .25s ease-out,visibility linear}.battle-shell--carousel :is(.match-tools-dock,.battle-bonds,.battle-bonds__badge,.match-standings){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-out,visibility 0s linear .25s}.arena-stage,.arena-canvas{position:absolute;inset:0}.arena-stage{z-index:1}.arena-canvas{background:#12325d;overflow:hidden}.arena-canvas[data-runtime-ready=false]{background:0 0}.arena-webgl-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.battle-unit-hud-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-floating-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-floating-number{--fn-size:var(--at-float-num-md);--fn-weight:800;--fn-pop:1.5;--fn-hang:.65s;--fn-rise:var(--at-float-rise);--fn-dx:0px;--fn-stack:0;--fn-push:0px;--fn-lift:calc(var(--at-float-lift) + var(--fn-stack) * var(--at-float-num-lg) * 1.15);font-size:var(--fn-size);font-weight:var(--fn-weight);white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff6d8;-webkit-text-stroke:.075em #24120a;paint-order:stroke fill;text-shadow:0 .08em #140a04d9;will-change:transform, opacity;animation:battle-float var(--fn-hang) linear forwards;line-height:1;position:absolute;top:0;left:0}.battle-floating-number[data-drift=left]{--fn-dx:-3px}.battle-floating-number[data-drift=right]{--fn-dx:3px}.battle-floating-number[data-tier=small]{--fn-size:var(--at-float-num-sm);--fn-weight:700;--fn-pop:1.45;--fn-hang:.6s}.battle-floating-number[data-tier=large]{--fn-size:var(--at-float-num-lg);--fn-weight:900;--fn-pop:1.55;--fn-hang:.7s;letter-spacing:-.02em}.battle-floating-number[data-damage=physical]{color:#ffa83a;-webkit-text-stroke:.09em #2a0e00;text-shadow:0 .08em #1e0a00e6}.battle-floating-number[data-damage=magical]{color:#6cc0ff;-webkit-text-stroke:.09em #041a36;text-shadow:0 .08em #041028e6}.battle-floating-number[data-damage=true]{color:#f2f5ff;-webkit-text-stroke:.09em #1c2030;text-shadow:0 .08em #0a0c16e6}.battle-floating-number[data-kind=heal]{color:#7dff9e;-webkit-text-stroke:.075em #042415;text-shadow:0 .08em #031a10d9}.battle-floating-number[data-kind=shield]{color:#9ef5c4;-webkit-text-stroke:.075em #0b2a1a;text-shadow:0 .08em #031a10d9}.battle-floating-number[data-crit=true]{--fn-pop:var(--at-float-crit-pop);--fn-hang:.7s;font-size:calc(var(--fn-size) * 1.25);-webkit-text-stroke-width:.09em;font-weight:900}.battle-floating-number[data-crit=true]:before{content:"✸";vertical-align:.08em;margin-right:.06em;font-size:.8em}.battle-floating-number[data-kind=outcome]{--fn-size:var(--at-float-num-sm);--fn-weight:800;--fn-pop:1.3;color:#e7f4ff;letter-spacing:.08em;-webkit-text-stroke:.08em #0b2135;text-shadow:0 .08em #06121ed9}.battle-floating-number[data-outcome=dodge]{color:#74e7ff}.battle-floating-number[data-outcome=blocked]{color:#ffd77a;text-shadow:0 2px #4a3107}.battle-floating-number[data-outcome=nullified]{color:#d3b5ff;text-shadow:0 2px #2e164f}.battle-floating-number[data-outcome=targetGone]{color:#b5c2ca}@keyframes battle-float{0%{transform:translate3d(-50%, calc(-100% - var(--fn-lift) + var(--fn-push)), 0) scale(var(--fn-pop));opacity:1;animation-timing-function:cubic-bezier(.2,.7,.3,1)}20%{transform:translate3d(calc(-50% + var(--fn-dx) * .2), calc(-100% - var(--fn-lift) - var(--fn-rise) * .2 + var(--fn-push)), 0) scale(1);opacity:1;animation-timing-function:linear}85%{transform:translate3d(calc(-50% + var(--fn-dx) * .85), calc(-100% - var(--fn-lift) - var(--fn-rise) * .85 + var(--fn-push)), 0) scale(1);opacity:1}to{transform:translate3d(calc(-50% + var(--fn-dx)), calc(-100% - var(--fn-lift) - var(--fn-rise) + var(--fn-push)), 0) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.battle-floating-number{animation-name:battle-float-reduced}}@keyframes battle-float-reduced{0%{transform:translate3d(-50%, calc(-100% - var(--fn-lift) + var(--fn-push)), 0);opacity:0}12%,85%{transform:translate3d(-50%, calc(-100% - var(--fn-lift) + var(--fn-push)), 0);opacity:1}to{transform:translate3d(-50%, calc(-100% - var(--fn-lift) + var(--fn-push)), 0);opacity:0}}.battle-unit-hud{--unit-hud-item:calc(var(--at-unit-hud-w) * .235);width:var(--at-unit-hud-w);margin:-11px 0 0 calc(var(--at-unit-hud-w) / -2);will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.battle-unit-hud[data-items=true]{margin-top:calc(-13px - var(--unit-hud-item))}.battle-unit-hud__items{order:1;gap:1px;margin-top:2px;display:flex}.battle-unit-hud__items>img{width:var(--unit-hud-item);aspect-ratio:1;object-fit:contain;background:#07111bd1;border:1px solid #c9a24a;border-radius:2px;display:block;box-shadow:0 1px 2px #0009}.battle-unit-hud[data-impact=hit]{filter:brightness(1.5)}.battle-unit-hud[data-impact=crit]{filter:brightness(1.9)saturate(1.4)}.battle-unit-hud__emblem{pointer-events:none;width:10px;height:10px;position:absolute;top:-2px;right:calc(100% + 1px)}.battle-unit-hud[data-kind=summon] .battle-unit-hud__emblem{width:8px;height:8px;top:-1px}.battle-unit-hud__emblem:before,.battle-unit-hud__emblem:after{content:"";position:absolute}.battle-unit-hud__emblem:before{background:#07111b;inset:0}.battle-unit-hud[data-side=ally] .battle-unit-hud__emblem:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-unit-hud[data-side=ally] .battle-unit-hud__emblem:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle,#f2fdff 0 18%,#7fdcff 26%,#1f7fb3 100%);inset:2px}.battle-unit-hud[data-side=enemy] .battle-unit-hud__emblem:before{clip-path:polygon(100% 0,58% 50%,100% 100%,52% 100%,0 50%,52% 0)}.battle-unit-hud[data-side=enemy] .battle-unit-hud__emblem:after{clip-path:polygon(100% 0,58% 50%,100% 100%,52% 100%,0 50%,52% 0);background:linear-gradient(#ffc0a0,#e0483f 60%,#8f1f22);inset:1.5px}.battle-unit-hud__health{box-sizing:border-box;background:#14242d;border:1px solid #07111b;border-radius:1px;height:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #000000a6}.battle-unit-hud__health>i{background:linear-gradient(#62ed99,#26b96a);transition:width .1s linear;display:block;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #e1ffeb4d}.battle-unit-hud[data-side=enemy] .battle-unit-hud__health>i{background:linear-gradient(#ff8980,#d9484c);box-shadow:inset 0 1px #ffe6e14d}.battle-unit-hud__segments{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#020a11f5 0);background-repeat:repeat-x;position:absolute;inset:0}.battle-unit-hud__segments[data-scale=major]{background-image:linear-gradient(90deg,#0000 calc(100% - 2px),#020a11f5 0)}.battle-unit-hud__shield-fill{background:linear-gradient(#fff,#cfdde6);width:0;transition:left .1s linear,width .1s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -1px #7896aa73}.battle-unit-hud__health>i[data-level=critical]{animation:.62s ease-in-out infinite battle-hp-critical}@keyframes battle-hp-critical{50%{filter:brightness(1.8)}}.battle-unit-hud[data-kind=pet-owner]{width:calc(var(--at-unit-hud-w) * 1.2);margin:-21px 0 0 calc(var(--at-unit-hud-w) * -.6);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.battle-unit-hud__pet-hit{width:100%;height:0;position:absolute;top:100%;left:0}.battle-shell--carousel .battle-unit-hud[data-kind=pet-owner]{pointer-events:none;cursor:auto}.battle-unit-hud[data-kind=pet-owner] .battle-unit-hud__health{order:1;height:8px;margin-top:1px}.battle-unit-hud[data-kind=pet-owner] .battle-unit-hud__health>i{transition:width .3s ease-out}.battle-unit-hud[data-kind=pet-owner] .battle-unit-hud__health>s{background:#fff4e8d9;text-decoration:none;transition:width .5s ease-out .35s;display:block;position:absolute;inset:0 auto 0 0}.battle-unit-hud[data-kind=pet-owner] .battle-unit-hud__emblem{top:auto;bottom:-1px}.battle-unit-hud[data-kind=pet-owner][data-side=left] .battle-unit-hud__health>i{background:linear-gradient(#7fc8ff,#2f7fd9);box-shadow:inset 0 1px #e1f0ff4d}.battle-unit-hud[data-kind=pet-owner][data-side=right] .battle-unit-hud__health>i{background:linear-gradient(#ff8980,#d9484c);box-shadow:inset 0 1px #ffe6e14d}.battle-unit-hud[data-kind=pet-owner][data-side=left] .battle-unit-hud__emblem:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-unit-hud[data-kind=pet-owner][data-side=left] .battle-unit-hud__emblem:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle,#f2fdff 0 18%,#7fdcff 26%,#1f7fb3 100%);inset:2px}.battle-unit-hud[data-kind=pet-owner][data-side=right] .battle-unit-hud__emblem:before{clip-path:polygon(100% 0,58% 50%,100% 100%,52% 100%,0 50%,52% 0)}.battle-unit-hud[data-kind=pet-owner][data-side=right] .battle-unit-hud__emblem:after{clip-path:polygon(100% 0,58% 50%,100% 100%,52% 100%,0 50%,52% 0);background:linear-gradient(#ffc0a0,#e0483f 60%,#8f1f22);inset:1.5px}.battle-unit-hud__owner-hp{color:#fff;height:12px;font:900 11px/12px var(--display);text-align:center;text-shadow:0 1px 2px #000,0 0 3px #000c;white-space:nowrap;order:0}.battle-unit-hud[data-kind=pet-owner][data-state=eliminated] .battle-unit-hud__owner-hp{color:#ff8a80}.battle-unit-hud[data-kind=pet-owner][data-state=ghost] .battle-unit-hud__health{visibility:hidden}.battle-unit-hud[data-kind=pet-owner][data-state=ghost] .battle-unit-hud__owner-hp{color:#c9b8ff}.pet-owner-plate{box-sizing:border-box;color:#fff;height:14px;font:700 10px/12px var(--display);white-space:nowrap;background:linear-gradient(#0e244ae6,#05122af0);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:3px;padding:0 6px 0 1px;display:flex;box-shadow:0 1px 3px #0009,inset 0 1px #ffffff1a}.pet-owner-plate[data-rank="0"]{padding-left:6px}.pet-owner-plate__name{min-width:0;max-width:var(--at-player-name-max);text-overflow:ellipsis;text-shadow:0 1px 1px #000c;letter-spacing:.2px;overflow:hidden}.pet-owner-plate__rank{box-sizing:border-box;color:#2b1903;width:12px;height:12px;font:900 9px/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 1px #ffffff59;background:radial-gradient(circle at 34% 28%,#d9e6ff,#5d7bb0 78%);border:1px solid #e4edff;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid;box-shadow:0 1px 2px #0000008c,inset 0 0 0 1px #141e3c59}.pet-owner-plate__rank[data-tier=none]{display:none}.pet-owner-plate__rank[data-tier="1"]{background:radial-gradient(circle at 34% 28%,#fff1bd,#d9a636 78%);border-color:#ffe59a}.pet-owner-plate__rank[data-tier="2"]{background:radial-gradient(circle at 34% 28%,#fff,#a9b4c4 78%);border-color:#eef2f7}.pet-owner-plate__rank[data-tier="3"]{color:#2b1200;background:radial-gradient(circle at 34% 28%,#ffd9b8,#b8702f 78%);border-color:#ffd7b0}.pet-owner-plate__rank[data-tier=rest]{color:#ffe9a8;text-shadow:none;background:radial-gradient(circle at 34% 28%,#2a4a86,#0d1d44 78%);border-color:#c9a254}.battle-unit-hud[data-kind=pet-owner][data-owner=true]{margin-top:-36px}.battle-unit-hud__owner-plate{order:-1;align-self:center;max-width:160%;margin-bottom:1px;display:none}.battle-unit-hud[data-kind=pet-owner][data-owner=true] .battle-unit-hud__owner-plate{display:flex}.battle-unit-hud[data-kind=pet-owner][data-state=ghost] .battle-unit-hud__owner-plate{color:#e2d6ff}.battle-unit-hud[data-kind=pet-owner][data-state=eliminated] .battle-unit-hud__owner-plate{color:#b9bfc9;opacity:.75}.battle-unit-hud[data-kind=pet-owner][data-state=eliminated] .pet-owner-plate__rank{filter:grayscale()}.battle-unit-hud__owner-loss{color:#ff6b6b;font:900 12px/1 var(--display);text-shadow:0 1px 2px #000,0 0 4px #ff3c3c99;pointer-events:none;animation:1.4s ease-out forwards standings-loss;position:absolute;top:-12px;right:0}.battle-unit-hud__shield{box-sizing:border-box;opacity:0;border:1px solid #70d9ffe6;border-radius:2px;height:10px;transition:opacity .12s linear;position:absolute;inset:-2px -2px auto;box-shadow:0 0 4px #4dccff66}.battle-unit-hud__resource{box-sizing:border-box;opacity:0;background:#0c1a2c;border:1px solid #07111b;border-radius:1px;height:4px;margin:1px 0 0;position:relative;overflow:hidden;box-shadow:0 1px 2px #0009}.battle-unit-hud__resource>i{background:linear-gradient(#6cc4ff,#2b86e6);height:100%;display:block}.battle-unit-hud__resource[data-ready=true]>i{background:linear-gradient(#bdeaff,#54b6ff);animation:.32s ease-out at-skill-ready-pop,1.4s ease-in-out .32s infinite at-skill-ready-breathe;box-shadow:0 0 4px #78cdfff2}@keyframes at-skill-ready-pop{0%{filter:brightness(2.4)saturate(1.3)}to{filter:brightness()}}@keyframes at-skill-ready-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.45)}}@media (prefers-reduced-motion:reduce){.battle-unit-hud__resource[data-ready=true]>i{animation:none}}.battle-unit-hud__statuses{order:2;justify-content:center;gap:2px;margin-top:3px;display:flex}.battle-unit-hud[data-items=true] .battle-unit-hud__statuses{bottom:0;left:calc(var(--unit-hud-item) + 3px);height:var(--unit-hud-item);flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:0;position:absolute;right:0;overflow:hidden}.battle-unit-hud__statuses>i{background:#ffd26f;border-radius:50%;width:6px;height:6px}.battle-unit-hud__statuses>i[data-control=hard]{background:#ff75d8}.battle-hud{z-index:10;min-height:var(--at-hud-height);padding:max(var(--at-gap-xs),var(--sat)) 0 var(--at-gap-xs);pointer-events:none;align-content:start;justify-items:center;display:grid;position:absolute;inset:0 0 auto}.battle-hud__center{justify-items:center;gap:4px;width:100%;min-width:0;display:grid}.phase-banner{justify-content:center;align-items:center;gap:var(--at-gap-sm);width:max-content;min-width:var(--at-stage-bar-w);max-width:var(--at-stage-bar-max-w);height:var(--at-stage-bar-h);padding:0 var(--at-gap-md);white-space:nowrap;background:linear-gradient(#0a2858,#071d45);border:2px solid #d9a84e;border-radius:5px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #143e76,0 5px 15px #0000004d}.phase-banner>strong{min-width:2ch;color:var(--gold-light);font:900 var(--at-font-lg)/1 ui-monospace, monospace;text-align:center;flex:none}.phase-banner__phase{color:#e3eefb;min-width:0;font-size:var(--at-font-sm);text-overflow:ellipsis;flex:none;font-weight:800;overflow:hidden}.phase-banner__picker{--player-name-avatar:calc(var(--at-stage-bar-h) - 10px);align-items:center;gap:5px;min-width:0;display:inline-flex}.phase-banner__picker-tag{flex:none}.phase-banner__round{color:#c8dbf3;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;flex:none}.phase-banner__round:before{margin-right:var(--at-gap-sm);color:#5f7ea6;content:"·"}.phase-banner{transition:opacity .2s ease-out;position:relative}.phase-banner[data-yield=true]{opacity:.22}.phase-banner__progress{height:max(3px, calc(var(--at-stage-bar-h) * .07));pointer-events:none;background:#030c1ecc;border-radius:999px;display:block;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.phase-banner__progress-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#e9b43f,#fff0b0);width:100%;height:100%;transition:transform .25s linear;display:block}.phase-banner__progress-fill--low{background:linear-gradient(90deg,#ff5f52,#ffb3a6)}.phase-banner__rounds{align-items:center;gap:calc(var(--at-stage-bar-h) * .16);min-width:0;padding:calc(var(--at-stage-bar-h) * .06);flex:0 auto;margin:0;list-style:none;display:flex;overflow:hidden}.phase-banner__rounds>li{width:calc(var(--at-stage-bar-h) * .22);aspect-ratio:1;background:0 0;border:1px solid #5f7ea6;flex:none;transform:rotate(45deg)}.phase-banner__rounds>li[data-state=done]{background:#7f9dc0;border-color:#a9c2de}.phase-banner__rounds>li[data-state=current]{background:var(--gold-light);border-color:#fff3bb;box-shadow:0 0 6px #ffd352cc}.phase-banner__rounds>li[data-kind=truce]{border-radius:50%;transform:scale(.82)}.phase-banner__rounds>li[data-kind=draft]{background:radial-gradient(circle,#a9c2de 0 22%,#0000 26%);border-width:2px;border-radius:50%;transform:none}.phase-banner__rounds>li[data-kind=draft][data-state=current]{background:radial-gradient(circle,#fff3bb 0 22%,#0000 26%)}.phase-banner__rounds>li[data-kind=final]{width:calc(var(--at-stage-bar-h) * .3);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#5f7ea6;border:0;transform:none}.phase-banner__rounds>li[data-kind=final][data-state=done]{background:#a9c2de}.phase-banner__rounds>li[data-kind=final][data-state=current]{background:var(--gold-light)}.phase-banner__rounds>li[data-lethal=true]{border-color:#ff7b7b}.phase-banner__rounds>li[data-lethal=true][data-state=upcoming]{background-color:#ff6b6b4d}.phase-banner__rounds>li[data-kind=final][data-lethal=true][data-state=upcoming]{background:#ff7b7b}.phase-banner__rounds>li[data-result=win]{background-color:#3fe08a;border-color:#9ff5c2}.phase-banner__rounds>li[data-result=loss]{background-color:#ff6b6b;border-color:#ffb0a4}.phase-banner__rounds>li[data-result=draw]{background-color:#8a96a8;border-color:#c2cbd8}.phase-banner__rounds>li[data-kind=draft][data-result]{background-image:none}.phase-banner__template-badge{color:#0a2242;font-size:var(--at-font-xs);background:var(--gold-light);border-radius:999px;margin-top:2px;padding:1px 8px;font-style:normal;font-weight:900;display:inline-block}.phase-banner__prompt{padding:2px var(--at-gap-sm);color:var(--gold-light);border:1px solid var(--gold);font-size:var(--at-font-sm);letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 10px #ffc43e8c;background:#04112ce6;border-radius:999px;font-style:normal;font-weight:800;animation:1.8s ease-in-out infinite phasePromptPulse;display:block}@keyframes phasePromptPulse{50%{box-shadow:0 0 14px #ffc43e73}}.phase-banner__growth-row{align-items:center;column-gap:var(--at-gap-sm);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.phase-banner__growth-row>.phase-banner__prompt{grid-column:2}.phase-banner__power{justify-self:start;align-items:baseline;gap:var(--at-gap-xs);padding:2px var(--at-gap-sm);color:#a9dfff;font-size:var(--at-font-xs);letter-spacing:.06em;white-space:nowrap;pointer-events:auto;background:#04122ac7;border:1px solid #486a94;border-radius:999px;grid-column:3;margin:0;display:flex}.phase-banner__power strong{color:#ffe08a;font-size:var(--at-font-md);font-weight:900}.phase-banner--waiting>strong{min-width:0;font-family:var(--display);font-size:var(--at-font-sm);letter-spacing:.06em;text-overflow:ellipsis;overflow:hidden}.match-standings{top:max(var(--at-standings-top), calc(var(--sat) + var(--at-settings-clear)));right:max(var(--at-standings-right), var(--sar));z-index:11;width:max(var(--at-standings-min-w), var(--at-standings-w));height:min(calc(var(--standings-rows,2) * var(--at-standings-pitch-max)), calc(100% - max(var(--at-standings-top), calc(var(--sat) + var(--at-settings-clear))) - var(--at-standings-bottom-reserve)));pointer-events:none;position:absolute}.match-standings__list{height:100%;margin:0;padding:0;list-style:none;position:relative}.match-standings{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .25s ease-out,visibility linear}.battle-shell--carousel .match-standings{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .25s ease-out,visibility 0s linear .25s}.match-standings[data-collapsed=true]{transform:translate(100%)}.match-standings__list{transition:opacity .2s ease-out 80ms,visibility linear}.match-standings[data-collapsed=true] .match-standings__list{opacity:0;visibility:hidden;transition:opacity .2s ease-out 80ms,visibility 0s linear .28s}.match-standings__toggle{z-index:2;color:#ffffffe6;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 1px 1.5px #000000e6)drop-shadow(0 0 2px #0009);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:1px;min-width:22px;height:28px;margin-right:-2px;padding:0;display:flex;position:absolute;top:0;right:100%}.match-standings__toggle:hover{color:#fff}.match-standings__toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:1px;border-radius:6px}.match-standings[data-collapsed=true] .match-standings__toggle{background:#040e228c;border:1px solid #ffffff47;border-radius:999px 0 0 999px;margin-right:0;padding:0 7px 0 4px}.match-standings__toggle-label{color:#fff;font:800 var(--at-font-xs)/1 var(--display);letter-spacing:.04em;white-space:nowrap}.match-standings__toggle svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.match-standings{transition:none}}.match-standings__slot{height:calc(100% / var(--standings-rows,2));transform:translateY(calc(var(--row-index,0) * 100%));padding:1px 0;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 0 auto;container-type:size}.match-standings__row{color:#eaf6ff;text-align:right;width:100%;min-width:0;height:100%;box-shadow:none;pointer-events:auto;background:linear-gradient(90deg,#040e2200 0%,#040e2280 34%,#040e22cc 100%) border-box;border:1px solid #0000;border-radius:4px 999px 999px 4px;grid-template:"name avatar"minmax(0,1fr)"hp avatar"minmax(0,1fr)/minmax(0,1fr) auto;align-items:center;column-gap:5px;padding:0 3px 0 6px;display:grid;position:relative}.match-standings__avatar{width:min(calc(var(--at-standings-avatar) * 1cqh), var(--at-standings-avatar-max));height:min(calc(var(--at-standings-avatar) * 1cqh), var(--at-standings-avatar-max));background:#123d7c;border:2px solid #5f7fa6;border-radius:50%;grid-area:avatar;position:relative;box-shadow:0 2px 6px #00000080}.match-standings__avatar>img:not(.participant__avatar-frame){object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.match-standings__avatar>.participant__avatar-frame{object-fit:contain;pointer-events:none;width:136%;height:136%;position:absolute;inset:-18%}.match-standings__copy{grid-area:name;align-self:end;justify-items:end;min-width:0;line-height:1.1;display:grid}.match-standings__copy>strong,.match-standings__detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.match-standings__copy>strong{color:#f4f8ff;font-size:var(--at-hud-list-font);text-shadow:0 1px 2px #000,0 0 3px #000000d9;width:100%}.match-standings__copy>strong>.player-name-chip{justify-content:flex-end;width:100%;display:flex}.match-standings__detail{color:#c2d2e6;font-size:var(--at-hud-list-small-font);text-shadow:0 1px 2px #000;font-style:normal}.match-standings__copy>.match-standings__detail{display:var(--at-standings-detail-display)}.match-standings__detail .participant__power{display:var(--at-standings-power-display)}.match-standings__hp{color:#d6e2f0;min-width:2ch;font:900 var(--at-hud-list-small-font)/1 var(--display);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 1px 2px #000;grid-area:hp;place-self:start end;padding-top:1px}.match-standings__row--self{background:linear-gradient(90deg,#0a506c00 0%,#0a506c9e 34%,#083e60eb 100%) border-box}.match-standings__row--self .match-standings__avatar{width:min(calc(var(--at-standings-self-avatar) * 1cqh), var(--at-standings-self-avatar-max));height:min(calc(var(--at-standings-self-avatar) * 1cqh), var(--at-standings-self-avatar-max));border-color:var(--gold-light);margin-right:0;box-shadow:0 0 8px #ffd35273}.match-standings__row--self .match-standings__hp{color:#fff;font-size:var(--at-hud-list-font)}.participant--opponent.match-standings__row{box-shadow:none;background:linear-gradient(90deg,#5a0e2200 0%,#5a0e228c 34%,#6e142ad9 100%) border-box;border-color:#0000}.participant--opponent.match-standings__row .match-standings__avatar{border-color:#ff8a9a;box-shadow:0 0 7px #ff6e8299}.participant--ghost.match-standings__row{border-style:dashed;border-color:#b9a0ff}.match-standings__corner{z-index:3;color:#fff;min-width:14px;height:14px;font:900 9px/1 var(--display);white-space:nowrap;pointer-events:none;background:#d8344a;border:1px solid #ffd9de;border-radius:999px;place-items:center;padding:0 2px;display:grid;position:absolute;top:-9px;right:-2px;box-shadow:0 1px 3px #0009}.match-standings__corner[data-kind=next]{color:#062744;background:#8feaff;border-color:#d7f7ff}.match-standings__corner[data-kind=ghost]{color:#1d0f3a;background:#d7c6ff;border-color:#efe6ff}.match-standings__corner[data-kind=self]{color:#2b1903;background:linear-gradient(#ffe58a,#e0a53c);border-color:#fff1b8}.match-standings__monster{z-index:3;pointer-events:none;background:#3a1d0b;border:1px solid #ff8a4c;border-radius:50%;width:46%;height:46%;position:absolute;bottom:-3px;left:-4px;overflow:hidden;box-shadow:0 1px 3px #0009}.match-standings__monster>img{object-fit:cover;width:100%;height:100%;display:block}.match-standings__row>.participant__hp{background:#030c1ed9;border-radius:999px;grid-area:hp;place-self:end;width:60%;height:2px;margin-bottom:2px;display:block;position:relative;overflow:hidden}.match-standings__row>.participant__hp>b{margin-left:auto}.participant__hp b{background:linear-gradient(90deg,#3fe08a,#9ff5c2);border-radius:999px;height:100%;transition:width .3s ease-out;display:block;position:relative}.participant__hp{position:relative}.participant__hp s{background:#fff4e8d9;border-radius:999px;text-decoration:none;transition:width .5s ease-out .35s;display:block;position:absolute;inset:0 auto 0 0}.match-standings__row>.participant__hp>s{inset:0 0 0 auto}.round-damage-bolts{z-index:12;pointer-events:none;--bolt-core:#ff7a59;--bolt-glow:#ff5a3cd9;position:absolute;inset:0;overflow:hidden}.round-damage-bolts[data-side=ally]{--bolt-core:#7fe7ff;--bolt-glow:#50c8ffd9}.round-damage-bolt{width:0;height:0;animation:round-bolt-x var(--bolt-flight) linear var(--bolt-delay) both;position:absolute;top:0;left:0}.round-damage-bolt>b{background:radial-gradient(circle,#fff 0 24%,var(--bolt-core) 46%,transparent 72%);width:14px;height:14px;box-shadow:0 0 10px 3px var(--bolt-glow);animation:round-bolt-y var(--bolt-flight) linear var(--bolt-delay) both;border-radius:50%;position:absolute;top:-7px;left:-7px}@keyframes round-bolt-x{0%{transform:translateX(var(--bolt-from-x))}to{transform:translateX(var(--bolt-to-x))}}@keyframes round-bolt-y{0%{opacity:0;transform:translateY(var(--bolt-from-y)) scale(.5);animation-timing-function:cubic-bezier(.2,.7,.4,1)}10%{opacity:1}45%{transform:translateY(calc(min(var(--bolt-from-y), var(--bolt-to-y)) - 36px)) scale(1);animation-timing-function:cubic-bezier(.6,0,.85,.4)}to{opacity:1;transform:translateY(var(--bolt-to-y)) scale(1.15)}}.match-standings__loss{color:#ff6b6b;font:900 var(--at-hud-list-small-font)/1 var(--display);text-shadow:0 1px 2px #000,0 0 4px #ff3c3c99;pointer-events:none;grid-area:hp;place-self:start end;margin-right:calc(3ch + 4px);animation:1.4s ease-out forwards standings-loss}@keyframes standings-loss{0%{opacity:0;transform:translateY(2px)scale(1.5)}12%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(-3px)}to{opacity:0;transform:translateY(-6px)}}.participant--opponent .participant__hp b{background:linear-gradient(90deg,#ff6f61,#ffb0a4)}.participant__rank-badge{z-index:1;color:#2b1903;text-shadow:0 1px #fff6d699;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 34% 28%,#ffeeb0,#d9a636 78%);border:1px solid #ffe59a;border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-4px;right:-5px;box-shadow:0 1px 4px #00000085,inset 0 0 0 1px #5c3607b8}.match-standings__avatar>.participant__rank-badge{left:-5px;right:auto}.participant__rank-badge--self{background:radial-gradient(circle at 34% 28%,#fff4bd,#e0ae3f 78%)}.participant__power{color:var(--gold-light);font-variant-numeric:tabular-nums;font-weight:900}.match-standings__row--eliminated,.participant--eliminated{filter:grayscale(.85);opacity:.55}.match-tools-dock{top:calc(var(--at-tools-col-top) + var(--sat));left:max(var(--at-tools-col-left),var(--sal));z-index:34;grid-template-rows:repeat(var(--tool-count,1), minmax(0,1fr));row-gap:var(--at-tools-gap);width:var(--at-tools-col-w);height:calc(var(--tool-count,1) * var(--at-tools-pitch));display:grid;position:absolute}.match-tools-dock__button{min-width:0;min-height:0;color:var(--gold-light);border-radius:var(--at-radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;place-items:center;row-gap:2px;padding:0;display:grid;position:relative}.match-tools-dock__hex{--tools-rim:linear-gradient(160deg,#fff1a8 0%,#f2bf3c 48%,#a56d12 100%);--tools-face:radial-gradient(circle at 50% 30%,#2b6cb8 0%,#0e3270 52%,#06173a 100%);height:min(100%, var(--at-tools-icon-max));aspect-ratio:.9;filter:drop-shadow(0 3px 3px #00000080);place-items:center;transition:transform 90ms ease-out,filter .12s ease-out;display:grid;position:relative}.match-tools-dock__hex:before,.match-tools-dock__hex:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.match-tools-dock__hex:before{background:#0d1520;inset:0}.match-tools-dock__hex:after{background:var(--tools-rim);inset:2px}.match-tools-dock__face{z-index:1;background:var(--tools-face);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid;position:absolute;inset:max(3.5px,11%);box-shadow:inset 0 0 6px #0000008c}.match-tools-dock__glyph{aspect-ratio:1;width:78%;height:auto;color:var(--gold-light);filter:drop-shadow(0 1px 1px #000000d9);display:block}.match-tools-dock__glyph g{stroke-width:2.2px}.match-tools-dock__label{display:var(--at-tools-label-display);color:#eaf6ff;max-width:100%;font:800 var(--at-hud-list-small-font)/1.1 var(--display);letter-spacing:.04em;text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;font-style:normal;overflow:hidden}.match-tools-dock__unread{z-index:2;min-width:var(--at-hud-list-count);height:var(--at-hud-list-count);color:#fff;font:900 calc(var(--at-hud-list-count) * .72)/1 var(--display);font-variant-numeric:tabular-nums;background:#e23a4e;border:1px solid #fff9;border-radius:2px;place-items:center;padding:0 2px;font-style:normal;display:grid;position:absolute;top:-3px;right:-2px;box-shadow:0 0 4px #e23a4ecc}.match-tools-dock__button:hover:not(:disabled):not(.match-tools-dock__button--active) .match-tools-dock__hex{filter:brightness(1.15)drop-shadow(0 3px 3px #00000080)}.match-tools-dock__button:active:not(:disabled) .match-tools-dock__hex{filter:brightness(.92)drop-shadow(0 1px 1px #00000080);transform:scale(.9)}.match-tools-dock__button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.match-tools-dock__button:disabled{cursor:default}.match-tools-dock__button:disabled:not(.match-tools-dock__button--active) .match-tools-dock__hex{filter:grayscale(.8)brightness(.7);opacity:.6}.match-tools-dock__button:disabled:not(.match-tools-dock__button--active) .match-tools-dock__label{color:#8c9db2}.match-tools-dock__button--active .match-tools-dock__hex{--tools-rim:linear-gradient(160deg,#fffbe6 0%,#ffe49a 50%,#d39a2c 100%);--tools-face:linear-gradient(170deg,#fff1a8 0%,#f2bf3c 55%,#c0851d 100%);filter:drop-shadow(0 0 5px #ffd666d9)drop-shadow(0 2px 2px #00000080)}.match-tools-dock__button--active .match-tools-dock__glyph{color:#0b2448;filter:none}.match-tools-dock__button--active .match-tools-dock__label{color:var(--gold-light)}.match-gold{right:max(var(--at-gold-badge-right),var(--sar));bottom:max(var(--at-gold-badge-bottom),var(--sab));z-index:11;height:var(--at-gold-badge);aspect-ratio:1;color:var(--gold-light);pointer-events:auto;cursor:pointer;font:inherit;appearance:none;background:radial-gradient(circle at 50% 36%,#16488cf7,#051636f5 72%);border:3px solid #ca953f;border-radius:50%;place-content:center;justify-items:center;gap:1px;padding:0;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #195aa0,0 8px 20px #0006}.match-gold:hover{filter:brightness(1.12)}.match-gold:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.match-gold>span{color:var(--cyan);font-size:var(--at-font-md);line-height:1}.match-gold>strong{font:900 var(--at-font-xl)/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 2px 2px #032a65}.match-gold__streak{color:#fff;font:900 var(--at-font-xs)/1.2 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#ff9a4d,#d9472b);border:1px solid #ffd2b0;border-radius:999px;padding:1px 6px;font-style:normal;position:absolute;bottom:2px;left:auto;right:calc(100% - 8px);box-shadow:0 1px 4px #0000008c}.match-gold__pending{color:#2b1903;font:900 var(--at-font-xs)/1.2 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#ffe58a,#e0a53c);border:1px solid #fff1b8;border-radius:999px;padding:1px 6px;font-style:normal;position:absolute;top:2px;left:auto;right:calc(100% - 8px);box-shadow:0 1px 4px #0000008c}.ranking-panel{top:max(4px,var(--sat));right:calc(max(4px,var(--sar)) + var(--at-settings-clear));z-index:30;align-items:center;gap:var(--at-gap-xs);height:min(36px,9%);padding:0 var(--at-gap-sm);color:inherit;cursor:pointer;white-space:nowrap;background:#051636eb;border:1px solid #8e713e;border-radius:999px;display:flex;position:absolute;box-shadow:0 8px 20px #0000004d}.ranking-panel:after{content:"";width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ranking-panel:hover{border-color:var(--gold-light);background:#0a274ff5}.ranking-panel:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.ranking-panel__label{color:#a9c9eb;letter-spacing:.08em;font-size:10px;font-weight:800}.ranking-panel__rank{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-md);line-height:1}.ranking-panel__alive{color:#9edb7a;font-size:10px}.ranking-dialog{padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010714b8;place-items:center;display:grid;position:fixed;inset:0}.ranking-dialog__frame{gap:var(--at-gap-xs);width:min(var(--at-ranking-dialog-w),100%);max-height:100%;padding:var(--at-gap-sm);color:#eaf6ff;border-radius:var(--at-panel-radius);background:linear-gradient(155deg,#071f45fa,#031028fc);border:2px solid #d1a148;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #164b8c,0 20px 54px #0009}.ranking-dialog__head{grid-template-columns:minmax(0,1fr) auto var(--at-touch);align-items:center;gap:var(--at-gap-sm);min-height:var(--at-touch);display:grid}.ranking-dialog__head span,.ranking-dialog__head strong{display:block}.ranking-dialog__head span{color:#8edfff;letter-spacing:.16em;font-size:10px;font-weight:900}.ranking-dialog__head strong{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-lg)}.ranking-dialog__head small{color:#9edb7a;font-size:var(--at-font-xs);white-space:nowrap;font-weight:800}.ranking-dialog__head button{width:var(--at-touch);height:var(--at-touch);cursor:pointer;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.ranking-dialog__head button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.ranking-dialog__list{gap:3px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ranking-row{align-items:center;gap:var(--at-gap-xs);min-height:var(--at-ranking-row-h);padding:2px var(--at-gap-xs);background:#082349db;border:1px solid #375d88;border-left:4px solid #55789f;border-radius:5px;grid-template-columns:42px minmax(96px,1.9fr) 46px minmax(78px,.9fr) 58px;display:grid}.ranking-row--self{background:linear-gradient(90deg,#0a506cf0,#08274eeb);border-color:#67e5f2 #67e5f2 #67e5f2 #8cf6ff;box-shadow:inset 0 0 12px #39daeb33,0 0 12px #39daeb2e}.ranking-row--eliminated{color:#beaeb4;background:#311623e0;border-color:#85505b #85505b #85505b #c45b6c}.ranking-row--top1{border-left-color:#ffe27c}.ranking-row--top2{border-left-color:#d6e4f3}.ranking-row--top3{border-left-color:#d9975b}.ranking-row__place{color:#c4d2e3;font-variant-numeric:tabular-nums;grid-template-columns:18px 1fr;align-items:center;display:grid}.ranking-row__place i{color:#7f9ab9;font-size:var(--at-font-sm);text-align:center;font-style:normal}.ranking-row__place b{font-family:var(--display);font-size:var(--at-font-md)}.ranking-row--top1 .ranking-row__place,.ranking-row--top1 .ranking-row__player strong{color:#ffe27c;text-shadow:0 0 9px #ffd35299}.ranking-row--top2 .ranking-row__place,.ranking-row--top2 .ranking-row__player strong{color:#e4edf7}.ranking-row--top3 .ranking-row__place,.ranking-row--top3 .ranking-row__player strong{color:#e9a567}.ranking-row__player{align-items:center;gap:4px;min-width:0;display:flex}.ranking-row__player strong{color:#eaf6ff;min-width:0;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-row__player em{color:#062744;background:#8cf6ff;border-radius:999px;flex:none;padding:1px 4px;font-size:9px;font-style:normal;font-weight:900}.ranking-row__wins{color:#d9c07f;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:9px;font-weight:900}.ranking-row__health{color:#d9e8f7;font-variant-numeric:tabular-nums;gap:2px;min-width:0;font-size:9px;display:grid}.ranking-row__health>span{justify-content:flex-end;display:flex}.ranking-row__health em{color:#7894b4;font-style:normal}.ranking-row__health>i{background:#07152d;border-radius:999px;height:4px;display:block;overflow:hidden}.ranking-row__health>i>b{background:linear-gradient(90deg,#3fe08a,#9ff5c2);border-radius:999px;height:100%;display:block}.ranking-row--eliminated .ranking-row__health>i>b{background:#c75b6c}.ranking-row__status{color:#91e2a5;text-align:center;white-space:nowrap;font-size:9px;font-weight:900}.ranking-row--eliminated .ranking-row__wins{color:#b09aa2}.ranking-row--eliminated .ranking-row__status{color:#ff91a1}.spectator-bar{top:max(4px,var(--sat));left:max(var(--at-tools-col-left),var(--sal));z-index:30;align-items:center;gap:var(--at-gap-xs);max-width:calc(var(--at-spectator-bar-max-w) - max(var(--at-tools-col-left),var(--sal)));height:min(36px,9%);padding:0 3px 0 var(--at-gap-sm);color:#eaf6ff;white-space:nowrap;background:#051636eb;border:1px solid #6f9ccb;border-radius:999px;display:flex;position:absolute;box-shadow:0 8px 20px #0000004d}.spectator-bar__dot{background:#ff6f82;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px #ff6f82}.spectator-bar__label{text-overflow:ellipsis;align-items:baseline;gap:4px;min-width:0;display:flex;overflow:hidden}.spectator-bar__label strong{color:#ffe6a3;font-size:var(--at-font-xs);font-weight:900}.spectator-bar__label small{color:#cfe0f2;font-size:var(--at-font-xs);text-overflow:ellipsis;font-weight:800;overflow:hidden}.spectator-bar__leave{height:calc(100% - 6px);padding:0 var(--at-gap-sm);color:#fff1ee;cursor:pointer;font-size:var(--at-font-xs);background:linear-gradient(#c9314c,#8e1730);border:1px solid #ff8f9d;border-radius:999px;flex:none;font-weight:900;position:relative}.spectator-bar__leave:hover{background:linear-gradient(#e03b58,#a51c39)}.spectator-bar__leave:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.spectator-bar__leave:after{content:"";width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectator-bar__watch{color:#eaf6ff;background:linear-gradient(#2f6fb8,#1b4680);border-color:#8ec7ff}.spectator-bar__watch:hover:not(:disabled){background:linear-gradient(#3d83d4,#225596)}.spectator-bar__watch:disabled{color:#9aa7b8;cursor:not-allowed;background:#3a4656;border-color:#5a6779}.spectator-bar__watch[data-switching=true]{color:#d7e6f7;cursor:progress;align-items:center;gap:4px;display:inline-flex}.spectator-bar__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:.9em;height:.9em;animation:.8s linear infinite spectator-switch-spin}@keyframes spectator-switch-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spectator-bar__spinner{animation:none}}.hero-carousel{gap:var(--at-gap-xs);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.hero-card{min-width:0;height:var(--at-hero-card-h);color:#fff;cursor:pointer;background:#09285a;border:2px solid #8d7646;border-radius:5px;grid-template-rows:minmax(0,1fr) auto;padding:0;display:grid;position:relative;overflow:hidden}.hero-card>img{object-fit:contain;width:100%;height:100%;min-height:0}.hero-card__identity{min-width:0;padding:3px var(--at-gap-xs) 4px;text-align:left;background:#030d22f0;display:grid}.hero-card__identity strong,.hero-card__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-card__identity strong{color:#fff0ae;font-size:var(--at-font-xs)}.hero-card__identity small{color:#9fb8d3;font-size:var(--at-font-xs);margin-top:2px}.hero-stars{color:#ffd762;text-shadow:0 1px #000;font-size:10px;position:absolute;top:4px;left:4px}.hero-role-badge{color:#eaf8ff;text-overflow:ellipsis;white-space:nowrap;background:#052349e6;border:1px solid #70a9d8;border-radius:999px;max-width:calc(100% - 42px);padding:2px 5px;font-size:9px;font-weight:900;line-height:1.2;position:absolute;top:4px;right:4px;overflow:hidden}.hero-role-badge--tank{border-color:#77d0e5}.hero-role-badge--fighter{border-color:#f0a07b}.hero-role-badge--mage{border-color:#b9a0ff}.hero-role-badge--ranged{border-color:#9edb7a}.hero-role-badge--support{border-color:#ffd878}.hero-role-badge--summoner{border-color:#e59bdd}.hero-role-badge--monster{border-color:#ff8a4c}.hero-card--active{border-color:#ffe181;box-shadow:inset 0 0 0 3px #2094f5,0 0 15px #2cacffb3}.draft-loadout{flex-direction:column;gap:8px;min-width:0;display:flex}.draft-loadout>div{align-items:center;gap:5px;min-height:36px;display:flex;overflow:hidden}.draft-loadout span{width:34px;color:var(--muted);flex:none;font-size:10px}.draft-loadout b{text-overflow:ellipsis;white-space:nowrap;background:#0a3267;border:1px solid #b58b43;padding:5px;font-size:10px;overflow:hidden}.pet-choice{color:#eaf6ff;cursor:pointer;background:#0a3267;border:1px solid #9c824c;border-radius:6px;min-width:0;padding:0;overflow:hidden}.pet-choice--active{border-color:var(--gold-light);box-shadow:inset 0 0 0 2px #2d96e8,0 0 12px var(--cyan)}.crystal-command{cursor:pointer;font-weight:900;position:relative}.crystal-command:disabled{cursor:default}.formation-unit{touch-action:none;cursor:grab;background:0 0;border:0;width:100%;height:100%;padding:0;overflow:hidden}.formation-unit:active{cursor:grabbing}.formation-unit img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 4px #0000008c);pointer-events:none;width:100%;height:100%}.battle-control{right:max(var(--at-standings-lane),var(--sar));bottom:max(var(--at-gap-sm),var(--sab));z-index:12;align-items:center;gap:var(--at-gap-xs);max-width:calc(100% - var(--at-standings-lane) - var(--at-rail-gutter));border:1px solid var(--gold);background:#051636e6;border-radius:999px;padding:4px 5px;display:flex;position:absolute;box-shadow:0 8px 22px #0006}.battle-control__collapse{width:26px;height:26px;color:var(--gold-light);cursor:pointer;background:#092650e6;border:1px solid #4a6f99;border-radius:50%;flex:none;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.battle-control__alive{padding:0 var(--at-gap-xs);font-size:var(--at-font-xs);align-items:center;gap:4px;font-weight:900;display:flex}.battle-control__alive i{color:#7f97b6;font-size:10px;font-style:normal}.battle-control__alive--ally{color:#7ff0b4}.battle-control__alive--enemy{color:#ff9d8f}.battle-control__button{color:#cfe5ff;cursor:pointer;min-width:30px;height:26px;font-size:var(--at-font-xs);background:#0a244c;border:1px solid #4a6f99;border-radius:999px;place-items:center;padding:0 6px;display:grid}.battle-control__button--active{color:#08203f;background:#8cecff;border-color:#d7f7ff}.battle-control__collapse,.battle-control__button{position:relative}.battle-control__collapse:after,.battle-control__button:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round-result-overlay{--round-result-accent:#75f0b5;--round-result-glow:#46eba570;pointer-events:none;min-width:min(420px,82vw);color:var(--round-result-accent);box-shadow:inset 0 0 0 3px #ffffff0f,0 0 34px var(--round-result-glow),0 18px 48px #0000007a;text-align:center;background:linear-gradient(145deg,#04192ff5,#052c37f0);border:2px solid;border-radius:8px;justify-items:center;padding:24px 42px;animation:.24s ease-out both roundResultIn;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.round-result-overlay span{color:#c7dded;letter-spacing:.28em;font-size:10px;font-weight:900}.round-result-overlay strong{color:currentColor;font-family:var(--display);letter-spacing:.08em;text-shadow:0 0 22px var(--round-result-glow);margin:8px 0 10px;font-size:clamp(30px,5vw,58px);line-height:1;animation:.5s cubic-bezier(.16,1.1,.3,1) both roundResultPunch}.round-result-overlay small{color:#e0edf7;letter-spacing:.1em;font-size:clamp(11px,1.2vw,15px);font-weight:800}.round-result-overlay:before{aspect-ratio:1;content:"";pointer-events:none;border:2px solid;border-radius:50%;width:60%;animation:.62s cubic-bezier(.1,.7,.3,1) both roundResultShock;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes roundResultPunch{0%{opacity:0;filter:brightness(2.6);transform:scale(1.42)}60%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes roundResultShock{0%{opacity:.75;transform:translate(-50%,-50%)scale(.25)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.round-result-overlay--loss{--round-result-accent:#ff7c8b;--round-result-glow:#ff455b7a;background:linear-gradient(145deg,#270b1cf5,#4b111ef0)}.round-result-overlay--draw{--round-result-accent:#84d8ff;--round-result-glow:#4ab1ff75;background:linear-gradient(145deg,#071b3af5,#0c3552f0)}@keyframes roundResultIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.round-ready-tag{right:var(--at-gold-clear);z-index:38;pointer-events:none;color:#cfe4f5;letter-spacing:.16em;background:#041224c7;border:1px solid #ffffff29;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;position:fixed;bottom:12px}.brawl-battle-preparing{left:50%;bottom:max(var(--at-gap-md),var(--sab));z-index:24;min-width:min(280px,72vw);padding:7px var(--at-gap-lg);pointer-events:none;color:#d9f4ff;text-align:center;background:#031326c2;border:1px solid #70d5ff6b;border-radius:999px;justify-items:center;gap:2px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.brawl-battle-preparing strong{font-family:var(--display);font-size:var(--at-font-sm);letter-spacing:.12em}.brawl-battle-preparing small{color:#9fc4d8;font-size:var(--at-font-xs);letter-spacing:.06em}.final-battle-overlay{--final-accent:#ffe58a;--final-glow:#ffc43e9e;pointer-events:none;color:var(--final-accent);text-align:center;background:radial-gradient(circle at 50% 48%,#5833084d,#020718e6 60%,#00030efa);place-content:center;justify-items:center;animation:.7s cubic-bezier(.16,.78,.24,1) both finalBattleReveal;display:grid;position:fixed;inset:0;overflow:hidden}.final-battle-overlay--defeat{--final-accent:#ff7185;--final-glow:#db254294;background:radial-gradient(circle at 50% 48%,#590d2261,#080513eb 62%,#02020afa)}.final-battle-overlay--top1{--final-accent:#ffe58a;--final-glow:#ffc43e9e}.final-battle-overlay--top4{--final-accent:#8fe0ff;--final-glow:#4ab1ff80;background:radial-gradient(circle at 50% 48%,#0a34565c,#03091aeb 62%,#01040efa)}.final-battle-overlay--rest{--final-accent:#c3d0e2;--final-glow:#7892b66b;background:radial-gradient(circle at 50% 48%,#1620345c,#040814eb 62%,#01030cfa)}.placement-reveal{animation:placementRevealFade .3s ease-out var(--reveal-delay,0s) both;background:#00000059;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden;container-type:size}.placement-reveal--win{--u:min(1cqw, 1.9cqh);background:radial-gradient(at 50% 45%,#361e026b,#00000080 48%,#000000c7 100%)}.placement-reveal__stage{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.placement-reveal__band{width:52.5cqw;height:11.1cqw;animation:placementRevealBand var(--reveal-intro) cubic-bezier(.16,.84,.3,1) var(--reveal-delay,0s) both;background:linear-gradient(90deg,#0000,#091630eb 18% 82%,#0000);border-block:1px solid #e8c1708c;justify-items:center;margin-top:-32cqh;display:grid;position:relative}.placement-reveal__title{color:#d0a452;letter-spacing:.3em;white-space:nowrap;font-size:2.25cqw;font-weight:900;position:absolute;top:calc(50% - 6.5cqh);left:50%;transform:translate(-50%,-50%)}.placement-reveal__rank{color:#e3d1aa;font-family:var(--display);white-space:nowrap;text-shadow:0 0 1.4cqw #e8c1708c,0 .3cqw #00000073;font-size:4.95cqw;line-height:1;position:absolute;top:calc(50% + 2cqh);left:50%;transform:translate(-50%,-50%)}.placement-reveal__champion-name{color:#f4e6c4;white-space:nowrap;text-shadow:0 .2cqw #00000080;font-size:2.1cqw;font-weight:800;position:absolute;top:calc(50% + 8.5cqh);left:50%;transform:translate(-50%)}.placement-reveal__side{width:34.5cqw;height:28.5cqw;animation:placementRevealSide calc(var(--reveal-intro) + .2s) ease-out var(--reveal-delay,0s) both;background:radial-gradient(#e8c17052,#0000 62%);position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.placement-reveal__side--left{left:calc(50% - 26.2cqw)}.placement-reveal__side--right{left:calc(50% + 26.2cqw)}.placement-reveal--second .placement-reveal__side{background:radial-gradient(#8fe0ff61,#0000 62%);width:37.5cqw;height:26.4cqw}.placement-reveal--second .placement-reveal__rank{color:#e8f6ff;text-shadow:0 0 1.6cqw #6ec8ffa6,0 .3cqw #00000073}.placement-reveal__flash{opacity:0;background:radial-gradient(circle at 50% 45%,#fff8dc,#ffd66e8c 28%,#0000 68%);animation:.75s ease-out .42s both placementRevealFlash;position:absolute;inset:0}.placement-reveal__plaque{width:calc(70 * var(--u));height:calc(40 * var(--u));grid-template-rows:auto auto auto;align-content:center;place-items:center;margin-top:-5cqh;display:grid;position:relative}.placement-reveal__rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,#ffce5c66 10deg 12deg,transparent 13deg 22deg);width:92cqw;animation:14s linear infinite placementRevealRays,.8s ease-out .3s both placementRevealRaysIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 12%,#0000 60%);mask-image:radial-gradient(circle,#000 0 12%,#0000 60%)}.placement-reveal__rays--counter{background:repeating-conic-gradient(from 5deg,transparent 0 14deg,#ffecaa42 15deg 16deg,transparent 17deg 30deg);width:74cqw;animation:22s linear infinite placementRevealRaysCounter,.8s ease-out .3s both placementRevealRaysIn}.placement-reveal__ring{width:calc(16 * var(--u));aspect-ratio:1;border:calc(.6 * var(--u)) solid #ffe28cf2;box-shadow:0 0 calc(1.6 * var(--u)) #ffc43ecc, inset 0 0 calc(1.6 * var(--u)) #ffc43e80;opacity:0;border-radius:50%;animation:.95s cubic-bezier(.1,.7,.3,1) .42s both placementRevealRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.15)}.placement-reveal__ring--b{border-width:calc(.3 * var(--u));animation-duration:1.1s;animation-delay:.58s}.placement-reveal__crown{z-index:2;width:calc(13 * var(--u));margin-bottom:calc(-1.4 * var(--u));animation:.55s cubic-bezier(.3,1.5,.45,1) both placementRevealCrown;position:relative}.placement-reveal__crown svg{width:100%;height:auto;filter:drop-shadow(0 0 calc(1.2 * var(--u)) #ffce5cd9) drop-shadow(0 calc(.5 * var(--u)) calc(.3 * var(--u)) #00000073);animation:2.6s ease-in-out .6s infinite alternate placementRevealCrownFloat;display:block}.placement-reveal__wing{width:calc(24 * var(--u));height:calc(9 * var(--u));margin-top:calc(-5.5 * var(--u));opacity:0;animation:.7s cubic-bezier(.2,1.2,.3,1) .95s both placementRevealWing;position:absolute;top:50%}.placement-reveal__wing--left{margin-right:calc(15 * var(--u));clip-path:polygon(0 50%,100% 0,92% 50%,100% 100%);transform-origin:100%;background:linear-gradient(90deg,#ffe28c00,#ffd66eeb);right:50%}.placement-reveal__wing--right{margin-left:calc(15 * var(--u));clip-path:polygon(100% 50%,0 0,8% 50%,0 100%);transform-origin:0;background:linear-gradient(270deg,#ffe28c00,#ffd66eeb);left:50%}.placement-reveal__victory{z-index:2;color:#0000;background:linear-gradient(#fff9e0 0%,#ffe27a 30%,#f0a925 55%,#c46f0e 72%,#ffe9a8 100%) 0 0/100% 100%;font-family:var(--display);font-size:calc(12 * var(--u));letter-spacing:.22em;text-indent:.22em;white-space:nowrap;filter:drop-shadow(0 0 calc(1.4 * var(--u)) #ffc43ed9) drop-shadow(0 calc(.5 * var(--u)) 0 #461800b3);-webkit-background-clip:text;background-clip:text;padding:0 .2em;font-weight:900;line-height:1.1;animation:.62s cubic-bezier(.2,1.35,.3,1) .5s both placementRevealVictory;position:relative}.placement-reveal__victory:after{padding:inherit;content:attr(data-text);color:#0000;background:linear-gradient(100deg,#0000 30%,#fffffff2 50%,#0000 70%) 0 0/240% 100%;text-indent:inherit;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in-out 1.3s infinite placementRevealShimmer;position:absolute;inset:0}.placement-reveal__champion{z-index:2;justify-items:center;gap:calc(.4 * var(--u));min-width:calc(40 * var(--u));margin-top:calc(1.2 * var(--u));padding:calc(1 * var(--u)) calc(6 * var(--u));border-block:calc(.18 * var(--u)) solid #ffe28cd9;opacity:0;background:linear-gradient(90deg,#0000,#782e04e6 18%,#963e08f2 50%,#782e04e6 82%,#0000);animation:.6s cubic-bezier(.16,.9,.3,1) .95s both placementRevealChampion;display:grid;position:relative}.placement-reveal__champion em{color:#fff8e4;font-family:var(--display);font-size:calc(5.2 * var(--u));letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 calc(1.2 * var(--u)) #ffce5ccc,0 calc(.3 * var(--u)) 0 #00000080;font-style:normal;font-weight:900;line-height:1}.placement-reveal__champion small{color:#ffd98a;font-size:calc(2 * var(--u));letter-spacing:.4em;text-indent:.4em;white-space:nowrap;font-weight:900}.placement-reveal__sparks{width:0;height:0;position:absolute;top:50%;left:50%}.placement-reveal__sparks i{width:calc(1 * var(--u));aspect-ratio:1;box-shadow:0 0 calc(1 * var(--u)) #ffd36a;opacity:0;animation:placementRevealSpark .95s calc(.42s + var(--spark) * 20ms) cubic-bezier(.1,.8,.3,1) both;--angle:calc(var(--spark) * 22.5deg);background:#fff1b8;border-radius:50%;position:absolute;top:0;left:0}.placement-reveal__sparks i:nth-child(odd){width:calc(1.5 * var(--u));animation-duration:1.15s}.placement-reveal__confetti,.placement-reveal__embers{position:absolute;inset:0;overflow:hidden}.placement-reveal__confetti i{top:-5cqh;left:calc(var(--cx) * 1cqw);width:calc(var(--cw) * 1cqw);height:calc(var(--cw) * 1.7cqw);background:var(--tint);opacity:0;animation:placementRevealConfetti var(--dur) var(--delay) linear infinite;border-radius:.15cqw;position:absolute}.placement-reveal__embers i{bottom:-3cqh;left:calc(var(--ex) * 1cqw);aspect-ratio:1;opacity:0;width:.8cqw;animation:placementRevealEmber var(--dur) var(--delay) ease-out infinite;background:#ffe7a8;border-radius:50%;position:absolute;box-shadow:0 0 .9cqw #ffb347}.placement-reveal__continue{opacity:0;visibility:hidden;min-width:15.6cqw;animation:placementRevealButton var(--reveal-button-fade) linear calc(var(--reveal-delay,0s) + var(--reveal-button-delay)) both;position:absolute;bottom:9cqh;left:50%;transform:translate(-50%)}.placement-reveal__actions{gap:2cqw;display:flex;position:absolute;bottom:9cqh;left:50%;transform:translate(-50%)}.placement-reveal__actions .placement-reveal__continue{white-space:nowrap;position:static;transform:none}.placement-reveal__rank--hint{color:#e0edf7;font-family:var(--ui-font);letter-spacing:.1em;text-shadow:none;font-size:2cqw;font-weight:700}.placement-reveal--win .placement-reveal__continue{bottom:auto;top:calc(50% - 2.5cqh + 20 * var(--u))}@keyframes placementRevealFade{0%{opacity:0}to{opacity:1}}@keyframes placementRevealBand{0%{opacity:0;transform:scale(1.35)}40%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes placementRevealSide{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}60%{opacity:1}to{opacity:.85;transform:translate(-50%,-50%)scale(1)}}@keyframes placementRevealFlash{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes placementRevealRays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes placementRevealRaysCounter{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes placementRevealRaysIn{0%{opacity:0}to{opacity:1}}@keyframes placementRevealRing{0%{opacity:1;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(5.5)}}@keyframes placementRevealCrown{0%{opacity:0;transform:translateY(-40cqh)scale(2)}55%{opacity:1;transform:translateY(calc(1.2 * var(--u))) scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes placementRevealCrownFloat{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(calc(-.7 * var(--u))) rotate(2deg)}}@keyframes placementRevealWing{0%{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}@keyframes placementRevealVictory{0%{opacity:0;transform:scale(2.4)}55%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes placementRevealShimmer{0%{background-position:120% 0}60%,to{background-position:-120% 0}}@keyframes placementRevealChampion{0%{opacity:0;transform:translateY(calc(3 * var(--u))) scaleX(.6)}to{opacity:1;transform:translateY(0)scaleX(1)}}@keyframes placementRevealSpark{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(2 * var(--u)))}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(30 * var(--u)))}}@keyframes placementRevealConfetti{0%{opacity:0;transform:translate(0,0)rotate(0)rotateX(0)}5%{opacity:1}50%{transform:translate3d(calc(var(--sway) * -1cqw),56cqh,0) rotateZ(calc(var(--spin) * .5)) rotateX(540deg)}92%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--sway) * 1cqw),115cqh,0) rotateZ(var(--spin)) rotateX(1080deg)}}@keyframes placementRevealEmber{0%{opacity:0;transform:translate(0,0)scale(.6)}15%{opacity:.95;transform:translate3d(calc(var(--sway) * .3cqw),-10cqh,0) scale(1)}to{opacity:0;transform:translate3d(calc(var(--sway) * 1cqw),-78cqh,0) scale(.4)}}@keyframes placementRevealButton{0%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.placement-reveal__confetti,.placement-reveal__embers,.placement-reveal__flash,.placement-reveal__ring,.placement-reveal__sparks{display:none}.placement-reveal__rays,.placement-reveal__rays--counter{animation:.3s both placementRevealRaysIn}.placement-reveal__crown svg,.placement-reveal__victory:after{animation:none}.placement-reveal__crown,.placement-reveal__victory,.placement-reveal__champion,.placement-reveal__wing,.placement-reveal__band,.placement-reveal__side{animation:.3s both placementRevealFade}}.final-battle-overlay__rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg,transparent 0 10deg,var(--final-glow) 11deg 13deg,transparent 14deg 24deg);opacity:.52;width:min(96vw,960px);animation:14s linear infinite finalBattleRays;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 16%,#0000 68%);mask-image:radial-gradient(circle,#000 0 16%,#0000 68%)}.final-battle-overlay__crest{z-index:1;aspect-ratio:1;color:#071226;background:var(--final-accent);width:92px;box-shadow:0 0 22px var(--final-glow),0 0 70px var(--final-glow);border:4px solid #fff4c4;border-radius:50%;place-items:center;margin-bottom:16px;font-size:46px;animation:1.8s ease-in-out infinite alternate finalBattleCrest;display:grid}.final-battle-overlay>span,.final-battle-overlay>strong,.final-battle-overlay>small{z-index:1;position:relative}.final-battle-overlay>span{color:#d9e3f3;letter-spacing:.38em;font-size:12px;font-weight:900}.final-battle-overlay>strong{font-family:var(--display);letter-spacing:.12em;text-shadow:0 0 18px var(--final-glow),0 8px 0 #00000061;margin:12px 0 18px;font-size:clamp(68px,12vw,150px);line-height:.86}.final-battle-overlay>small{color:#f3f5fa;letter-spacing:.12em;font-size:clamp(12px,1.5vw,18px);font-weight:900}@keyframes finalBattleReveal{0%{opacity:0;filter:brightness(2);transform:scale(1.08)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes finalBattleRays{to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes finalBattleCrest{to{transform:translateY(-6px)scale(1.04)}}.phase-orbit{right:max(var(--at-edge),var(--sar));bottom:max(var(--at-gap-md),var(--sab));z-index:10;align-items:center;gap:var(--at-gap-xs);font-size:var(--at-font-sm);display:flex;position:absolute}.phase-orbit>span{border:3px solid #55e2ff;border-top-color:#0000;border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin}.result-frame span{color:var(--muted)}.result-frame>strong{color:var(--gold-light);margin:8px 0 22px;font-size:clamp(24px,6vh,42px)}.result-overlay{--result-accent:#ffe08a;--result-glow:#ffc43e8c;--result-ink:#fff0a4;padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));background:radial-gradient(at 50% 38%,#0c2048db,#020816f5 70%);place-items:center;display:grid;position:fixed;inset:0}.result-overlay--defeat{--result-accent:#ff9aaa;--result-glow:#db254280;--result-ink:#ffb6c1;background:radial-gradient(at 50% 38%,#340c20db,#0c030cf5 70%)}.result-overlay--top1{--result-accent:#ffd98a;--result-glow:#ffc43e80;--result-ink:#fff0ae}.result-overlay--top4{--result-accent:#8fe0ff;--result-glow:#4ab1ff70;--result-ink:#cdeaff;background:radial-gradient(at 50% 38%,#0a2848db,#030816f5 70%)}.result-overlay--rest{--result-accent:#c3d0e2;--result-glow:#7892b661;--result-ink:#dbe5f2;background:radial-gradient(at 50% 38%,#141c2edb,#030612f5 70%)}.result-overlay--top4 .result-screen__rays,.result-overlay--rest .result-screen__rays{animation-direction:reverse}.result-overlay--top1 .result-ribbon__badge{background:linear-gradient(#ffe9a8,#c79a2c)}.result-overlay--top4 .result-ribbon__badge{background:linear-gradient(#b6ebff,#3c86c0)}.result-overlay--rest .result-ribbon__badge{background:linear-gradient(#dfe7f2,#7f92ab)}.result-ribbon__badge i{opacity:.75;font-size:.55em;font-style:normal}.result-screen{isolation:isolate;gap:var(--at-gap-sm);width:min(1100px,100%);max-height:min(760px,100%);padding:var(--at-gap-md) var(--at-gap-lg);text-align:center;border:2px solid var(--result-accent);border-radius:var(--at-radius-md);box-shadow:inset 0 0 0 3px #ffffff0f, 0 0 46px var(--result-glow);background:linear-gradient(#06183ccc,#030c22e6);grid-template-rows:auto minmax(0,1fr) auto auto;animation:.32s cubic-bezier(.2,.8,.24,1) both resultScreenIn;display:grid;position:relative;overflow:hidden}.result-screen__rays{z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 20deg, transparent 0 13deg, var(--result-glow) 13.8deg 14.4deg, transparent 15.2deg 28deg);opacity:.16;animation:26s linear infinite finalBattleRays;position:absolute;inset:-45%}.result-overlay--defeat .result-screen__rays{animation-direction:reverse}.result-ribbon{z-index:2;justify-content:center;align-items:center;gap:var(--at-gap-md);min-width:0;display:flex;position:relative}.result-ribbon>div{text-align:left;justify-items:start;gap:2px;min-width:0;display:grid}.result-ribbon span{color:#cfe0f5;font-size:var(--at-font-xs);letter-spacing:.3em;font-weight:900}.result-ribbon strong{color:var(--result-ink);font-family:var(--display);font-size:var(--at-result-title);letter-spacing:.1em;text-shadow:0 0 26px var(--result-glow), 0 3px 6px #0009;line-height:1;animation:.46s cubic-bezier(.16,.9,.3,1) both resultTitleIn}.result-ribbon__badge{width:var(--at-result-badge);aspect-ratio:1;color:#1b1002;clip-path:polygon(50% 0,92% 22%,82% 78%,50% 100%,18% 78%,8% 22%);font-family:var(--display);font-size:var(--at-font-lg);background:linear-gradient(#fff3b4,#e0a93a);border:3px solid #fffbe6;flex:none;place-items:center;font-weight:900;animation:.5s cubic-bezier(.2,1.4,.4,1) .18s both resultBadgeStamp;display:grid}.result-ribbon__badge em{opacity:.7;font-size:.62em;font-style:normal}.result-overlay--defeat .result-ribbon__badge{background:linear-gradient(#ffc2cc,#c74459)}.result-stage{z-index:1;justify-content:center;align-items:flex-end;gap:var(--at-gap-sm);min-height:0;display:flex;position:relative;overflow:hidden}.result-stage:before{content:"";background:var(--result-glow);filter:blur(6px);border-radius:50%;height:10px;position:absolute;bottom:6px;left:8%;right:8%}.result-stage figure{z-index:1;grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-width:0;height:100%;min-height:0;margin:0;display:grid;position:relative}.result-stage img{height:var(--at-result-hero-h);object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 9px #0000008c);max-width:100%;min-height:0;max-height:100%;animation:.4s ease-out both resultHeroIn}.result-stage figure:nth-child(2) img{animation-delay:60ms}.result-stage figure:nth-child(3) img{animation-delay:.12s}.result-stage figcaption{color:#ffe16d;max-width:100%;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 2px #000;overflow:hidden}.result-stage__pet{height:calc(var(--at-result-hero-h) * .5);object-fit:contain;filter:drop-shadow(0 8px 7px #00000080);align-self:flex-end;max-height:60%}.result-cards{grid-template-columns:repeat(var(--at-result-card-cols), minmax(0,1fr));gap:var(--at-gap-sm);text-align:left;min-height:0;display:grid}.result-card{min-width:0;padding:var(--at-gap-sm) var(--at-gap-md);border-radius:var(--at-radius-md);background:#04122ef2;border:1px solid #e7b64e8c;animation:.34s ease-out both resultCardIn;overflow:hidden}.result-card h3{justify-content:space-between;align-items:baseline;gap:var(--at-gap-xs);margin:0 0 var(--at-gap-xs);color:var(--gold-light);font-size:var(--at-font-sm);letter-spacing:.08em;display:flex}.result-card h3 small{color:var(--muted);font-size:var(--at-font-xs);letter-spacing:0;font-weight:700}.result-card small{color:var(--muted);font-size:var(--at-font-xs)}.result-card__record{font-family:var(--display);font-size:var(--at-font-xl);align-items:baseline;gap:6px;margin:0 0 3px;line-height:1;display:flex}.result-card__record i{color:#55708f;font-size:.5em;font-style:normal}.result-card__record .is-win{color:#7ff0b4}.result-card__record .is-loss{color:#ff8f9d}.result-card__record .is-draw{color:#8fd6ff}@keyframes resultScreenIn{0%{opacity:0;transform:scale(.97)}}@keyframes resultTitleIn{0%{opacity:0;filter:brightness(2.4);transform:scale(1.25)}}@keyframes resultBadgeStamp{0%{opacity:0;transform:scale(2.1)rotate(-14deg)}}@keyframes resultHeroIn{0%{opacity:0;transform:translateY(16px)}}@keyframes resultCardIn{0%{opacity:0;transform:translateY(12px)}}.result-actions{justify-content:center;align-items:center;gap:var(--at-gap-sm);flex-wrap:wrap;display:flex}.result-actions__stats{cursor:pointer;font-weight:800}.global-error{background:#641829;border:2px solid #f0727e;border-radius:4px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.global-notice{top:max(18px,var(--sat));color:#eafff8;background:#084546f5;border:2px solid #61dcc3;border-radius:6px;max-width:calc(100% - 32px);padding:10px 18px;animation:.18s ease-out noticeIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000059}.global-notice--error{color:#fff1ee;background:#601820f7;border-color:#ff8a78}body:has(.battle-shell) .global-notice{top:calc(max(var(--at-gap-xs), var(--sat)) + var(--at-stage-bar-h) + 6px);max-width:min(72%,560px);font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:999px;padding:4px 14px;line-height:1.3;overflow:hidden}body:has(.carousel-stage) .global-notice{top:max(var(--at-gap-xs), var(--sat));left:max(var(--at-gap-sm), var(--sal));max-width:calc(26% - 2 * var(--at-gap-sm));font-size:var(--at-font-xs);white-space:normal;-webkit-line-clamp:2;border-radius:8px;-webkit-box-orient:vertical;padding:3px 10px;line-height:1.25;animation:.18s ease-out carouselNoticeIn;display:-webkit-box;transform:none}body:has(.carousel-stage):has(.spectator-bar) .global-notice{top:calc(max(4px, var(--sat)) + min(36px, 9%) + var(--at-gap-xs));animation-name:carouselNoticeFade}@keyframes carouselNoticeIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes carouselNoticeFade{0%{opacity:0}}.state-message{z-index:2;color:#fff;position:relative}.game-panel-title{justify-content:space-between;align-items:center;gap:var(--at-gap-md);display:flex}.game-panel-title span,.game-panel-title strong{display:block}.game-panel-title span{color:#a9c9eb;font-size:var(--at-font-xs);letter-spacing:.08em;font-weight:800}.game-panel-title strong{color:var(--gold-light);font-size:var(--at-font-lg);margin-top:3px}.game-panel-title>b{min-width:44px;height:var(--at-touch);color:#fff0a2;border:2px solid var(--gold);font-size:var(--at-font-md);background:#102e62;border-radius:5px;place-items:center;display:grid}.game-panel-title__close{cursor:pointer;flex:none;place-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;display:grid}.game-panel-title__close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.draft-panel{right:max(var(--at-edge),var(--sar));bottom:max(var(--at-gap-sm),var(--sab));left:calc(var(--at-rail-gutter) + var(--sal));z-index:16;max-height:var(--at-panel-max-h);padding:var(--at-panel-pad-y) var(--at-panel-pad-x);border-radius:var(--at-panel-radius);top:calc(var(--at-hud-anchor) + var(--sat));gap:var(--at-gap-xs) var(--at-gap-sm);background:linear-gradient(#061d44fa,#041230fa);border:3px solid #d1a148;grid-template:"title""reveal""fixed""scroll"minmax(0,1fr)"confirm"/minmax(0,1fr);max-height:none;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 3px #164b8c,0 18px 40px #00000085}.lineup-template-picker{top:calc(var(--at-hud-anchor) + var(--sat));right:max(var(--at-edge),var(--sar));left:calc(var(--at-rail-gutter) + var(--sal));z-index:12;gap:var(--at-gap-xs);padding:var(--at-gap-sm);border-radius:var(--at-panel-radius);background:linear-gradient(#061d44f5,#041230f5);border:2px solid #d1a148;grid-template-rows:max-content minmax(0,1fr);display:grid;position:absolute;box-shadow:inset 0 0 0 2px #164b8c,0 10px 24px #00000073}.lineup-template-picker__edit{min-height:var(--at-touch);padding:0 var(--at-gap-sm);color:var(--gold-light);font-size:var(--at-font-sm);border-radius:var(--at-radius-md);cursor:pointer;background:#092044b8;border:1px solid #d4aa548c;font-weight:800}.lineup-template-picker__grid{gap:var(--at-gap-xs);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lineup-template-card{width:100%;min-height:var(--at-touch);padding:var(--at-gap-xs);color:#cfe2f7;text-align:left;border-radius:var(--at-radius-md);cursor:pointer;background:#092044b8;border:1px solid #75a1d35c;grid-auto-rows:max-content;gap:2px;display:grid}.lineup-template-card--active{border-color:#d1a148;box-shadow:inset 0 0 0 1px #d4aa5473}.lineup-template-card[disabled]{cursor:default;opacity:.55}.lineup-template-card__name{color:var(--gold-light);font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.lineup-template-card__power{color:#9eb6d1;font-size:var(--at-font-xs);font-style:normal}.lineup-template-card__heroes{color:#9eb6d1;font-size:var(--at-font-xs)}.lineup-template-card__fit{color:#ffd98a;font-size:var(--at-font-xs)}.lineup-template-card__apply{color:#cfe2f7;font-size:var(--at-font-xs);font-weight:800}.draft-fixed{gap:var(--at-gap-xs);min-width:0;padding:var(--at-gap-xs);background:#020e267a;border:1px solid #75a1d35c;border-radius:5px;grid-area:fixed;grid-auto-rows:max-content;display:grid}.draft-scroll{gap:var(--at-gap-xs) var(--at-gap-sm);grid-template:"heroes weapons"minmax(0,1fr)"heroes pets"/minmax(0,1.3fr) minmax(0,1fr);grid-area:scroll;min-width:0;min-height:0;display:grid;overflow:hidden}.draft-section--heroes{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.draft-section--heroes .hero-carousel{scrollbar-width:thin;min-height:0;overflow-y:auto}.draft-section--stones{grid-template-rows:auto auto minmax(0,1fr);align-content:start;min-height:0;display:grid;overflow:hidden}.draft-panel--disabled{filter:grayscale(.92)brightness(.62)}.draft-panel--disabled:after{z-index:8;content:"";cursor:wait;background:#050c1b52;position:absolute;inset:0}.draft-panel>.game-panel-title{grid-area:title}.draft-section{min-width:0;padding:var(--at-gap-xs);background:#020e267a;border:1px solid #75a1d35c;border-radius:5px}.draft-section--heroes{grid-area:heroes}.draft-section--stones{grid-area:weapons}.draft-section--pets{grid-area:pets;min-height:0;overflow:hidden}.draft-section__label{color:#b9cde4;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.draft-bonds{min-width:0;margin:0}.draft-bonds__list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.draft-bonds__item{color:#eaf6ff;border-radius:var(--at-radius-sm);background:#092044b8;border:1px solid #d4aa548c;padding:4px 8px}.draft-bonds__name{color:var(--gold-light);font-size:11px;font-weight:800;display:block}.draft-bonds__item[data-bond-kind=element] .draft-bonds__name{color:var(--bond-element-hi)}.draft-bonds__effects{margin:2px 0 0;padding:0;list-style:none}.draft-bonds__effects>li{color:#cfe2f7;font-size:10px;line-height:1.45}.draft-bonds__empty{color:#7d94b3;font-size:11px}.draft-lineup-slots{gap:var(--at-gap-xs);margin-bottom:var(--at-gap-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.draft-lineup-slot{background:#071b3b;border:1px solid #526f96;border-radius:6px;min-width:0;position:relative;overflow:hidden}.draft-lineup-slot--focused{border-color:#ffe17b;box-shadow:inset 0 0 0 2px #a97722,0 0 12px #ffd15247}.draft-lineup-slot__main{grid-template-columns:var(--at-slot-portrait) minmax(0,1fr);align-items:center;gap:var(--at-gap-xs);width:100%;min-height:var(--at-touch);color:#eaf6ff;cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 26px 4px 4px;display:grid}.draft-lineup-slot__portrait{width:var(--at-slot-portrait);height:var(--at-slot-portrait);background:#0a315e;border:1px solid #6a91bd;border-radius:4px;place-items:center;display:grid;overflow:hidden}.draft-lineup-slot__portrait img{object-fit:cover;object-position:top center;width:100%;height:100%}.draft-lineup-slot__portrait b{color:#6d8bad;font-size:20px}.draft-lineup-slot__copy{min-width:0}.draft-lineup-slot__copy>small,.draft-lineup-slot__copy>strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.draft-lineup-slot__copy>small{color:#8eabc9;font-size:10px}.draft-lineup-slot__copy>strong{color:#fff0ae;margin:3px 0 5px;font-size:11px}.draft-weapon-binding{color:#8cecff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-style:normal;display:flex;overflow:hidden}.draft-weapon-binding i{color:#fff0a1;font-size:13px;font-style:normal}.draft-weapon-binding.is-empty{color:#e48585}.draft-lineup-slot__remove{z-index:2;color:#ffd0d0;cursor:pointer;background:#6f2630;border:1px solid #d67d83;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:4px;right:4px}.draft-lineup-slot--locked{background:#0b1830;border-color:#7a8ea6}.draft-lineup-slot--locked .draft-lineup-slot__copy>strong{color:#cfd9e6}.draft-lineup-slot__locked{z-index:2;background:#1b2c48;border:1px solid #7a8ea6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.draft-selection-hint{color:#9eb6d1;margin:0 0 7px;font-size:10px;display:block}.draft-role-filter{gap:var(--at-gap-xs);margin:0 0 var(--at-gap-sm);scrollbar-width:thin;display:flex;overflow-x:auto}.draft-role-filter__item{min-width:58px;min-height:var(--at-touch);color:#b9d4ef;cursor:pointer;font-size:var(--at-font-xs);white-space:nowrap;background:#0a244c;border:1px solid #52759c;border-radius:999px;flex:none;padding:3px 10px;font-weight:800}.draft-role-filter__item.is-active{color:#231500;background:linear-gradient(#fff0a6,#dfad44);border-color:#fff1af;box-shadow:0 0 10px #ffd3625c}.draft-role-filter__item:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.hero-card--focused{outline-offset:2px;outline:2px solid #fff09a}.hero-card--locked{filter:grayscale(.65)brightness(.72);cursor:not-allowed}.draft-section--pets{align-content:start;gap:7px;display:grid}.pet-strip--locked{filter:grayscale()brightness(.58)}.draft-panel__confirm{width:100%;min-height:var(--at-command-h);grid-area:confirm;align-self:end}.stone-strip{align-content:start;gap:var(--at-gap-xs);scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid;overflow-y:auto}.stone-choice{grid-template-columns:var(--at-slot-portrait) minmax(0,1fr);align-items:center;gap:var(--at-gap-xs);color:#eaf6ff;cursor:pointer;text-align:left;background:#071c42;border:1px solid #657b9d;border-radius:5px;padding:4px;display:grid;position:relative}.stone-choice:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stone-choice__icon{width:var(--at-slot-portrait);height:var(--at-slot-portrait);background:#0b315d;border:1px solid #4c759d;border-radius:4px;place-items:center;display:grid;overflow:hidden}.stone-choice__icon img{object-fit:contain;width:100%;height:100%}.stone-choice__icon i{color:#8eeaff;font-size:var(--at-font-lg);font-style:normal}.stone-choice__identity{min-width:0;display:grid}.stone-choice__identity strong,.stone-choice__identity small,.stone-choice__identity em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stone-choice__identity strong{color:#fff0ae;font-size:10px}.stone-choice__identity small{color:#7894b4;margin-top:1px;font-size:10px}.stone-choice__identity em{color:#93dff0;margin-top:3px;font-size:10px;font-style:normal}.stone-choice__lock{filter:grayscale();margin-right:3px}.stone-choice .stone-choice__fit{padding:0 3px;font-size:8px;top:1px;left:1px}.stone-choice__identity .stone-choice__recommend{color:#ffd98a;font-size:9px}.stone-choice--active{background:#154f8b;border-color:#ffe17b;box-shadow:inset 0 0 0 2px #2d96e8}.stone-choice--used{background:#171d2c;border-color:#725e66}.stone-choice:disabled{cursor:default;opacity:.42}.stone-choice--used:disabled{filter:grayscale();opacity:.62}.pet-strip{gap:var(--at-gap-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pet-strip .pet-choice{grid-template-columns:var(--at-slot-portrait) minmax(0,1fr);text-align:left;align-items:center;display:grid;position:relative}.pet-strip .pet-choice:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-choice__portrait{width:var(--at-slot-portrait);background:#102f62;place-items:center;height:100%;display:grid;overflow:hidden}.pet-choice__portrait img{object-fit:contain;width:100%;height:100%}.pet-choice__identity{min-width:0;padding:6px;display:grid}.pet-choice__identity strong,.pet-choice__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-choice__identity strong{color:#f4dcff;font-size:10px}.pet-choice__identity small{color:#bba5d0;margin-top:4px;font-size:10px}.card-refresh{color:#cfe7ff;cursor:pointer;background:#071a3bf0;border:1px solid #6685aa;border-radius:999px;justify-content:center;align-items:center;gap:3px;width:-moz-fit-content;width:fit-content;min-height:22px;margin:0 auto;padding:0 7px;font-size:10px;font-weight:800;display:flex}.card-refresh:hover:not(:disabled){color:#eaf6ff;border-color:#8cecff}.card-refresh__spin{color:#64e8ff;font-size:12px;font-style:normal;line-height:1}.card-refresh__cost{color:#ffe08a;font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:flex}.card-refresh__cost i{color:var(--cyan);font-size:9px;font-style:normal}.card-refresh:disabled{cursor:default;opacity:.38}.card-refresh--placeholder{visibility:hidden;pointer-events:none}.card-refresh{position:relative}.card-refresh:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.growth-hint{color:#a9bfd8;font-size:var(--at-font-xs);text-align:center;margin:0}.wish-modal{padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#010714b8;place-items:center;display:grid;position:fixed;inset:0}.wish-panel{gap:var(--at-gap-xs);width:min(var(--at-wish-w),100%);max-height:100%;padding:calc(var(--at-ornate-frame-w) * .34);color:#eaf6ff;border-radius:calc(var(--at-ornate-frame-w) * .3);background:radial-gradient(110% 60% at 18% 0,#408cff38,#0000 60%),linear-gradient(155deg,#071f45fc,#031028fc);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 20px 54px #0000009e}.wish-panel>.game-panel-title{gap:var(--at-gap-sm);min-height:var(--at-touch);padding:0 calc(var(--at-ornate-frame-w) * .2)}.wish-panel>.game-panel-title>div{align-items:baseline;gap:var(--at-gap-sm);flex:1;min-width:0;display:flex}.wish-panel>.game-panel-title>div>span{flex:none}.wish-panel>.game-panel-title strong{min-width:0;font-size:var(--at-font-md);text-overflow:ellipsis;white-space:nowrap;margin-top:0;overflow:hidden}.wish-grid{grid-template-columns:repeat(auto-fill,var(--at-wish-card-w));place-content:start center;gap:var(--at-gap-sm);min-height:0;padding:8px 6px 4px;display:grid;overflow:auto}.wish-panel__foot{justify-content:center;align-items:center;gap:var(--at-gap-md);display:flex}.wish-panel__foot>.crystal-command{flex:none;min-width:min(230px,100%)}.wish-hint{color:#a9bfd8;font-size:var(--at-font-xs);text-align:center;margin:0}.wish-quota{margin:0 0 var(--at-gap-xs);color:#ffd88a;font-size:var(--at-font-sm);text-align:center;letter-spacing:.04em;font-weight:600}.wish-card-detail{padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010714c2;place-items:center;display:grid;position:fixed;inset:0}.wish-card-detail__dialog{outline:none;justify-items:center;max-height:100%;display:grid}.arena-deployment-overlay{z-index:6;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.arena-deployment-overlay--disabled{pointer-events:none;opacity:.7}.arena-deployment-zone{pointer-events:none;background:#24d3e51c;border:0;position:absolute;inset:0;box-shadow:inset 0 0 28px #4dedff2e}.arena-deployment-footprints{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arena-deployment-footprint{fill:#2fd3e533;stroke:#83f4ffe0;stroke-width:1.5px;filter:drop-shadow(0 0 3px #33e1ffb8)}.arena-deployment-footprint--selected{fill:#ffda5b4d;stroke:#fff0a1;stroke-width:2px;filter:drop-shadow(0 0 5px #ffe26fe6)}.arena-deployment-unit{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:grab;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.arena-deployment-unit:active{cursor:grabbing}.arena-deployment-unit--selected{filter:drop-shadow(0 0 8px #fff2a1)}.arena-deployment-unit--pressing{animation:.3s ease-in-out infinite alternate formation-hold-pulse}.arena-deployment-unit img{object-fit:cover;object-position:center top;filter:drop-shadow(0 2px 3px #00000080);pointer-events:none;width:100%;height:100%;display:block}.arena-formation-drag{background:0 0}.arena-formation-drag__marker{pointer-events:none;width:2px;height:2px;position:absolute;transform:translate(-50%,-50%)}.arena-formation-drag__zone{pointer-events:none;position:absolute}.arena-formation-drag__unit{aspect-ratio:1/1.7;border-radius:40% 40% 50% 50%;height:auto;overflow:visible;transform:translate(-50%,-86%)}.arena-formation-drag__unit:focus-visible{outline-offset:2px;outline:2px solid #fff0a1}.arena-formation-drag__unit.arena-deployment-unit--selected,.arena-formation-drag__unit.arena-deployment-unit--pressing{filter:none;animation:none}.formation-grid-board__cells{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.formation-grid-cell{fill:#5a637024;stroke:#a0acba47;stroke-width:1px}.formation-grid-cell--own{fill:#2fd3e51a;stroke:#83f4ff8c}.formation-grid-cell--open{fill:#2fd3e53d}.formation-grid-cell--target{fill:#ffda5b66;stroke:#fff0a1;stroke-width:2.5px;filter:drop-shadow(0 0 4px #fff0a1b3)}.formation-grid-cell--blocked{fill:#ff5a5a4d;stroke:#ff8f8f;stroke-width:2.5px;filter:drop-shadow(0 0 4px #ff8f8f99)}.formation-grid-board__unit{transition:left .16s ease-out,top .16s ease-out}.formation-grid-board__unit--dragging{z-index:3;filter:drop-shadow(0 6px 6px #00000080);transition:none;transform:translate(-50%,-58%)scale(1.08)}.match-loading,.connection-overlay{background:radial-gradient(circle at 50% 42%,#1b497ee0,#020a1cfa 66%);position:fixed;inset:0}.match-loading{align-items:center;gap:var(--at-gap-sm);padding:max(var(--at-gap-md),var(--sat)) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));grid-template-rows:auto minmax(0,1fr) auto;display:grid}.match-loading--recovery{isolation:isolate;background:radial-gradient(circle at 50% 44%,#104370f5,#020a19fc 68%);overflow:hidden}.match-loading--recovery:before{z-index:-2;content:"";opacity:.34;background-image:linear-gradient(#5cd2ef21 1px,#0000 1px),linear-gradient(90deg,#5cd2ef21 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.match-loading--recovery:after{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#53e2ff14,#0000);border-top:1px solid #6be4ff29;border-bottom:1px solid #6be4ff1a;width:min(92vw,980px);height:min(72vh,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.match-loading__crest{min-width:0;max-width:100%;padding:var(--at-gap-xs) clamp(20px,6vw,55px);border:2px solid var(--gold);text-align:center;background:#0b204e;grid-column:1/-1;place-self:start center}.match-loading__crest span,.match-loading__crest strong,.match-loading__crest small{display:block}.match-loading__crest strong{color:#fff0a3;font-size:clamp(20px,6vh,42px);line-height:1}.match-loading__crest span,.match-loading__crest small{color:#aecaeb;font-size:var(--at-font-xs)}.match-loading__crest--recovery{padding:var(--at-gap-xs) var(--at-recovery-crest-pad-x);background:linear-gradient(#0b274df5,#041430f5);border-color:#d8ab55;position:relative;box-shadow:inset 0 0 0 2px #2d75ad8a,0 8px 28px #00000059}.match-loading__crest--recovery:before,.match-loading__crest--recovery:after{width:var(--at-recovery-crest-wing);content:"";background:linear-gradient(90deg,#0000,#d8ab55);height:1px;position:absolute;top:50%}.match-loading__crest--recovery:before{right:100%}.match-loading__crest--recovery:after{left:100%;transform:rotate(180deg)}.match-loading__crest--recovery strong{font-size:var(--at-recovery-crest-title);letter-spacing:.16em;text-indent:.16em}.match-loading__progress{text-align:center;grid-column:1/-1;place-self:end center;width:min(560px,90vw)}.match-loading__progress i{background:#06152f;border:1px solid #8b703c;height:8px;display:block;position:relative;overflow:hidden}.match-loading__progress i b{background:linear-gradient(90deg,#1c8fff,#65efff);height:100%;transition:width 80ms linear;display:block}.match-loading__progress i b.is-ready{background:#55e2b8}.match-loading__progress span{color:#c5d7eb;margin-top:7px;font-size:10px;display:block}.match-loading__progress--indeterminate i b{width:34%;animation:1.1s ease-in-out infinite reconnect-loading;animation-delay:var(--at-deck-phase,0s)}@keyframes reconnect-loading{0%{transform:translate(-110%)}to{transform:translate(295%)}}.match-recovery{grid-template-columns:var(--at-recovery-grid);place-self:center;align-items:center;gap:var(--at-recovery-gap);width:min(var(--at-recovery-panel-w),100%);min-height:var(--at-recovery-panel-h);max-height:100%;padding:var(--at-recovery-pad);border-radius:var(--at-panel-radius);background:linear-gradient(118deg,#051733fa,#08304ff0);border:1px solid #77d3e6a3;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #10416fbd,0 20px 54px #0000007a}.match-recovery:before,.match-recovery:after{content:"";pointer-events:none;width:54px;height:22px;position:absolute}.match-recovery:before{border-top:2px solid #e0b65f;border-left:2px solid #e0b65f;top:7px;left:7px}.match-recovery:after{border-bottom:2px solid #62d9ef;border-right:2px solid #62d9ef;bottom:7px;right:7px}.match-recovery--error{background:linear-gradient(118deg,#30111dfa,#2f1f36f5);border-color:#e68585}.match-recovery__signal{width:var(--at-recovery-signal);aspect-ratio:1;color:#88edff;background:radial-gradient(circle,#32b9d83d,#041834c7 60%,#0000 62%);border:1px solid #6fe1f46b;border-radius:50%;justify-self:center;place-items:center;display:grid;position:relative;box-shadow:0 0 34px #33cdef30}.match-recovery__signal i{border:1px solid #7ce7f76b;border-radius:50%;position:absolute;inset:7%}.match-recovery__signal i:nth-child(2){animation:8s linear infinite recovery-signal-spin;animation-delay:var(--at-deck-phase,0s);border-style:dashed;border-color:#e1b55cb8;inset:19%}.match-recovery__signal i:nth-child(3){border-color:#76ebfab8;inset:34%;box-shadow:0 0 18px #4ddff652}.match-recovery__signal span{z-index:1;color:#dffaff;font-size:var(--at-recovery-signal-icon);text-shadow:0 0 15px #64e9ffd1;font-weight:800;line-height:1}.match-recovery__signal b{z-index:1;color:#e2bd6e;letter-spacing:.2em;text-indent:.2em;font-size:9px;position:absolute;bottom:18%}.match-recovery--error .match-recovery__signal{color:#ffb0b0;border-color:#e68585;box-shadow:0 0 34px #e6575733}.match-recovery--error .match-recovery__signal i{border-color:#eb848480}.match-recovery--error .match-recovery__signal span,.match-recovery--error .match-recovery__signal b{color:#ffc0c0;text-shadow:none}.match-recovery__copy{align-content:center;gap:var(--at-recovery-gap);min-width:0;display:grid}.match-recovery__copy header small,.match-recovery__copy header strong{display:block}.match-recovery__copy header small{color:#73dced;font-size:var(--at-font-xs);letter-spacing:.14em;font-weight:900}.match-recovery__copy header strong{margin-top:var(--at-gap-xs);color:#fff0b0;font-size:var(--at-recovery-title);line-height:1.1}.match-recovery__copy header p{max-width:54ch;margin:var(--at-gap-xs) 0 0;color:#b9cee2;font-size:var(--at-font-sm);line-height:1.45}.match-recovery__steps{gap:var(--at-gap-xs);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.match-recovery__step{grid-template-columns:var(--at-recovery-step-icon) minmax(0,1fr);align-items:center;gap:var(--at-gap-xs);min-width:0;min-height:var(--at-recovery-step-h);padding:var(--at-gap-xs);color:#748da9;background:#010d1f8f;border:1px solid #5a7b9d6b;border-radius:4px;display:grid;position:relative}.match-recovery__step i{width:var(--at-recovery-step-icon);height:var(--at-recovery-step-icon);color:inherit;background:#143452b8;border:1px solid;border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.match-recovery__step span{min-width:0;color:inherit;font-size:var(--at-font-xs);font-weight:800;line-height:1.2}.match-loading--recovery{transition:opacity .3s}.match-loading--leaving{opacity:0;pointer-events:none}.match-recovery__step{transition:color .32s,border-color .32s,box-shadow .32s}.match-recovery__header{animation:.28s ease-out recovery-copy-in}.match-recovery__header--continued{animation:none}@keyframes recovery-copy-in{0%{opacity:0;transform:translateY(4px)}}.match-loading__progress i b{transition:width 80ms linear,background-color .3s}.match-recovery__step--complete{color:#62dcb6;border-color:#50cca775}.match-recovery__step--active{color:#9bf1ff;border-color:#62d9ef;box-shadow:inset 0 0 12px #43d3eb1c}.match-recovery__step--error{color:#ffb0b0;border-color:#e68585}.match-recovery__retry{min-width:var(--at-recovery-retry-w);cursor:pointer;justify-self:start;font-weight:900}.match-recovery__retry:active{transform:translateY(1px)}.match-recovery__retry:focus-visible{outline-offset:2px;outline:2px solid #8cecff}@keyframes recovery-signal-spin{to{transform:rotate(360deg)}}.connection-overlay{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.connection-overlay strong{color:#ffe49a;font-size:24px}.connection-overlay span{color:#b9cce3}.connection-overlay .crystal-command{margin-top:12px}.connection-overlay strong,.connection-overlay span{text-align:center;max-width:min(640px,100% - 32px)}.connection-overlay--quiet{padding:var(--at-gap-lg);background:0 0;outline:none;justify-content:flex-start}.connection-recovery-card{align-items:center;gap:var(--at-gap-sm);max-width:min(40rem,100%);padding:var(--at-gap-md) var(--at-gap-lg);border-radius:var(--at-panel-radius);background:#051224f0;border:1px solid #d9b5678c;flex-direction:column;display:flex;box-shadow:0 4px 18px #00000059}.connection-recovery-card strong{font-size:var(--at-font-md)}.connection-recovery-card span{font-size:var(--at-font-sm);overflow-wrap:anywhere}.connection-recovery-card[data-failed=true]{border-color:#d77973}.connection-recovery-card .crystal-command{min-height:var(--at-touch);margin-top:0}.phase-orbit small{color:#b9cce3}@keyframes loadingSweep{0%{transform:translate(-25%)}to{transform:translate(65%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes noticeIn{0%{opacity:0;transform:translate(-50%,-10px)}}.battle-bonds__badge{top:calc(var(--at-tools-col-top) + var(--sat));left:calc(var(--sal) + var(--at-bonds-col-left));z-index:11;grid-template-rows:repeat(var(--bond-rows,1), minmax(0,1fr));width:var(--at-bonds-col-w);height:calc(var(--bond-rows,1) * var(--at-bonds-pitch));color:#eaf6ff;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:grid;position:absolute}.battle-bonds__row{background:linear-gradient(90deg,#040e22c7 0%,#040e2280 55%,#040e2200 100%);border-radius:999px 4px 4px 999px;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:5px;min-width:0;min-height:0;margin:1px 0;padding:0 4px 0 0;display:grid}.battle-bonds__hex{height:min(88%, var(--at-standings-avatar-max));aspect-ratio:.9;place-items:center;display:grid;position:relative}.battle-bonds__hex:before,.battle-bonds__hex:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.battle-bonds__hex:before{background:#0d1520;inset:0}.battle-bonds__hex:after{background:var(--bond-hex-fill);inset:2px;box-shadow:inset 0 0 6px #0006}.battle-bonds__hex--bronze{--bond-hex-fill:linear-gradient(160deg,#f0b07a 0%,#b46a35 55%,#6e3a17 100%)}.battle-bonds__hex--silver{--bond-hex-fill:linear-gradient(160deg,#f4f8fc 0%,#b3c0cf 55%,#6f7d8e 100%)}.battle-bonds__hex--gold{--bond-hex-fill:linear-gradient(160deg,#fff1a8 0%,#f2bf3c 55%,#a56d12 100%)}.battle-bonds__hex--prism{--bond-hex-fill:linear-gradient(160deg,#ffd0f4 0%,#a9dcff 40%,#c6ffcf 70%,#ffd36b 100%)}.battle-bonds__glyph{z-index:1;color:#fff;font:900 var(--at-hud-list-glyph-font)/1 var(--display);text-shadow:0 0 2px #000,0 1px 2px #000;position:relative}.battle-bonds__row[data-bond-kind=role] .battle-bonds__hex:before{background:var(--bond-role-line)}.battle-bonds__row[data-bond-kind=element] .battle-bonds__hex:before{background:var(--bond-element-line)}.battle-bonds__row[data-bond-kind=element] .battle-bonds__glyph{color:#e3f9ff}.battle-bonds__count{z-index:2;min-width:var(--at-hud-list-count);height:var(--at-hud-list-count);color:#fff;font:900 calc(var(--at-hud-list-count) * .72)/1 var(--display);font-variant-numeric:tabular-nums;background:#070b12;border:1px solid #ffffff4d;border-radius:2px;place-items:center;padding:0 2px;font-style:normal;display:grid;position:absolute;bottom:-2px;right:-4px}.battle-bonds__text{min-width:0;line-height:1.12;display:grid}.battle-bonds__name{color:#f4f8ff;min-width:0;font-size:var(--at-hud-list-font);text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden}.battle-bonds__tiers{color:#8c9db2;min-width:0;font:700 var(--at-hud-list-small-font)/1.1 var(--display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden}.battle-bonds__tiers>i{font-style:normal}.battle-bonds__sep{color:#56667a;margin:0 2px}.battle-bonds__tier--current{color:#fff;font-weight:900}.battle-bonds__badge:hover .battle-bonds__row{filter:brightness(1.12)}.battle-bonds__badge:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.battle-bonds__badge--compact{width:max(var(--at-bonds-col-compact-w), var(--at-bonds-col-compact-min-w))}.battle-bonds__badge--compact .battle-bonds__row{background:0 0;grid-template-columns:auto;justify-content:start;padding:0}.battle-bonds__badge--compact .battle-bonds__text{display:none}.battle-bonds{top:calc(var(--at-tools-col-top) + var(--sat));left:calc(var(--sal) + var(--at-bonds-col-left));z-index:11;width:var(--at-bonds-width);max-height:var(--at-bonds-max-h);padding:var(--at-gap-xs);border:1px solid var(--gold);border-radius:var(--at-radius-md);background:#051636e6;position:absolute;overflow-y:auto}.battle-bonds__toggle{align-items:center;gap:var(--at-gap-xs);color:#eaf6ff;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr) auto;width:100%;min-height:24px;padding:0;display:grid}.battle-bonds__toggle span{color:var(--gold-light);font-size:var(--at-font-md)}.battle-bonds__toggle i{color:#9fb8d3;font-size:var(--at-font-md);font-style:normal;line-height:1}.battle-bonds__body{margin-top:var(--at-gap-xs)}.battle-stats{top:calc(var(--at-hud-anchor) + var(--sat));left:calc(var(--at-rail-gutter) + var(--sal));align-content:start;gap:var(--at-gap-xs);width:min(430px,calc(var(--at-viewport-width) - var(--at-rail-gutter) - var(--at-edge) * 2));max-height:min(520px,calc(var(--at-viewport-height) - var(--at-hud-anchor) - var(--at-gap-lg) * 3));padding:var(--at-panel-pad-y) var(--at-panel-pad-x);color:#eaf7ff;border-radius:var(--at-panel-radius);background:linear-gradient(#061d44fa,#041230fa);border:2px solid #d1a148;display:grid;position:fixed;overflow:auto;box-shadow:inset 0 0 0 3px #164b8c,0 18px 40px #00000085}.battle-stats__header{align-items:center;gap:var(--at-gap-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.battle-stats__header>strong{color:var(--gold-light);font-size:var(--at-font-md)}.battle-stats__tabs{grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.battle-stats__tab{cursor:pointer;min-height:32px;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;padding:5px 2px;font-weight:800;overflow:hidden}.battle-stats__close{cursor:pointer;grid-area:1/2;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:grid;position:relative}.battle-stats__empty{color:#9eb6d1;text-align:center;margin:0;font-size:11px}.battle-stats__rows{gap:4px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.battle-stats__row{background:#020e268c;border:1px solid #75a1d35c;border-left:3px solid #57d7b4;border-radius:4px;min-width:0}.battle-stats__row--enemy{border-left-color:#e5798a}.battle-stats__row--dead{opacity:.5}.battle-stats__anchor{align-items:center;gap:var(--at-gap-xs);width:100%;min-height:32px;padding:4px var(--at-gap-xs);grid-template-columns:30px minmax(0,1fr) minmax(0,2fr) 50px;display:grid}.battle-stats__side{color:#9eb6d1;font-size:var(--at-font-xs)}.battle-stats__name{color:#fff0ae;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-stats__bar{background:#06152f;border:1px solid #35517a;border-radius:3px;height:9px;display:block;overflow:hidden}.battle-stats__bar i{background:linear-gradient(90deg,#1c8fff,#65efff);height:100%;display:block}.battle-stats__row--enemy .battle-stats__bar i{background:linear-gradient(90deg,#c9455f,#ffa07f)}.battle-stats__value{color:#eaf7ff;font-size:var(--at-font-xs);text-align:right}.battle-stats-toggle{right:max(var(--at-gold-clear),var(--sar));bottom:max(var(--at-gap-md),var(--sab));z-index:46;min-height:var(--at-touch);padding:var(--at-gap-xs) var(--at-gap-md);color:#eaf6ff;border:2px solid var(--gold);border-radius:var(--at-radius-md);cursor:pointer;font-size:var(--at-font-md);background:#051636f0;font-weight:800;position:fixed}.round-highlights{right:max(var(--at-gold-clear),var(--sar));bottom:calc(max(var(--at-gap-md),var(--sab)) + var(--at-touch) + var(--at-gap-sm));z-index:46;gap:var(--at-gap-xs);min-width:0;max-width:260px;padding:var(--at-gap-sm) var(--at-gap-md);color:#eaf6ff;text-align:left;border:2px solid var(--gold);border-radius:var(--at-radius-md);cursor:pointer;background:#051636f0;flex-direction:column;animation:.32s ease-out at-round-highlights-in;display:flex;position:fixed}.round-highlights__title{color:var(--gold);font-size:var(--at-font-md);font-weight:900}.round-highlights__item{align-items:baseline;gap:var(--at-gap-sm);font-size:var(--at-font-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.round-highlights__item>small{color:#9fc4e6}.round-highlights__item>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.round-highlights__item>em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:900}.round-highlights__item[data-metric=damageDealt]>em{color:#ffa83a}.round-highlights__item[data-metric=damageTaken]>em{color:#8fd0ff}.round-highlights__item[data-metric=healingDone]>em{color:#7eff9b}@keyframes at-round-highlights-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.round-highlights{animation:none}}.tooltip-anchor{position:relative}.tooltip-bubble{z-index:3;color:#eaf7ff;border:1px solid var(--gold);opacity:0;pointer-events:none;visibility:hidden;background:#031028fa;border-radius:5px;gap:2px;width:max-content;max-width:240px;padding:7px 10px;font-size:10px;display:grid;position:absolute;bottom:calc(100% + 6px);left:8px;box-shadow:0 10px 24px #00000073}.tooltip-bubble b{color:var(--gold-light);font-size:11px}.tooltip-bubble em{color:#8fe5f4;font-style:normal}.tooltip-anchor:hover .tooltip-bubble,.tooltip-anchor:focus-visible .tooltip-bubble,.tooltip-anchor[data-pressed=true] .tooltip-bubble{opacity:1;visibility:visible}.participant{position:relative}.participant--opponent{border-color:#ff9aaa;box-shadow:inset 0 0 0 2px #c9455f80}.participant--eliminated{filter:grayscale(.7);opacity:.62}.participant__opponent{color:#33101a;background:#ff9aaa;border:1px solid #ffd9de;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;top:-6px;right:-6px}.rotate-notice{background:#020a1cf5;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rotate-notice__frame{text-align:center;background:#051536f5;border:2px solid #bc8530;border-radius:6px;justify-items:center;gap:12px;width:min(360px,100%);padding:24px;display:grid;box-shadow:inset 0 0 0 4px #102e61}.rotate-notice__icon{color:var(--gold-light);font-size:44px}.rotate-notice__frame strong{color:var(--gold-light);font-family:var(--display);font-size:22px}.rotate-notice__frame p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.draft-role-filter__item{position:relative}.draft-lineup-slot__remove:after,.draft-role-filter__item:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.final-battle-overlay__rays,.final-battle-overlay__crest,.result-screen__rays,.match-frame__radar i,.match-frame__radar img,.match-frame__status i,.battle-unit-hud__health>i[data-level=critical],.phase-banner__prompt,.round-result-overlay,.round-result-overlay:before,.round-result-overlay strong,.final-battle-overlay,.result-screen,.result-ribbon strong,.result-ribbon__badge,.result-stage img,.result-card,.global-notice{animation:none!important}.lobby-loading span,.phase-orbit>span{animation-duration:2.4s}.match-loading__progress--indeterminate i b{animation-duration:3s}.match-recovery__signal i:nth-child(2){animation:none}}.draft-panel>.game-panel-title .draft-panel__power{margin-right:var(--at-gap-sm);white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.draft-panel__power small{color:#9eb6d1;letter-spacing:.06em;font-size:10px;font-weight:900}.draft-panel__power strong{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-md);font-variant-numeric:tabular-nums}.draft-panel__power em{color:#7d94b3;font-size:10px;font-style:normal}.draft-panel__power.is-pending strong{opacity:.55}.first-launch{padding:var(--at-edge);color:#dfeaf7;background:radial-gradient(circle at 50% 30%,#0e3e70,#041228 70%);place-items:center;display:grid;position:fixed;inset:0}.first-launch__panel{gap:var(--at-gap-xs);text-align:center;width:min(560px,92vw);display:grid}.first-launch__eyebrow{color:#e2bd6e;font-size:var(--at-font-xs);letter-spacing:.24em;text-indent:.24em;font-weight:800}.first-launch__title{color:#f2f7ff;font-family:var(--display);font-size:var(--at-font-lg);letter-spacing:.04em;margin:0;font-weight:700}.first-launch__percent{color:#88edff;font-family:var(--display);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #64e9ff8c;font-size:clamp(30px,9vh,48px);line-height:1.05}.first-launch__bar i{background:#06152f;border:1px solid #8b703c;height:8px;display:block;position:relative;overflow:hidden}.first-launch__bar i b{background:linear-gradient(90deg,#1c8fff,#65efff);height:100%;transition:width .12s linear;display:block}.first-launch__bar--indeterminate i b{width:34%;animation:1.1s ease-in-out infinite first-launch-sweep}@keyframes first-launch-sweep{0%{transform:translate(-110%)}to{transform:translate(295%)}}.first-launch__meta{color:#c5d7eb;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums}.first-launch__stage{color:#9fc2e8;font-size:var(--at-font-sm)}.first-launch__hint{color:#7d94b3;font-size:var(--at-font-xs);line-height:1.4}@media (prefers-reduced-motion:reduce){.first-launch__bar--indeterminate i b{animation-duration:3s}}.first-launch--reconnect .first-launch__panel{gap:var(--at-gap-sm)}.first-launch--reconnect .first-launch__eyebrow{color:#88edff}.first-launch__viewport{pointer-events:none;position:relative}.first-launch__viewport>.first-launch{pointer-events:auto}.gacha-page{width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:clip}.gacha-stage{z-index:0;background:radial-gradient(120% 90% at 50% 18%,#3476c661,#0000 62%),radial-gradient(90% 70% at 50% 104%,#e5b34d38,#0000 60%),#05132c;position:absolute;inset:0;overflow:hidden}.gacha-page:not([data-gacha-phase=idle]) .gacha-page__body{opacity:0;pointer-events:none}.gacha-page__body{transition:opacity .28s}.gacha-page[data-gacha-impact]:after{z-index:3;content:"";pointer-events:none;background:#fff;animation:.12s ease-out both gacha-impact-flash;position:absolute;inset:0}.gacha-page[data-gacha-impact]{animation:.3s ease-in-out both gacha-impact-shake}.gacha-page[data-gacha-impact=epic]:after{background:radial-gradient(circle at 50% 46%,#fff 0%,#e9d8ff 45%,#b07cff66 100%);animation-duration:90ms}.gacha-page[data-gacha-impact=legendary]:after{background:radial-gradient(circle at 50% 46%,#fff 0%,#ffe9a8 38%,#ffd9658c 100%);animation:.52s ease-out both gacha-impact-flash-strong}.gacha-page[data-gacha-impact=choice]:after{background:radial-gradient(circle at 50% 46%,#fff 0%,#fff3 40%,#0000 70%),conic-gradient(#ff7bd5,#ffd965,#7bffd5,#4fa3ff,#b07cff,#ff7bd5);animation:.52s ease-out both gacha-impact-flash-strong}.gacha-page[data-gacha-impact=legendary],.gacha-page[data-gacha-impact=choice]{animation:.9s ease-out both gacha-impact-shake-strong}@keyframes gacha-impact-flash{0%{opacity:0}22%{opacity:.58}to{opacity:0}}@keyframes gacha-impact-flash-strong{0%{opacity:0}6%{opacity:.95}30%{opacity:.12}40%{opacity:.7}to{opacity:0}}@keyframes gacha-impact-shake{0%,to{transform:translate(0,0)}18%{transform:translate(-3px,1px)}42%{transform:translate(3px,-2px)}68%{transform:translate(-2px,2px)}86%{transform:translate(1px,-1px)}}@keyframes gacha-impact-shake-strong{0%,to{transform:translate(0,0)}5%{transform:translate(-10px,4px)}11%{transform:translate(9px,-5px)}17%{transform:translate(-8px,5px)}24%{transform:translate(7px,-3px)}32%{transform:translate(-6px,3px)}40%{transform:translate(6px,-4px)}50%{transform:translate(-4px,2px)}62%{transform:translate(3px,-2px)}76%{transform:translate(-2px,1px)}90%{transform:translate(1px)}}.gacha-page__body{z-index:1;justify-items:center;gap:var(--at-gap-sm);width:100%;height:100%;min-height:0;padding-bottom:var(--at-gap-sm);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.gacha-tabs{width:min(var(--at-gacha-panel-w), 100%);gap:var(--at-gap-xs);flex-wrap:wrap;align-items:center;display:flex}.gacha-tab{min-height:var(--at-touch);padding:4px max(var(--at-gap-md), calc(22 * var(--btn-u)));font-size:max(var(--at-font-sm), calc(24 * var(--btn-u)));cursor:pointer;align-items:center;gap:5px;font-weight:700;display:inline-flex}.gacha-tab__icon{filter:saturate(.45)brightness(.8);flex:none;width:1.3em;height:1.3em;transition:filter .12s linear}.gacha-tab--active .gacha-tab__icon{filter:drop-shadow(0 0 4px #ffe6a08c)}.gacha-tab--active{font-weight:900}.gacha-tabs .gacha-history-open{min-height:var(--at-touch);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.gacha-history-open .gacha-history-glyph{color:#f2d48a;width:1.25em;height:1.25em}.gacha-button{cursor:pointer;flex:40%;font-weight:800}.gacha-button:disabled{cursor:not-allowed}.gacha-reveal{padding:var(--at-gacha-overlay-pad);position:absolute;inset:0}.gacha-reveal--summary{background:#030a18bd;place-items:center;display:grid}.gacha-reveal--revealing{gap:var(--at-gap-xs);pointer-events:none;background:radial-gradient(118% 96% at 50% 46%,#02081400 42%,#02081433 100%);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.gacha-reveal--revealing .gacha-button{pointer-events:auto}.gacha-reveal__hud{justify-content:space-between;align-items:start;gap:var(--at-gap-sm);display:flex}.gacha-reveal__progress{align-items:baseline;gap:var(--at-gap-xs);padding:2px var(--at-gap-sm);border-radius:var(--at-radius-md);background:#0410269e;border:1px solid #c3913d8c;display:flex}.gacha-reveal__progress strong{color:var(--gold-light);font-size:var(--at-font-sm);font-weight:900}.gacha-reveal__progress small{color:#cfe0f5;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums}.gacha-button--skip{min-width:calc(var(--at-gacha-card-w) * 1.1);flex:none}.gacha-reveal__cards--strip{--gacha-strip-card-w:var(--gacha-strip-w,var(--at-gacha-card-w));--gacha-strip-card-h:var(--gacha-strip-h,calc(var(--at-gacha-card-w) * 1.42));justify-content:flex-start;align-items:end;gap:var(--at-gap-xs);width:min(100%, calc(var(--gacha-strip-slots,1) * (var(--gacha-strip-card-w) + var(--at-gap-xs)) - var(--at-gap-xs)));margin-inline:auto;display:flex;overflow:visible}.gacha-reveal__cards--strip .gacha-card{flex:0 1 var(--gacha-strip-card-w);min-width:0}.gacha-reveal__cards--strip .gacha-card__inner{height:var(--gacha-strip-card-h)}.gacha-reveal__cards--strip .gacha-card__front{grid-template-rows:minmax(0,1fr) auto auto auto;overflow:hidden}.gacha-reveal__cards--strip .gacha-card__front img{height:100%;min-height:0}.gacha-reveal[data-gacha-finale="1"] .gacha-card:not(.gacha-card--active){filter:brightness(.42)saturate(.7)}.gacha-card{transition:filter .3s}.gacha-reveal__panel{gap:var(--at-gap-xs);width:min(var(--at-gacha-reveal-w), 100%);min-height:0;max-height:100%;padding:var(--at-gap-sm) var(--at-gap-md) var(--at-gap-md);border-radius:var(--at-panel-radius);background:linear-gradient(#061a3ef5,#041129f5);border:1px solid #c3913d;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.gacha-reveal__head{justify-content:space-between;align-items:baseline;gap:var(--at-gap-sm);display:flex}.gacha-reveal__head strong{color:var(--gold-light);font-size:var(--at-font-lg);font-weight:900}.gacha-reveal__head small{color:#9fb8d3;font-size:var(--at-font-sm)}.gacha-reveal__panel--legendary{box-shadow:0 0 var(--at-gap-lg) #ffd96559;border-color:#ffd965}.gacha-reveal__panel--choice{box-shadow:0 0 var(--at-gap-lg) #ff7bd559;border-color:#ff7bd5}.gacha-reveal__panel--epic{border-color:#b07cff}.gacha-reveal--summary .gacha-reveal__cards{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--at-gacha-summary-card-w)), var(--at-gacha-summary-card-w)));justify-content:center;gap:var(--at-gap-xs);min-height:0;display:grid;overflow:hidden auto}.gacha-reveal__actions{justify-content:flex-end;gap:var(--at-gap-sm);padding-top:2px;display:flex}.gacha-reveal__actions .gacha-button{min-width:calc(var(--at-gacha-card-w) * 1.1);flex:none}.gacha-slot:empty{display:none}@media (prefers-reduced-motion:reduce){.gacha-stage:before,.gacha-stage:after,.gacha-stage__pulse{animation:none!important}}.gacha-stage{container-type:size}.gacha-stage__backdrop{--plaza-x:50.14%;--plaza-y:62.69%;--plaza-x-ratio:.5014;--plaza-y-ratio:.6269;--plaza-rx:52%;--plaza-ry:30%;--gacha-bg-h:max(120cqh, calc(100cqw / 1.7768));top:calc(62cqh - var(--gacha-bg-h) * var(--plaza-y-ratio));left:calc(50cqw - var(--gacha-bg-h) * 1.7768 * var(--plaza-x-ratio));z-index:0;width:calc(var(--gacha-bg-h) * 1.7768);height:var(--gacha-bg-h);pointer-events:none;transform-origin:var(--plaza-x) var(--plaza-y);will-change:transform;animation:28s ease-in-out infinite alternate gacha-backdrop-drift;position:absolute}.gacha-stage[data-gacha-stage=charging] .gacha-stage__backdrop,.gacha-stage[data-gacha-stage=spinning] .gacha-stage__backdrop{animation:2.4s cubic-bezier(.3,.1,.2,1) both gacha-backdrop-rush}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__backdrop{animation:6s ease-out both gacha-backdrop-settle}.gacha-stage__plate{background:radial-gradient(70% 62% at var(--plaza-x) calc(var(--plaza-y) - 6%), transparent 30%, #040e2280 100%), url(/assets/ui/gacha/gacha-backdrop-v3-unlit.webp) center / cover no-repeat;filter:brightness(.66)saturate(.92);transition:filter .6s;position:absolute;inset:0}.gacha-stage[data-gacha-stage=charging] .gacha-stage__plate,.gacha-stage[data-gacha-stage=spinning] .gacha-stage__plate{filter:brightness(.44)saturate(.85)}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__plate{filter:brightness(.56)saturate(.9);transition-duration:1.6s}.gacha-stage__power{pointer-events:none;position:absolute;inset:0}.gacha-stage__lit{filter:brightness(.95)saturate(1.1);opacity:0;background:url(/assets/ui/gacha/gacha-backdrop-v3-lit.webp) 50%/cover no-repeat;transition:opacity 1.2s;position:absolute;inset:0}.gacha-stage[data-gacha-stage=charging] .gacha-stage__lit,.gacha-stage[data-gacha-stage=spinning] .gacha-stage__lit{opacity:1;transition-duration:.25s}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__lit{opacity:.9}.gacha-stage[data-gacha-stage=summary] .gacha-stage__lit{opacity:.35}@property --conduit-hole{syntax:"<percentage>";inherits:true;initial-value:0%}@property --conduit-pulse{syntax:"<percentage>";inherits:true;initial-value:0%}.gacha-stage{--conduit-color:#6fe4ff;--conduit-core:#e8fbff;--conduit-hole:0%}.gacha-stage[data-gacha-tint=common]{--conduit-color:#e6eef8;--conduit-core:#fff}.gacha-stage[data-gacha-tint=rare]{--conduit-color:#2f8cff;--conduit-core:#cfe6ff}.gacha-stage[data-gacha-tint=epic]{--conduit-color:#9a4dff;--conduit-core:#ead9ff}.gacha-stage[data-gacha-tint=legendary]{--conduit-color:#ffa91f;--conduit-core:#ffefc2}.gacha-stage[data-gacha-tint=choice]{--conduit-color:#ff4fc8;--conduit-core:#ffe6f6}.gacha-stage__conduits,.gacha-stage__spill{pointer-events:none;position:absolute;inset:0}.gacha-stage__conduits{-webkit-mask:url(/assets/ui/gacha/gacha-backdrop-v3-conduits.webp) 0 0/100% 100% no-repeat;mask:url(/assets/ui/gacha/gacha-backdrop-v3-conduits.webp) 0 0/100% 100% no-repeat}.gacha-stage__spill{opacity:0;mix-blend-mode:screen;transition:opacity .6s;-webkit-mask:url(/assets/ui/gacha/gacha-backdrop-v3-spill.webp) 0 0/100% 100% no-repeat;mask:url(/assets/ui/gacha/gacha-backdrop-v3-spill.webp) 0 0/100% 100% no-repeat}.gacha-stage__wipe{-webkit-mask:radial-gradient(ellipse var(--plaza-rx,44%) var(--plaza-ry,24%) at var(--plaza-x) var(--plaza-y), transparent var(--conduit-hole), #000 calc(var(--conduit-hole) + 9%));mask:radial-gradient(ellipse var(--plaza-rx,44%) var(--plaza-ry,24%) at var(--plaza-x) var(--plaza-y), transparent var(--conduit-hole), #000 calc(var(--conduit-hole) + 9%));position:absolute;inset:0}.gacha-stage__fill{background:var(--conduit-color);opacity:0;transition:opacity .5s,background-color .25s;position:absolute;inset:0}.gacha-stage[data-gacha-tint=choice] .gacha-stage__fill{background:linear-gradient(90deg,#ff7bd5,#ffd965,#7bffd5,#4fa3ff,#b07cff,#ff7bd5)}.gacha-stage__pulse{background:repeating-radial-gradient(ellipse var(--plaza-rx,44%) var(--plaza-ry,24%) at var(--plaza-x) var(--plaza-y), transparent calc(var(--conduit-pulse) - 9%), var(--conduit-core) calc(var(--conduit-pulse) - 4.5%), transparent var(--conduit-pulse), transparent calc(var(--conduit-pulse) + 9%));opacity:0;mix-blend-mode:screen;background:repeating-radial-gradient(ellipse var(--plaza-rx,44%) var(--plaza-ry,24%) at var(--plaza-x) var(--plaza-y), transparent calc(var(--conduit-pulse) - 12%), transparent calc(var(--conduit-pulse) - 3.2%), var(--conduit-core) calc(var(--conduit-pulse) - 1%), transparent var(--conduit-pulse));transition:opacity .4s;animation:.9s linear infinite gacha-conduit-flow;position:absolute;inset:0}.gacha-stage__pulse--spark{background:repeating-radial-gradient(ellipse var(--plaza-rx,44%) var(--plaza-ry,24%) at var(--plaza-x) var(--plaza-y), transparent calc(var(--conduit-pulse) - 12%), transparent calc(var(--conduit-pulse) - 7.4%), #fff calc(var(--conduit-pulse) - 6.6%), transparent calc(var(--conduit-pulse) - 6%), transparent var(--conduit-pulse));animation:.45s linear infinite gacha-conduit-flow}.gacha-stage[data-gacha-stage=charging] .gacha-stage__pulse--spark{animation:.45s linear infinite gacha-conduit-flow,.32s step-end infinite gacha-conduit-crackle}.gacha-stage[data-gacha-stage=charging]{animation:.8s ease-in forwards gacha-conduit-charge}.gacha-stage[data-gacha-stage=charging] .gacha-stage__fill{opacity:.25}.gacha-stage[data-gacha-stage=charging] .gacha-stage__pulse{opacity:.75}.gacha-stage[data-gacha-stage=charging] .gacha-stage__spill{opacity:.35}.gacha-stage[data-gacha-stage=spinning]{--conduit-hole:60%;animation:1.5s cubic-bezier(.4,0,.6,1) forwards gacha-conduit-converge}.gacha-stage[data-gacha-stage=spinning] .gacha-stage__fill{opacity:.35}.gacha-stage[data-gacha-stage=spinning] .gacha-stage__pulse{opacity:1;animation-duration:.55s}.gacha-stage[data-gacha-stage=spinning] .gacha-stage__pulse--spark{animation:.3s linear infinite gacha-conduit-flow,.24s step-end infinite gacha-conduit-crackle}.gacha-stage[data-gacha-stage=spinning] .gacha-stage__spill{opacity:.7}.gacha-stage:not([data-gacha-tint=""]):is([data-gacha-stage=spinning],[data-gacha-stage=revealing]) .gacha-stage__fill{opacity:.85}.gacha-stage:is([data-gacha-tint=epic],[data-gacha-tint=legendary],[data-gacha-tint=choice]):is([data-gacha-stage=spinning],[data-gacha-stage=revealing]) .gacha-stage__fill{opacity:.95}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__pulse{opacity:.5;animation-duration:1.4s}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__pulse--spark{opacity:0}.gacha-stage[data-gacha-stage=revealing] .gacha-stage__spill{opacity:.45}.gacha-stage[data-gacha-stage=summary] .gacha-stage__spill{opacity:.15}@keyframes gacha-conduit-flow{0%{--conduit-pulse:12%}to{--conduit-pulse:0%}}@keyframes gacha-conduit-crackle{0%{opacity:.9}25%{opacity:.35}50%{opacity:1}75%{opacity:.55}}@keyframes gacha-conduit-charge{0%{--conduit-hole:100%}to{--conduit-hole:60%}}@keyframes gacha-conduit-converge{0%{--conduit-hole:60%}to{--conduit-hole:0%}}.gacha-stage:after{z-index:0;content:"";opacity:.55;pointer-events:none;will-change:transform;background-color:#0000;background-image:radial-gradient(circle at 18% 32%,#ffe0968c 0 1.2px,#0000 2.6px),radial-gradient(circle at 62% 78%,#ffecbe73 0 1px,#0000 2.2px),radial-gradient(circle at 84% 18%,#aadcff66 0 1px,#0000 2.4px),radial-gradient(circle at 40% 58%,#ffe09659 0 .8px,#0000 2px),radial-gradient(circle at 8% 86%,#ffecbe4d 0 1px,#0000 2.2px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:220px 220px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:14s linear infinite gacha-motes-rise;position:absolute;inset:-220px 0 0}.gacha-stage[data-gacha-stage=charging]:after,.gacha-stage[data-gacha-stage=spinning]:after{opacity:.9;animation-duration:5s}.gacha-stage[data-gacha-stage=revealing]:after{opacity:.35}@keyframes gacha-backdrop-drift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.07)translate(-1.2%,-.8%)}}@keyframes gacha-backdrop-rush{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.14)translateY(1.6%)}}@keyframes gacha-backdrop-settle{0%{transform:scale(1.14)translateY(1.6%)}to{transform:scale(1.05)translateY(.4%)}}@keyframes gacha-motes-rise{0%{transform:translate(0,0)}to{transform:translateY(-220px)}}.gacha-stage__canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.gacha-stage__canvas[data-stage-ready="0"]{opacity:0}.gacha-stage__canvas[data-stage-ready="1"]{opacity:1;transition:opacity .45s}.gacha-page__body{padding:0 var(--at-gap-sm) var(--at-gap-sm) var(--at-gap-xs);grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);justify-items:stretch;container-type:size}.gacha-tabs{align-self:start;align-items:stretch;gap:var(--at-gap-xs);flex-flow:column;width:auto}.gacha-tab{width:clamp(64px,17cqh,128px);min-height:clamp(64px,17cqh,120px);font-size:clamp(var(--at-font-xs), 2.4cqh, 16px);text-align:center;white-space:normal;flex-direction:column;justify-content:center;gap:3px;padding:6px 4px;line-height:1.2}.gacha-tab .gacha-tab__icon{width:2em;height:2em}.gacha-home{--gh-tone:#f2c45a;--gh-tone-soft:#f2c45a59;--gh-frame:url(/assets/ui/gacha/home/gacha-roster-frame-gold-v1.webp);gap:var(--at-gap-xs);grid-template-columns:minmax(0,1fr) clamp(168px,30cqw,360px);width:100%;height:100%;min-height:0;display:grid;container-type:size}.gacha-home--blue{--gh-tone:#7cc4ff;--gh-tone-soft:#7cc4ff59;--gh-frame:url(/assets/ui/gacha/home/gacha-roster-frame-blue-v1.webp)}.gacha-home__banner{background:var(--gacha-home-bg) center / cover no-repeat, #0a1a36;border:1px solid color-mix(in srgb, var(--gh-tone) 55%, transparent);border-radius:var(--at-panel-radius);min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080,0 8px 22px #00081859}.gacha-home__banner:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#040a1adb 0%,#040a1a8c 34%,#040a1a00 58%),linear-gradient(#040a1a00 62%,#040a1abf 100%);position:absolute;inset:0}.gacha-home__links{z-index:4;gap:var(--at-gap-xs);display:flex;position:absolute;top:3%;right:2%}.gacha-home__link{color:#f6ecd2;min-height:clamp(28px,6cqh,42px);font-size:clamp(var(--at-font-xs), 2.8cqh, 18px);border:1px solid color-mix(in srgb, var(--gh-tone) 60%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060e20b8;border-radius:999px;align-items:center;gap:4px;padding:0 clamp(10px,1.4cqw,16px);font-weight:800;display:inline-flex}.gacha-home__link:active{filter:brightness(.82)}.gacha-home__link .gacha-history-glyph{color:#f2d48a;width:1.2em;height:1.2em}.gacha-home__portrait{z-index:2;width:58%;animation:.36s cubic-bezier(.2,.8,.3,1) both gacha-home-portrait-in;position:absolute;top:6%;bottom:0;right:3%}.gacha-home__portrait:before{background:radial-gradient(50% 50% at 50% 70%, var(--gh-tone-soft), transparent 75%);content:"";position:absolute;inset:18% 8% 0}.gacha-home__art{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 10px #0000008c);width:100%;height:100%;display:block;position:relative}@keyframes gacha-home-portrait-in{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}.gacha-home__info{z-index:3;justify-items:start;gap:4px;width:46%;display:grid;position:absolute;bottom:6%;left:4%}.gacha-home__kind{color:#10233f;font-size:clamp(var(--at-font-xs), 2.6cqh, 16px);background:linear-gradient(90deg, #fff, var(--gh-tone));border-radius:2px;padding:1px 8px;font-weight:900}.gacha-home__name{color:#fff6d8;letter-spacing:.04em;text-shadow:0 2px 0 #000000b3, 0 0 12px color-mix(in srgb, var(--gh-tone) 60%, transparent);font-size:clamp(18px,9cqh,34px);font-weight:900;line-height:1.1}.gacha-home__desc{color:#d8e4f4;font-size:clamp(var(--at-font-xs), 2.6cqh, 17px);text-shadow:0 1px 2px #000;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.gacha-home__choice{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;display:flex}.gacha-home__choice-button{color:#fff4ec;min-height:clamp(34px,7cqh,52px);font-size:clamp(var(--at-font-sm), 3cqh, 20px);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#e8473f,#b4161f);border:1px solid #ff9a86;border-radius:4px;align-items:center;gap:5px;padding:0 clamp(14px,2cqw,24px);font-weight:900;display:inline-flex;box-shadow:0 2px #6c0b10,0 0 10px #e8473f59}.gacha-home__choice-button--on{color:#ffb3a8;box-shadow:none;background:#14080cc7;border-color:#d6202a}.gacha-home__choice-button:active:not(:disabled){filter:brightness(.82)}.gacha-home__choice-button:disabled{cursor:default;filter:grayscale(.7);opacity:.6}.gacha-home__choice-help{color:#f3d8a2;font-size:clamp(var(--at-font-xs), 2.4cqh, 15px);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gacha-home__empty{z-index:3;color:#d8e4f4;font-size:var(--at-font-sm);place-items:center;margin:0;display:grid;position:absolute;inset:0}.gacha-home__side{gap:var(--at-gap-xs);min-width:0;min-height:0;padding:var(--at-gap-xs);border:1px solid color-mix(in srgb, var(--gh-tone) 45%, transparent);border-radius:var(--at-panel-radius);background:linear-gradient(#081634f0,#040c1ef0);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.gacha-home__side-head{color:var(--gh-tone);font-size:clamp(var(--at-font-sm), 2.8cqh, 18px);justify-content:space-between;align-items:baseline;padding:0 2px;display:flex}.gacha-home__side-head small{color:#9fb8d3;font-size:var(--at-font-xs)}.gacha-home__roster{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:5px;min-height:0;margin:0;padding:2px;list-style:none;display:grid;overflow:hidden auto}.gacha-target{aspect-ratio:240/348;background:radial-gradient(70% 50% at 50% 55%, var(--gh-tone-soft), transparent 75%), linear-gradient(180deg, #13305e, #071733);cursor:pointer;background-clip:content-box;border:0;border-radius:6%;width:100%;padding:0;transition:transform .12s,filter .12s;display:block;position:relative}.gacha-target:after{z-index:2;background:var(--gh-frame) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}.gacha-target img{z-index:1;object-fit:contain;object-position:center bottom;width:90%;height:76%;position:absolute;top:4%;left:5%}.gacha-target__name{z-index:3;color:#fff1c8;font-size:clamp(var(--at-font-xs), 2.2cqh, 15px);white-space:nowrap;text-shadow:0 1px #000;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;inset:83.5% 8% 4%;overflow:hidden}.gacha-target[aria-pressed=true]{filter:drop-shadow(0 0 5px var(--gh-tone));transform:translateY(-2px)}.gacha-target:active{filter:brightness(.85)}.gacha-target--maxed{cursor:default;background:linear-gradient(#2a2f38,#15181e) padding-box content-box}.gacha-target--maxed img,.gacha-target--maxed:after{filter:grayscale()brightness(.62)}.gacha-target--maxed .gacha-target__name{color:#9a9ea6}.gacha-target--maxed:active{filter:none}.gacha-home__pity{color:#e6eefa;font-size:clamp(var(--at-font-xs), 2.4cqh, 15px);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;gap:3px;padding:4px 6px;display:grid}.gacha-home__pity-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gacha-home__pity-text:after{content:" ›";color:var(--gh-tone)}.gacha-home__pity-bar{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.gacha-home__pity-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--gh-tone) 60%, #fff), var(--gh-tone));border-radius:inherit;height:100%;display:block}.gacha-home__draws{gap:var(--at-gap-xs);grid-template-columns:1fr 1.25fr;display:grid}.gacha-home__draw{align-content:center;justify-items:center;gap:1px;min-width:0;min-height:clamp(44px,12cqh,84px);padding-inline:4px;display:grid}.gacha-home__draw-label{font-size:clamp(var(--at-font-sm), 3.4cqh, 24px);font-weight:900;line-height:1.1}.gacha-home__draw-cost{font-size:clamp(var(--at-font-xs), 2.6cqh, 18px);font-variant-numeric:tabular-nums;opacity:.92;align-items:center;gap:3px;font-weight:800;display:inline-flex}.gacha-stamp--banner{width:clamp(110px,40cqh,210px);bottom:22%;right:12%}.gacha-stamp--card{width:82%;bottom:21%;right:2%}.gacha-rules{padding:var(--at-gap-md);background:#030a18bd;place-items:center;display:grid;position:absolute;inset:0}.gacha-rules__panel{gap:var(--at-gap-xs);width:min(560px,100%);height:min(400px,100%);min-height:0;padding:var(--at-gap-sm) var(--at-gap-md) var(--at-gap-md);border-radius:var(--at-panel-radius);background:linear-gradient(#0a1e42fa,#051026fa);border:1px solid #c3913d;grid-template-rows:auto auto minmax(0,1fr);display:grid;box-shadow:0 14px 34px #00000080}.gacha-rules__head{justify-content:space-between;align-items:center;display:flex}.gacha-rules__head strong{color:var(--gold-light);font-size:var(--at-font-lg);font-weight:900}.gacha-rules__close,.gacha-reveal__close{color:#f2e3bf;cursor:pointer;background:#31303a;border:1px solid #5c5b57;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.gacha-rules__tabs{border-bottom:1px solid #c3913d59;gap:2px;display:flex}.gacha-rules__tab{color:#a09b8c;min-height:32px;font-size:var(--at-font-sm);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;font-weight:800}.gacha-rules__tab[aria-selected=true]{color:#f0e6d2;border-bottom-color:var(--gold-light)}.gacha-rules__body{align-content:start;gap:var(--at-gap-xs);color:#d8e4f4;min-height:0;font-size:var(--at-font-sm);padding-right:2px;line-height:1.5;display:grid;overflow-y:auto}.gacha-rules__lead,.gacha-rules__note,.gacha-rules__current{margin:0}.gacha-rules__note{color:#9fb8d3;font-size:var(--at-font-xs)}.gacha-rules__current{color:#ffd6a0;font-weight:800}.gacha-rules__odds{border-collapse:collapse;width:100%}.gacha-rules__odds th,.gacha-rules__odds td{border-bottom:1px solid #ffffff14;padding:5px 4px}.gacha-rules__odds th{text-align:left}.gacha-rules__fragments{color:#9fb8d3}.gacha-rules__percent{color:#fff2c2;font-variant-numeric:tabular-nums;text-align:right;font-weight:900}.gacha-rules__rarity{font-size:var(--at-font-xs);border:1px solid;border-radius:3px;padding:1px 8px;font-weight:900}.gacha-rules__rarity--common{color:#eef3f9}.gacha-rules__rarity--rare{color:#9fd6ff}.gacha-rules__rarity--epic{color:#dcbcff}.gacha-rules__rarity--legendary{color:#ffe27a}.gacha-rules__rarity--choice{color:#ff8a80}.gacha-rules__pities{gap:var(--at-gap-sm);margin:0;padding:0;list-style:none;display:grid}.gacha-rules__pity{gap:3px;display:grid}.gacha-rules__pity-row{justify-content:space-between;gap:var(--at-gap-sm);display:flex}.gacha-rules__pity-row b{color:#fff2c2;font-variant-numeric:tabular-nums}.gacha-rules__pity p{color:#9fb8d3;font-size:var(--at-font-xs);margin:0}.gacha-rules__pity-bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.gacha-rules__pity-bar i{border-radius:inherit;background:linear-gradient(90deg,#ffe9a8,#e5a52c);height:100%;display:block}@media (prefers-reduced-motion:reduce){.gacha-home__portrait{animation:none}}.gacha-reveal__head small{margin-left:auto}.gacha-reveal__head .gacha-reveal__close{align-self:center}.gacha-card{--gacha-flip-perspective:calc(var(--gacha-strip-card-w,var(--at-gacha-card-w)) * 6);position:relative}.gacha-card__inner{height:var(--at-gacha-card-h);transform-style:preserve-3d;position:relative}.gacha-card[data-gacha-fly=on]{animation:.42s cubic-bezier(.2,.86,.3,1) both gacha-card-fly}.gacha-card:not([data-gacha-fly=on]){animation:.18s ease-out both gacha-card-appear}@keyframes gacha-card-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gacha-card:not([data-gacha-fly=on]){animation:none}}@keyframes gacha-card-fly{0%{transform:translate(var(--gacha-fly-x,0), var(--gacha-fly-y,0)) scale(1.62);opacity:.2}46%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.gacha-card__back,.gacha-card__front{border-radius:var(--at-radius-md);backface-visibility:hidden;border:1px solid #4d6484;align-content:start;gap:2px;padding:4px;display:grid;position:absolute;inset:0}.gacha-card__back{transform:rotateY(180deg)}.gacha-card[data-gacha-face=back] .gacha-card__inner{transform:perspective(var(--gacha-flip-perspective)) rotateY(180deg)}.gacha-card__back,.gacha-card__front{border-image-slice:48;border-image-repeat:stretch;border-image-width:calc(var(--at-gacha-card-w) * .08);border-image-outset:calc(var(--at-gacha-card-w) * .025)}.gacha-card__back{background:url(/assets/ui/gacha/gacha-card-back-v1.png) 50%/cover no-repeat,radial-gradient(70% 60% at 50% 42%,#78beff61,#0000 70%),linear-gradient(#0d2f5f,#071d40);border-image-source:url(/assets/ui/gacha/gacha-card-frame-back-v1.png);place-content:center;overflow:hidden}.gacha-card__sigil{aspect-ratio:1;background:conic-gradient(#ffe49a1a,#ffe49ad9,#ffe49a1a);border-radius:50%;width:46%;-webkit-mask:radial-gradient(circle,#0000 46%,#000 48% 66%,#0000 68%);mask:radial-gradient(circle,#0000 46%,#000 48% 66%,#0000 68%)}.gacha-card__front{text-align:center;background:linear-gradient(#0b2c5c,#071d40)}.gacha-card__front img{width:100%;height:calc(var(--at-gacha-card-h) * .5);object-fit:contain}.gacha-card__front strong{min-height:1.5em;color:#fff0ae;min-height:1lh;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gacha-card__front small{color:#9fb8d3;font-size:var(--at-font-xs)}.gacha-reveal--summary .gacha-card{filter:none;opacity:1;animation:.3s cubic-bezier(.2,.9,.3,1.15) both gacha-summary-enter;animation-delay:calc(var(--gacha-card-index,0) * 45ms);transition:none}@keyframes gacha-summary-enter{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gacha-reveal--summary .gacha-card{animation:none}}.gacha-reveal--summary .gacha-card__inner{height:var(--at-gacha-summary-card-h)}.gacha-reveal--summary .gacha-card__front{grid-template-columns:var(--at-gacha-summary-art) minmax(0, 1fr);align-content:center;column-gap:var(--at-gap-xs);text-align:left;grid-template-rows:auto auto auto}.gacha-reveal--summary .gacha-card__front img{width:100%;height:min(100%, var(--at-gacha-summary-art));grid-row:1/4;align-self:center}.gacha-reveal--summary .gacha-card__front strong{text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.gacha-reveal--summary .gacha-card__rarity{justify-self:start}.gacha-card__rarity{color:#06182f;font-size:var(--at-font-xs);background:#d8e2ee;border-radius:3px;justify-self:center;padding:0 6px;font-weight:800}.gacha-card__tag{color:#10233f;font-size:var(--at-font-xs);border-radius:3px;padding:1px 4px;font-style:normal;font-weight:800;position:absolute;top:3px}.gacha-card__tag--pity{background:#ffd965;right:3px}.gacha-card__tag--choice{background:linear-gradient(90deg,#ff7bd5,#7bffd5);left:3px}.gacha-card[data-gacha-face=front] .gacha-card__front{box-shadow:0 0 calc(var(--at-gacha-card-w) * .16) var(--gacha-glow,#8ea3bb66), inset 0 0 calc(var(--at-gacha-card-w) * .12) var(--gacha-glow,#8ea3bb4d)}.gacha-card--active .gacha-card__front{filter:brightness(1.12)}.gacha-card--common .gacha-card__front{--gacha-glow:#d8e2ee73;border-color:#8ea3bb;border-image-source:url(/assets/ui/gacha/gacha-card-frame-common-v1.png)}.gacha-card--rare .gacha-card__front{--gacha-glow:#4fa3ff9e;border-color:#4fa3ff;border-image-source:url(/assets/ui/gacha/gacha-card-frame-rare-v1.png)}.gacha-card--epic .gacha-card__front{--gacha-glow:#b07cffad;border-color:#b07cff;border-image-source:url(/assets/ui/gacha/gacha-card-frame-epic-v1.png)}.gacha-card--epic .gacha-card__rarity{color:#fff;background:#7a3bd0}.gacha-card--legendary .gacha-card__front{--gacha-glow:#ffd965c7;border-color:#ffd965;border-image-source:url(/assets/ui/gacha/gacha-card-frame-legendary-v1.png)}.gacha-card--legendary .gacha-card__rarity{background:#ffd965}.gacha-card--choice .gacha-card__front{--gacha-glow:#ff7bd5bd;border-color:#ff7bd5;border-image-source:url(/assets/ui/gacha/gacha-card-frame-choice-v1.png)}.gacha-card--choice .gacha-card__rarity{color:#fff;background:linear-gradient(90deg,#ff7bd5,#7bffd5)}.gacha-card{--gacha-tint:#8ea3bb;--gacha-frame:url(/assets/ui/gacha/gacha-card-frame-common-v4.webp)}.gacha-card--rare{--gacha-tint:#4fa3ff;--gacha-frame:url(/assets/ui/gacha/gacha-card-frame-rare-v4.webp)}.gacha-card--epic{--gacha-tint:#b07cff;--gacha-frame:url(/assets/ui/gacha/gacha-card-frame-epic-v4.webp)}.gacha-card--legendary{--gacha-tint:#ffd965;--gacha-frame:url(/assets/ui/gacha/gacha-card-frame-legendary-v4.webp)}.gacha-card--choice{--gacha-tint:#ff7bd5;--gacha-frame:url(/assets/ui/gacha/gacha-card-frame-choice-v4.webp)}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front{box-shadow:none;background:0 0;border:0;border-image:;border-radius:0;padding:0;display:block;overflow:visible;container-type:size}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front:after{z-index:-1;background:radial-gradient(70% 50% at 50% 45%, color-mix(in srgb, var(--gacha-tint) 45%, transparent), transparent 75%), repeating-linear-gradient(135deg, #ffffff09 0 2px, transparent 2px 7px), linear-gradient(180deg, #10305e 0%, #0a2247 55%, #061631 100%);content:"";pointer-events:none;position:absolute;inset:2.5% 3.5% 2.5% 3%}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card__front:before{z-index:2;background:var(--gacha-frame) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front img:not(.gacha-card__count-glyph){object-fit:contain;object-position:center bottom;background:radial-gradient(closest-side, color-mix(in srgb, var(--gacha-tint) 38%, transparent), transparent 100%) center 96% / 90% 22% no-repeat;width:78.7%;max-width:none;height:67.6%;min-height:0;filter:drop-shadow(0 2px 2px #0009) drop-shadow(0 0 5px color-mix(in srgb, var(--gacha-tint) 55%, transparent));position:absolute;inset:10% 12.3% 22.4% 9%}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front strong{z-index:3;color:#fff4cf;min-height:0;font-size:min(var(--at-font-lg), 9.5cqh, calc(64cqw / var(--gacha-name-chars,4)));letter-spacing:0;text-align:center;text-overflow:ellipsis;text-shadow:0 1px #000,0 0 3px #000000e6;white-space:nowrap;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;inset:80.5% 14% 4.5% 11.5%;overflow:hidden}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front .gacha-card__count{z-index:3;filter:drop-shadow(0 1px 1px #000000d9);justify-content:center;align-items:center;display:flex;position:absolute;inset:4.8% 5.2% 77.3% 69.5%}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front .gacha-card__count .gacha-card__count-glyph{object-fit:contain;filter:none;pointer-events:none;background:0 0;flex:none;width:auto;height:62%;min-height:0;margin-left:-6%;display:block;position:static}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front .gacha-card__count .gacha-card__count-glyph--x{display:none}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__front .gacha-card__count:has(.gacha-card__count-glyph:nth-of-type(3)) .gacha-card__count-glyph{height:48%}.gacha-card__count-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gacha-card{--gacha-rarity-ink:#eef3f9}.gacha-card--rare{--gacha-rarity-ink:#9fd6ff}.gacha-card--epic{--gacha-rarity-ink:#dcbcff}.gacha-card--legendary{--gacha-rarity-ink:#ffe27a}.gacha-card--choice{--gacha-rarity-ink:#ffc4ee}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card[data-gacha-face=front] .gacha-card__rarity{z-index:3;color:var(--gacha-rarity-ink);font-size:min(var(--at-font-sm), 8cqh);letter-spacing:.06em;text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000;border:1px solid color-mix(in srgb, var(--gacha-tint) 85%, #fff);box-shadow:0 0 4px color-mix(in srgb, var(--gacha-tint) 55%, transparent);background:#030916db;border-radius:3px;padding:.12em .45em;font-weight:900;line-height:1.1;position:absolute;top:10%;left:9.5%}:is(.gacha-reveal--summary,.gacha-reveal__cards--strip) .gacha-card__tag{z-index:3;font-size:min(var(--at-font-xs), 6cqh);inset:auto auto 23% 9.5%}.gacha-reveal--summary .gacha-reveal__panel{width:auto;max-width:100%}.gacha-reveal--summary .gacha-reveal__cards{grid-template-columns:repeat(var(--gacha-summary-cols,5), var(--at-gacha-summary-portrait-w));align-items:start}.gacha-reveal--summary .gacha-card__inner{aspect-ratio:300/422;height:auto}.gacha-reveal__banner{--gb-hi:#f2f6fb;--gb-lo:#8ea3bb;justify-content:center;align-items:center;gap:var(--at-gap-sm);min-width:0;padding:1px var(--at-gap-md);margin:0;display:flex}.gacha-reveal__banner-line{background:linear-gradient(270deg, var(--gb-hi), color-mix(in srgb, var(--gb-lo) 70%, transparent) 70%, transparent);max-width:34%;height:2px;box-shadow:0 0 6px color-mix(in srgb, var(--gb-lo) 70%, transparent);border-radius:1px;flex:1 1 0;position:relative}.gacha-reveal__banner-line--end{background:linear-gradient(90deg, var(--gb-hi), color-mix(in srgb, var(--gb-lo) 70%, transparent) 70%, transparent)}.gacha-reveal__banner-line:after{background:var(--gb-lo);border:1px solid var(--gb-hi);content:"";width:6px;height:6px;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%)rotate(45deg)}.gacha-reveal__banner-line--end:after{left:auto;right:18%;transform:translate(50%,-50%)rotate(45deg)}.gacha-reveal__banner-text{font-size:var(--at-font-lg);letter-spacing:.32em;background:linear-gradient(110deg, transparent 38%, #ffffffd9 50%, transparent 62%) 140% 0 / 260% 100% no-repeat, linear-gradient(180deg, #fff 8%, var(--gb-hi) 46%, var(--gb-lo) 100%);color:#0000;filter:drop-shadow(0 1px 0 #000000bf) drop-shadow(0 0 8px color-mix(in srgb, var(--gb-lo) 55%, transparent));-webkit-background-clip:text;background-clip:text;flex:none;margin-right:-.32em;padding:0 .2em;font-weight:900;line-height:1.2}.gacha-reveal__banner--epic .gacha-reveal__banner-text,.gacha-reveal__banner--legendary .gacha-reveal__banner-text,.gacha-reveal__banner--choice .gacha-reveal__banner-text{animation:2.4s linear infinite gacha-banner-sweep}@keyframes gacha-banner-sweep{0%{background-position:140% 0,0 0}to{background-position:-140% 0,0 0}}.gacha-reveal__banner-gem{background:linear-gradient(135deg, #fff, var(--gb-hi) 40%, var(--gb-lo));width:12px;height:12px;box-shadow:0 0 10px var(--gb-lo);border:1px solid #0000008c;flex:none;transform:rotate(45deg)}.gacha-reveal__banner--common{--gb-hi:#f2f6fb;--gb-lo:#8ea3bb}.gacha-reveal__banner--rare{--gb-hi:#bfe6ff;--gb-lo:#3d8fe6}.gacha-reveal__banner--epic{--gb-hi:#e6d4ff;--gb-lo:#9a5cf0}.gacha-reveal__banner--legendary{--gb-hi:#fff0b0;--gb-lo:#e5a52c}.gacha-reveal__banner--choice{--gb-hi:#ffd6f2;--gb-lo:#ff5cc8}@media (prefers-reduced-motion:reduce){.gacha-reveal__banner-text{animation:none!important}}.gacha-reveal--revealing{container-type:size}.gacha-reveal[data-gacha-tell=common]{--gacha-tell-color:#d8e2ee52}.gacha-reveal[data-gacha-tell=rare]{--gacha-tell-color:#4fa3ff6b}.gacha-reveal[data-gacha-tell=epic]{--gacha-tell-color:#b07cff75}.gacha-reveal[data-gacha-tell=legendary]{--gacha-tell-color:#ffc8466b}.gacha-reveal[data-gacha-tell=choice]{--gacha-tell-color:#ff7bd570}.gacha-reveal[data-gacha-tell]:not([data-gacha-tell=""]):before{background:radial-gradient(110% 92% at 50% 40%, transparent 48%, var(--gacha-tell-color) 100%);content:"";pointer-events:none;animation:.42s ease-out both gacha-tell-in;position:absolute;inset:0}.gacha-tell-flash{background:radial-gradient(60% 60% at 50% 46%, var(--gacha-tell-color), transparent 70%);pointer-events:none;animation:.46s ease-out both gacha-tell-flash;position:absolute;inset:0}@keyframes gacha-tell-in{0%{opacity:0}to{opacity:1}}@keyframes gacha-tell-flash{0%{opacity:0;transform:scale(.6)}18%{opacity:1}to{opacity:0;transform:scale(1.5)}}.gacha-showcase{--gacha-showcase-color:#d8e2ee;--gacha-showcase-glow:#d8e2ee80;z-index:1;gap:var(--at-gap-xs);pointer-events:none;grid-row:2;grid-template-rows:minmax(0,1fr) auto;place-self:stretch center;place-items:end center;width:min(100%,78cqw);height:100%;min-height:0;display:grid;position:relative}.gacha-showcase--rare{--gacha-showcase-color:#4fa3ff;--gacha-showcase-glow:#4fa3ff9e}.gacha-showcase--epic{--gacha-showcase-color:#b07cff;--gacha-showcase-glow:#b07cffa8}.gacha-showcase--legendary{--gacha-showcase-color:#ffd965;--gacha-showcase-glow:#ffd965b8}.gacha-showcase--choice{--gacha-showcase-color:#ff7bd5;--gacha-showcase-glow:#ff7bd5b3}.gacha-showcase__rays{aspect-ratio:1;background:var(--gacha-showcase-color);opacity:.5;width:150cqh;animation:10s linear infinite gacha-showcase-rays-spin,.32s ease-out both gacha-showcase-fade;position:absolute;top:44%;left:50%;translate:-50% -50%;-webkit-mask:url(/assets/ui/gacha/gacha-showcase-rays-v1.webp) 50%/contain no-repeat,radial-gradient(circle,#000 0 14%,#0000 42%);mask:url(/assets/ui/gacha/gacha-showcase-rays-v1.webp) 50%/contain no-repeat,radial-gradient(circle,#000 0 14%,#0000 42%)}.gacha-showcase--choice .gacha-showcase__rays{background:conic-gradient(#ff7bd5,#ffd965,#7bffd5,#4fa3ff,#b07cff,#ff7bd5)}.gacha-showcase__halo{aspect-ratio:1;background:radial-gradient(circle, var(--gacha-showcase-glow) 0%, transparent 64%);border-radius:50%;width:86cqh;animation:.26s ease-out both gacha-showcase-fade;position:absolute;top:44%;left:50%;translate:-50% -50%}.gacha-showcase__figure{height:100%;min-height:0;filter:drop-shadow(0 0 var(--at-gap-md) var(--gacha-showcase-glow));grid-row:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:end center;animation:.38s cubic-bezier(.2,1.25,.3,1) both gacha-showcase-in;display:grid}.gacha-showcase__art{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%}.gacha-showcase--grand .gacha-showcase__figure{animation-duration:.52s}.gacha-showcase--flash .gacha-showcase__figure{animation-duration:.16s}.gacha-showcase--grand .gacha-showcase__art{transform-origin:50% 100%;animation:1.6s ease-in-out infinite gacha-showcase-breathe;transform:scale(1.14)}.gacha-showcase--grand .gacha-showcase__rays{opacity:.78;width:196cqh;animation-duration:7s,.32s}.gacha-showcase--grand .gacha-showcase__halo{width:110cqh}.gacha-showcase__caption{aspect-ratio:1024/295;isolation:isolate;grid-row:2;width:min(100%,78cqh);animation:.3s cubic-bezier(.2,.9,.3,1.1) 90ms both gacha-showcase-caption-in;position:relative;container-type:size}.gacha-showcase--grand .gacha-showcase__caption{width:min(100%,84cqh)}.gacha-showcase__ribbon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000008c);width:100%;height:100%;position:absolute;inset:0}.gacha-showcase__ribbon-tint{background:var(--gacha-showcase-color);mix-blend-mode:color;position:absolute;inset:0;-webkit-mask:url(/assets/ui/gacha/gacha-rarity-ribbon-v1.webp) 50%/contain no-repeat;mask:url(/assets/ui/gacha/gacha-rarity-ribbon-v1.webp) 50%/contain no-repeat}.gacha-showcase--common .gacha-showcase__ribbon-tint{display:none}.gacha-showcase--choice .gacha-showcase__ribbon-tint{background:linear-gradient(90deg,#ff7bd5,#ffd965,#7bffd5,#4fa3ff,#b07cff)}.gacha-showcase__text{color:#fff;font-size:clamp(var(--at-font-xs), 34cqh, var(--at-font-lg));white-space:nowrap;text-shadow:0 1px 2px #000,0 0 8px #000c;justify-content:center;align-items:center;gap:.25em;display:flex;position:absolute;inset:26% 16%;overflow:hidden}.gacha-showcase__rarity{color:#06182f;text-shadow:none;background:var(--gacha-showcase-color);border-radius:3px;flex:none;padding:0 .4em;font-size:.78em;font-weight:900}.gacha-showcase--choice .gacha-showcase__rarity{color:#fff;background:linear-gradient(90deg,#ff7bd5,#7bffd5)}.gacha-showcase__name{color:#fff0ae;text-overflow:ellipsis;font-weight:900;overflow:hidden}.gacha-showcase__count{color:#e6f0ff;font-variant-numeric:tabular-nums;flex:none;font-size:.8em}.gacha-showcase__tag{color:#10233f;text-shadow:none;border-radius:3px;flex:none;padding:0 .4em;font-size:.7em;font-style:normal;font-weight:800}.gacha-showcase__tag--pity{background:#ffd965}.gacha-showcase__tag--choice{background:linear-gradient(90deg,#ff7bd5,#7bffd5)}.gacha-showcase[data-gacha-showcase=out] .gacha-showcase__figure,.gacha-showcase[data-gacha-showcase=out] .gacha-showcase__caption{animation:.28s ease-in both gacha-showcase-out}.gacha-showcase[data-gacha-showcase=out] .gacha-showcase__rays,.gacha-showcase[data-gacha-showcase=out] .gacha-showcase__halo{animation:.28s ease-in both gacha-showcase-fade-out}@keyframes gacha-showcase-in{0%{opacity:0;transform:translateY(12cqh)scale(.42)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gacha-showcase-caption-in{0%{opacity:0;transform:translateY(6px)scaleX(.6)}to{opacity:1;transform:translateY(0)scaleX(1)}}@keyframes gacha-showcase-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16cqh)scale(.3)}}@keyframes gacha-showcase-fade{0%{opacity:0}}@keyframes gacha-showcase-fade-out{to{opacity:0}}@keyframes gacha-showcase-rays-spin{to{rotate:360deg}}@keyframes gacha-showcase-breathe{0%,to{transform:scale(1.14)}50%{transform:scale(1.17)}}.gacha-showcase__shower{animation:.2s ease-out both gacha-showcase-fade;position:absolute;inset:-8% -18% 0;overflow:hidden}.gacha-showcase--choice .gacha-showcase__shower{animation:.2s ease-out both gacha-showcase-fade,1.2s linear infinite gacha-showcase-shower-hue}.gacha-showcase__drop{top:-8%;left:var(--x);width:calc(var(--size) * 4.4cqh);aspect-ratio:1;opacity:0;animation:gacha-showcase-drop var(--duration) var(--delay) cubic-bezier(.35, .1, .7, 1) infinite;position:absolute}.gacha-showcase__drop--coin{background:radial-gradient(circle at 35% 30%,#fffbe0 0 14%,#ffd965 30%,#e0a21c 62%,#a8700c 100%);border-radius:50%;box-shadow:0 0 1.2cqh #ffd965d9}.gacha-showcase__drop--spark{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 1cqh #ffd965);background:#fff7cf}.gacha-showcase[data-gacha-showcase=out] .gacha-showcase__shower{animation:.28s ease-in both gacha-showcase-fade-out}@keyframes gacha-showcase-drop{0%{opacity:0;transform:translate(0,0)rotateY(0)rotate(0)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 92cqh, 0) rotateY(720deg) rotate(120deg)}}@keyframes gacha-showcase-shower-hue{to{filter:hue-rotate(360deg)}}.gacha-reveal__hint{margin-right:auto;margin-left:var(--at-gap-sm);color:#cfe0f5b8;font-size:var(--at-font-xs);align-self:center;animation:.6s ease-out both gacha-showcase-fade}@media (prefers-reduced-motion:reduce){.gacha-showcase *,.gacha-reveal[data-gacha-tell]:before,.gacha-tell-flash{animation:none!important}}.gacha-history{padding:var(--at-gap-md);background:#030a18bd;place-items:center;display:grid;position:absolute;inset:0}.gacha-history__head{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);display:flex}.gacha-history__head strong{color:var(--gold-light);font-size:var(--at-font-lg);font-weight:900}.gacha-history__head .gacha-button{min-width:calc(var(--at-gacha-card-w) * .8);flex:none}.gacha-history__notice{color:#9fb8d3;font-size:var(--at-font-sm);margin:0}.gacha-history{--gh-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);padding:var(--at-gacha-overlay-pad);background:#030814c7}.gacha-history__panel{gap:calc(10 * var(--gh-u));width:min(var(--at-gacha-reveal-w), 100%);height:min(100%, var(--at-gacha-history-h));min-height:0;padding:calc(14 * var(--gh-u)) calc(18 * var(--gh-u)) calc(12 * var(--gh-u));border-radius:var(--at-panel-radius);background:radial-gradient(120% 60% at 50% -10%,#d6aa5224,#0000 60%),linear-gradient(#0e1628fa,#080d1afa);border:1px solid #d2b16fb3;flex-direction:column;display:flex;box-shadow:0 0 0 2px #0000008c,0 18px 40px #00000073}.gacha-history__panel>.gacha-history__head{padding-bottom:calc(8 * var(--gh-u));border-bottom:1px solid #d2b16f47;flex:none}.gacha-history__title{align-items:center;gap:calc(10 * var(--gh-u));min-width:0;display:inline-flex}.gacha-history__title .gacha-history-glyph{width:max(18px, calc(34 * var(--gh-u)));height:max(18px, calc(34 * var(--gh-u)));color:#f2d48a;flex:none}.gacha-history__title strong{color:#f7e9b9;font-size:max(15px, calc(32 * var(--gh-u)));letter-spacing:.04em}.gacha-history__close{width:max(30px, calc(52 * var(--gh-u)));height:max(30px, calc(52 * var(--gh-u)));font-size:max(18px, calc(34 * var(--gh-u)));flex:none;place-items:center;padding:0;line-height:1;display:grid}.gacha-history__notice--block{padding:calc(40 * var(--gh-u)) 0;color:#a7b4c7;text-align:center;flex:none}.gacha-history__list{gap:calc(12 * var(--gh-u));padding:0 calc(4 * var(--gh-u)) 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d2b16f73 transparent;flex-direction:column;flex:auto;min-height:0;margin:0;list-style:none;display:flex;overflow:hidden auto}.gacha-history__row{gap:calc(8 * var(--gh-u));padding:0 calc(16 * var(--gh-u)) calc(12 * var(--gh-u)) 0;background:linear-gradient(90deg,#1e283eeb,#141c2ee6);border:1px solid #849ec429;flex:none;display:grid;position:relative}.gacha-history__row--unseen{background:linear-gradient(90deg,#4a3a16e6,#242228e6);border-color:#e6b7358c}.gacha-history__row--unseen:before{content:"";z-index:1;width:max(3px, calc(6 * var(--gh-u)));background:#e6b735;position:absolute;top:-1px;bottom:-1px;left:-1px;box-shadow:0 0 8px #e6b73599}.gacha-history__top{align-items:center;gap:calc(14 * var(--gh-u));min-width:0;min-height:calc(52 * var(--gh-u));border-bottom:1px solid #ffffff12;display:flex}.gacha-history__count{min-width:calc(96 * var(--gh-u));height:calc(46 * var(--gh-u));padding:0 calc(22 * var(--gh-u)) 0 calc(12 * var(--gh-u));color:#e9edf3;font-size:max(12px, calc(26 * var(--gh-u)));white-space:nowrap;clip-path:polygon(0 0, calc(100% - 14 * var(--gh-u)) 0, 100% 50%, calc(100% - 14 * var(--gh-u)) 100%, 0 100%);background:linear-gradient(#2a3342,#1c222c);flex:none;place-items:center;font-weight:900;display:grid}.gacha-history__count--multi{color:#ffe7a3;background:linear-gradient(#5c4415,#34270f)}.gacha-history__pool{color:#e7dcc0;min-width:0;font-size:max(12px, calc(26 * var(--gh-u)));text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-weight:800;overflow:hidden}.gacha-history__cost,.gacha-history__refund,.gacha-history__badge{align-items:center;gap:calc(6 * var(--gh-u));height:calc(36 * var(--gh-u));padding:0 calc(14 * var(--gh-u));font-size:max(11px, calc(22 * var(--gh-u)));white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:800;display:inline-flex}.gacha-history__cost{color:#ff8a7a;clip-path:polygon(calc(10 * var(--gh-u)) 0, 100% 0, calc(100% - 10 * var(--gh-u)) 100%, 0 100%);background:#080a128c}.gacha-history__coin{width:max(13px, calc(26 * var(--gh-u)));height:max(13px, calc(26 * var(--gh-u)))}.gacha-history__refund{color:#8ff0b5;background:#20604059;border:1px solid #8ff0b566}.gacha-history__badge{color:#2a1c05;background:linear-gradient(#ffd96a,#e6b735)}.gacha-history__time{color:#7c8aa1;font-size:max(11px, calc(22 * var(--gh-u)));letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-weight:700}.gacha-history__bottom{align-items:center;gap:calc(14 * var(--gh-u));min-width:0;padding-left:calc(24 * var(--gh-u));display:flex}.gacha-history__rewards{gap:calc(4 * var(--gh-u));flex-wrap:wrap;flex:auto;min-width:0;margin:0;padding:0;list-style:none;display:flex}.gacha-history__chip{--gh-tile:calc(76 * var(--gh-u));--gh-rarity:#7e8ba0;--gh-rarity-glow:#7e8ba02e;justify-items:center;gap:calc(3 * var(--gh-u));width:calc(var(--gh-tile) + 12 * var(--gh-u));display:grid}.gacha-history__art{width:var(--gh-tile);height:var(--gh-tile);background:radial-gradient(circle at 50% 30%, var(--gh-rarity-glow), #0a0e18f2 75%);border:max(1.5px, calc(3 * var(--gh-u))) solid var(--gh-rarity);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009}.gacha-history__art img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;display:block}.gacha-history__art b{padding:0 calc(5 * var(--gh-u));color:#fff;font-size:max(10px, calc(19 * var(--gh-u)));font-variant-numeric:tabular-nums;background:#000000c7;font-weight:900;line-height:1.25;position:absolute;bottom:0;right:0}.gacha-history__art em{padding:0 calc(4 * var(--gh-u));color:#fff;font-size:max(9px, calc(16 * var(--gh-u)));background:#d9482b;font-style:normal;font-weight:900;line-height:1.3;position:absolute;top:0;left:0}.gacha-history__name{color:#b9c4d4;max-width:100%;font-size:max(10px, calc(18 * var(--gh-u)));text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.gacha-history__chip--rare{--gh-rarity:#4fa3ff;--gh-rarity-glow:#4fa3ff6b}.gacha-history__chip--epic{--gh-rarity:#b07cff;--gh-rarity-glow:#b07cff73}.gacha-history__chip--legendary{--gh-rarity:#ffcf4d;--gh-rarity-glow:#ffcf4d80}.gacha-history__chip--legendary .gacha-history__art{box-shadow:0 0 0 1px #0009, 0 0 calc(10 * var(--gh-u)) #ffcf4d8c}.gacha-history__chip--choice{--gh-rarity:#ff8fd8;--gh-rarity-glow:#7bffd573}.gacha-history__chip--choice .gacha-history__art{box-shadow:0 0 0 1px #0009, 0 0 calc(10 * var(--gh-u)) #ff8fd88c}.gacha-history__replay{align-items:center;gap:calc(6 * var(--gh-u));white-space:nowrap;flex:none;margin-left:auto;display:inline-flex}.gacha-history__replay svg{width:1.2em;height:1.2em}.gacha-history__more{justify-content:center;align-items:center;gap:var(--at-gap-sm);min-height:calc(72 * var(--gh-u));padding:calc(4 * var(--gh-u)) 0 calc(10 * var(--gh-u));flex:none;display:flex}.gacha-history__more-button{flex:none}.gacha-history__end{align-items:center;gap:calc(12 * var(--gh-u));color:#67748a;font-size:max(11px, calc(20 * var(--gh-u)));font-weight:700;display:flex}.gacha-history__end:before,.gacha-history__end:after{content:"";width:calc(60 * var(--gh-u));opacity:.6;background:currentColor;height:1px}:root{--at-auth-backdrop-image:url(/assets/ui/fantasy-lobby-backdrop.webp);--at-lobby-backdrop-path:"/assets/ui/hall/lobby-backdrop.webp";--at-touch:44px;--at-settings-reserve:48px;--at-radius-md:6px;--at-panel-radius:7px;--at-lobby-menu-w:12.92cqw;--at-lobby-chat-w:26.24cqw;--at-lobby-chat-display:grid;--at-rank-crest-size:26px;--at-rank-crest-hero:72px;--at-crest-avatar:46px;--at-nav-slice-y:8px;--at-nav-slice-x:24px;--at-panel-slice:14px;--at-pill-h:7.24cqh;--at-pill-slice-y:6px;--at-pill-slice-x:14px;--at-menu-icon:5.85cqh;--at-lobby-panel-w:520px;--at-lobby-panel-more-w:320px;--at-bottom-nav-h:10.18cqh;--at-bottom-nav-icon:5.01cqh;--at-bottom-nav-glow-w:9cqw;--at-reveal-slot-ms:1.5s;--at-edge:20px;--at-gap-xs:6px;--at-gap-sm:10px;--at-gap-md:14px;--at-gap-lg:20px;--at-font-xs:11px;--at-font-sm:12px;--at-font-md:13px;--at-font-lg:18px;--at-font-xl:27px;--at-lb-rank:50px;--at-lb-medal:42px;--at-lb-rank-font:28px;--at-lb-avatar:62px;--at-lb-row-h:78px;--at-lb-tab-h:72px;--at-lb-podium-avatar:104px;--at-auth-edge-y:24px;--at-auth-panel-w:430px;--at-auth-pad-x:40px;--at-auth-pad-y:32px;--at-auth-gap:12px;--at-auth-frame-outset:10px;--at-auth-qr:224px;--at-auth-title:28px;--at-auth-sub:14px;--at-auth-label:13px;--at-auth-control-font:15px;--at-google-button-h:58px;--at-google-mark-size:44px;--at-auth-form-cols:minmax(0, 1fr);--at-auth-action-cols:minmax(0, 1fr);--at-auth-binding-cols:minmax(0, 1fr);--at-hud-height:78px;--at-unit-hud-w:117px;--at-hud-anchor:calc(var(--at-hud-height) + var(--at-gap-sm));--at-medallion:40px;--at-participant-avatar:30px;--at-reveal-banner-w:600px;--at-reveal-font:15px;--at-phase-banner-w:176px;--at-participant-h:43px;--at-participant-w:200px;--at-rail-width:150px;--at-stage-bar-w:35%;--at-stage-bar-max-w:48%;--at-stage-bar-h:72px;--at-settings-clear:46px;--at-standings-right:0px;--at-standings-w:10.5%;--at-standings-top:10%;--at-player-name-max:7em;--at-standings-pitch:8.2%;--at-standings-pitch-max:10%;--at-standings-lane:calc(var(--at-standings-right) + max(var(--at-standings-min-w), var(--at-standings-w)));--at-standings-bottom-reserve:calc(var(--at-gold-badge-bottom) + var(--at-gold-badge) + 2%);--at-standings-avatar:83;--at-standings-self-avatar:125;--at-standings-avatar-max:46px;--at-standings-self-avatar-max:62px;--at-standings-min-w:100px;--at-hud-list-font:15px;--at-hud-list-small-font:13px;--at-hud-list-glyph-font:19px;--at-hud-list-count:16px;--at-standings-detail-display:block;--at-standings-power-display:inline;--at-tools-col-left:1%;--at-tools-col-w:6.5%;--at-tools-col-top:12%;--at-tools-pitch:9.6%;--at-tools-gap:4px;--at-tools-icon-max:56px;--at-tools-label-display:block;--at-bonds-col-left:8.5%;--at-bonds-col-w:14.5%;--at-bonds-col-compact-w:5%;--at-bonds-col-compact-min-w:36px;--at-bonds-pitch:8.2%;--at-gold-badge-ratio:12;--at-gold-badge:calc(var(--at-gold-badge-ratio) * 1%);--at-gold-badge-right:2%;--at-gold-badge-bottom:2%;--at-gold-clear:16%;--at-spectator-bar-max-w:calc(26% - var(--at-gap-xs));--at-rail-gutter:calc(var(--at-tools-col-left) + var(--at-tools-col-w) + var(--at-gap-xs));--at-tools-dock-h:40px;--at-bonds-width:194px;--at-bonds-max-h:calc(88% - var(--at-command-h) - var(--at-gap-lg));--at-control-width:300px;--at-tutorial-card-w:460px;--at-tutorial-card-max-h:220px;--at-tutorial-card-font:14px;--at-tutorial-guide:96px;--at-tutorial-story-font:15px;--at-tutorial-btn-h:34px;--at-panel-pad-x:20px;--at-panel-pad-y:14px;--at-panel-max-h:min(520px, calc(100% - var(--at-hud-anchor) - 24px));--at-command-h:58px;--at-confirm-w:210px;--at-hero-card-h:154px;--at-hero-card-w:118px;--at-slot-portrait:54px;--at-wish-card-w:112px;--at-wish-w:670px;--at-profile-w:860px;--at-profile-cols:minmax(0,.82fr) minmax(0,2fr);--at-profile-card-w:104px;--at-profile-card-max-w:150px;--at-profile-growth-card-w:168px;--at-profile-portrait:62px;--at-profile-attr-w:720px;--at-profile-attr-cols:repeat(2,minmax(0,1fr));--at-profile-detail-card-w:210px;--at-ornate-frame-w:46px;--at-player-card-head-pad-y:var(--at-gap-md);--at-lobby-header-h:15.32cqh;--at-lobby-sub-header-h:max(44px, 9.6cqh);--at-lobby-dock-h:12.81cqh;--at-lineup-cols:minmax(0, 1.1fr) minmax(0, 2.4fr) minmax(0, 1fr) max-content;--at-lobby-dock-w:52.57cqw;--at-lobby-dock-bottom:calc(36px + var(--at-bottom-nav-h));--at-mode-card-h:min(44.3cqh, 24.02cqw);--at-mode-card-gap:1.4cqw;--at-mode-card-lift:0px;--at-mode-card-scale:1.117;--at-lineup-ctl:3.34cqh;--at-lineup-squad-w:300px;--at-lineup-slot-h:80px;--at-lineup-slot-art:64px;--at-lineup-tile:100px;--at-lineup-rail-w:300px;--at-exp-seat-avatar:34px;--at-exp-footer-cols:minmax(0, 1fr) minmax(0, auto) auto;--at-exp-footer-gap:var(--at-gap-md);--at-result-hero-h:300px;--at-result-badge:72px;--at-result-title:54px;--at-result-card-cols:3;--at-result-poster-w:620px;--at-result-poster-h:660px;--at-result-poster-side-w:220px;--at-result-poster-preview-max:340px;--at-result-poster-title:26px;--at-result-poster-copy:13px;--at-recovery-panel-w:760px;--at-recovery-panel-h:310px;--at-recovery-grid:170px minmax(0,1fr);--at-recovery-pad:32px;--at-recovery-gap:24px;--at-recovery-signal:142px;--at-recovery-signal-icon:42px;--at-recovery-title:28px;--at-recovery-step-icon:24px;--at-recovery-step-h:54px;--at-recovery-retry-w:180px;--at-recovery-crest-pad-x:54px;--at-recovery-crest-title:36px;--at-recovery-crest-wing:58px;--at-queue-frame-w:380px;--at-queue-radar:96px;--at-growth-slot-chrome:calc(56px + 2 * (var(--at-gold-badge-ratio) + 2) * 1cqh);--at-growth-card-scale:.92;--at-growth-card-w:calc(var(--at-growth-card-scale) * min(calc((100cqh - var(--at-growth-modal-top) - var(--at-growth-slot-chrome)) * 480 / 688), calc((100cqw - 2 * var(--at-growth-lane) - 3 * var(--at-growth-card-gap)) / 4)));--at-growth-side:calc((100cqw - 4 * var(--at-growth-card-w) - 3 * var(--at-growth-card-gap)) / 2);--at-growth-card-gap:16px;--at-growth-modal-top:0px;--at-growth-modal-lead:minmax(0, 1fr);--at-growth-reveal-w:520px;--at-growth-reveal-keepout:96px;--at-growth-reveal-min:280px;--at-growth-reveal-name:14px;--at-growth-reveal-note:12px;--at-ranking-dialog-w:900px;--at-ranking-row-h:46px;--at-login-reward-w:720px;--at-login-reward-h:452px;--at-login-reward-day-w:88px;--at-login-reward-day-h:116px;--at-login-reward-icon:28px;--at-login-reward-day-font:var(--at-font-xs);--at-login-reward-multi-icon:18px;--at-gacha-card-w:128px;--at-gacha-card-h:178px;--at-gacha-panel-w:1280px;--at-gacha-history-h:660px;--at-gacha-overlay-pad:14px;--at-gacha-reveal-w:1040px;--at-gacha-summary-card-w:190px;--at-gacha-summary-card-h:126px;--at-gacha-summary-art:82px;--at-gacha-summary-portrait-w:140px;--at-shop-card-w:168px;--at-shop-card-max:202px;--at-shop-card-art:122px;--at-shop-confirm-art:96px;--at-collection-card-w:152px;--at-collection-art-h:156px;--at-collection-action-h:52px;--at-social-card-w:400px;--at-social-card-h:620px;--at-social-avatar:40px;--at-social-tab-h:54px;--at-social-tab-icon:20px;--at-float-num-sm:18px;--at-float-num-md:24px;--at-float-num-lg:34px;--at-float-rise:9px;--at-float-lift:10px;--at-float-crit-pop:2;--at-help-nav-w:196px;--at-help-rail-w:78px;--at-help-body-font:15px;--at-help-hero-badge:54px;--at-help-card-min:300px;--at-help-step-min:170px;--at-help-term-min:260px;--at-help-drawer-w:min(600px, 48%);--at-help-drawer-bottom:60px;--at-notice-cols:240px minmax(0, 1fr);--at-notice-rows:minmax(0, 1fr);--at-notice-board-w:min(860px, 88vw);--at-notice-board-h:min(560px, 84vh);--at-notice-body-font:14px;--at-notice-gate-w:min(560px, 90vw);--at-notice-doc-w:min(880px, 92vw);--at-notice-doc-h:min(680px, 88vh);--at-rank-reward-cols:5;--at-rank-crest:176px;--at-collection-panel-tail:22px}@media (max-width:1439.98px),(max-height:499.98px){.match-history-summary{grid-template-columns:minmax(130px,.3fr) minmax(0,1fr)}.match-history-statistics{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.match-history-card__brawl{grid-template-columns:repeat(3,minmax(0,1fr))}.match-history-card{grid-template-columns:minmax(120px,.45fr) minmax(190px,1fr) auto;padding:6px 8px}.match-history-card__play{min-width:112px;min-height:38px;padding:6px 10px}.draft-panel{grid-template:"title"max-content"reveal"0"fixed"minmax(0,23%)"scroll"minmax(80px,1fr)"confirm"max-content/minmax(0,1fr);overflow:hidden}.draft-panel>.draft-fixed{scrollbar-width:thin;min-height:0;overflow-y:auto}.draft-scroll{scrollbar-width:thin;grid-template-rows:repeat(3,max-content);grid-template-columns:minmax(0,1fr);grid-template-areas:"heroes""weapons""pets";align-content:start;overflow:hidden auto}.draft-fixed{padding:3px var(--at-gap-xs)}.draft-section--heroes,.draft-section--stones{min-height:auto;display:block;overflow:visible}.draft-section--pets{min-height:auto;overflow:visible}.draft-panel__confirm{box-shadow:none;position:static}.draft-panel>.game-panel-title span{display:none}.draft-panel>.game-panel-title strong{font-size:var(--at-font-md);margin-top:0}.draft-panel .draft-bonds__empty{display:none}.draft-panel .draft-bonds:not(:has(.draft-bonds__item)){display:none}.draft-fixed>.draft-section__label{display:none}.draft-panel .draft-bonds__list{scrollbar-width:thin;flex-direction:row;padding-bottom:2px;overflow-x:auto}.draft-panel .draft-bonds__item{flex:none;max-width:46%}.draft-panel .hero-carousel{grid-auto-flow:row;grid-template-columns:repeat(auto-fill, minmax(var(--at-hero-card-w), 1fr));min-height:auto;overflow:visible}.draft-panel .stone-strip{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;overflow:visible}.pet-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-section--pets>.draft-section__label,.draft-section--pets>.draft-selection-hint,.draft-lineup-slot__copy>small{display:none}.draft-lineup-slot__main{min-height:0;padding:3px 22px 3px 3px}.draft-role-filter{margin-bottom:var(--at-gap-xs)}.draft-role-filter__item{min-width:46px;min-height:26px;padding:2px 8px}.hero-carousel .hero-card{height:var(--at-hero-card-h);min-height:62px}.game-panel-title>b{min-width:34px;height:30px}}@media (max-height:499.98px){.profile-crest small{margin-top:1px;font-size:9px;display:block}}@media (min-width:1024px) and (max-width:1439.98px) and (min-height:500px){:root{--at-profile-w:820px;--at-profile-portrait:54px;--at-profile-attr-w:680px;--at-edge:14px;--at-gap-xs:5px;--at-gap-sm:8px;--at-gap-md:11px;--at-gap-lg:15px;--at-font-xs:10px;--at-font-sm:11px;--at-font-md:12px;--at-font-lg:16px;--at-font-xl:22px;--at-hud-list-font:13px;--at-hud-list-small-font:12px;--at-hud-list-glyph-font:16px;--at-hud-list-count:14px;--at-tools-icon-max:48px;--at-lb-rank:44px;--at-lb-medal:36px;--at-lb-rank-font:24px;--at-lb-avatar:52px;--at-lb-row-h:64px;--at-lb-tab-h:58px;--at-lb-podium-avatar:84px;--at-auth-edge-y:18px;--at-auth-panel-w:460px;--at-auth-pad-x:34px;--at-auth-pad-y:26px;--at-auth-gap:11px;--at-auth-frame-outset:9px;--at-auth-qr:216px;--at-auth-title:25px;--at-auth-sub:13px;--at-auth-label:12px;--at-auth-control-font:15px;--at-hud-height:64px;--at-unit-hud-w:99px;--at-medallion:34px;--at-participant-avatar:26px;--at-phase-banner-w:148px;--at-participant-h:36px;--at-participant-w:176px;--at-rail-width:118px;--at-bonds-width:170px;--at-stage-bar-h:62px;--at-standings-w:13%;--at-standings-avatar-max:40px;--at-standings-self-avatar-max:52px;--at-control-width:250px;--at-tutorial-card-w:420px;--at-tutorial-card-max-h:196px;--at-tutorial-card-font:13px;--at-tutorial-guide:80px;--at-tutorial-story-font:14px;--at-tutorial-btn-h:32px;--at-panel-pad-x:14px;--at-panel-pad-y:11px;--at-panel-max-h:min(420px, calc(100% - var(--at-hud-anchor) - 18px));--at-command-h:50px;--at-confirm-w:180px;--at-hero-card-h:130px;--at-hero-card-w:108px;--at-slot-portrait:46px;--at-wish-card-w:104px;--at-wish-w:630px;--at-lobby-dock-bottom:calc(clamp(26px, 2.5vw, 32px) + var(--at-bottom-nav-h));--at-rank-crest-size:22px;--at-rank-crest-hero:62px;--at-crest-avatar:42px;--at-nav-slice-y:7px;--at-nav-slice-x:21px;--at-panel-slice:12px;--at-pill-slice-y:6px;--at-pill-slice-x:12px;--at-lobby-panel-w:470px;--at-lobby-panel-more-w:300px;--at-lineup-squad-w:250px;--at-lineup-slot-h:66px;--at-lineup-slot-art:52px;--at-lineup-tile:84px;--at-lineup-rail-w:250px;--at-exp-seat-avatar:30px;--at-exp-footer-cols:minmax(0, 1fr) minmax(0, auto) auto;--at-exp-footer-gap:var(--at-gap-md);--at-result-hero-h:210px;--at-result-badge:58px;--at-result-title:40px;--at-result-card-cols:3;--at-result-poster-w:560px;--at-result-poster-h:600px;--at-result-poster-side-w:200px;--at-result-poster-preview-max:310px;--at-result-poster-title:22px;--at-result-poster-copy:12px;--at-recovery-panel-w:680px;--at-recovery-panel-h:270px;--at-recovery-grid:140px minmax(0,1fr);--at-recovery-pad:22px;--at-recovery-gap:16px;--at-recovery-signal:112px;--at-recovery-signal-icon:34px;--at-recovery-title:23px;--at-recovery-step-icon:22px;--at-recovery-step-h:48px;--at-recovery-retry-w:160px;--at-recovery-crest-pad-x:42px;--at-recovery-crest-title:30px;--at-recovery-crest-wing:44px;--at-queue-frame-w:360px;--at-queue-radar:86px;--at-growth-card-gap:12px;--at-growth-reveal-w:440px;--at-growth-reveal-keepout:88px;--at-growth-reveal-min:260px;--at-growth-reveal-name:13px;--at-growth-reveal-note:12px;--at-ranking-dialog-w:860px;--at-ranking-row-h:39px;--at-login-reward-w:660px;--at-login-reward-h:404px;--at-login-reward-day-w:80px;--at-login-reward-day-h:104px;--at-login-reward-icon:26px;--at-login-reward-day-font:var(--at-font-xs);--at-login-reward-multi-icon:18px;--at-gacha-card-w:108px;--at-gacha-card-h:150px;--at-gacha-panel-w:100%;--at-gacha-history-h:570px;--at-gacha-overlay-pad:8px;--at-gacha-reveal-w:920px;--at-gacha-summary-card-w:166px;--at-gacha-summary-card-h:108px;--at-gacha-summary-art:68px;--at-gacha-summary-portrait-w:120px;--at-shop-card-w:140px;--at-shop-card-max:168px;--at-shop-card-art:100px;--at-shop-confirm-art:84px;--at-collection-card-w:128px;--at-collection-art-h:126px;--at-collection-action-h:46px;--at-social-card-w:372px;--at-social-card-h:560px;--at-social-avatar:36px;--at-social-tab-h:48px;--at-social-tab-icon:18px;--at-float-num-sm:15px;--at-float-num-md:20px;--at-float-num-lg:28px;--at-float-rise:8px;--at-float-lift:8px;--at-help-nav-w:168px;--at-help-body-font:14px;--at-help-hero-badge:46px;--at-help-card-min:230px;--at-help-step-min:150px;--at-help-term-min:220px;--at-help-drawer-w:min(480px, 50%);--at-help-drawer-bottom:56px;--at-notice-cols:200px minmax(0, 1fr);--at-notice-board-w:min(760px, 90vw);--at-notice-board-h:min(480px, 86vh);--at-notice-body-font:13px;--at-notice-gate-w:min(520px, 92vw);--at-notice-doc-w:min(720px, 94vw);--at-notice-doc-h:min(560px, 90vh);--at-rank-reward-cols:4;--at-rank-crest:124px;--at-collection-panel-tail:20px}}@media (max-width:1023.98px),(max-height:499.98px){:root{--at-standings-detail-display:contents;--at-standings-power-display:none;--at-standings-self-avatar:105;--at-hud-list-font:var(--at-font-xs);--at-hud-list-small-font:10px;--at-hud-list-glyph-font:var(--at-font-sm);--at-hud-list-count:12px;--at-tools-label-display:none;--at-auth-backdrop-image:url(/assets/ui/fantasy-lobby-backdrop-mobile.webp);--at-lobby-backdrop-path:"/assets/ui/hall/lobby-backdrop-mobile.webp";--at-reveal-banner-w:440px;--at-reveal-font:12px;--at-social-card-w:348px;--at-social-card-h:480px;--at-social-avatar:30px;--at-social-tab-h:var(--at-touch);--at-social-tab-icon:16px;--at-profile-w:720px;--at-profile-cols:minmax(150px,.72fr) minmax(0,2.28fr);--at-profile-card-w:84px;--at-profile-card-max-w:100px;--at-profile-growth-card-w:140px;--at-profile-portrait:44px;--at-profile-attr-w:100%;--at-profile-attr-cols:repeat(2,minmax(0,1fr));--at-profile-detail-card-w:150px;--at-ornate-frame-w:34px;--at-player-card-head-pad-y:var(--at-gap-xs);--at-edge:8px;--at-gap-xs:4px;--at-gap-sm:6px;--at-gap-md:8px;--at-gap-lg:10px;--at-font-xs:10px;--at-font-sm:10px;--at-font-md:11px;--at-font-lg:13px;--at-font-xl:18px;--at-auth-edge-y:12px;--at-auth-panel-w:340px;--at-auth-pad-x:18px;--at-auth-pad-y:16px;--at-auth-gap:9px;--at-auth-frame-outset:7px;--at-auth-qr:200px;--at-auth-title:22px;--at-auth-sub:12px;--at-auth-label:12px;--at-auth-control-font:15px;--at-hud-height:48px;--at-unit-hud-w:55px;--at-medallion:28px;--at-participant-avatar:22px;--at-phase-banner-w:108px;--at-participant-h:26px;--at-participant-w:152px;--at-rail-width:40px;--at-tools-dock-h:32px;--at-bonds-width:148px;--at-stage-bar-h:30px;--at-standings-avatar-max:100px;--at-standings-self-avatar-max:100px;--at-gold-badge-ratio:14;--at-control-width:196px;--at-tutorial-card-w:440px;--at-tutorial-card-max-h:176px;--at-tutorial-card-font:12px;--at-tutorial-guide:56px;--at-tutorial-story-font:12px;--at-tutorial-btn-h:28px;--at-panel-pad-x:10px;--at-panel-pad-y:8px;--at-panel-max-h:min(252px, calc(100% - var(--at-hud-anchor) - 8px));--at-command-h:44px;--at-confirm-w:132px;--at-hero-card-h:92px;--at-hero-card-w:84px;--at-slot-portrait:34px;--at-wish-card-w:74px;--at-wish-w:460px;--at-lobby-dock-bottom:calc(15px + var(--at-bottom-nav-h));--at-rank-crest-size:18px;--at-rank-crest-hero:52px;--at-crest-avatar:36px;--at-nav-slice-y:6px;--at-nav-slice-x:18px;--at-panel-slice:10px;--at-pill-slice-y:5px;--at-pill-slice-x:11px;--at-lobby-panel-w:430px;--at-lobby-panel-more-w:260px;--at-mode-plaza-top-pad:12px;--at-lineup-squad-w:200px;--at-lineup-slot-h:38px;--at-lineup-slot-art:30px;--at-lineup-tile:60px;--at-lineup-rail-w:232px;--at-exp-seat-avatar:26px;--at-exp-footer-cols:minmax(0, 1fr);--at-exp-footer-gap:var(--at-gap-xs);--at-result-hero-h:118px;--at-result-badge:40px;--at-result-title:34px;--at-result-card-cols:3;--at-result-poster-w:600px;--at-result-poster-h:100%;--at-result-poster-side-w:168px;--at-result-poster-preview-max:340px;--at-result-poster-title:18px;--at-result-poster-copy:11px;--at-recovery-panel-w:680px;--at-recovery-panel-h:212px;--at-recovery-grid:96px minmax(0,1fr);--at-recovery-pad:13px;--at-recovery-gap:10px;--at-recovery-signal:78px;--at-recovery-signal-icon:27px;--at-recovery-title:18px;--at-recovery-step-icon:18px;--at-recovery-step-h:42px;--at-recovery-retry-w:132px;--at-recovery-crest-pad-x:30px;--at-recovery-crest-title:24px;--at-recovery-crest-wing:30px;--at-queue-frame-w:326px;--at-queue-radar:74px;--at-growth-card-gap:8px;--at-growth-modal-top:60px;--at-growth-reveal-w:360px;--at-growth-reveal-keepout:80px;--at-growth-reveal-min:230px;--at-growth-reveal-name:12px;--at-growth-reveal-note:11px;--at-ranking-dialog-w:760px;--at-ranking-row-h:31px;--at-login-reward-w:520px;--at-login-reward-h:240px;--at-login-reward-day-w:60px;--at-login-reward-day-h:56px;--at-login-reward-icon:17px;--at-login-reward-day-font:10px;--at-login-reward-multi-icon:12px;--at-shop-card-w:118px;--at-shop-card-max:142px;--at-shop-card-art:76px;--at-shop-confirm-art:64px;--at-collection-card-w:112px;--at-collection-art-h:96px;--at-collection-action-h:var(--at-touch);--at-float-num-sm:12px;--at-float-num-md:16px;--at-float-num-lg:22px;--at-float-rise:4px;--at-float-lift:6px;--at-help-nav-w:116px;--at-help-body-font:12px;--at-help-hero-badge:36px;--at-help-card-min:180px;--at-help-step-min:116px;--at-help-term-min:180px;--at-help-drawer-w:min(600px, 76%);--at-help-drawer-bottom:52px;--at-notice-cols:minmax(0, 1fr);--at-notice-board-w:min(680px, 94vw);--at-notice-board-h:min(340px, 90vh);--at-notice-body-font:12px;--at-notice-gate-w:min(520px, 94vw);--at-notice-doc-w:min(680px, 96vw);--at-notice-doc-h:min(340px, 92vh);--at-rank-reward-cols:3;--at-rank-crest:60px;--at-collection-panel-tail:18px;--at-lb-rank:34px;--at-lb-medal:29px;--at-lb-rank-font:17px;--at-lb-avatar:40px;--at-lb-row-h:50px;--at-lb-tab-h:44px;--at-lb-podium-avatar:60px;--at-growth-slot-chrome:56px;--at-growth-modal-lead:minmax(0, .5fr);--at-gacha-card-w:68px;--at-gacha-card-h:118px;--at-gacha-panel-w:100%;--at-gacha-history-h:100%;--at-gacha-overlay-pad:4px;--at-gacha-reveal-w:100%;--at-gacha-summary-card-w:142px;--at-gacha-summary-card-h:78px;--at-gacha-summary-art:48px;--at-gacha-summary-portrait-w:96px;--at-float-crit-pop:1.7;--at-help-rail-w:66px;--at-notice-rows:minmax(0, 1fr)}.notice-board__grid[data-pane=list] .notice-board__detail,.notice-board__grid[data-pane=detail] .notice-board__list{display:none}.notice-board__grid[data-pane=detail] .notice-board__back{display:inline-flex}.profile-crest small{margin-top:1px;font-size:9px;display:block}.draft-lineup-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-selection-hint{display:none}.draft-lineup-slot__remove,.draft-lineup-slot__locked{width:18px;height:18px}.growth-hint,.wish-hint{display:none}.battle-stats__anchor{grid-template-columns:26px minmax(0,1fr) minmax(0,1.6fr) 44px}}@media (orientation:portrait) and (max-width:699.98px),(orientation:portrait) and (min-width:700px) and (hover:none) and (pointer:coarse){.game-orientation-viewport{top:0;left:100vw;width:var(--at-app-height);height:100vw;transform-origin:0 0;--at-viewport-width:var(--at-app-height);--at-viewport-height:100dvw;--sat:env(safe-area-inset-right,0px);--sar:env(safe-area-inset-bottom,0px);--sab:env(safe-area-inset-left,0px);--sal:env(safe-area-inset-top,0px);height:100dvw;position:fixed;left:100dvw;transform:rotate(90deg)}.game-orientation-viewport .lobby-sub-body,.game-orientation-viewport .lineup-picker__body,.game-orientation-viewport [data-scroll-container]{touch-action:pan-x}.at-page--authenticator{padding-top:max(24px, calc(var(--sat) + 12px));align-content:start}.at-panel--authenticator{width:min(var(--at-auth-panel-w), 100%)}}@media (orientation:portrait) and (min-width:700px) and (max-width:1023.98px){:root{--at-auth-edge-y:20px;--at-auth-panel-w:460px;--at-auth-pad-x:34px;--at-auth-pad-y:26px;--at-auth-gap:11px;--at-auth-frame-outset:9px;--at-auth-qr:216px;--at-auth-title:26px;--at-auth-sub:13px;--at-auth-label:12px;--at-auth-control-font:15px}}@media (orientation:landscape) and (max-height:499.98px){:root{--at-auth-edge-y:14px;--at-auth-panel-w:620px;--at-auth-pad-x:20px;--at-auth-pad-y:6px;--at-auth-gap:5px;--at-auth-frame-outset:6px;--at-auth-title:20px;--at-google-button-h:50px;--at-google-mark-size:38px;--at-auth-form-cols:repeat(2, minmax(0, 1fr));--at-auth-action-cols:repeat(2, minmax(0, 1fr));--at-auth-binding-cols:minmax(160px, .72fr) minmax(260px, 1fr)}.at-page--authenticator{align-content:start}.at-panel--authenticator{width:min(760px,100%)}.at-authenticator-layout{align-items:start}.at-authenticator-visual{grid-template-columns:140px minmax(0,1fr);grid-template-areas:"qr label""qr secret""qr copy";grid-template-rows:auto auto minmax(var(--at-touch), 1fr)}.at-authenticator-visual .at-qr-box{grid-area:qr;width:140px}.at-authenticator-visual>.at-sub{grid-area:label}.at-authenticator-visual>.at-secret{grid-area:secret}.at-authenticator-visual>.at-button{grid-area:copy;align-self:end}}@media (orientation:portrait) and (min-width:700px) and (hover:none) and (pointer:coarse){:root{--at-edge:14px;--at-gap-xs:5px;--at-gap-sm:8px;--at-gap-md:11px;--at-gap-lg:15px;--at-font-xs:10px;--at-font-sm:11px;--at-font-md:12px;--at-font-lg:16px;--at-font-xl:22px}}.result-summary__grid{column-gap:var(--at-gap-sm);font-size:var(--at-font-xs);grid-template-columns:minmax(0,1fr) auto;row-gap:3px;margin:0;display:grid}.result-summary__grid dt{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-summary__grid dd{color:#fff;text-align:right;margin:0;font-weight:900}.result-summary__gold{color:#ffe08a;text-shadow:0 0 10px #ffc85073}.result-summary__card{color:#9fe3ff;text-overflow:ellipsis;white-space:nowrap;max-width:62%;overflow:hidden}.result-summary__muted{color:var(--muted);font-weight:700}.result-summary__pending{color:var(--muted);font-size:var(--at-font-xs);margin:0}.round-result-reasons{text-align:left;gap:4px;max-width:min(520px,78vw);margin:4px 0 8px;padding:0;list-style:none;display:grid}.round-result-reasons__item{color:#e0edf7;letter-spacing:.02em;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;font-size:clamp(11px,1.3vw,14px);font-weight:700;display:grid}.round-result-reasons__item em{color:#ffd0d7;letter-spacing:.12em;white-space:nowrap;background:#ffffff1a;border:1px solid;border-radius:3px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:900}.round-result-reasons__item--primary em{color:#fff;background:#ff5c7080}.round-result-top-card{color:#cfeeff;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 8px;font-size:clamp(11px,1.2vw,14px);font-weight:800;display:flex}.round-result-top-card em{color:#84d8ff;letter-spacing:.12em;font-style:normal}.rank-ceremony{--rc-gold:#ffd77a;--rc-ink:#fff4d6;--rc-loss:#d4574f;pointer-events:none;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:1.5cqh;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:visible;container-type:size}.rank-ceremony__stage{aspect-ratio:1;isolation:isolate;width:min(92cqw,62cqh);position:relative}.rank-ceremony__old,.rank-ceremony__new,.rank-ceremony__shards,.rank-ceremony__shards img{position:absolute;inset:0}.rank-ceremony__crest,.rank-ceremony__shards img{object-fit:contain;width:100%;height:100%}.rank-ceremony__crest--glyph{color:var(--rc-gold);place-items:center;font-size:40cqh;font-style:normal;display:grid}.rank-ceremony__rays{z-index:0;mix-blend-mode:screen;opacity:0;background:50%/contain no-repeat;position:absolute;inset:-48%}.rank-ceremony__shards{z-index:1}.rank-ceremony__old{z-index:2}.rank-ceremony__new{z-index:3;opacity:0}.rank-ceremony__burst,.rank-ceremony__smoke{z-index:4;opacity:0;background-repeat:no-repeat;background-size:400% 400%;position:absolute}.rank-ceremony__burst{mix-blend-mode:screen;inset:-42%}.rank-ceremony__smoke{inset:-20% -30% -50%}.rank-ceremony__flash{z-index:5;opacity:0;border-radius:50%;position:absolute;inset:-30%}.rank-ceremony__sparks{z-index:6;position:absolute;inset:0}.rank-ceremony__cracks{clip-path:circle(0% at 50% 42%);background:50%/cover no-repeat;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rank-ceremony__banner{font-family:var(--display);letter-spacing:.12em;white-space:nowrap;font-size:max(11cqh,18px);line-height:1}.rank-ceremony__label{white-space:nowrap;color:#f0e6d2db;align-items:baseline;gap:.5em;font-size:max(5.4cqh,10px);font-weight:800;display:inline-flex}.rank-ceremony__label s{opacity:.6;text-decoration:none}.rank-ceremony__label i{font-size:.8em;font-style:normal}.rank-ceremony--up .rank-ceremony__old{animation:.35s ease-out both rcIn,.7s ease-in .35s both rcCharge,50ms linear 1.05s forwards rcVanish}.rank-ceremony--up .rank-ceremony__shards img{animation:.75s cubic-bezier(.15,.75,.3,1) 1.05s both rcShardOut}.rank-ceremony--up .rank-ceremony__rays{animation:.7s ease-out .35s both rcRaysCharge,.7s cubic-bezier(.2,1.2,.4,1) 1.05s forwards rcRaysBloom,16s linear infinite rcSpin}.rank-ceremony--up.is-minor .rank-ceremony__rays{inset:-28%}.rank-ceremony--up .rank-ceremony__burst{animation:.15s steps(4,jump-none) 1.05s 4 both rcFrameX,.6s steps(4,jump-none) 1.05s both rcFrameY,.6s linear 1.05s forwards rcOnce}.rank-ceremony--up .rank-ceremony__new{animation:.55s cubic-bezier(.3,0,.3,1) 1.1s both rcSlam,2.4s ease-in-out 1.75s infinite rcGlow}.rank-ceremony--up .rank-ceremony__flash{mix-blend-mode:screen;background:radial-gradient(closest-side,#fff 0%,#ffecb4d9 35%,#0000 75%);animation:.5s ease-out 1.02s forwards rcFlash}.rank-ceremony__sparks i{left:calc(50% + var(--x) * .8);aspect-ratio:1;background:radial-gradient(circle, #fffbe8 0 30%, var(--rc-gold) 55%, transparent 72%);opacity:0;width:max(1.2cqh,3px);animation:rcSparkRise 1.6s ease-out var(--d) infinite;border-radius:50%;position:absolute;bottom:18%}.rank-ceremony--up .rank-ceremony__banner{background:linear-gradient(180deg, #fffbe9, var(--rc-gold) 55%, #e09a3c);color:#0000;filter:drop-shadow(0 0 1.6cqh #ffc85abf);-webkit-background-clip:text;background-clip:text;animation:.5s cubic-bezier(.2,1.4,.4,1) 1.4s both rcBanner}.rank-ceremony--up .rank-ceremony__label i{color:#7fe0a8}.rank-ceremony--up .rank-ceremony__label{animation:.4s ease-out 1.6s both rcRise}.rank-ceremony--down .rank-ceremony__old{animation:.35s ease-out both rcIn,.6s ease-in .4s both rcFracture,50ms linear 1s forwards rcVanish}.rank-ceremony--down .rank-ceremony__cracks{animation:.55s cubic-bezier(.6,0,.9,.5) .4s forwards rcCrackSpread}.rank-ceremony--down .rank-ceremony__shards img{filter:grayscale(.7)brightness(.7);animation:.9s cubic-bezier(.45,0,.9,.55) 1s both rcShardFall}.rank-ceremony--down .rank-ceremony__smoke{animation:.225s steps(4,jump-none) 1s 4 both rcFrameX,.9s steps(4,jump-none) 1s both rcFrameY,.9s linear 1s forwards rcOnce}.rank-ceremony--down .rank-ceremony__new{animation:.8s cubic-bezier(.3,.6,.3,1) 1.15s both rcSink}.rank-ceremony--down .rank-ceremony__flash{background:radial-gradient(closest-side,#ff785a8c,#78141e40 50%,#0000 75%);animation:.45s ease-out .98s forwards rcFlash}.rank-ceremony--down .rank-ceremony__banner{color:var(--rc-loss);text-shadow:0 .4cqh 1.2cqh #000000b3;animation:.45s cubic-bezier(.3,1.5,.5,1) 1.4s both rcDrop}.rank-ceremony--down .rank-ceremony__label i{color:var(--rc-loss)}.rank-ceremony--down .rank-ceremony__label{animation:.4s ease-out 1.6s both rcRise}.rank-ceremony.is-settled,.rank-ceremony.is-settled *{animation-delay:-20s!important}@media (prefers-reduced-motion:reduce){.rank-ceremony,.rank-ceremony *{animation-delay:-20s!important}}@keyframes rcIn{0%{opacity:0;transform:scale(1.15)}}@keyframes rcVanish{to{opacity:0}}@keyframes rcOnce{0%,99%{opacity:1}to{opacity:0}}@keyframes rcCharge{0%{filter:brightness()}20%{translate:-.4%}40%{translate:.5% .2%}60%{translate:-.6% -.2%}80%{translate:.6%}to{filter:brightness(2.3)saturate(1.3)drop-shadow(0 0 3cqh #ffdc8ce6);transform:scale(1.06)translate(0,0)}}@keyframes rcShardOut{0%{opacity:1;filter:brightness(2.2);transform:none}to{opacity:0;filter:brightness(1.2);transform:translate(calc(cos(var(--a)) * 46cqmin), calc(sin(var(--a)) * 46cqmin)) rotate(calc(cos(var(--a)) * 80deg)) scale(.7)}}@keyframes rcRaysCharge{0%{opacity:0;scale:.35}to{opacity:.45;scale:.7}}@keyframes rcRaysBloom{0%{opacity:.45;scale:.7}40%{opacity:1;scale:1.12}to{opacity:.8;scale:1}}@keyframes rcSpin{to{rotate:360deg}}@keyframes rcFrameX{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes rcFrameY{0%{background-position-y:0%}to{background-position-y:100%}}@keyframes rcSlam{0%{opacity:0;filter:brightness(3);transform:scale(1.6)}55%{opacity:1;filter:brightness(1.6);transform:scale(.94)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes rcGlow{50%{filter:drop-shadow(0 0 2.4cqh #ffd678b3)brightness(1.08)}}@keyframes rcFlash{0%{opacity:0;transform:scale(.4)}22%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes rcSparkRise{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(var(--drift), -58cqh) scale(1.1)}}@keyframes rcBanner{0%{opacity:0;letter-spacing:.6em;transform:scale(2.2,.4)}}@keyframes rcRise{0%{opacity:0;transform:translateY(1.5cqh)}}@keyframes rcFracture{0%{filter:none}25%{translate:.8%}45%{translate:-.9% .3%}65%{translate:.7% -.2%}85%{translate:-.5%}to{filter:grayscale(.75)brightness(.72);translate:0}}@keyframes rcCrackSpread{0%{clip-path:circle(0% at 50% 42%)}35%{clip-path:circle(28% at 50% 42%)}45%{clip-path:circle(26% at 50% 42%)}to{clip-path:circle(80% at 50% 42%)}}@keyframes rcShardFall{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(calc(cos(var(--a)) * 14cqmin), 70cqh) rotate(calc(cos(var(--a)) * 70deg))}}@keyframes rcSink{0%{opacity:0;filter:grayscale()brightness(.35);transform:translateY(-14%)scale(1.04)}45%{opacity:1;filter:grayscale(.8)brightness(.55);transform:translateY(2%)scale(1)}to{opacity:1;filter:grayscale(.15)brightness(.92);transform:none}}@keyframes rcDrop{0%{opacity:0;transform:translateY(-60%)}}.rank-ceremony-overlay{z-index:3;padding:max(var(--at-gap-md), var(--sat)) max(var(--at-edge), var(--sar)) max(var(--at-gap-md), var(--sab)) max(var(--at-edge), var(--sal));cursor:pointer;background:radial-gradient(at 50% 42%,#1e183cd1,#02040ef2 72%);grid-template-rows:minmax(0,1fr) auto;justify-items:center;animation:.25s ease-out both rcOverlayIn;display:grid;position:absolute;inset:0}.rank-ceremony-overlay__hint{color:#f0e6d2b8;font-size:var(--at-font-sm,12px);letter-spacing:.1em;margin:0;animation:1.6s ease-in-out infinite rcHint}@keyframes rcOverlayIn{0%{opacity:0}}@keyframes rcHint{50%{opacity:.35}}.rank-page,.leaderboard-page{gap:var(--at-gap-md);height:100%;min-height:0;display:grid;overflow:hidden}.rank-page{padding:var(--at-edge);grid-template-rows:auto 1fr;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)}.rank-page__hero,.rank-page__progress,.rank-page__rewards,.liveops-empty{border-radius:var(--at-panel-radius);background:linear-gradient(145deg,#0a1c30f5,#070e1ced);border:1px solid #6fceff4d;box-shadow:inset 0 0 24px #48adff12}.rank-page__hero{padding:var(--at-gap-lg);text-align:center;justify-content:center;align-items:center;gap:var(--at-gap-lg);flex-direction:column;grid-row:1/3;display:flex}.rank-page__hero h2{font-size:var(--at-font-xl);margin:4px 0}.rank-page__hero p,.rank-page__hero small{color:#9bcce8;margin:0}.rank-badge{color:#eaf8ff;align-items:center;gap:12px;display:inline-flex}.rank-badge>i{aspect-ratio:1;background:radial-gradient(circle,#315f86,#13253c 64%,#08121e);border:2px solid #72d9ff;border-radius:50%;place-items:center;width:88px;font-size:40px;font-style:normal;display:grid}.rank-badge>span{gap:4px;display:grid}.rank-badge strong{font-size:var(--at-font-lg)}.rank-badge small{color:#f6d987}.rank-badge--compact>i{width:32px;font-size:16px}.rank-badge--compact strong{font-size:var(--at-font-xs)}.rank-badge--compact small{font-size:10px}.rank-page__progress,.rank-page__rewards{padding:var(--at-gap-lg)}.rank-page__progress span{justify-content:space-between;display:flex}.rank-page__progress i{color:#f6d987;font-style:normal}.rank-page__progress progress{width:100%;height:12px;margin:12px 0}.rank-page__progress p{font-size:var(--at-font-sm);color:#9bcce8}.rank-page__rewards{min-height:0;overflow:auto}.rank-page__rewards>div{gap:var(--at-gap-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.rank-page__rewards article{background:#f6d9870d;border:1px solid #f6d98747;gap:5px;padding:10px;display:grid}.rank-page__rewards article[data-claimed=true]{opacity:.55}.rank-page__rewards article span{font-size:var(--at-font-sm)}.liveops-empty{text-align:center;padding:var(--at-gap-lg);color:#a9c6d8;grid-column:1/-1;place-content:center;align-self:stretch;justify-items:center;display:grid}.liveops-empty>span{color:#6fd5ff;font-size:40px}.liveops-empty strong{font-size:var(--at-font-lg);color:#fff}.liveops-empty p{max-width:440px}.rank-page__hero{place-items:center;gap:var(--at-gap-md);grid-template-rows:minmax(0,1fr) auto;display:grid}.rank-badge--hero>i{box-shadow:0 0 0 6px #428dc41f,0 0 42px #48beff38}.rank-page__crest{place-items:center;width:100%;min-height:0;display:grid}.rank-page__season{width:100%;padding-top:var(--at-gap-md);text-align:center;border-top:1px solid #6fceff38;gap:2px;display:grid}.rank-badge--hero{gap:var(--at-gap-sm);text-align:center;flex-direction:column}.rank-badge--hero>i{width:var(--at-rank-crest);font-size:calc(var(--at-rank-crest) * .44)}.rank-badge--hero>span{justify-items:center}.rank-badge--hero strong{font-size:var(--at-font-xl)}.rank-badge--hero small{font-size:var(--at-font-lg)}.rank-badge{--at-crest-box:88px}.rank-badge--compact{--at-crest-box:32px}.rank-badge--hero{--at-crest-box:var(--at-rank-crest)}.rank-badge__crest{width:var(--at-crest-box);height:var(--at-crest-box);object-fit:contain;flex:none}.rank-badge[data-unranked=true]>i{color:#b9cddd;border-color:#8babc4b3}.rank-badge[data-unranked=true] strong{color:#c2d6e5}.rank-reward-group>div{grid-template-columns:repeat(var(--at-rank-reward-cols), minmax(0, 1fr))}.rank-page__rewards article{border-radius:var(--at-radius-md);align-content:start}.rank-page__rewards article>b{color:#ffe6a6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-page__rewards article span{color:#dcecf8;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.rank-page__rewards article span .currency-icon{flex:none}.rank-page__rewards{align-content:start;gap:var(--at-gap-lg);display:grid}.rank-page__rewards h3{margin:0}.rank-reward-group{gap:var(--at-gap-sm);display:grid}.rank-reward-group__heading{gap:4px;display:grid}.rank-reward-group__heading p{color:#9bcce8;font-size:var(--at-font-sm);margin:0;line-height:1.45}.leaderboard-page{--lb-ink:#f0e6d2;--lb-ink-strong:#fef7e1;--lb-ink-soft:#d9c59a;--lb-ink-muted:#a59c88;--lb-ink-sub:#c9bfa6;--lb-unranked:#70808a;--lb-row:#ffffff0f;--lb-rule:#ffffff1a;--lb-panel:linear-gradient(180deg, #141022e6, #0a0914eb);--lb-rim:#d9c59a47;--lb-gold:#e6b735;padding:var(--at-gap-xs) 0 0;color:var(--lb-ink);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(96px,2fr) minmax(0,4.8fr) minmax(0,3.2fr);position:relative}.leaderboard-page__empty{grid-column:2/-1}.leaderboard-tabs{gap:var(--at-gap-xs);min-height:0;padding:var(--at-gap-xs);border:1px solid var(--lb-rim);border-radius:var(--at-panel-radius);background:var(--lb-panel);scrollbar-width:none;flex-direction:column;display:flex;overflow:auto}.leaderboard-tab{width:100%;min-width:0;min-height:var(--at-lb-tab-h);font-size:var(--at-font-md);align-content:center;justify-items:center;gap:4px;padding:4px 6px;line-height:1.15;display:grid}.leaderboard-tab__label{text-align:center;overflow-wrap:anywhere;min-width:0}.leaderboard-hero-picker{min-width:0;display:grid}.leaderboard-hero-picker__value{background:#0a0812b8;border:1px solid #d9c59a66;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:1px 6px 1px 3px;display:flex}.leaderboard-hero-picker__value strong{min-width:0;color:var(--lb-ink-strong);font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.leaderboard-hero-picker__value>i{color:var(--lb-ink-soft);flex:none;font-size:10px;font-style:normal;transition:transform .12s}.leaderboard-hero-picker[data-open=true] .leaderboard-hero-picker__value>i{transform:rotate(180deg)}.leaderboard-hero-picker__list{z-index:30;width:max-content;min-width:140px;max-width:240px;max-height:var(--at-lb-picker-max,240px);border-radius:var(--at-panel-radius);left:var(--at-lb-picker-left,0);background:linear-gradient(#1a1428fc,#0c0a16fc);border:1px solid #d9c59a99;margin:0;padding:4px;list-style:none;position:absolute;overflow:auto;box-shadow:0 12px 30px #00000073}.leaderboard-hero-picker__list[hidden]{display:none}.leaderboard-hero-picker[data-placement=down] .leaderboard-hero-picker__list{top:var(--at-lb-picker-top,0)}.leaderboard-hero-picker[data-placement=up] .leaderboard-hero-picker__list{bottom:var(--at-lb-picker-bottom,0)}.leaderboard-hero-picker__list li{margin:0}.leaderboard-hero-picker__list button{width:100%;min-height:var(--at-touch);border-radius:var(--at-radius-md);color:var(--lb-ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:2px 8px;display:flex}.leaderboard-hero-picker__list li[aria-selected=true] button{color:#fff;box-shadow:inset 2px 0 var(--lb-gold);background:linear-gradient(90deg,#e6b73547,#e6b7350f)}.leaderboard-hero-picker__list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-hero-face{width:28px;height:28px;color:var(--lb-ink-soft);object-fit:cover;background:#1a1626;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.leaderboard-hero-picker__value .leaderboard-hero-face{width:20px;height:20px;font-size:11px}.leaderboard-board{gap:var(--at-gap-xs);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.leaderboard-list{border:1px solid var(--lb-rim);border-radius:var(--at-panel-radius);background:var(--lb-panel);scrollbar-width:thin;scrollbar-color:#d9c59a59 transparent;min-height:0;overflow:auto}.leaderboard-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leaderboard-row{grid-template-columns:var(--at-lb-rank) var(--at-lb-avatar) auto minmax(0, 1fr);column-gap:var(--at-gap-sm);min-height:var(--at-lb-row-h);padding:4px var(--at-gap-sm) 4px 4px;border-bottom:1px solid var(--lb-rule);grid-template-areas:"rank avatar name name""rank avatar value caption";align-items:center;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row[data-sample-sufficient=false]{filter:saturate(.45);opacity:.68}.leaderboard-row[data-self=true]{box-shadow:inset 3px 0 var(--lb-gold);background:linear-gradient(90deg,#e6b73533,#ffffff14 60%,#ffffff0a)}.leaderboard-row__rank{min-width:0;color:var(--lb-ink);font-size:var(--at-lb-rank-font);font-variant-numeric:tabular-nums;text-shadow:0 2px 2px #0000008c;grid-area:rank;justify-self:center;place-items:center;font-style:normal;font-weight:800;line-height:1;display:grid}.leaderboard-row[data-ranked=false] .leaderboard-row__rank{color:var(--lb-unranked);font-size:var(--at-font-xs);text-align:center;font-weight:700}.leaderboard-row[data-place] .leaderboard-row__rank>span,.leaderboard-podium__medal{isolation:isolate;width:var(--at-lb-medal);aspect-ratio:7/8;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--lb-medal-rim);color:var(--lb-medal-ink);font-size:calc(var(--at-lb-rank-font) * .82);text-shadow:0 1px 2px #000c;place-items:center;font-style:normal;font-weight:900;display:grid;position:relative}.leaderboard-row[data-place] .leaderboard-row__rank>span:before,.leaderboard-podium__medal:before{content:"";z-index:-1;clip-path:inherit;background:var(--lb-medal-core);position:absolute;inset:3px}:is(.leaderboard-row,.leaderboard-podium__slot)[data-place="1"]{--lb-medal-rim:linear-gradient(180deg, #ffe9a6, #c9952e 50%, #6e4e12);--lb-medal-core:radial-gradient(circle at 50% 35%, #4a3816, #1f170a 75%);--lb-medal-ink:#ffd76a;--lb-metal:#d9aa45}:is(.leaderboard-row,.leaderboard-podium__slot)[data-place="2"]{--lb-medal-rim:linear-gradient(180deg, #bfe6ff, #3f8fcf 50%, #173f68);--lb-medal-core:radial-gradient(circle at 50% 35%, #183653, #0a1626 75%);--lb-medal-ink:#7fc8ff;--lb-metal:#5aa7e0}:is(.leaderboard-row,.leaderboard-podium__slot)[data-place="3"]{--lb-medal-rim:linear-gradient(180deg, #ffd2a6, #b06a34 50%, #57290d);--lb-medal-core:radial-gradient(circle at 50% 35%, #46281a, #1d110a 75%);--lb-medal-ink:#f2ae78;--lb-metal:#c9834a}.leaderboard-row[data-place] .leaderboard-row__rank,.leaderboard-podium__medal{filter:drop-shadow(0 2px 3px #00000080)}.leaderboard-row__identity{display:contents}.leaderboard-row__portrait,.leaderboard-podium__portrait{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;padding:0;transition:transform .1s,filter .1s;display:block;position:relative}span.leaderboard-row__portrait,span.leaderboard-podium__portrait{cursor:default}button.leaderboard-row__portrait:active,button.leaderboard-podium__portrait:active{filter:brightness(1.15);transform:scale(.94)}button.leaderboard-row__portrait:focus-visible,button.leaderboard-podium__portrait:focus-visible{outline:2px solid var(--lb-gold);outline-offset:2px}.leaderboard-row__portrait{width:var(--at-lb-avatar);height:var(--at-lb-avatar);grid-area:avatar}.leaderboard-row__portrait>img,.leaderboard-podium__portrait>img{object-fit:cover;background:#1a1626;border:2px solid #c9a24e;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #0009,0 2px 6px #00000073}.leaderboard-podium__slot[data-place] .leaderboard-podium__portrait>img{border-color:var(--lb-metal)}.leaderboard-row__portrait>.leaderboard-row__hero,.leaderboard-podium__portrait>.leaderboard-row__hero{border-width:1px;border-color:#0a0812f2;width:44%;height:44%;position:absolute;bottom:-3px;right:-3px}.leaderboard-row__name{align-items:center;gap:var(--at-gap-xs);grid-area:name;align-self:end;min-width:0;line-height:1.25;display:flex}.leaderboard-row__name strong{min-width:0;color:var(--lb-ink);font-size:var(--at-font-md);text-overflow:ellipsis;text-shadow:0 1px 2px #000000a6;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard-row__me{color:#2a1d05;font-size:var(--at-font-xs);background:linear-gradient(#ffe58a,#e6b735);border-radius:3px;flex:none;padding:0 5px;font-style:normal;font-weight:800;line-height:1.5}.leaderboard-row__caption{min-width:0;color:var(--lb-ink-muted);font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;grid-area:caption;align-self:start;line-height:1.5;overflow:hidden}.leaderboard-row__caption:not(:empty):before{content:"·";margin-right:var(--at-gap-xs)}.leaderboard-row__value{color:var(--lb-ink-sub);font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:value;place-self:start;font-weight:700;line-height:1.5}.leaderboard-self{border-radius:var(--at-panel-radius);background:var(--lb-panel);border:1px solid #e6b7358c;overflow:hidden;box-shadow:0 -6px 18px #00000059}.leaderboard-podium{align-items:end;gap:var(--at-gap-xs);min-width:0;min-height:0;padding:var(--at-gap-sm) var(--at-gap-xs) 0;border:1px solid var(--lb-rim);border-radius:var(--at-panel-radius);background:radial-gradient(70% 55% at 50% 38%,#e6b73533,#0000 70%),linear-gradient(#221834e6,#0a0914f2);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"second first third";display:grid;position:relative;overflow:hidden}.leaderboard-podium__backdrop{object-fit:cover;object-position:50% 18%;opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}.leaderboard-podium__slot{align-content:end;justify-items:center;gap:4px;min-width:0;margin:0;display:grid;position:relative}.leaderboard-podium__slot[data-place="1"]{grid-area:first}.leaderboard-podium__slot[data-place="2"]{grid-area:second}.leaderboard-podium__slot[data-place="3"]{grid-area:third}.leaderboard-podium__medal{width:calc(var(--at-lb-medal) * .9);font-size:var(--at-font-md)}.leaderboard-podium__portrait{width:calc(var(--at-lb-podium-avatar) * .8);height:calc(var(--at-lb-podium-avatar) * .8)}.leaderboard-podium__slot[data-place="1"] .leaderboard-podium__portrait{width:var(--at-lb-podium-avatar);height:var(--at-lb-podium-avatar)}.leaderboard-podium__slot[data-place="1"] .leaderboard-podium__portrait>img{box-shadow:0 0 0 1px #0009,0 0 18px #e6b7358c}.leaderboard-podium__slot figcaption{text-align:center;justify-items:center;gap:1px;min-width:0;max-width:100%;display:grid}.leaderboard-podium__slot figcaption strong,.leaderboard-podium__slot figcaption span{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000000b3;max-width:100%;overflow:hidden}.leaderboard-podium__slot figcaption strong{color:var(--lb-ink);font-size:var(--at-font-sm)}.leaderboard-podium__slot figcaption span{color:var(--lb-ink-sub);font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;white-space:normal;text-wrap:balance;font-weight:700}.leaderboard-podium{container-type:size}.leaderboard-podium__stand{height:22cqh;box-shadow:inset 0 3px var(--lb-stand,#8d6512);background:linear-gradient(#ffffff1a,#ffffff05);border-radius:4px 4px 0 0;justify-self:stretch}.leaderboard-podium__slot[data-place="1"] .leaderboard-podium__stand{--lb-stand:#e6b735;height:32cqh}.leaderboard-podium__slot[data-place="2"] .leaderboard-podium__stand{--lb-stand:#5aa7e0}.leaderboard-podium__slot[data-place="3"] .leaderboard-podium__stand{--lb-stand:#cd7d3e;height:16cqh}.leaderboard-list__empty{padding:var(--at-gap-lg);color:var(--lb-ink-muted);text-align:center;justify-items:center;gap:6px;margin:0;display:grid}.leaderboard-list__empty:before{content:"♛";color:#8a7a52;font-size:26px;line-height:1}.leaderboard-board[data-loading=true]{opacity:.55;pointer-events:none;transition:opacity .15s}.leaderboard-page__empty .crystal-command{margin-top:var(--at-gap-sm);min-width:120px}.leaderboard-page__spinner{aspect-ratio:1;border:3px solid #d9c59a40;border-top-color:var(--lb-gold);border-radius:50%;width:28px;animation:.9s linear infinite leaderboard-spin}@keyframes leaderboard-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.leaderboard-page__spinner{animation-duration:3s}}.leaderboard-self[data-ranked=false] .leaderboard-row__value{color:var(--lb-unranked)}.leaderboard-self[data-ranked=false] .leaderboard-row__caption{color:var(--lb-ink-soft)}.lb-standing{--lb-standing-rim:#d9c59a59;padding:var(--at-gap-xs) var(--at-gap-sm);border:1px solid var(--lb-standing-rim);background:linear-gradient(90deg,#e6b73524,#ffffff08 70%);border-radius:8px}.lb-standing__body{align-items:center;gap:var(--at-gap-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lb-standing__rank{color:#f0e6d2;min-width:52px;font-size:var(--at-font-lg);font-variant-numeric:tabular-nums;background:#00000059;border-radius:6px;grid-auto-flow:column;place-items:center;gap:2px;padding:4px 8px;font-weight:900;line-height:1;display:grid}.lb-standing__rank small{color:#a59c88;font-size:var(--at-font-xs);font-weight:700}.lb-standing__rank[data-place="1"]{color:#ffd76a;box-shadow:inset 0 0 0 2px #c9952e}.lb-standing__rank[data-place="2"]{color:#7fc8ff;box-shadow:inset 0 0 0 2px #3f8fcf}.lb-standing__rank[data-place="3"]{color:#f2ae78;box-shadow:inset 0 0 0 2px #b06a34}.lb-standing__value{flex-direction:column;gap:2px;min-width:0;display:flex}.lb-standing__value strong{color:#fef7e1;font-size:var(--at-font-md);font-variant-numeric:tabular-nums}.lb-standing__value em,.lb-standing__hero em{color:#c9bfa6;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.lb-standing__hero{align-items:center;gap:6px;min-width:0;max-width:10em;display:flex}.lb-standing__hero img{aspect-ratio:1;border:1px solid var(--lb-standing-rim);object-fit:cover;object-position:top;border-radius:50%;flex:none;width:32px}.rank-result-change{justify-content:center;align-items:center;gap:var(--at-gap-sm);color:#dff7ff;min-height:48px;animation:.64s cubic-bezier(.2,.8,.2,1) both rankStarArrive;display:flex}.rank-result-change>i{color:#79dcff;filter:drop-shadow(0 0 10px #50cdffcc);font-size:30px}.rank-result-change>span{display:grid}.rank-result-change small{color:#9fc9dc}.rank-result-change strong{font-size:var(--at-font-xl);color:#ffe392}.rank-result-change>b{color:#ffe392;letter-spacing:.12em;border:1px solid #ffe392;padding:6px 12px}.rank-result-change--promoted{animation-name:rankPromotion}.rank-result-pending{color:#9fc9dc;text-align:center;justify-items:center;gap:2px;margin:0;display:grid}.rank-result-pending strong{color:#dff7ff}.rank-result-pending small{color:#9fc9dc}.rank-result-pending--settling{align-content:center;min-height:48px;animation:1.6s ease-in-out infinite rankPendingPulse}.result-card--first-win{border-color:#ffd55fad;animation:.72s cubic-bezier(.18,.89,.32,1.28) .32s both firstWinBadge}.result-card--first-win h3 span{color:#ffe18a;margin-right:6px}.result-summary__first-win-items{color:#ffe6a0;flex-wrap:wrap;gap:8px;display:flex}.result-card--wish{border-color:#c37aff6b}.result-card--pass{border-color:#ffd55fb3;box-shadow:inset 0 0 18px #ffc4501f}.result-card--pass h3 small{color:#ffe08a;font-weight:900}.result-pass__levels{align-items:center;gap:var(--at-gap-xs);font-size:var(--at-font-xs);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.result-pass__levels b{color:#dff0ff;white-space:nowrap;font-weight:900}.result-pass__levels .result-pass__up{color:#ffe08a;text-shadow:0 0 8px #ffc85099}.result-pass__bar{background:#04112a;border:1px solid #e5b34da6;border-radius:999px;height:8px;display:block;position:relative;overflow:hidden}.result-pass__bar>i{width:calc(var(--fill,0) * 100%);background:linear-gradient(90deg,#b8791f,#ffd36e 70%,#fff3c4);transition:width 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #ffcd64b3}.result-pass__line{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;line-height:1.3;overflow:hidden}.result-pass__tasks{color:#dff0ff;font-weight:700}.result-pass__tasks:before{color:#7ff0b4;content:"✓";margin-right:4px}.result-pass__parts,.result-pass__notes{color:var(--muted)}.result-pass__notes[data-leveled=true]{color:#ffe08a;font-weight:900}@keyframes rankStarArrive{0%{opacity:0;transform:translateY(18px)scale(.8)}to{opacity:1;transform:none}}@keyframes rankPromotion{0%{opacity:0;transform:scale(.72)}62%{transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes rankPendingPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes firstWinBadge{0%{opacity:0;transform:rotate(-2deg)scale(.82)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rank-result-change,.rank-result-pending--settling,.result-card--first-win{animation:none}.result-pass__bar>i{transition:none}}.match-reveal{padding:calc(var(--at-hud-anchor) + var(--sat)) max(var(--at-edge), var(--sar)) 0 max(var(--at-edge), var(--sal));pointer-events:none;align-content:start;justify-items:center;display:grid;position:fixed;inset:0}.match-reveal *{pointer-events:none}.match-reveal__banner{align-items:center;gap:var(--at-gap-sm);width:max-content;max-width:min(100%, var(--at-reveal-banner-w));padding:5px var(--at-gap-md) 5px 5px;border-radius:999px;grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.match-reveal__badge{min-width:46px;font-size:var(--at-font-xs);letter-spacing:.16em;white-space:nowrap;border-radius:999px;place-items:center;padding:4px 10px;font-weight:900;display:grid}.match-reveal__body{align-items:baseline;gap:var(--at-gap-xs);min-width:0;display:flex}.lucky-card-reveal{animation:lucky-reveal-banner var(--at-reveal-slot-ms) cubic-bezier(.18, .86, .26, 1) forwards;background:radial-gradient(120% 220% at 0%,#ffd68042,#0000 62%),linear-gradient(90deg,#3e2d0ff5,#18130cf0);border:1px solid #ffd070e0;box-shadow:0 0 0 1px #ffe4a842,0 0 24px #ffc45c66,0 10px 26px #00000073}.lucky-card-reveal__badge{color:#2e1e06;background:linear-gradient(#ffe9a8,#e0a836);box-shadow:inset 0 0 0 1px #fff7d6b3}.lucky-card-reveal__line{color:#fff4de;font-size:var(--at-reveal-font);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.lucky-card-reveal__effect{color:#ffd078;font-size:var(--at-reveal-font);white-space:nowrap;flex:none;font-style:normal;font-weight:800}.lucky-card-reveal__sweep{width:40%;animation:lucky-reveal-sweep var(--at-reveal-slot-ms) ease-out forwards;background:linear-gradient(105deg,#0000,#fff6d68c,#0000);position:absolute;top:0;bottom:0;left:-40%}@keyframes lucky-reveal-banner{0%{opacity:0;transform:translate(-26px)scale(.92)}12%{opacity:1;transform:translate(0)scale(1.03)}20%{transform:translate(0)scale(1)}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-60%,-130%)scale(.26)}}@keyframes lucky-reveal-sweep{0%{opacity:0;left:-40%}14%{opacity:1}46%{opacity:0;left:100%}to{opacity:0;left:100%}}@media (prefers-reduced-motion:reduce){.lucky-card-reveal{opacity:1;animation:none;transform:none}.lucky-card-reveal__sweep{opacity:0;animation:none}}.player-profile__cards>li[data-lucky=true]{border-color:#ffce6e;box-shadow:inset 0 0 0 1px #ffe0a04d,0 0 9px #ffc44a8c}.player-profile__cards>li[data-lucky=true] strong{color:#ffe8b0}.player-profile__cards>li[data-lucky=true]:after{content:attr(data-lucky-label);color:#ffe2a0;white-space:nowrap;background:#3a2406f0;border:1px solid #ffce6ee6;border-radius:999px;padding:0 5px;font-size:9px;font-weight:900;line-height:1.3;position:absolute;top:-6px;left:40px}.player-profile__cards>li[data-wish-fulfilled=true]{border-color:#ffd469eb;box-shadow:inset 0 0 0 1px #ffe7aa6b,0 0 10px #ffc44a4d}.match-chat-drawer{right:calc(var(--sat) + var(--at-edge));top:var(--at-hud-anchor);bottom:calc(var(--sab) + var(--at-control-width) * 0 + var(--at-command-h) + var(--at-gap-sm));z-index:43;width:min(330px,calc(100% - var(--at-rail-gutter) - var(--at-edge) * 2));border-radius:var(--at-panel-radius);background:#05111ef0;border:1px solid #63cfff6b;grid-template-rows:auto 1fr auto auto;min-height:0;display:grid;position:absolute;box-shadow:0 16px 40px #00000073}.match-chat-drawer>header{border-bottom:1px solid #63cfff2e;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.match-chat-drawer>header button{width:var(--at-touch);height:var(--at-touch);color:#fff;background:0 0;border:0;font-size:24px}.match-chat-drawer__messages{align-content:start;gap:7px;min-height:0;padding:8px;display:grid;overflow:auto}.match-chat-drawer__messages>p{color:#7fa3b8;text-align:center}.match-chat-drawer article{background:#23445bb3;border-radius:7px;max-width:88%;padding:5px 8px}.match-chat-drawer article[data-self=true]{background:#1d7eab73;justify-self:end}.match-chat-drawer article small{color:#7fb5d0}.match-chat-drawer article p{overflow-wrap:anywhere;margin:2px 0}.match-chat-drawer__error{color:#ff9ca5;font-size:var(--at-font-xs);margin:0;padding:4px 8px}.match-chat-drawer form{border-top:1px solid #63cfff2e;grid-template-columns:1fr auto;gap:6px;padding:7px;display:grid}.match-chat-drawer input,.match-chat-drawer form button{min-height:var(--at-touch)}.match-chat-drawer input{color:#fff;background:#0b1d2d;border:1px solid #6ec7ed4d;border-radius:5px;min-width:0;padding:0 9px}.match-chat-drawer form button{padding:0 12px}.match-chat-drawer__system{margin:var(--at-gap-xs) 0;padding:0 var(--at-gap-sm);font-size:var(--at-font-xs);color:#c6cedcb8;text-align:center;line-height:1.4}.result-share-poster__close{min-height:var(--at-touch);cursor:pointer;font-size:var(--at-font-sm);font-weight:800}.result-share-poster{padding:max(var(--at-gap-sm),var(--sat)) max(var(--at-gap-sm),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-gap-sm),var(--sal));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00040ed6;place-items:center;display:grid;position:fixed;inset:0}.result-share-poster__panel{grid-template-areas:"preview header""preview footer";grid-template-columns:minmax(0,1fr) var(--at-result-poster-side-w);gap:var(--at-gap-sm) var(--at-gap-md);width:min(var(--at-result-poster-w),100%);height:min(var(--at-result-poster-h),100%);padding:var(--at-gap-sm);color:#eff7ff;border-radius:var(--at-radius-md);background:linear-gradient(145deg,#05132efa,#030a1cfc);border:2px solid #7adfff;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff0d,0 0 38px #33aeff52,0 24px 70px #0000008c}.result-share-poster__header{justify-content:space-between;align-items:flex-start;gap:var(--at-gap-xs);text-align:left;grid-area:header;display:flex}.result-share-poster__header>div{min-width:0;padding-top:4px}.result-share-poster__header small{color:#78dfff;font-size:var(--at-font-xs);letter-spacing:.2em;font-weight:900;display:block}.result-share-poster__header h2{color:#fff;font-family:var(--display);font-size:var(--at-result-poster-title);margin:2px 0 0;line-height:1.1}.result-share-poster__close{width:var(--at-touch);flex:none;padding:0;font-size:24px;line-height:1}.result-share-poster__preview{overscroll-behavior:contain;border-radius:var(--at-radius-md);background:#020712;border:1px solid #7dd9ff61;grid-area:preview;place-items:start center;min-width:0;min-height:0;display:grid;overflow:hidden auto}.result-share-poster__preview svg{width:min(100%, var(--at-result-poster-preview-max));height:auto;display:block}.result-share-poster__footer{justify-content:space-between;gap:var(--at-gap-sm);text-align:left;flex-direction:column;grid-area:footer;min-width:0;min-height:0;display:flex}.result-share-poster__footer>span{color:#a9bfd7;font-size:var(--at-result-poster-copy);line-height:1.5}.result-share-poster__footer>div{flex-direction:column;display:flex}.result-share-poster__footer .result-share-poster__save{height:var(--at-touch);min-height:var(--at-touch);padding:0 var(--at-gap-sm);font-size:var(--at-font-sm)}.result-share-poster__save:disabled{cursor:wait;filter:saturate(.45);opacity:.72}.collection-page{gap:var(--at-gap-sm);grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.collection-bar{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);flex-wrap:wrap;display:flex}.collection-bar__kinds,.collection-bar__filter{gap:var(--at-gap-xs);display:flex}.collection-kind{min-height:var(--at-touch);padding:4px var(--at-gap-md);text-align:center;cursor:pointer;font:inherit;gap:1px;display:grid}.collection-kind b{font-size:var(--at-font-md);font-weight:800}.collection-kind small{color:#8d9bb0;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums}.collection-kind.is-active small{color:#fff6d6d1}.collection-filter__item{min-width:56px;min-height:var(--at-touch);padding:3px var(--at-gap-md);cursor:pointer;font-size:var(--at-font-xs);white-space:nowrap;font-weight:800}.collection-kind:focus-visible,.collection-filter__item:focus-visible,.collection-card__open:focus-visible,.collection-card__unlock:focus-visible,.collection-detail__tab:focus-visible,.collection-action:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.collection-grid{grid-template-columns:repeat(auto-fill, minmax(var(--at-collection-card-w), 1fr));align-content:start;gap:var(--at-gap-xs);grid-auto-rows:max-content;min-height:0;padding-bottom:2px;display:grid;overflow-y:auto}.collection-group__empty{color:var(--muted);font-size:var(--at-font-sm);margin:0}.collection-card{min-width:0;color:inherit;border-radius:var(--at-panel-radius);font:inherit;background:linear-gradient(#123055,#0a1d3c);border:1px solid #3d6798;align-self:start;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8cecff12}.collection-card:hover{border-color:#7fb6e8;box-shadow:0 0 0 1px #8cecff40,0 4px 14px #00000073}.collection-card[data-role=tank]{border-color:#4e93ad}.collection-card[data-role=fighter]{border-color:#b9714f}.collection-card[data-role=mage]{border-color:#7f6bc4}.collection-card[data-role=ranged]{border-color:#6ca154}.collection-card[data-role=support]{border-color:#bd9843}.collection-card[data-role=summoner]{border-color:#a86aa0}.collection-card__open{min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-rows:auto auto;padding:0;display:grid;position:relative;overflow:hidden}.collection-card__art{height:var(--at-collection-art-h);background:radial-gradient(circle at 50% 38%,#4080c857,#04102400 68%),#08182f;display:block}.collection-card__art img{object-fit:contain;width:100%;height:100%}.collection-card--placeholder{border-color:#4b6280}.collection-card--placeholder .collection-card__art img{opacity:.5;padding:22%}.collection-card__identity{padding:5px var(--at-gap-xs) 6px;background:#030e24eb;gap:2px;display:grid}.collection-card__identity>strong{color:#fff0ae;font-size:var(--at-font-md);text-overflow:ellipsis;white-space:nowrap;font-weight:800;display:block;overflow:hidden}.collection-card__meta{color:#9fb8d3;min-height:15px;font-size:var(--at-font-xs);align-items:center;gap:5px;display:flex}.collection-card__meta>b{color:#8cecff;font-variant-numeric:tabular-nums;font-weight:800}.collection-card__sub{color:#9fb8d3;min-width:0;font-size:var(--at-font-xs);line-height:1.2;display:block}.collection-card__sub.is-ready .collection-fragments{border-color:#4fbf86}.collection-card__sub[data-collection-maxed]{color:#8cecff;font-weight:700}.collection-card__sub.collection-card__recommend{color:#ffd98a}.collection-card__unlock{min-width:0;min-height:26px;padding:3px var(--at-gap-xs);color:#fff1af;cursor:pointer;font:inherit;font-size:var(--at-font-xs);background:linear-gradient(#315f8b,#1b416d);border:0;border-top:1px solid #4f78a6;justify-content:space-between;align-items:center;gap:4px;font-weight:900;display:flex}.collection-card__unlock:hover{background:linear-gradient(#3d729f,#24517e)}.collection-card__unlock--short{color:#a8b6c8;filter:saturate(.55)}.collection-card__unlock:disabled{cursor:wait;opacity:.62}.collection-card__unlock>b{color:#ffdf95;align-items:center;gap:3px;min-width:0;font-weight:900;display:inline-flex}.collection-card__unlock>b>i{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.collection-card--locked{border-color:#4d6484}.collection-card--locked .collection-card__art img{filter:grayscale()brightness(.55)}.collection-card--locked .collection-card__identity>strong{color:#b9c8da}.collection-card--locked .collection-card__role,.collection-card--locked .collection-card__theme{opacity:.7}.collection-card__lock{right:5px;top:calc(var(--at-collection-art-h) - 22px);font-size:var(--at-font-md);filter:drop-shadow(0 1px 2px #000c);line-height:1;position:absolute}.collection-card__role{color:#eaf8ff;font-size:var(--at-font-xs);white-space:nowrap;background:#051c3ceb;border:1px solid #70a9d8;border-radius:999px;padding:1px 6px;font-style:normal;font-weight:900;line-height:1.35;position:absolute;top:4px;right:5px}.collection-card__role--tank{color:#d6f6ff;border-color:#77d0e5}.collection-card__role--fighter{color:#ffe3d4;border-color:#f0a07b}.collection-card__role--mage{color:#e8dfff;border-color:#b9a0ff}.collection-card__role--ranged{color:#e2ffd6;border-color:#9edb7a}.collection-card__role--support{color:#fff4d2;border-color:#ffd878}.collection-card__role--summoner{color:#ffdff9;border-color:#e59bdd}.collection-card__theme{color:#06203f;background:linear-gradient(#ffd965,#e5a52c);border:1px solid #ffe9a8d9;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:4px;left:5px}.collection-card__theme[data-bond-kind=element]{color:var(--bond-element-ink);background:linear-gradient(180deg, var(--bond-element-hi), var(--bond-element-lo));border-color:#b5f0ffd9}.collection-card__theme i{font-size:11px;font-style:normal;font-weight:900;line-height:1}.collection-fragments{background:#10233f;border:1px solid #37516f;border-radius:3px;height:13px;display:block;position:relative;overflow:hidden}.collection-fragments__bar{background:linear-gradient(90deg,#2f7fd0,#61c7ff);position:absolute;inset:0 auto 0 0}.collection-fragments small{color:#dceaff;text-align:center;font-size:10px;line-height:11px;display:block;position:relative}.collection-marks{align-items:center;gap:var(--at-gap-sm);min-width:0;display:flex;overflow-x:auto}.collection-marks__head{align-items:baseline;gap:var(--at-gap-xs);white-space:nowrap;display:flex}.collection-marks__head strong{color:var(--gold-light);font-size:var(--at-font-sm);font-weight:900}.collection-marks__head small{color:#7f9dc0;font-size:var(--at-font-xs)}.collection-marks__list{gap:var(--at-gap-xs);margin:0;padding:0;list-style:none;display:flex}.collection-marks__list>li{padding:3px var(--at-gap-sm);white-space:nowrap;border-radius:var(--at-panel-radius);background:#12253d;border:1px solid #2c4767;align-items:baseline;gap:5px;display:flex}.collection-marks__list strong{color:#e6f0fb;font-size:var(--at-font-xs)}.collection-marks__list b{color:var(--gold,#f0c862);font-size:var(--at-font-md);font-variant-numeric:tabular-nums}.collection-marks__list small{color:#7f9dc0;font-size:var(--at-font-xs)}.collection-skills{gap:var(--at-gap-md,12px);margin:0;padding:0;display:grid}.collection-skills__slot{gap:var(--at-gap-xs);display:grid}.collection-skills__slot-title{color:var(--gold,#f0c862);font-size:var(--at-font-sm);letter-spacing:.04em;margin:0;font-weight:900}.collection-skills__tiers{gap:var(--at-gap-sm);margin:0;padding:0;list-style:none;display:grid}.collection-skill__previous{color:#8ba6c6;text-decoration-thickness:1px}.collection-skill{padding:var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#092042d1;border:1px solid #37587f;border-left-width:3px;gap:4px;display:grid}.collection-skill--active{border-left-color:var(--gold,#f0c862);background:#12305ae6}.collection-skill--locked{opacity:.74}.collection-skill__head{align-items:baseline;gap:var(--at-gap-xs);display:flex}.collection-skill__head>strong{color:#fff0ae;min-width:0;font-size:var(--at-font-md);font-weight:800}.collection-skill__form{color:#08131f;font-size:var(--at-font-xs);background:#8cbfe8;border-radius:3px;padding:0 6px;font-weight:900}.collection-skill--active .collection-skill__form{background:var(--gold,#f0c862)}.collection-skill__state{white-space:nowrap;margin-left:auto}.collection-skill__state>b{color:#ffd762;font-size:var(--at-font-xs)}.collection-skill__state>em{color:#8ba6c6;font-size:var(--at-font-xs);font-style:normal}.collection-skill__text{color:#cfe0f5;font-size:var(--at-font-sm);margin:0;line-height:1.55}.collection-skill__facts{gap:var(--at-gap-sm);flex-wrap:wrap;margin:0;display:flex}.collection-skill__facts>em{color:#8cecff;font-size:var(--at-font-xs);font-style:normal}.collection-skill__numbers{gap:1px var(--at-gap-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;display:grid}.collection-skill__numbers>div{justify-content:space-between;align-items:baseline;gap:var(--at-gap-xs);border-bottom:1px solid #7aa3d624;flex-wrap:wrap;min-width:0;padding:2px 0;display:flex}.collection-skill__numbers dt{color:#97b2d4;font-size:var(--at-font-xs);white-space:nowrap}.collection-skill__numbers dd{color:#eef5ff;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px;margin:0 0 0 auto;font-weight:700;display:flex}.collection-skill__numbers dd>i{color:#7f9dc0;font-style:normal}.collection-skill__next--up{color:#6ee7a8}.collection-skill__next--down{color:#ff9a8b}.collection-skill__stage-hint{color:#8ba6c6;font-size:var(--at-font-xs);margin:0}.collection-lore{gap:var(--at-gap-sm);display:grid}.collection-lore__block{gap:4px;display:grid}.collection-lore__title{color:#8cecff;font-size:var(--at-font-xs);letter-spacing:.06em;font-weight:800}.collection-lore__text{color:#cfe0f5;font-size:var(--at-font-sm);margin:0;line-height:1.55}.collection-bond-tags{gap:var(--at-gap-xs);margin:0;padding:0;list-style:none;display:grid}.collection-bond-tag{padding:6px var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#092042db;border:1px solid #3f6da6}.collection-bond-tag__body>summary{cursor:pointer;list-style:none}.collection-bond-tag__body>summary::-webkit-details-marker{display:none}.collection-bond-tag__head{align-items:center;gap:7px;display:flex}.collection-bond-tag__icon{color:#06203f;background:linear-gradient(#ffd965,#e5a52c);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:900;display:grid}.collection-bond-tag[data-bond-kind=element] .collection-bond-tag__icon{color:var(--bond-element-ink);background:linear-gradient(180deg, var(--bond-element-hi), var(--bond-element-lo))}.collection-bond-tag__name{color:#fff0ae;min-width:0;font-size:var(--at-font-md);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.collection-bond-tag__tiers{gap:4px;margin:5px 0 0;padding:0 0 0 27px;list-style:none;display:grid}.collection-bond-tag__tiers>li{gap:3px var(--at-gap-xs);grid-template-columns:auto minmax(0,1fr);display:grid}.collection-bond-tag__tiers b{color:#8cecff;font-size:var(--at-font-xs);white-space:nowrap;font-weight:800}.collection-bond-tag__tiers span{color:#b9cde5;font-size:var(--at-font-xs);line-height:1.45}.collection-bond-tag__effects{gap:3px var(--at-gap-xs);flex-wrap:wrap;grid-column:2;font-style:normal;display:flex}.collection-bond-tag__effects>span{color:#d8f2ff;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;background:#153d78cc;border:1px solid #3f6da6;border-radius:3px;padding:0 6px;font-weight:700;line-height:1.6}.collection-attributes{gap:var(--at-gap-xs);padding:var(--at-gap-xs) 0 0;border-top:1px solid #7aa3d647;display:grid}.collection-attributes__tabs{gap:var(--at-gap-xs);display:flex}.collection-attributes__tab{color:#a9c3e4;min-height:26px;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);cursor:pointer;background:#12253d;border:1px solid #37587f;flex:1 1 0;padding:3px 6px}.collection-attributes__tab--on{color:#08131f;background:var(--gold,#f0c862);border-color:var(--gold,#f0c862);font-weight:800}.collection-attributes__notice,.collection-attributes__hint{color:#9db6d6;font-size:var(--at-font-xs);margin:0;line-height:1.4}.collection-attributes__grid{gap:2px var(--at-gap-sm);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));margin:0;display:grid}.collection-attributes__grid>div{justify-content:space-between;align-items:baseline;gap:var(--at-gap-xs);border-bottom:1px solid #7aa3d624;padding:2px 0;display:flex}.collection-attributes__grid dt{color:#97b2d4;font-size:var(--at-font-xs);white-space:nowrap}.collection-attributes__grid dd{color:#eef5ff;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin:0;font-weight:700;display:flex}.attribute-delta{font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;font-weight:800}.attribute-delta--up{color:#6ee7a8}.attribute-delta--down{color:#ff9a8b}.collection-attributes__scroll{max-width:100%;overflow-x:auto}.collection-attributes__table{border-collapse:collapse;width:max-content;min-width:100%;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums}.collection-attributes__table th,.collection-attributes__table td{text-align:right;white-space:nowrap;border-bottom:1px solid #7aa3d629;padding:3px 8px}.collection-attributes__table thead th{color:#97b2d4;font-weight:700}.collection-attributes__table tbody th{color:#dceaff;text-align:left}.collection-attributes__table tbody td{color:#eef5ff}.collection-attributes__row--on th,.collection-attributes__row--on td{color:#08131f;background:#f0c862d1;font-weight:800}.mark-exchange{padding:var(--at-gap-sm);background:#040a12bd;place-items:center;display:grid;position:fixed;inset:0}.mark-exchange__panel{gap:var(--at-gap-xs);width:min(360px,92vw);max-height:calc(100% - var(--at-gap-sm) * 2);padding:var(--at-gap-md);border-radius:var(--at-panel-radius);background:linear-gradient(#14283f 0%,#0c1a2b 100%);border:1px solid #37587f;display:grid;overflow-y:auto}.mark-exchange__panel h2{color:#e6f0fb;font-size:var(--at-font-md);margin:0}.mark-exchange__rate,.mark-exchange__hint{color:#9db6d6;font-size:var(--at-font-xs);margin:0}.mark-exchange__slider{color:#a9c3e4;font-size:var(--at-font-xs);gap:4px;display:grid}.mark-exchange__slider input{width:100%}.mark-exchange__preview{gap:var(--at-gap-xs);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.mark-exchange__preview>div{text-align:center;gap:2px;display:grid}.mark-exchange__preview dt{color:#9db6d6;font-size:var(--at-font-xs)}.mark-exchange__preview dd{color:var(--gold,#f0c862);font-size:var(--at-font-md);margin:0;font-weight:800}.mark-exchange__actions{gap:var(--at-gap-xs);display:flex}.mark-exchange__actions>button{min-height:var(--at-touch);flex:1 1 0}.collection-detail{--cd-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);gap:calc(10 * var(--cd-u));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);height:100%;min-height:0;display:grid}.collection-detail__hero{--cd-role:#5aa7e0;--cd-role-glow:#5aa7e06b;isolation:isolate;background:radial-gradient(68% 52% at 50% 44%, var(--cd-role-glow), transparent 72%), linear-gradient(180deg, #0e1c37 0%, #091428 58%, #050b18 100%);min-width:0;min-height:0;box-shadow:0 0 0 1px #0009, inset 0 0 calc(60 * var(--cd-u)) #0009;border:1px solid #d2b16f80;position:relative;overflow:hidden}.collection-detail__hero[data-role=tank]{--cd-role:#77d0e5;--cd-role-glow:#4ea0c475}.collection-detail__hero[data-role=fighter]{--cd-role:#f0a07b;--cd-role-glow:#c46e4870}.collection-detail__hero[data-role=mage]{--cd-role:#b9a0ff;--cd-role-glow:#8468dc7a}.collection-detail__hero[data-role=ranged]{--cd-role:#9edb7a;--cd-role-glow:#68aa506b}.collection-detail__hero[data-role=support]{--cd-role:#ffd878;--cd-role-glow:#cea4406b}.collection-detail__hero[data-role=summoner]{--cd-role:#e59bdd;--cd-role-glow:#b064a870}.collection-detail__hero[data-role=pet]{--cd-role:#7be6cf;--cd-role-glow:#40b0a070}.collection-detail__hero:before{content:"";z-index:3;inset:calc(8 * var(--cd-u));pointer-events:none;--cd-corner:calc(26 * var(--cd-u));background:linear-gradient(#d2b16f, #d2b16f) left top / var(--cd-corner) 2px, linear-gradient(#d2b16f, #d2b16f) left top / 2px var(--cd-corner), linear-gradient(#d2b16f, #d2b16f) right top / var(--cd-corner) 2px, linear-gradient(#d2b16f, #d2b16f) right top / 2px var(--cd-corner), linear-gradient(#d2b16f, #d2b16f) left bottom / var(--cd-corner) 2px, linear-gradient(#d2b16f, #d2b16f) left bottom / 2px var(--cd-corner), linear-gradient(#d2b16f, #d2b16f) right bottom / var(--cd-corner) 2px, linear-gradient(#d2b16f, #d2b16f) right bottom / 2px var(--cd-corner);opacity:.8;background-repeat:no-repeat;position:absolute}.collection-detail__halo{z-index:0;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffffff0e 0deg 5deg,#0000 5deg 15deg);width:160%;animation:60s linear infinite collection-detail-halo;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000008c 28%,#0000 56%);mask-image:radial-gradient(circle,#000 0%,#0000008c 28%,#0000 56%)}@keyframes collection-detail-halo{to{transform:translate(-50%,-50%)rotate(360deg)}}.collection-detail__floor{z-index:0;background:radial-gradient(50% 50% at 50% 50%, var(--cd-role-glow), #0000 100%);height:13%;box-shadow:inset 0 0 0 1px #ffffff29, 0 0 calc(30 * var(--cd-u)) var(--cd-role-glow);pointer-events:none;border-radius:50%;position:absolute;bottom:17%;left:14%;right:14%}.collection-detail__art{z-index:1;display:block;position:absolute;inset:5% 0 22%}.collection-detail__art-track{transition:transform .28s cubic-bezier(.22,.8,.3,1);display:flex;position:absolute;inset:0}.collection-detail__art[data-dragging] .collection-detail__art-track{transition:none}.collection-detail__art-slide{box-sizing:border-box;flex:0 0 100%;height:100%;padding:0 6%}.collection-detail__art--carousel{touch-action:none;cursor:grab}.collection-detail__art--carousel[data-dragging]{cursor:grabbing}.collection-detail__art-marker{visibility:hidden;pointer-events:none;width:2px;height:2px;margin:-1px 0 0 -1px;position:absolute}.collection-detail__art-dots{z-index:3;top:42%;right:calc(14 * var(--cd-u));gap:calc(2 * var(--cd-u));padding:calc(4 * var(--cd-u)) 0;background:#03071073;border:1px solid #d2b16f59;border-radius:999px;flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.collection-detail__art-dot{width:max(22px, calc(36 * var(--cd-u)));height:max(22px, calc(36 * var(--cd-u)));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.collection-detail__art-dot:before{content:"";width:max(8px, calc(13 * var(--cd-u)));height:max(8px, calc(13 * var(--cd-u)));background:#ffffff61;border-radius:50%;transition:background-color .2s,transform .2s;box-shadow:0 0 0 1px #0000008c}.collection-detail__art-dot.is-active:before{box-shadow:0 0 0 1px #0000008c, 0 0 calc(10 * var(--cd-u)) #f2d48acc;background:#f2d48a;transform:scale(1.3)}.collection-detail__art img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;filter:drop-shadow(0 calc(10 * var(--cd-u)) calc(14 * var(--cd-u)) #000000a6);-webkit-user-select:none;user-select:none;display:block}.collection-detail__art--placeholder img{opacity:.5;padding:18%}.collection-detail--locked .collection-detail__art img{filter:grayscale(1) brightness(.55) drop-shadow(0 calc(10 * var(--cd-u)) calc(14 * var(--cd-u)) #000000a6)}.collection-detail--locked .collection-detail__hero{--cd-role-glow:#78849647}.collection-detail__kind{z-index:2;top:calc(44 * var(--cd-u));padding:calc(4 * var(--cd-u)) calc(28 * var(--cd-u)) calc(4 * var(--cd-u)) calc(18 * var(--cd-u));color:#f2d48a;font-size:max(11px, calc(22 * var(--cd-u)));letter-spacing:.12em;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(90deg,#000000c7,#00000073);font-weight:900;position:absolute;left:0;box-shadow:inset 3px 0 #d2b16f}.collection-detail__lock{z-index:2;top:calc(44 * var(--cd-u));right:calc(22 * var(--cd-u));align-items:center;gap:calc(6 * var(--cd-u));padding:calc(4 * var(--cd-u)) calc(12 * var(--cd-u));color:#e4ebf5;font-size:max(11px, calc(22 * var(--cd-u)));background:#040a16d1;border:1px solid #b4c4dc73;border-radius:999px;font-weight:800;display:inline-flex;position:absolute}.collection-detail__lock svg{width:1.05em;height:1.05em}.collection-detail__identity{z-index:2;gap:calc(8 * var(--cd-u));min-width:0;padding:calc(60 * var(--cd-u)) calc(22 * var(--cd-u)) calc(18 * var(--cd-u));background:linear-gradient(#03071000 0%,#030710c7 52%,#030710f5 100%);display:grid;position:absolute;bottom:0;left:0;right:0}.collection-detail__identity>strong{color:#fff3d0;font-size:max(18px, calc(44 * var(--cd-u)));letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 #000000bf, 0 0 calc(14 * var(--cd-u)) var(--cd-role-glow);font-weight:900;line-height:1.1;overflow:hidden}.collection-detail__tags{align-items:center;gap:calc(8 * var(--cd-u));flex-wrap:wrap;display:flex}.collection-detail__tags .collection-card__role{padding:calc(2 * var(--cd-u)) calc(12 * var(--cd-u));font-size:max(11px, calc(20 * var(--cd-u)));position:static}.collection-detail__theme{padding:calc(2 * var(--cd-u)) calc(12 * var(--cd-u));color:#2a1a00;font-size:max(11px, calc(20 * var(--cd-u)));background:linear-gradient(#ffd965,#e5a52c);border-radius:999px;font-style:normal;font-weight:900;line-height:1.35}.collection-detail__theme[data-bond-kind=element]{color:var(--bond-element-ink);background:linear-gradient(180deg, var(--bond-element-hi), var(--bond-element-lo))}.collection-detail__recommend{font-size:max(11px, calc(18 * var(--cd-u)));text-shadow:0 1px #000000bf;font-weight:800;display:inline-block}.collection-detail__growth{align-items:center;gap:calc(8 * var(--cd-u));margin-left:auto;display:inline-flex}.collection-detail__growth>b{padding:0 calc(10 * var(--cd-u));color:#8cecff;font-size:max(12px, calc(24 * var(--cd-u)));font-variant-numeric:tabular-nums;background:#082840bf;border:1px solid #8cecff66;font-weight:900}.collection-detail__main{gap:calc(6 * var(--cd-u));grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.collection-detail__tabs{gap:calc(6 * var(--cd-u));display:flex}.collection-detail__tab{min-height:max(30px, calc(52 * var(--cd-u)));padding:calc(2 * var(--cd-u)) calc(10 * var(--cd-u));cursor:pointer;font-size:max(12px, calc(22 * var(--cd-u)));letter-spacing:.08em;flex:1 1 0;font-weight:800}.collection-detail__tab.is-active{font-weight:900}.collection-detail__panel{align-content:start;gap:calc(12 * var(--cd-u));min-height:0;padding:calc(10 * var(--cd-u)) calc(14 * var(--cd-u)) var(--at-collection-panel-tail);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2b16f73 transparent;background:radial-gradient(120% 50% at 50% -8%,#d6aa521a,#0000 60%),linear-gradient(#0e1628f2,#080d1af2);border:1px solid #d2b16f61;scroll-padding-block-end:var(--at-collection-panel-tail);display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#00000040);mask-image:linear-gradient(#000 calc(100% - 18px),#00000040)}.collection-detail__empty{color:#93a3ba;font-size:var(--at-font-sm);margin:0}.collection-detail__section{gap:calc(6 * var(--cd-u));display:grid}.collection-detail__heading{align-items:center;gap:calc(10 * var(--cd-u));color:#f2d48a;font-size:max(11px, calc(21 * var(--cd-u)));letter-spacing:.1em;font-weight:900;display:flex}.collection-detail__heading:before{content:"";width:max(3px, calc(6 * var(--cd-u)));background:linear-gradient(#ffe7a3,#c79a3e);flex:none;height:1em}.collection-detail__heading:after{content:"";background:linear-gradient(90deg,#d2b16f73,#0000);flex:auto;height:1px}.collection-detail .collection-lore__text{color:#cbd6e6;font-size:max(11px, calc(20 * var(--cd-u)));line-height:1.55}.collection-detail .collection-attributes{border-top:0;padding:0}.collection-detail .collection-attributes__grid{grid-template-columns:repeat(auto-fill, minmax(max(136px, calc(200 * var(--cd-u))), 1fr));gap:calc(5 * var(--cd-u))}.collection-detail .collection-attributes__grid>div{padding:calc(4 * var(--cd-u)) calc(10 * var(--cd-u));background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff12;border-left:2px solid #d2b16f8c;align-items:center}.collection-detail .collection-attributes__grid dt{color:#9aabc2;font-size:max(10px, calc(19 * var(--cd-u)))}.collection-detail .collection-attributes__grid dd{color:#f4f7fb;font-size:max(11px, calc(22 * var(--cd-u)));font-weight:800}.collection-detail .collection-attributes__hint,.collection-detail .collection-attributes__notice{color:#8e9db3;font-size:max(10px, calc(18 * var(--cd-u)))}.collection-detail .collection-skills{gap:calc(6 * var(--cd-u))}.collection-detail .collection-skill{padding:calc(8 * var(--cd-u)) calc(12 * var(--cd-u));border:1px solid #ffffff14;border-left:max(3px, calc(5 * var(--cd-u))) solid #788caa8c;background:linear-gradient(#ffffff0b,#ffffff04);border-radius:0}.collection-detail .collection-skill--active{background:linear-gradient(90deg,#d2a04633,#ffffff05 70%);border-color:#d2b16f73 #d2b16f73 #d2b16f73 #ffd56a}.collection-detail .collection-skill__head>strong{color:#fff0c4;font-size:max(12px, calc(22 * var(--cd-u)))}.collection-detail .collection-skill__text{color:#cbd6e6;font-size:max(11px, calc(20 * var(--cd-u)));line-height:1.5}.collection-detail .collection-skill__facts>em,.collection-detail .collection-skill__numbers dt,.collection-detail .collection-skill__numbers dd,.collection-detail .collection-skill__state>b,.collection-detail .collection-skill__state>em,.collection-detail .collection-skill__stage-hint,.collection-detail .collection-bond-tag__tiers b,.collection-detail .collection-bond-tag__tiers span,.collection-detail .collection-bond-tag__effects>span{font-size:max(var(--at-font-xs), calc(18 * var(--cd-u)))}.collection-detail .collection-bond-tags{gap:calc(6 * var(--cd-u))}.collection-detail .collection-bond-tag{padding:calc(8 * var(--cd-u)) calc(12 * var(--cd-u));border:1px solid #ffffff14;border-left:max(3px, calc(5 * var(--cd-u))) solid #d2b16f;background:linear-gradient(#ffffff0b,#ffffff04);border-radius:0}.collection-detail .collection-bond-tag__name{color:#fff0c4;font-size:max(12px, calc(22 * var(--cd-u)))}.collection-detail .collection-bond-tag__icon{width:max(20px, calc(36 * var(--cd-u)));height:max(20px, calc(36 * var(--cd-u)));font-size:max(11px, calc(20 * var(--cd-u)));clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border-radius:0}.collection-detail__actions{align-items:center;gap:calc(8 * var(--cd-u));padding:calc(5 * var(--cd-u)) calc(8 * var(--cd-u));background:linear-gradient(#141a28f2,#0a0e18f2);border:1px solid #d2b16f61;flex-wrap:wrap;display:flex}.collection-detail__gap{flex:1 1 calc(200 * var(--cd-u));min-width:96px}.collection-detail__gap .collection-fragments{height:max(14px, calc(24 * var(--cd-u)));background:#0000008c;border:1px solid #d2b16f66;border-radius:0}.collection-detail__gap .collection-fragments__bar{background:linear-gradient(90deg,#b07a22,#ffd56a);box-shadow:0 0 8px #ffd56a80}.collection-detail__gap .collection-fragments small{color:#fff8e1;font-size:max(10px, calc(17 * var(--cd-u)));font-weight:800;line-height:max(12px, calc(22 * var(--cd-u)));text-shadow:0 1px 2px #000000e6}.collection-action{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);cursor:pointer;font:inherit;flex:170px;display:flex;position:relative}.collection-detail__actions .collection-action{min-width:calc(200 * var(--cd-u));min-height:max(32px, calc(56 * var(--cd-u)));padding:calc(3 * var(--cd-u)) calc(16 * var(--cd-u));font-size:max(12px, calc(22 * var(--cd-u)));flex:0 auto}.collection-detail__actions .collection-action--minor,.collection-detail__actions .collection-action--compact{min-width:0}.collection-detail__actions .collection-action--compact{padding-inline:calc(14 * var(--cd-u));flex:none}.collection-action__label{text-align:left;gap:1px;font-weight:900;display:grid}.collection-action__label>em{color:#d8c08a;font-size:max(9px, calc(16 * var(--cd-u)));font-style:normal;font-weight:700}.collection-action__cost{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.collection-action__cost>b{font-size:max(11px, calc(21 * var(--cd-u)));font-weight:900}.collection-action__badge{color:#06203f;background:linear-gradient(#9de7ff,#35a8ff);border:1px solid #d5f4ff;border-radius:999px;padding:0 6px;font-size:10px;font-style:normal;font-weight:900;line-height:15px;position:absolute;top:-8px;right:8px}.collection-action.collection-action--short{--btn-fill:linear-gradient(#1e2328, #1e2328);--btn-rim:linear-gradient(#5c5b57, #5c5b57);--btn-ink:#8d8b86}.collection-action--short .collection-action__label>em{color:#6e6d6a}.collection-action:disabled{cursor:progress}@media (prefers-reduced-motion:reduce){.collection-detail__halo{animation:none}.collection-detail__art-track{transition:none}}.collection-detail .attribute-delta{padding:0 calc(6 * var(--cd-u));font-size:max(10px, calc(18 * var(--cd-u)));border-radius:2px;font-weight:900;line-height:1.4}.collection-detail .attribute-delta--up{color:#7cf0b2;background:#3cc88229}.collection-detail .attribute-delta--down{color:#ffa395;background:#e65a4629}.power-panel{gap:4px;min-width:0;display:grid}.power-panel__head{justify-content:space-between;align-items:baseline;gap:var(--at-gap-xs);color:#a9dfff;font-size:var(--at-font-xs);letter-spacing:.08em;display:flex}.power-panel__head strong{color:#ffe08a;font-size:var(--at-font-lg);font-variant-numeric:tabular-nums;font-weight:900}.power-panel__bar{background:#04122acc;border:1px solid #375d88;border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.power-panel__seg{height:100%}.power-panel__legend{gap:2px var(--at-gap-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.power-panel__legend>li{color:#9db2ca;font-size:var(--at-font-xs);align-items:center;gap:3px;display:flex}.power-panel__legend b{color:#dff0ff;font-variant-numeric:tabular-nums}.power-panel__dot{border-radius:2px;width:7px;height:7px}.power-panel__seg--attributes,.power-panel__dot--attributes{background:#4f8fd8}.power-panel__seg--skills,.power-panel__dot--skills{background:#8a6fd8}.power-panel__seg--weapons,.power-panel__dot--weapons{background:#d88a6f}.power-panel__seg--pets,.power-panel__dot--pets{background:#57c2a8}.power-panel__seg--bonds,.power-panel__dot--bonds{background:#d8c05a}.power-panel__seg--matchCards,.power-panel__dot--matchCards{background:#d86f9c}.power-panel--compact .power-panel__head{gap:6px}.bond-progress{gap:4px var(--at-gap-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bond-progress__empty{color:#9db2ca;font-size:var(--at-font-xs)}.bond-progress__item{--bond-tone:linear-gradient(180deg, #f0c48a, #8a4f22);--bond-tone-solid:#c98a4e;--bond-tone-ink:#ffe2bf;--bond-tone-core:#3d2210;color:#e6f0ff;border:1px solid #7698c473;border-left:3px solid var(--bond-tone-solid);min-width:0;font-size:var(--at-font-xs);background:linear-gradient(90deg,#0a1e3ef5,#06142ce6);border-radius:6px;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-weight:800;display:flex}.bond-progress__item[data-bond-tone=silver]{--bond-tone:linear-gradient(180deg, #fff, #8e9bb3);--bond-tone-solid:#c7d3e6;--bond-tone-ink:#f3f7ff;--bond-tone-core:#26324a}.bond-progress__item[data-bond-tone=gold]{--bond-tone:linear-gradient(180deg, #fff2a6, #c8871a);--bond-tone-solid:#f2c24a;--bond-tone-ink:#ffe68a;--bond-tone-core:#432c06}.bond-progress__item[data-bond-tone=prism]{--bond-tone:conic-gradient(from 210deg, #ffd1f4, #b8d8ff, #b9ffe0, #fff2a6, #ffc4d8, #ffd1f4);--bond-tone-solid:#e8c8ff;--bond-tone-ink:#fff;--bond-tone-core:#2b1d4f;box-shadow:0 0 10px #d6b4ff59}.bond-progress__icon{width:22px;height:25px;color:var(--bond-tone-ink);background:var(--bond-tone);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid;position:relative}.bond-progress__icon:before{content:"";background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--bond-tone-core) 70%, #fff 12%), var(--bond-tone-core));clip-path:inherit;z-index:-1;position:absolute;inset:2px}.bond-progress__item[data-bond-kind=role] .bond-progress__icon{--bond-tone-core:#3d2a0c;color:#ffe7a6}.bond-progress__item[data-bond-kind=element] .bond-progress__icon{--bond-tone-core:#0c2a55;color:#c8f4ff}.bond-progress__icon{isolation:isolate;text-shadow:0 1px 1px #000c}.bond-progress__name{color:#f4f8ff;text-overflow:ellipsis;white-space:nowrap;max-width:6.5em;overflow:hidden}.bond-progress__count{color:var(--bond-tone-solid);font-variant-numeric:tabular-nums;white-space:nowrap}.bond-progress__tiers{align-items:center;gap:1px;display:flex}.bond-progress__tier{color:#6f86a6;font-variant-numeric:tabular-nums;font-size:10px;font-style:normal}.bond-progress__tier+.bond-progress__tier:before{content:"›";color:#4d6384;margin-right:1px}.bond-progress__tier.is-on{color:var(--bond-tone-solid)}.bond-progress[data-preview=true] .bond-progress__item{border-style:dashed}.bond-progress__item[data-selected]{cursor:pointer;transition:border-color .12s,box-shadow .12s,filter .12s;position:relative}.bond-progress__hit{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:-4px 0}.bond-progress__item[data-selected]:hover{filter:brightness(1.12)}.bond-progress__item[data-selected=true]{border-color:var(--gold-light);box-shadow:0 0 0 1px #ffe7a373,0 0 10px #ffd35959}.bond-progress--compact .bond-progress__tiers{display:none}.bond-progress--compact .bond-progress__name{max-width:5em}.player-profile__block--power{grid-template-rows:auto}.lineup-editor__power{align-items:center;gap:var(--at-gap-xs) var(--at-gap-md);flex-wrap:wrap;min-width:0;display:flex}.lineup-tab__power{color:#8edfff;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums}.bond-progress__head{align-items:center;gap:4px;min-width:0;display:flex}.bond-progress--detailed{align-items:stretch;gap:var(--at-gap-xs);flex-direction:column}.bond-progress--detailed .bond-progress__item{border-radius:var(--at-radius-md);padding:4px 8px 5px 4px;display:block}.bond-progress--detailed .bond-progress__name{max-width:none}.bond-progress__effects{margin:3px 0 0 27px;padding:0;list-style:none}.bond-progress__effects>li{color:#c6d6ec;font-size:var(--at-font-xs);font-weight:700;line-height:1.45}.bond-progress__effects>li:before{content:"◆ ";color:var(--bond-tone-solid);font-size:.8em}.shop{gap:var(--at-gap-xs);flex-direction:column;height:100%;min-height:0;display:flex}.shop-bar{align-items:center;gap:var(--at-gap-xs) var(--at-gap-sm);padding:var(--at-gap-xs) var(--at-gap-sm);border-radius:var(--at-panel-radius);background:linear-gradient(#0a2042eb,#051228d1);border:1px solid #2c476b;flex-wrap:wrap;flex:none;display:flex;box-shadow:inset 0 1px #8cbeff29}.shop-bar__tabs{background:#040e20b8;border:1px solid #24405f;border-radius:999px;flex:0 auto;gap:2px;min-width:0;padding:2px;display:flex}.shop-bar__tab{min-height:calc(var(--at-touch) - 10px);padding:0 var(--at-gap-md);font-size:var(--at-font-sm);white-space:nowrap;cursor:pointer;font-weight:800}.shop-bar__tab:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.shop-bar__aside{align-items:center;gap:var(--at-gap-sm);flex:none;margin-left:auto;display:flex}.shop-clock{padding:3px var(--at-gap-sm);color:#9fd0ff;background:#040e20b8;border:1px solid #24405f;border-radius:999px;align-items:center;gap:5px;display:flex}.shop-clock__glyph{flex:none}.shop-clock small{color:#7fa3c9;font-size:var(--at-font-xs);white-space:nowrap}.shop-clock b{color:#eaf6ff;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;letter-spacing:.04em}.shop-refresh{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.shop-refresh__label{font-size:var(--at-font-sm);align-items:center;gap:4px;font-weight:900;line-height:1.1;display:flex}.shop-refresh small{font-size:var(--at-font-xs);font-weight:700}.shop-refresh:disabled{cursor:not-allowed}.shop-refresh:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.shop__empty{padding:var(--at-gap-sm);color:#cfe0f4;font-size:var(--at-font-xs);text-align:center;border-radius:var(--at-radius-md);background:#08131fb8;flex:none;margin:0;line-height:1.4}.shop__grid{grid-template-columns:repeat(auto-fit, minmax(var(--at-shop-card-w), var(--at-shop-card-max)));place-content:start center;gap:var(--at-gap-sm);flex:auto;min-height:0;margin:0;padding:2px;list-style:none;display:grid;overflow:hidden auto}.shop-card{--shop-tier:#8ea3bb;--shop-tier-soft:#8ea3bb4d;width:100%;min-width:0;position:relative}.shop-card[data-shop-tier=heroFragment]{--shop-tier:#4fa3ff;--shop-tier-soft:#4fa3ff52}.shop-card[data-shop-tier=petFragment]{--shop-tier:#b07cff;--shop-tier-soft:#b07cff52}.shop-card[data-shop-tier=stone]{--shop-tier:#ffd965;--shop-tier-soft:#ffd96552}.shop-card[data-shop-tier=skin]{--shop-tier:#ff7bd5;--shop-tier-soft:#ff7bd552}.shop-card[data-shop-tier=goldPack]{--shop-tier:#ffb53d;--shop-tier-soft:#ffb53d57}.shop-card[data-shop-tier=renameCard]{--shop-tier:#7ec8ff;--shop-tier-soft:#7ec8ff52}.shop-card__hit{width:100%;height:100%;padding:var(--at-gap-xs);text-align:left;background:radial-gradient(120% 70% at 50% 0%, var(--shop-tier-soft), transparent 62%), linear-gradient(180deg, #0d2c58f5, #051126f5);border:1px solid var(--shop-tier);border-radius:var(--at-panel-radius);cursor:pointer;flex-direction:column;gap:3px;display:flex;box-shadow:inset 0 0 0 1px #061226e6,0 2px 10px #00000057}.shop-card__hit:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.shop-card__hit:disabled{cursor:default}.shop-card__head{justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.shop-card__tier{color:#06182f;font-size:var(--at-font-xs);white-space:nowrap;text-overflow:ellipsis;background:var(--shop-tier);border-radius:3px;padding:0 5px;font-style:normal;font-weight:800;overflow:hidden}.shop-card__amount{color:#ffe9a8;font-size:var(--at-font-sm);text-shadow:0 1px 2px #04101f;flex:none;font-style:normal;font-weight:900}.shop-card__frame{height:var(--at-shop-card-art);border-radius:var(--at-radius-md);background:radial-gradient(90% 70% at 50% 30%,#184078cc,#040d1ef2);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.shop-card__art{object-fit:contain;width:100%;height:100%;display:block}.shop-card__recommend{z-index:1;text-align:center;background:linear-gradient(#02081400,#020814d1 45%);padding:1px 4px;position:absolute;bottom:0;left:0;right:0}.shop-card__discount{z-index:1;color:#fff4d6;font-size:var(--at-font-xs);letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:linear-gradient(160deg,#ff6a4d,#c8202f);border:1px solid #ffd2a8;border-radius:4px 4px 4px 1px;padding:1px 6px;font-style:normal;font-weight:900;line-height:1.3;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #00000073,inset 0 1px #ffffff47}.shop-card__art--blank{width:100%;height:100%;display:block}.shop-card__art--blank:after{height:100%;color:var(--shop-tier);font-size:calc(var(--at-shop-card-art) * .42);opacity:.5;content:"?";justify-content:center;align-items:center;font-weight:900;display:flex}.shop-card__art--currency{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.shop-card__art--currency .currency-icon{width:calc(var(--at-shop-card-art) * .62);height:calc(var(--at-shop-card-art) * .62);filter:drop-shadow(0 2px 6px #ffb53d73)}.shop-card__name{color:#eaf2fb;font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.shop-card__target{color:#9fb8d3;min-height:1em;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-card__foot{justify-content:space-between;align-items:center;gap:4px;min-width:0;margin-top:auto;display:flex}.shop-card__price{color:#21160a;background:linear-gradient(#ffe9a8,#e0b04a);border-radius:999px;align-items:center;gap:3px;padding:1px 7px 1px 5px;display:flex}.shop-card__price b{font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;font-weight:900}.shop-card__limit{color:#7fa3c9;font-size:var(--at-font-xs);flex:none}.shop-card__original{color:#8ea3bb;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;flex:none;text-decoration-color:#c8202f;text-decoration-thickness:1.5px}.shop-card[data-shop-state=unaffordable] .shop-card__price{color:#2b0d10;background:linear-gradient(#ffb9ae,#d9695c)}.shop-card[data-shop-sold-out=true] .shop-card__hit{filter:grayscale(.85)brightness(.68)}.shop-card__seal{z-index:1;color:#fff1d6;font-size:var(--at-font-sm);letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#7a1822eb;border:1px solid #ff9b8d;border-radius:3px;padding:2px 10px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg);box-shadow:0 2px 10px #00000080}.shop-confirm{align-items:center;gap:var(--at-gap-md);min-width:0;display:flex}.shop-confirm__frame{width:var(--at-shop-confirm-art);height:var(--at-shop-confirm-art);border-radius:var(--at-radius-md);background:radial-gradient(90% 70% at 50% 30%,#184078cc,#040d1ef2);border:1px solid #4a6f99;flex:none;display:block;position:relative;overflow:hidden}.shop-confirm__art{object-fit:contain;width:100%;height:100%;display:block}.shop-confirm__art--blank:after{color:#7fa3c9;height:100%;font-size:calc(var(--at-shop-confirm-art) * .42);opacity:.5;content:"?";justify-content:center;align-items:center;font-weight:900;display:flex}.shop-confirm__amount{color:#ffe9a8;font-size:var(--at-font-sm);text-shadow:0 1px 3px #000;font-style:normal;font-weight:900;position:absolute;bottom:2px;right:3px}.shop-confirm__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.shop-confirm__name{color:#ffe9a8;font-size:var(--at-font-md);font-weight:900}.shop-confirm__target{color:#9fb8d3;font-size:var(--at-font-xs)}.shop-confirm__price{color:#21160a;background:linear-gradient(#ffe9a8,#e0b04a);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:1px 8px 1px 6px;display:flex}.shop-confirm__price b{font-size:var(--at-font-md);font-variant-numeric:tabular-nums;font-weight:900}.shop-confirm__price-row{align-items:center;gap:6px;min-width:0;display:flex}.shop-confirm__original{color:#8ea3bb;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;text-decoration-color:#c8202f;text-decoration-thickness:1.5px}.shop-confirm__discount{color:#fff4d6;font-size:var(--at-font-xs);white-space:nowrap;background:linear-gradient(160deg,#ff6a4d,#c8202f);border:1px solid #ffd2a8;border-radius:4px;padding:0 6px;font-style:normal;font-weight:900}.shop-confirm__wallet{gap:var(--at-gap-sm);color:#9fb8d3;font-size:var(--at-font-xs);display:flex}.shop-confirm__short{color:#ff9b8d;font-size:var(--at-font-xs);font-weight:800}.shop-target__grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;max-height:min(46vh,300px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.shop-target__option{width:100%;min-height:var(--at-touch);color:#cfe0f4;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);cursor:pointer;background:#12253d;border:1px solid #37587f;flex-direction:column;align-items:center;gap:2px;padding:2px;display:flex}.shop-target__option.is-active{border-color:var(--gold,#f0c862);box-shadow:0 0 0 1px var(--gold,#f0c862) inset}.shop-target__art{aspect-ratio:1;object-fit:cover;border-radius:var(--at-radius-md);width:100%}.shop-target__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shop-target__empty{color:#a9c3e4;font-size:var(--at-font-xs);margin:0}.lobby-shell--sub:has(>.lobby-sub-body>.vault){--at-lobby-backdrop-image:url(/assets/ui/vault/vault-backdrop-v1.webp)}.lobby-sub-body:has(>.vault){overflow:hidden}.vault{--vault-gold:#f6d98a;--vault-line:#e5b34dbf;--vault-radius:clamp(8px, 2.6cqh, 16px);--vault-gap:clamp(6px, 2cqh, 14px);gap:var(--vault-gap);grid-template-columns:clamp(236px,36cqw,440px) minmax(0,1fr);height:100%;min-height:0;padding-block:clamp(2px,1cqh,10px);display:grid}.vault__side[data-has-marks=true]{grid-template-rows:max-content max-content minmax(0,1fr)}.vault__side{align-content:start;gap:var(--vault-gap);grid-template-rows:max-content minmax(0,1fr);min-width:0;min-height:0;display:grid;container:vault-side/inline-size}.vault__purse{grid-template-columns:minmax(0,1fr);gap:clamp(4px,1.4cqh,10px);display:grid}.vault-coin{color:#fff;border:1px solid var(--vault-line);background:radial-gradient(90% 140% at 0%,#ffd67842,#0000 60%),linear-gradient(160deg,#0c2656e6,#04102ae6);border-radius:999px clamp(10px,3cqh,20px) clamp(10px,3cqh,20px) 999px;grid-template-columns:clamp(30px,10cqh,64px) minmax(0,1fr) max-content;align-items:center;gap:clamp(4px,1.4cqh,10px);min-width:0;min-height:clamp(40px,11.5cqh,80px);padding:0 clamp(5px,1.4cqh,12px) 0 clamp(3px,1cqh,8px);display:grid;position:relative;box-shadow:inset 0 0 0 2px #3584dc4d,inset 0 1px #fff0c84d,0 6px 16px #00061873}.vault-coin[data-icon=diamondGem]{background:radial-gradient(90% 140% at 0%,#6ec8ff4d,#0000 60%),linear-gradient(160deg,#0c2656e6,#04102ae6)}.vault-coin__art{object-fit:contain;filter:drop-shadow(0 3px 5px #00000080);pointer-events:none;width:118%;max-width:none;margin-left:-18%}.vault-coin__mark{justify-self:center}.vault-coin__text{gap:1px;min-width:0;display:grid}.vault-coin__name{color:var(--vault-gold);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,2.6cqh,14px);font-weight:800;line-height:1.1;overflow:hidden}.vault-coin__balance{font-family:var(--display);text-overflow:ellipsis;text-shadow:0 2px #0000008c;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(15px,4.8cqh,30px);line-height:1;overflow:hidden}.vault-coin__cap{background:#00000073;border-radius:999px;height:clamp(3px,.9cqh,6px);margin-top:2px;display:block;overflow:hidden}.vault-coin__cap i{height:100%;transform:scaleX(var(--fill,0));transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#f0b437,#ffe9a6);display:block}.vault-coin[data-full=true] .vault-coin__cap i{background:linear-gradient(90deg,#ff8a4a,#ffc06b)}.vault-coin__recharge{aspect-ratio:1;color:#3b2200;cursor:pointer;background:linear-gradient(#ffe9a3,#f2b63c 55%,#d48a1f);border:1px solid #fff2c4;border-radius:50%;place-items:center;width:clamp(22px,6.6cqh,38px);padding:0;display:grid;box-shadow:0 2px #8d5310,0 3px 8px #00000059}.vault-coin__recharge svg{stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;fill:none;width:62%;height:62%}.vault-coin__recharge:active{transform:translateY(1px);box-shadow:0 1px #8d5310}.vault-coin__recharge:focus-visible{outline-offset:2px;outline:2px solid #8ce4ff}.vault__marks{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(108px,26cqh,180px)),1fr));gap:clamp(4px,1.2cqh,8px);display:grid}.vault-coin--compact{border-radius:999px;grid-template-columns:max-content minmax(0,1fr);min-height:clamp(26px,8cqh,48px);padding:0 clamp(6px,1.8cqh,12px)}.vault-coin--compact .vault-coin__text{grid-auto-flow:column;justify-content:space-between;align-items:baseline;gap:6px}.vault-coin--compact .vault-coin__balance{font-size:clamp(12px,3.6cqh,22px)}.vault-section{border:1px solid var(--vault-line);border-radius:var(--vault-radius);-webkit-backdrop-filter:blur(6px)saturate(1.1);background:linear-gradient(#051432a8,#030c20c7);grid-template-rows:max-content minmax(0,1fr);gap:clamp(4px,1.2cqh,10px);min-width:0;min-height:0;padding:clamp(5px,1.6cqh,12px) clamp(6px,1.8cqh,14px);display:grid;box-shadow:inset 0 0 0 2px #3584dc4d,0 10px 26px #00061880}.vault-heading{color:var(--vault-gold);letter-spacing:.06em;text-shadow:0 1px 2px #0009;align-items:center;gap:6px;margin:0;font-size:clamp(12px,3.4cqh,18px);font-weight:800;display:flex}.vault-heading h2{font:inherit;margin:0}.vault-heading b{color:#fff;text-align:center;background:linear-gradient(#ff6b5a,#d8322a);border-radius:999px;min-width:1.5em;padding:0 .4em;font-size:.78em;line-height:1.5;box-shadow:0 1px 2px #0006}.vault-section--coupons>:last-child,.vault-section--fragments>:last-child{scrollbar-width:thin;scrollbar-color:#e5b34d80 transparent;min-height:0;overflow-y:auto}.vault-empty{height:100%;padding:var(--vault-gap);color:#d6e4ffcc;text-align:center;align-content:center;place-items:center;gap:clamp(4px,1.6cqh,12px);margin:0;font-size:clamp(11px,3.2cqh,16px);display:grid}.vault-empty p{max-width:32em;margin:0}.vault-empty img{opacity:.9;filter:drop-shadow(0 6px 12px #00000073);width:clamp(64px,22cqh,160px);height:auto}.vault-empty--page{grid-column:1/-1}.vault-empty--row{text-align:left;justify-content:flex-start;align-items:center;gap:clamp(6px,2cqh,14px);height:auto;min-height:clamp(44px,13cqh,84px);padding:0 clamp(4px,1.2cqh,10px);display:flex}.vault-empty--row img,.vault-empty--row .vault-spinner{flex:none}.vault-empty--row img{width:clamp(40px,11cqh,72px)}.vault-empty--row p{flex:auto;min-width:0;max-width:none}.vault-empty__retry{color:var(--vault-gold);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:2px 4px;font-weight:800}.vault-empty__retry:focus-visible{outline-offset:2px;outline:2px solid #8ce4ff}.vault-spinner{border:3px solid #e5b34d4d;border-top-color:var(--vault-gold);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite vault-spin}@keyframes vault-spin{to{transform:rotate(360deg)}}.vault-coupons{min-width:0;min-height:0}.vault-coupons__list{align-content:start;gap:clamp(4px,1.2cqh,9px);margin:0;padding:0;list-style:none;display:grid}.vault-ticket{--seal-w:clamp(46px, 13cqh, 88px);--notch:clamp(4px, 1.2cqh, 7px);min-width:0;animation:.36s cubic-bezier(.2,.8,.2,1) both vault-ticket-in;animation-delay:calc(var(--i,0) * 50ms)}@keyframes vault-ticket-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vault-ticket__face{grid-template-columns:var(--seal-w) minmax(0, 1fr) max-content max-content;color:#fff;width:100%;min-height:clamp(44px,12.4cqh,76px);font:inherit;text-align:left;-webkit-mask:radial-gradient(circle var(--notch) at var(--seal-w) 0, transparent 96%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--seal-w) 100%, transparent 96%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at var(--seal-w) 0, transparent 96%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--seal-w) 100%, transparent 96%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--seal-w) 0, transparent 96%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--seal-w) 100%, transparent 96%, #000) bottom / 100% 51% no-repeat;background:radial-gradient(90% 140% at 0%,#ffc45c38,#0000 60%),linear-gradient(115deg,#17336f,#0b1d47 62%,#102a5c);border:1px solid #f0c468e6;border-radius:8px;align-items:center;gap:clamp(3px,1cqh,8px);padding:0 clamp(8px,2cqh,14px) 0 0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffecbe24,0 4px 10px #00000059}.vault-ticket__face:before{content:"";top:calc(var(--notch) + 3px);bottom:calc(var(--notch) + 3px);left:calc(var(--seal-w) - .5px);border-left:1px dashed #f0c4688c;position:absolute}button.vault-ticket__face{cursor:pointer}button.vault-ticket__face:hover,button.vault-ticket__face:focus-visible{border-color:#ffe39a;outline:none;box-shadow:inset 0 0 0 1px #ffecbe4d,0 0 0 2px #ffd26e59,0 4px 10px #00000059}button.vault-ticket__face:active{transform:translateY(1px)}.vault-ticket__seal{width:clamp(36px,10.6cqh,64px);max-width:calc(var(--seal-w) - 8px);aspect-ratio:1;color:#fff4d0;font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;text-shadow:0 1px 1px #00000080;background:radial-gradient(circle at 35% 30%,#ef5a3c,#b8261a 55%,#7c1209);border:2px solid #f2c66b;border-radius:50%;justify-self:center;place-items:center;font-size:clamp(11px,3.2cqh,19px);line-height:1;display:grid;box-shadow:inset 0 0 0 2px #7c1209b3,inset 0 0 0 3px #ffdc9673,0 2px 6px #00000073}.vault-ticket__seal[data-long=true]{font-size:clamp(9px,2.6cqh,15px)}.vault-ticket[data-kind=bonusPermille] .vault-ticket__seal{background:radial-gradient(circle at 35% 30%,#4fb4ff,#1d63c9 55%,#0d3277);box-shadow:inset 0 0 0 2px #0d3277b3,inset 0 0 0 3px #ffdc9673,0 2px 6px #00000073}.vault-ticket__body{gap:clamp(1px,.5cqh,4px);min-width:0;padding:clamp(4px,1.2cqh,9px) clamp(6px,1.8cqh,12px);display:grid}.vault-ticket__name{color:#fbe7b0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,3cqh,16px);font-weight:800;overflow:hidden}.vault-ticket__meta{color:#cedeffb8;white-space:nowrap;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;font-size:clamp(10px,2.5cqh,13px);line-height:1.25;display:flex}.vault-ticket[data-expiring=true] .vault-ticket__expiry{color:#ffb36b;font-weight:800}.vault-ticket__stack{color:#9ff0bf;text-overflow:ellipsis;border:1px solid #78dca08c;border-radius:4px;max-width:100%;padding:0 .45em;font-style:normal;font-weight:700;overflow:hidden}.vault-ticket__count{color:#3b1a00;min-width:2.2em;font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#fff1bd,#f5c24e 55%,#d88f1f);border:1px solid #fff4cf;border-radius:999px;padding:.1em .45em;font-size:clamp(13px,4cqh,22px);line-height:1.1;box-shadow:0 2px #784208e6,0 0 8px #ffc85a59}.vault-ticket__go{color:#f2c66b;font-size:clamp(16px,5cqh,28px);font-weight:700;line-height:1}@container vault-side (width<=380px){.vault-ticket__face{grid-template-columns:var(--seal-w) minmax(0, 1fr) max-content;gap:2px;padding-right:6px}.vault-ticket__go{display:none}.vault-ticket__body{padding-inline:6px 2px}.vault-ticket__count{min-width:1.9em;padding-inline:.3em;font-size:13px}}.vault-heading__link{color:#f6d98ae6;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 4px;font-size:.82em}.vault-heading__link:focus-visible{outline-offset:2px;outline:2px solid #8ce4ff}.vault-cards{grid-template-columns:repeat(auto-fill,minmax(clamp(68px,min(21cqh,12cqw),150px),1fr));align-content:start;align-items:start;gap:clamp(5px,1.6cqh,12px);margin:0;padding:2px 2px clamp(4px,1.4cqh,10px);list-style:none;display:grid}.vault-card-cell{align-self:start;min-width:0;display:block}.vault-card{--vault-tint:#8ea3bb;--vault-frame:url(/assets/ui/gacha/gacha-card-frame-common-v4.webp);aspect-ratio:300/422;width:100%;height:auto;color:inherit;font:inherit;isolation:isolate;background:0 0;border:0;padding:0;display:block;position:relative;container-type:size}.vault-card[data-frame=legendary]{--vault-tint:#ffd965;--vault-frame:url(/assets/ui/gacha/gacha-card-frame-legendary-v4.webp)}.vault-card[data-frame=rare]{--vault-tint:#4fa3ff;--vault-frame:url(/assets/ui/gacha/gacha-card-frame-rare-v4.webp)}.vault-card[data-frame=epic]{--vault-tint:#b07cff;--vault-frame:url(/assets/ui/gacha/gacha-card-frame-epic-v4.webp)}.vault-card:after{z-index:-1;background:radial-gradient(70% 50% at 50% 45%, color-mix(in srgb, var(--vault-tint) 42%, transparent), transparent 75%), repeating-linear-gradient(135deg, #ffffff09 0 2px, transparent 2px 7px), linear-gradient(180deg, #10305e 0%, #0a2247 55%, #061631 100%);content:"";pointer-events:none;border-radius:6%;position:absolute;inset:2.5% 3.5% 2.5% 3%}.vault-card:before{z-index:2;background:var(--vault-frame) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}.vault-card__art{object-fit:contain;object-position:center bottom;background:radial-gradient(closest-side, color-mix(in srgb, var(--vault-tint) 38%, transparent), transparent 100%) center 96% / 90% 22% no-repeat;width:78.7%;height:67.6%;filter:drop-shadow(0 2px 2px #0009) drop-shadow(0 0 5px color-mix(in srgb, var(--vault-tint) 50%, transparent));position:absolute;top:10%;left:9%}.vault-card__name{z-index:3;color:#fff4cf;font-size:min(9.5cqh, calc(64cqw / var(--vault-name-chars,4)));text-overflow:ellipsis;text-shadow:0 1px #000,0 0 3px #000000e6;white-space:nowrap;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;inset:80.5% 14% 4.5% 11.5%;overflow:hidden}.vault-card__count{z-index:3;color:#fff1c2;font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px #000,0 0 3px #000000e6;place-items:center;font-size:11cqh;line-height:1;display:grid;position:absolute;inset:4.8% 5.2% 77.3% 69.5%}.vault-card__count[data-digits="3"]{font-size:max(10px,8.4cqh)}.vault-card__count:is([data-digits="4"],[data-digits="5"]){letter-spacing:0;white-space:nowrap;background:#040e24eb;border:1px solid #f0c468e6;border-radius:999px;height:auto;padding:.1em .45em;font-size:max(10px,9cqh);line-height:1.2;top:7%;bottom:auto;left:auto;box-shadow:0 1px 3px #0009}.vault-card__count[data-digits="5"]{font-size:max(10px,8cqh)}.vault-card--link{cursor:pointer;transition:transform .15s,filter .15s}.vault-card--link:hover,.vault-card--link:focus-visible{filter:brightness(1.1) drop-shadow(0 0 6px color-mix(in srgb, var(--vault-tint) 70%, transparent));outline:none;transform:translateY(-2px)}.vault-card--link:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.vault-ticket{animation:none}.vault-spinner{animation-duration:3s}}.lobby-frame{grid-template-rows:minmax(0,1fr) max-content;width:100%;height:100%;min-height:0;display:grid;container:stage/size}.lobby-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:radial-gradient(circle at 50% 44%, transparent 26%, #01091b4d 100%), linear-gradient(180deg, #04112d3d, transparent 28%, transparent 70%, #020a1da8), var(--at-lobby-backdrop-image,linear-gradient(145deg, #3d9be3, #164e8b)) center/cover no-repeat, #3d9be3;width:100%;height:100%;position:relative;overflow:hidden}.lobby-shell img{-webkit-user-drag:none}.lobby-slot{min-width:0;min-height:0;position:absolute}.lobby-slot--header{inset:0 0 81.3%}.lobby-slot--menu{width:12.92%;inset:21.55% auto 14.57% .68%}.lobby-slot--plaza{inset:19.84% 28.4% 24.5% 17.2%}.lobby-slot--dock{z-index:5;inset:80.4% 28.4% 2.64% 17.2%}.lobby-social-layer{z-index:20;display:var(--at-lobby-chat-display,block);min-width:0;min-height:0;position:absolute;inset:18.91% 1.36% 14.57% 72.4%}.lobby-menu{grid-auto-rows:var(--at-pill-h);align-content:start;gap:0;min-width:0;height:100%;min-height:0;display:grid;container:lobbymenu/inline-size}.menu-pill{grid-template-columns:var(--at-menu-icon) minmax(0, 1fr);color:#eaf5ff;text-align:left;cursor:pointer;background:linear-gradient(#2e5e88d1,#26527ad6);border:0;align-items:center;gap:4.68cqw;height:100%;min-height:0;padding:0 3.51cqw;font-size:12.28cqw;font-weight:700;transition:filter .14s,background .14s;display:grid;position:relative}.menu-pill>img{object-fit:contain;width:24.56cqw;height:24.56cqw}.menu-pill:first-child{border-radius:1.1cqh 1.1cqh 0 0}.menu-pill:nth-last-child(2){border-radius:0 0 1.1cqh 1.1cqh;box-shadow:inset 0 0 0 1px #96c8ff1a}.menu-pill+.menu-pill:not([data-menu=more]):before{content:"";background:#a8d6ff38;height:1px;position:absolute;top:0;left:3.51cqw;right:3.51cqw}.menu-pill[data-menu=more]{color:#fff;background:linear-gradient(#123a7c,#081d46);border:1px solid #78beff8c;border-radius:8.5cqw;grid-template-columns:max-content minmax(0,1fr) max-content;gap:7cqw;padding:0 5cqw 0 7cqw;font-size:12cqw}.menu-pill[data-menu=more]>span{text-align:center}.menu-pill>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-pill:hover:enabled{background:#78beff29}.menu-pill[data-menu=more]:hover:enabled{filter:brightness(1.14);background:0 0}.menu-pill:active:enabled{filter:brightness(.92);transform:translateY(1px)}.menu-pill[aria-current=page],.menu-pill[data-menu=more][aria-expanded=true],.menu-pill[data-menu=more][aria-current=page]{background:linear-gradient(#1a4d96,#0c2758);border-color:#8fe3ff}.menu-pill:focus-visible{outline-offset:2px;outline:2px solid #7df}.menu-pill:disabled{opacity:.5;cursor:default}.menu-pill__dots{justify-content:center;align-items:center;gap:3.5cqw;display:flex}.menu-pill__dots:before,.menu-pill__dots:after,.menu-pill__dots>i{content:"";background:linear-gradient(#fff 34%,#f5c247 36%,#d99a24);border-radius:50%;width:5.5cqw;height:5.5cqw;box-shadow:0 0 .3cqh #00000073}.menu-pill__dots>i{display:block}.menu-pill__more-arrow{color:#fff;font-size:14cqw;font-style:normal;font-weight:400;line-height:.8;position:static}.menu-pill__dot{top:2px;left:calc(var(--at-gap-sm) + var(--at-menu-icon) - 8px);background:#ff4d4f;border:1px solid #ffffffd9;border-radius:50%;width:8px;height:8px;position:absolute}.menu-pill[data-flash=true]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffdd808c 50%,#0000 80%) 0 0/250% 100%;animation:1.1s ease-out both menu-pill-flash;position:absolute;inset:0}@keyframes menu-pill-flash{0%{opacity:1;background-position:120% 0}to{opacity:0;background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.menu-pill[data-flash=true]:after{opacity:0;animation:none}}.mode-plaza{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.lobby-chat-dock{display:var(--at-lobby-chat-display,grid);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;height:100%;min-height:0;container:chatdock/size}.social-card--docked{width:100%;max-width:none;height:100%;max-height:none;margin:0;position:static;transform:none}.lobby-panel-scrim{z-index:40;padding:var(--at-gap-md);background:#0108189e;place-items:center;display:grid;position:absolute;inset:0}.lobby-panel{width:min(var(--at-lobby-panel-w), 100%);color:#fff;border-radius:var(--at-panel-radius);background:linear-gradient(160deg,#002255fa,#001133fc);border:1px solid #fd8;grid-template-rows:max-content minmax(0,1fr);max-height:100%;display:grid;box-shadow:inset 0 0 0 2px #23609d80,0 18px 40px #0005188c}.lobby-panel__head{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);min-height:var(--at-touch);padding:0 var(--at-gap-sm) 0 var(--at-gap-md);border-bottom:1px solid #55ccff4d;display:flex}.lobby-panel__head h2{color:#fd8;font-size:var(--at-font-md);margin:0}.lobby-panel__close{width:var(--at-touch);height:var(--at-touch);color:#cfe5ff;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.lobby-panel__close .game-glyph{width:18px;height:18px}.lobby-panel__close:focus-visible{outline-offset:-4px;outline:2px solid #7df}.lobby-panel__body{align-content:start;gap:var(--at-gap-sm);min-height:0;padding:var(--at-gap-sm) var(--at-gap-md) var(--at-gap-md);scrollbar-width:thin;display:grid;overflow-y:auto}.menu-pill>.hall-icon{margin-left:4px}.bottom-nav__item>.hall-icon{width:var(--at-bottom-nav-icon);height:var(--at-bottom-nav-icon)}.lineup-label__edit .hall-icon{width:16px;height:16px}.icon-command .hall-icon,.mail-entry__glyph{width:18px;height:18px}.menu-more{height:calc(var(--at-pill-h) + 1.4cqh);min-width:0;padding-top:1.4cqh;display:grid;position:relative}.more-submenu{z-index:14;width:112cqw;height:calc(6 * var(--at-pill-h) * 1.18);background:linear-gradient(#2e5e88eb,#1e446cf0);border:1px solid #96c8ff4d;border-radius:1.1cqh;grid-auto-rows:1fr;padding:.8cqh 0;display:grid;position:absolute;bottom:0;left:calc(100% + 1.2cqw);overflow:hidden;box-shadow:0 .8cqh 2cqh #00081a80;container:moresub/inline-size}.more-submenu__item{color:#eaf5ff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:19cqw minmax(0,1fr);align-items:center;gap:7cqw;min-width:0;padding:0 7cqw;font-size:11.6cqw;font-weight:700;display:grid}.more-submenu .notice-bell{color:#eaf5ff;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:19cqw minmax(0,1fr);align-items:center;gap:7cqw;min-width:0;min-height:0;padding:0 7cqw;font-size:11.6cqw;font-weight:700;display:grid}.more-submenu .notice-bell>.hall-icon{aspect-ratio:1;width:100%;height:auto}.more-submenu .notice-bell>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.more-submenu .notice-bell__badge{min-width:5cqw;height:5cqw;padding:0 1cqw;font-size:3cqw;line-height:5cqw;position:absolute;top:16%;left:12cqw;right:auto}.more-submenu__item+.more-submenu__item{box-shadow:inset 0 1px #a8d6ff38}.more-submenu__item:hover{background:#78beff29}.more-submenu__item:focus-visible{outline-offset:-2px;outline:2px solid #7df}.more-submenu__item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.more-submenu__item>.game-glyph,.more-submenu__item>.hall-icon{aspect-ratio:1;color:#fd8;width:100%;height:auto}.more-submenu-dismiss{z-index:13;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.bottom-nav{z-index:12;height:calc(var(--at-bottom-nav-h) + var(--sab));padding:0 0 var(--sab) 0;background:linear-gradient(#002a6b 0%,#001d43 16%,#01245a 100%);border:0;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;display:grid;box-shadow:inset 0 2px #177ac2,inset 0 6px 14px #2f8fdd38,0 -10px 22px #00081a80}.bottom-nav__item{color:#eaf5ff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.6cqw;height:100%;min-height:0;padding:0;font-size:2.93cqh;font-weight:700;display:flex;position:relative}.bottom-nav__item+.bottom-nav__item:before{content:"";background:#78b4ff33;width:1px;position:absolute;top:22%;bottom:22%;left:0}.bottom-nav__item>img,.bottom-nav__item>.hall-icon{width:var(--at-bottom-nav-icon);height:var(--at-bottom-nav-icon);object-fit:contain;transition:filter .16s}.bottom-nav__item[aria-current=page]{color:#ffd45e}.bottom-nav__item[aria-current=page]>img,.bottom-nav__item[aria-current=page]>.hall-icon{filter:sepia()saturate(4.2)hue-rotate(-12deg)brightness(1.06)drop-shadow(0 0 .8cqh #ffc8508c)}.bottom-nav__item[data-nav=home]:not([aria-current=page])>.hall-icon{filter:saturate(.18)brightness(1.18)}.bottom-nav__item[aria-current=page]:after{width:var(--at-bottom-nav-glow-w);content:"";background:linear-gradient(90deg,#0000,#2dcefc,#0000);height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 1.6cqh .2cqh #2dcefcb3}.bottom-nav__item:focus-visible{outline-offset:-3px;outline:2px solid #7df}.bottom-nav__item:active>img,.bottom-nav__item:active>.hall-icon{transform:scale(.92)}.login-reward{padding:var(--at-gap-md);background:radial-gradient(circle at 50% 42%,#1f5ea129,#0000 52%),#01071385;place-items:center;display:grid;position:absolute;inset:0}.login-reward__panel{gap:var(--at-gap-md);width:min(var(--at-login-reward-w), 100%);max-height:min(var(--at-login-reward-h), 100%);padding:var(--at-panel-pad-y) var(--at-panel-pad-x);color:#eef6ff;border-radius:calc(var(--at-panel-radius) + 4px);background:radial-gradient(circle at 50% -30%,#3386d747,#0000 58%),linear-gradient(155deg,#0d2750fc,#05112afc 68%,#040c1efc);border:1px solid #e7bc5be0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #1f5d9d85,inset 0 1px #ffffff1f,0 26px 70px #000000a8,0 0 32px #267dd129}.login-reward__panel:before,.login-reward__panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f6d47a 46%,#fff2b4 50%,#f6d47a 54%,#0000);width:min(42%,320px);height:1px;position:absolute;left:50%;transform:translate(-50%)}.login-reward__panel:before{top:0}.login-reward__panel:after{opacity:.62;bottom:0}.login-reward__head{grid-template-columns:minmax(0, 1fr) auto var(--at-touch);align-items:center;gap:var(--at-gap-md);min-height:var(--at-touch);padding-bottom:var(--at-gap-xs);border-bottom:1px solid #80acd82e;display:grid;position:relative}.login-reward__heading{min-width:0}.login-reward__title{align-items:center;gap:var(--at-gap-sm);font-size:var(--at-font-lg);font-family:var(--display);letter-spacing:.04em;color:var(--gold-light);text-shadow:0 2px 4px #000000b8,0 0 18px #f6cc6238;margin:0;font-weight:900;display:inline-flex;position:relative}.login-reward__title:before{aspect-ratio:1;content:"";background:linear-gradient(135deg,#ffe393,#a66a19);border:1px solid #fff0a6;flex:none;width:10px;transform:rotate(45deg);box-shadow:0 0 10px #ffd36385}.login-reward__intro{color:#a9bed8;font-size:var(--at-font-xs);margin:3px 0 0;line-height:1.35}.login-reward__streak{min-height:28px;padding:0 var(--at-gap-sm);color:#bfeaff;font-size:var(--at-font-xs);font-variant-numeric:tabular-nums;white-space:nowrap;background:#1a5d8e2e;border:1px solid #5ebbec57;border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.login-reward__close{width:var(--at-touch);height:var(--at-touch);cursor:pointer;place-items:center;padding:0;font-size:24px;line-height:1;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:grid}.login-reward__close:active{transform:scale(.94)}.login-reward__close:focus-visible,.login-reward__button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.login-reward__days{grid-auto-flow:column;grid-auto-columns:minmax(var(--at-login-reward-day-w), 1fr);gap:var(--at-gap-xs);min-height:0;padding:2px 0 var(--at-gap-xs);scrollbar-color:#d6b2606b transparent;scrollbar-width:thin;margin:0;list-style:none;display:grid;position:relative;overflow:auto hidden}.login-reward__day{isolation:isolate;gap:var(--at-gap-xs);min-height:var(--at-login-reward-day-h);padding:var(--at-gap-xs);border-radius:calc(var(--at-radius-md) + 2px);text-align:center;background:linear-gradient(#17365eb3,#091b3be6);border:1px solid #7091b461;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.login-reward__day:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#4c91cc1f,#0000);height:38%;position:absolute;inset:0 0 auto}.login-reward__day:last-child{background:radial-gradient(circle at 50% 85%,#7b4fbd33,#0000 68%),linear-gradient(#243065d1,#0c193df0);border-color:#9a77de94}.login-reward__day--claimed{background:linear-gradient(#184f4cb8,#0a2b35e6);border-color:#5bc4958c}.login-reward__day--claimable{z-index:1;background:radial-gradient(circle at 50% 68%,#ffd25d47,#0000 60%),linear-gradient(#634618c7,#231f23f5);border-color:#ffe08a;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffe08a57,0 0 18px #f8bb373d}.login-reward__day-label{color:#c9d9ea;font-size:var(--at-login-reward-day-font);letter-spacing:.04em;border-bottom:1px solid #89aac926;padding-bottom:3px;font-weight:800;display:block}.login-reward__day--claimable .login-reward__day-label{color:#fff0ae;border-bottom-color:#ffdd7e4d}.login-reward__day-items{justify-content:center;align-items:center;min-width:0;display:flex}.login-reward__day-item{color:#f4f8ff;min-width:0;font-size:var(--at-login-reward-day-font);word-break:break-word;justify-items:center;gap:3px;font-weight:800;line-height:1.2;display:grid}.login-reward__day-items--multi{align-content:center;gap:3px;display:grid}.login-reward__day-items--multi .login-reward__day-item{grid-template-columns:var(--at-login-reward-multi-icon) minmax(0, 1fr);text-align:left;place-items:center start;gap:3px}.login-reward__day-icon{width:var(--at-login-reward-icon);height:var(--at-login-reward-icon);filter:drop-shadow(0 3px 4px #00000073)}.login-reward__day-items--multi .login-reward__day-icon{width:var(--at-login-reward-multi-icon);height:var(--at-login-reward-multi-icon)}.login-reward__day-mark{color:#082c28;background:#78dfad;border:1px solid #d3ffe5;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:1000;display:none;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #5bdc9d73}.login-reward__day--claimed .login-reward__day-mark{display:grid}.login-reward__foot{align-items:center;gap:var(--at-gap-md);min-height:var(--at-touch);padding-top:var(--at-gap-xs);border-top:1px solid #80acd829;grid-template-columns:minmax(0,1fr) minmax(170px,240px);display:grid}.login-reward__status{color:#b8ebc9;min-width:0;font-size:var(--at-font-xs);font-weight:700;line-height:1.3}.login-reward__button{letter-spacing:.04em;cursor:pointer;font-weight:1000;transition:filter .18s,transform .18s,box-shadow .18s;overflow:hidden}.login-reward__button:active:not(:disabled){transform:translateY(1px)scale(.99)}.login-reward__button:disabled{cursor:default}.mail-entry{min-width:var(--at-touch);min-height:var(--at-touch);padding:0 var(--at-gap-sm);color:#cfe0f4;border-radius:var(--at-radius-md);cursor:pointer;background:#08131fb8;border:1px solid #37587f;justify-content:center;align-items:center;display:inline-flex;position:relative}.mail-entry:disabled{opacity:.5;cursor:default}.mail-entry__glyph{font-size:var(--at-font-lg);line-height:1}.mail-entry__dot{color:#1b0808;min-width:16px;font-size:var(--at-font-xs);text-align:center;background:#e2544a;border-radius:9px;padding:0 4px;font-style:normal;font-weight:800;line-height:16px;position:absolute;top:2px;right:2px}.mail-overlay{position:fixed;inset:0}.mail-overlay__scrim{background:#04091094;position:absolute;inset:0}.mail-drawer{top:var(--at-edge);right:var(--at-edge);gap:var(--at-gap-xs);width:min(680px, calc(100vw - var(--at-edge) * 2));max-height:calc(100% - var(--at-edge) * 2);min-height:0;padding:var(--at-gap-sm);color:#cfe0f4;border-radius:var(--at-panel-radius);background:linear-gradient(#0d1c2e 0%,#08131f 100%);border:1px solid #37587f;flex-direction:column;display:flex;position:absolute}.mail-drawer__head{align-items:center;gap:var(--at-gap-xs);flex:none;display:flex}.mail-drawer__title{font-size:var(--at-font-md);flex:auto}.mail-drawer__claim-all{cursor:pointer;flex:none;font-weight:800}.mail-drawer__claim-all:disabled{cursor:default}.mail-drawer__close{min-width:var(--at-touch);min-height:var(--at-touch);font-size:var(--at-font-lg);cursor:pointer;flex:none;line-height:1}.mail-drawer__notice{padding:2px var(--at-gap-xs);color:#f0c862;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);background:#08131fb8;flex:none;margin:0;line-height:1.4}.mail-drawer__body{gap:var(--at-gap-xs);flex:auto;min-height:0;display:flex}.mail-list{flex:1 1 0;min-width:0;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.mail-list__empty{padding:var(--at-gap-sm);color:#7f93ad;font-size:var(--at-font-xs);text-align:center}.mail-item{width:100%;min-height:var(--at-touch);margin-bottom:var(--at-gap-xs);padding:var(--at-gap-xs);color:inherit;text-align:left;border-radius:var(--at-radius-md);cursor:pointer;background:#12253d;border:1px solid #24405f;flex-direction:column;gap:2px;display:flex}.mail-item.is-active{border-color:var(--gold,#f0c862)}.mail-item__row{align-items:center;gap:var(--at-gap-xs);display:flex}.mail-item__title{font-size:var(--at-font-sm);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.mail-item__unread{background:#e2544a;border-radius:50%;flex:none;width:7px;height:7px}.mail-item__meta{align-items:center;gap:var(--at-gap-xs);color:#7f93ad;font-size:var(--at-font-xs);display:flex}.mail-item__badge{color:#08131f;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);background:#d6a13c;padding:0 4px;font-style:normal}.mail-item__claimed{color:#a9c3e4;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);background:#1b3450;border:1px solid #37587f;padding:0 4px;font-style:normal}.mail-item__expired{color:#e0a49e;font-size:var(--at-font-xs);border-radius:var(--at-radius-md);background:#34212a;border:1px solid #6a3f43;padding:0 4px;font-style:normal}.mail-item__attachments{color:#f0c862;font-size:var(--at-font-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-item__attachments[data-settled=true],.mail-detail__attachments[data-settled=true]{color:#8fa6c2}.mail-detail{gap:var(--at-gap-xs);min-width:0;min-height:0;padding:var(--at-gap-sm);border-radius:var(--at-radius-md);background:#12253d99;border:1px solid #24405f;flex-direction:column;flex:1.15 1 0;display:flex;overflow-y:auto}.mail-detail__placeholder{color:#7f93ad;font-size:var(--at-font-xs);margin:0}.mail-detail__title{font-size:var(--at-font-md)}.mail-detail__expires{color:#7f93ad;font-size:var(--at-font-xs)}.mail-detail__body{font-size:var(--at-font-xs);white-space:pre-wrap;flex:auto;margin:0;line-height:1.5}.mail-detail__attachments{gap:var(--at-gap-xs);color:#f0c862;font-size:var(--at-font-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mail-detail__attachments>li{padding:2px var(--at-gap-xs);border-radius:var(--at-radius-md);background:#12253d;border:1px solid #37587f}.mail-detail__attachments>li[data-currency=CARD_FACE]{align-items:center;gap:6px;display:flex}.mail-detail__card-face{aspect-ratio:.64;border:1px solid #e8c47899;border-radius:4px;flex:none;width:34px;position:relative;overflow:hidden}.mail-detail__partial{color:#d6a13c;font-size:var(--at-font-xs);margin:0}.mail-detail__claim{cursor:pointer;flex:none;font-weight:800}.mail-detail__claim:disabled{cursor:default}.notice-gate{padding:var(--at-edge);box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040812db;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.notice-gate__card{width:var(--at-notice-gate-w);gap:var(--at-gap-md);max-height:100%;padding:var(--at-gap-lg);box-sizing:border-box;border-radius:var(--at-panel-radius);color:#eaf1ff;background:linear-gradient(#141e36fa,#0c1324fa);border:1px solid #7ea8ff57;flex-direction:column;display:flex;overflow:auto;box-shadow:0 18px 48px #0000008c}.notice-gate__title{font-size:var(--at-font-xl);letter-spacing:.02em;margin:0;font-weight:700}.notice-gate__body{font-size:var(--at-notice-body-font);color:#b9c8e6;white-space:pre-line;margin:0;line-height:1.6}.notice-gate__links{gap:var(--at-gap-sm);flex-wrap:wrap;display:flex}.notice-gate__link{appearance:none;color:#cfe0ff;border-radius:var(--at-radius-md);padding:8px var(--at-gap-md);min-height:var(--at-touch);font-size:var(--at-notice-body-font);cursor:pointer;background:#7ea8ff1a;border:1px solid #7ea8ff66}.notice-gate__link:hover{background:#7ea8ff33}.notice-gate__agree{align-items:center;gap:var(--at-gap-sm);min-height:var(--at-touch);font-size:var(--at-notice-body-font);cursor:pointer;display:flex}.notice-gate__agree input{accent-color:#7ea8ff;width:18px;height:18px}.notice-gate__actions{justify-content:flex-end;gap:var(--at-gap-sm);display:flex}.notice-doc{padding:var(--at-edge);box-sizing:border-box;background:#040812e6;place-items:center;display:grid;position:fixed;inset:0}.notice-doc__panel{width:var(--at-notice-doc-w);height:var(--at-notice-doc-h);border-radius:var(--at-panel-radius);background:#0d1424;border:1px solid #7ea8ff57;flex-direction:column;display:flex;overflow:hidden}.notice-doc__header{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);padding:var(--at-gap-sm) var(--at-gap-md);font-size:var(--at-font-lg);color:#eaf1ff;border-bottom:1px solid #7ea8ff33;display:flex}.notice-doc__frame{background:#fff;border:0;flex:1;width:100%}.notice-banner{justify-content:center;align-items:center;gap:var(--at-gap-sm);padding:6px var(--at-gap-md);box-sizing:border-box;font-size:var(--at-font-sm);color:#10182a;padding-top:calc(6px + var(--sat,0px));z-index:60;background:linear-gradient(90deg,#ffd88a,#ffb45c);display:flex;position:absolute;top:0;left:0;right:0}.notice-banner--maintenance{background:linear-gradient(90deg,#ff9d7a,#ff7a7a)}.notice-banner--client-update{background:linear-gradient(90deg,#9fe0ff,#7fb8ff)}.notice-banner__text{flex:0 auto;min-width:0}.notice-banner--maintenance{flex-wrap:wrap}.notice-banner__details{text-align:left;flex:1 0 100%;max-height:120px;line-height:1.5;overflow-y:auto}.notice-banner__details p{margin:2px 0}.notice-banner__action{appearance:none;padding:2px var(--at-gap-md);min-height:22px;font:inherit;color:#f2f6ff;cursor:pointer;background:#10182a;border:0;border-radius:999px;flex:none;font-weight:600}.notice-banner__close{appearance:none;cursor:pointer;width:22px;height:22px;line-height:1}.notice-bell{appearance:none;color:#cfe0ff;border-radius:var(--at-radius-md);min-width:var(--at-touch);min-height:var(--at-touch);font-size:var(--at-font-lg);cursor:pointer;background:#121c32b3;border:1px solid #7ea8ff47;position:relative}.notice-bell__badge{box-sizing:border-box;color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#ff5d5d;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-4px;right:-4px}.notice-board{padding:var(--at-edge);box-sizing:border-box;background:#040812c7;place-items:center;display:grid;position:fixed;inset:0}.notice-board__panel{width:var(--at-notice-board-w);height:var(--at-notice-board-h);border-radius:var(--at-panel-radius);color:#eaf1ff;background:linear-gradient(#141e36fa,#0c1324fa);border:1px solid #7ea8ff57;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #0000008c}.notice-board__header{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);padding:var(--at-gap-sm) var(--at-gap-md);font-size:var(--at-font-lg);border-bottom:1px solid #7ea8ff33;display:flex}.notice-board__grid{grid-template-columns:var(--at-notice-cols);grid-template-rows:var(--at-notice-rows);flex:1;min-height:0;display:grid}.notice-board__list{padding:var(--at-gap-xs);border-right:1px solid #7ea8ff29;flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.notice-board__item{appearance:none;text-align:left;border-radius:var(--at-radius-md);color:inherit;padding:var(--at-gap-xs) var(--at-gap-sm);min-height:var(--at-touch);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.notice-board__item:hover{background:#7ea8ff1f}.notice-board__item[aria-current=true]{background:#7ea8ff38}.notice-board__item-title{align-items:center;gap:var(--at-gap-xs);font-size:var(--at-font-md);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.notice-board__item-date{font-size:var(--at-font-xs);color:#8fa3c8;font-variant-numeric:tabular-nums}.notice-board__dot{background:#ff5d5d;border-radius:999px;flex:none;width:6px;height:6px}.notice-kind{border:1px solid;border-radius:999px;flex:none;padding:1px 6px;font-size:10px;line-height:1.6}.notice-kind--announcement{color:#7ea8ff}.notice-board__detail{gap:var(--at-gap-sm);padding:var(--at-gap-md);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.notice-board__detail h3{font-size:var(--at-font-lg);margin:0}.notice-board__detail p{font-size:var(--at-notice-body-font);color:#cbd8f0;overflow-wrap:anywhere;margin:0;line-height:1.7}.notice-board__empty{color:#8fa3c8;font-size:var(--at-notice-body-font);margin:auto}.notice-board__back{appearance:none;color:#cfe0ff;border-radius:var(--at-radius-md);padding:4px var(--at-gap-sm);min-height:28px;font-size:var(--at-font-sm);cursor:pointer;background:0 0;border:1px solid #7ea8ff52;align-self:flex-start;display:none}.at-actions--guest{gap:calc(var(--at-auth-gap) / 2)}.at-guest-hint{color:var(--muted);font-size:var(--at-auth-label);text-align:center;overflow-wrap:anywhere;margin:0;line-height:1.4}.bind-sheet{width:min(100%, calc(1100 * var(--st-u)))}.bind-sheet__body{gap:calc(10 * var(--st-u));min-height:0;padding:calc(12 * var(--st-u)) calc(26 * var(--st-u)) calc(16 * var(--st-u));flex-direction:column;margin:0;display:flex;overflow-y:auto}.bind-sheet__lead{color:#93a6bf;font-size:max(11px, calc(21 * var(--st-u)));margin:0;line-height:1.4}.bind-sheet__error{color:#ff9a88;font-size:max(11px, calc(21 * var(--st-u)));margin:0;font-weight:700}.bind-sheet__actions{justify-content:flex-end;gap:calc(14 * var(--st-u));padding-top:calc(10 * var(--st-u));border-top:1px solid #d2b16f29;display:flex}.bind-sheet__actions>.settings-mini-button{min-width:calc(200 * var(--st-u))}.player-card__badge{color:#0b1f3f;background:var(--gold-light,#e6c579);font-size:var(--at-auth-label);white-space:nowrap;border-radius:999px;padding:2px 8px;font-weight:800}.help-shell{--help-gold:#d2b16f;--help-gold-hi:#ffe49a;--help-gold-bar:#e6b735;--help-cream:#f0e6d2;--help-text:#d7e3f2;--help-muted:#9fb3cc;--help-line:#d2b16f42;--help-card:linear-gradient(180deg, #162c52e6, #0b1a34e6);grid-template-columns:var(--at-help-nav-w) minmax(0, 1fr);min-width:0;height:100%;min-height:0;color:var(--help-text);font-size:var(--at-help-body-font);grid-template-rows:minmax(0,1fr);line-height:1.6;display:grid}.help-shell[data-help-variant=page]{border-radius:var(--at-panel-radius);background:linear-gradient(#061632f2,#040e22f5);border:1px solid #d2b16f8c;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080,0 12px 30px #0000006b}.help-shell[data-help-variant=overlay]{grid-template-columns:var(--at-help-rail-w) minmax(0, 1fr)}.help-nav{border-right:1px solid var(--help-line);scrollbar-width:none;background:linear-gradient(90deg,#020918b8,#040e2280);flex-direction:column;gap:5px;min-width:0;min-height:0;padding:8px 7px;display:flex;overflow:hidden auto}.help-nav::-webkit-scrollbar{display:none}.help-nav__item{min-height:var(--at-touch);font-family:inherit;font-size:max(var(--at-font-sm), calc(var(--at-help-body-font) * .93));text-align:left;flex:none;align-items:center;gap:7px;padding:4px 8px;line-height:1.25;display:flex}.help-nav__item:hover:not(.is-active){filter:brightness(1.18)}.help-nav__icon{flex:none;width:20px;height:20px}.help-nav__item.is-active .help-nav__icon{color:var(--help-gold-hi)}.help-nav__label{overflow-wrap:anywhere;min-width:0}.help-shell[data-help-variant=overlay] .help-nav{padding:6px 4px}.help-shell[data-help-variant=overlay] .help-nav__item{text-align:center;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;font-size:10px}.help-body{scrollbar-width:thin;scrollbar-color:#d2b16f73 transparent;min-width:0;min-height:0;overflow:hidden auto}.help-body:focus{outline:none}.help-page{gap:var(--at-gap-md);padding:var(--at-gap-md) var(--at-gap-lg) var(--at-gap-md) var(--at-gap-md);animation:.18s ease-out help-page-in;display:grid}@keyframes help-page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.help-page{animation:none}}.help-hero{align-items:center;gap:var(--at-gap-md);padding-bottom:var(--at-gap-sm);border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#cea564d9,#cea56400) 1;display:flex}.help-hero__badge{width:var(--at-help-hero-badge);height:var(--at-help-hero-badge);color:var(--help-gold-hi);border:2px solid var(--help-gold);background:radial-gradient(circle at 50% 35%,#27508c,#0a2148 70%);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 2px #00000073,0 0 14px #e6b73747}.help-hero__badge .game-glyph{width:56%;height:56%}.help-hero__text{gap:1px;min-width:0;display:grid}.help-hero__index{color:#d2b16fcc;font-size:var(--at-font-xs);letter-spacing:.14em;font-variant-numeric:tabular-nums;font-weight:800}.help-hero__title{color:var(--help-gold-hi);font-size:calc(var(--at-help-body-font) * 1.45);letter-spacing:.04em;text-shadow:0 2px 6px #0000008c;margin:0;font-weight:900;line-height:1.2}.help-hero__lead{color:var(--help-text);text-wrap:pretty;margin:0}.help-block{gap:var(--at-gap-xs);min-width:0;display:grid}.help-block__title{color:var(--help-cream);font-size:calc(var(--at-help-body-font) * 1.08);letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-weight:900;display:flex}.help-block__title:before{content:"";background:var(--help-gold-bar);flex:none;width:7px;height:7px;transform:rotate(45deg)}.help-block__title:after{content:"";background:linear-gradient(90deg, var(--help-line), transparent);flex:auto;height:1px}.help-steps{grid-template-columns:repeat(auto-fit, minmax(min(var(--at-help-step-min), 100%), 1fr));gap:var(--at-gap-xs);margin:0;padding:0;list-style:none;display:grid}.help-step{background:var(--help-card);border:1px solid var(--help-line);border-radius:var(--at-radius-md);border-top:2px solid #d2b16fb3;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 7px;padding:8px 10px;display:grid;position:relative}.help-step__no{color:#2a1a04;background:linear-gradient(#ffe49a,#d2a24a);border:1px solid #6b4a17;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;box-shadow:0 1px 4px #00000080}.help-step__title{color:var(--help-cream);align-self:center;font-weight:900;line-height:1.3}.help-step__body{color:var(--help-muted);grid-column:1/-1;font-size:.94em;line-height:1.45}.help-cards{grid-template-columns:repeat(auto-fit, minmax(min(var(--at-help-card-min), 100%), 1fr));gap:var(--at-gap-xs);display:grid}.help-card{background:var(--help-card);border:1px solid var(--help-line);border-radius:var(--at-radius-md);align-content:start;gap:3px;min-width:0;padding:9px 11px 10px;display:grid;box-shadow:inset 0 2px #d2b16f8c,0 4px 10px #00000040}.help-card__title{color:var(--help-gold-hi);font-weight:900;line-height:1.35}.help-card__body{color:var(--help-text);text-wrap:pretty;margin:0;line-height:1.5}.help-points{gap:4px;margin:0;padding:0;list-style:none;display:grid}.help-points li{text-wrap:pretty;padding-left:16px;position:relative}.help-points li:before{content:"";background:#d2b16fe6;width:6px;height:6px;position:absolute;top:.62em;left:3px;transform:rotate(45deg)}.help-tips{color:#f4e7c4;border:1px solid #e6b7376b;border-left:3px solid var(--help-gold-bar);border-radius:var(--at-radius-md);background:linear-gradient(90deg,#e6b73724,#e6b7370a);justify-items:start;padding:8px 12px 9px;position:relative}.help-tips__label{color:#2a1a04;font-size:var(--at-font-xs);letter-spacing:.12em;background:linear-gradient(#ffe49a,#d2a24a);border-radius:999px;justify-self:start;margin-bottom:3px;padding:0 8px;font-weight:900;display:inline-block}.help-tips ul{gap:3px;margin:0;padding-left:1.1em;display:grid}.help-block--qa{gap:6px}.help-qa{background:var(--help-card);border:1px solid var(--help-line);border-radius:var(--at-radius-md)}.help-qa[open]{border-color:#d2b16f99}.help-qa__q{min-height:var(--at-touch);color:var(--help-cream);cursor:pointer;align-items:center;gap:8px;padding:6px 34px 6px 10px;font-weight:800;line-height:1.4;list-style:none;display:flex;position:relative}.help-qa__q::-webkit-details-marker{display:none}.help-qa__q:before{content:"Q";color:#2a1a04;background:linear-gradient(#ffe49a,#d2a24a);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.help-qa__q:after{content:"";border-right:2px solid var(--help-gold);border-bottom:2px solid var(--help-gold);width:8px;height:8px;transition:transform .15s;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.help-qa[open]>.help-qa__q:after{transform:translateY(-30%)rotate(-135deg)}.help-qa__q:focus-visible{outline:2px solid var(--help-gold-hi);outline-offset:-2px}.help-qa__a{color:var(--help-text);text-wrap:pretty;margin:0;padding:0 12px 10px 40px}.help-terms{grid-template-columns:repeat(auto-fit, minmax(min(var(--at-help-term-min), 100%), 1fr));gap:var(--at-gap-xs);margin:0;display:grid}.help-term{background:var(--help-card);border:1px solid var(--help-line);border-radius:var(--at-radius-md);border-left:3px solid #d2b16fbf;min-width:0;padding:7px 10px 8px}.help-term dt{color:var(--help-gold-hi);font-weight:900}.help-term dd{color:var(--help-text);margin:2px 0 0;line-height:1.45}.help-collection{align-items:center;gap:var(--at-gap-xs) var(--at-gap-sm);border:1px dashed var(--help-line);border-radius:var(--at-radius-md);background:#081834b3;flex-wrap:wrap;padding:8px 10px;display:flex}.help-collection__icon{width:20px;height:20px;color:var(--help-gold)}.help-collection small{color:var(--help-muted);font-size:var(--at-font-xs);flex:160px}.help-collection__btn{min-height:var(--at-touch);font-family:inherit}.help-pager{justify-content:space-between;gap:var(--at-gap-sm);padding-top:var(--at-gap-xs);border-top:1px solid #ffffff0f;display:flex}.help-pager__btn{max-width:48%;min-height:var(--at-touch);align-items:center;gap:6px;font-family:inherit;display:inline-flex}.help-pager__btn>span[aria-hidden]{color:var(--help-gold-hi);font-size:1.3em;line-height:1}.help-pager__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-overlay{justify-content:flex-end;display:flex;position:absolute;inset:0}.help-overlay__scrim{background:0 0;position:absolute;inset:0}.help-overlay__drawer{width:var(--at-help-drawer-w);max-width:100%;height:calc(100% - var(--sat) - var(--sab) - var(--at-help-drawer-bottom));margin:var(--sat) var(--sar) calc(var(--sab) + var(--at-help-drawer-bottom)) 0;border-radius:var(--at-panel-radius) 0 0 var(--at-panel-radius);background:linear-gradient(#061632f7,#040e22f7);border:2px solid #d2b16f;border-right:0;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,-14px 0 34px #00000075}.help-overlay__drawer .help-shell{flex:auto;height:auto}.help-overlay__head{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);padding:4px 4px 4px var(--at-gap-md);background:linear-gradient(90deg,#d2b16f38,#d2b16f00);border-bottom:1px solid #d2b16f66;flex:none;display:flex}.help-overlay__head strong{color:var(--gold-light,#ffe49a);font-size:var(--at-font-md);letter-spacing:.1em;font-weight:900}.help-overlay__close{width:40px;height:40px;font-size:var(--at-font-lg);place-items:center;margin:2px;padding:0;line-height:1;display:grid}.help-hint{color:#071d45;cursor:pointer;background:#8cecff;border:1px solid #d9fbff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;font-family:serif;font-size:14px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 2px 7px #00000059}.help-hint:hover{background:#b6f4ff}.help-hint--control{width:24px;height:24px}.settings-modal{--st-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);--st-gold:#d2b16f;--st-gold-soft:#d2b16f47;--st-ink:#f2e6c8;--st-muted:#93a6bf;padding:max(var(--at-gap-xs), var(--sat)) max(var(--at-edge), var(--sar)) max(var(--at-gap-xs), var(--sab)) max(var(--at-edge), var(--sal));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020814b8;place-items:center;display:grid;position:fixed;inset:0}.settings-sheet{width:min(100%, calc(1040 * var(--st-u)));height:min(100%, calc(640 * var(--st-u)));min-height:0;color:var(--st-ink);border-radius:var(--at-panel-radius);box-shadow:0 0 0 2px #0000008c, inset 0 0 0 calc(4 * var(--st-u)) #0a101ee6, inset 0 0 0 calc(5 * var(--st-u)) #d2b16f38, 0 20px 48px #0000008c;background:radial-gradient(90% 46% at 50% -12%,#d6aa5233,#0000 64%),linear-gradient(#10192cfc,#080d1afc);border:1px solid #d2b16fc7;flex-direction:column;display:flex;position:relative}.settings-sheet:before{inset:calc(-2 * var(--st-u));pointer-events:none;content:"";--corner:calc(26 * var(--st-u));--line:max(2px, calc(3 * var(--st-u)));background:linear-gradient(var(--st-gold), var(--st-gold)) top left / var(--corner) var(--line), linear-gradient(var(--st-gold), var(--st-gold)) top left / var(--line) var(--corner), linear-gradient(var(--st-gold), var(--st-gold)) top right / var(--corner) var(--line), linear-gradient(var(--st-gold), var(--st-gold)) top right / var(--line) var(--corner), linear-gradient(var(--st-gold), var(--st-gold)) bottom left / var(--corner) var(--line), linear-gradient(var(--st-gold), var(--st-gold)) bottom left / var(--line) var(--corner), linear-gradient(var(--st-gold), var(--st-gold)) bottom right / var(--corner) var(--line), linear-gradient(var(--st-gold), var(--st-gold)) bottom right / var(--line) var(--corner);border-radius:var(--at-panel-radius);background-repeat:no-repeat;position:absolute}.settings-sheet--sub{width:min(100%, calc(880 * var(--st-u)));height:auto;max-height:100%}.settings-sheet__head{align-items:center;gap:calc(14 * var(--st-u));min-height:calc(76 * var(--st-u));padding:calc(8 * var(--st-u)) calc(16 * var(--st-u)) calc(8 * var(--st-u)) calc(20 * var(--st-u));background:linear-gradient(90deg,#0000,#d2b16fbf 30%,#ffe7a3 50%,#d2b16fbf 70%,#0000) bottom/100% 1px no-repeat,linear-gradient(#7a541847,#0000);flex:none;display:flex;position:relative}.settings-sheet__crest{width:max(26px, calc(50 * var(--st-u)));height:max(26px, calc(50 * var(--st-u)));border:1px solid var(--st-gold);background:radial-gradient(circle at 50% 35%,#26365a,#0c1424);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 10px #ffc45459}.settings-sheet__crest .settings-icon{width:80%;height:80%}.settings-sheet__head>strong{color:#f7e9b9;min-width:0;font-family:var(--display);font-size:max(16px, calc(34 * var(--st-u)));letter-spacing:.12em;text-shadow:0 2px #00000080,0 0 12px #ffc4544d;flex:auto}.settings-sheet__close{width:max(30px, calc(52 * var(--st-u)));height:max(30px, calc(52 * var(--st-u)));font-size:max(18px, calc(34 * var(--st-u)));flex:none;place-items:center;padding:0;line-height:1;display:grid;position:relative}.settings-sheet__close:after{width:var(--at-touch);height:var(--at-touch);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-sheet__body{grid-template-columns:max(100px, calc(168 * var(--st-u))) minmax(0, 1fr);flex:auto;min-height:0;display:grid}.settings-tabs{gap:calc(10 * var(--st-u));min-height:0;padding:calc(14 * var(--st-u)) calc(12 * var(--st-u));border-right:1px solid var(--st-gold-soft);scrollbar-width:none;background:linear-gradient(90deg,#00000047,#0000001f);flex-direction:column;display:flex;overflow-y:auto}.settings-tab{justify-content:center;align-items:center;gap:calc(4 * var(--st-u));min-height:max(52px, calc(104 * var(--st-u)));padding:calc(8 * var(--st-u)) calc(4 * var(--st-u));font-size:max(11px, calc(23 * var(--st-u)));text-align:center;flex-direction:column;flex:none;line-height:1.15;display:flex;position:relative}.settings-tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.settings-tab .settings-icon{width:max(24px, calc(52 * var(--st-u)));height:max(24px, calc(52 * var(--st-u)));filter:grayscale(.85)brightness(.72);transition:filter .12s ease-out}.settings-tab--active .settings-icon{filter:drop-shadow(0 0 5px #ffd26ea6)}.settings-tab__dot{top:calc(8 * var(--st-u));right:calc(8 * var(--st-u));width:max(8px, calc(14 * var(--st-u)));height:max(8px, calc(14 * var(--st-u)));background:radial-gradient(circle at 35% 35%,#ff9a8a,#e3322b);border:1px solid #ffe2d6;border-radius:50%;position:absolute;box-shadow:0 0 6px #ff4632b3}.settings-pane{min-height:0;padding:calc(6 * var(--st-u)) calc(26 * var(--st-u)) calc(16 * var(--st-u));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d2b16f73 transparent;flex-direction:column;display:flex;overflow:hidden auto}.settings-row{align-items:center;gap:calc(8 * var(--st-u)) calc(20 * var(--st-u));padding:calc(16 * var(--st-u)) 0;border-bottom:1px solid #d2b16f24;flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.settings-row:last-child{border-bottom:0}.settings-row--stacked{grid-template-columns:minmax(0,1fr)}.settings-row__text{gap:calc(4 * var(--st-u));min-width:0;display:grid}.settings-row__text>strong{color:var(--st-ink);font-size:max(13px, calc(27 * var(--st-u)));font-weight:800}.settings-row__text>small{color:var(--st-muted);font-size:max(10px, calc(20 * var(--st-u)));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.settings-row__control{justify-content:flex-end;min-width:0;display:flex}.settings-row--stacked .settings-row__control{justify-content:stretch}.settings-row--warn{margin:calc(10 * var(--st-u)) 0 calc(2 * var(--st-u));padding:calc(12 * var(--st-u)) calc(16 * var(--st-u));border:1px solid #f0b04a52;border-left:max(3px, calc(5 * var(--st-u))) solid #f0b04a;background:linear-gradient(90deg,#f0b04a29,#f0b04a08)}.settings-row--warn .settings-row__text>strong{color:#ffd88a}.settings-row--warn .settings-row__text>small{color:#d8c39a}.settings-row--danger{margin-top:calc(10 * var(--st-u));padding:calc(12 * var(--st-u)) calc(16 * var(--st-u));border:1px solid #ff646457;border-left:max(3px, calc(5 * var(--st-u))) solid #ff6464;background:linear-gradient(90deg,#e7463c29,#e7463c08)}.settings-row--danger .settings-row__text>strong{color:#ffb4a8}.settings-row--danger .settings-row__text>small{color:#ff9a88;font-weight:700}.settings-switch{align-items:center;gap:calc(12 * var(--st-u));min-height:var(--at-touch);color:var(--st-muted);cursor:pointer;font-size:max(11px, calc(22 * var(--st-u)));-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-weight:700;display:inline-flex;position:relative}.settings-switch>b{font-weight:inherit;white-space:nowrap}.settings-switch>i{width:max(44px, calc(88 * var(--st-u)));height:max(22px, calc(42 * var(--st-u)));background:linear-gradient(#15181e,#23272f);border:1px solid #5c5b57;border-radius:999px;flex:none;transition:background .14s ease-out,border-color .14s ease-out;display:block;position:relative;box-shadow:inset 0 2px 4px #0009}.settings-switch>i:after{aspect-ratio:1;content:"";background:radial-gradient(circle at 40% 35%,#c7c1b2,#6e6a60);border-radius:50%;width:42%;transition:left .14s ease-out,background .14s ease-out;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #0009}.settings-switch--on{color:#ffe7a3}.settings-switch--on>i{border-color:var(--st-gold);background:linear-gradient(#7a5418,#4d3312);box-shadow:inset 0 1px 3px #00000073,0 0 8px #ffc45459}.settings-switch--on>i:after{background:radial-gradient(circle at 40% 35%,#fff6d6,#e0b45a);left:calc(58% - 3px)}.settings-switch:disabled{cursor:default;opacity:.45}.settings-switch:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.settings-segment{gap:calc(4 * var(--st-u));width:100%;padding:calc(4 * var(--st-u));background:#00000059;border:1px solid #4b4a46;border-radius:4px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.settings-segment__item{min-width:0;min-height:max(32px, calc(58 * var(--st-u)));padding:0 calc(6 * var(--st-u));color:#a09b8c;cursor:pointer;font-size:max(11px, calc(23 * var(--st-u)));text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:3px;font-weight:700;transition:filter .1s linear;position:relative;overflow:hidden}.settings-segment__item:after{width:100%;min-height:var(--at-touch);content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.settings-segment__item--active{color:#fff3c9;background:linear-gradient(#7a5418,#4d3312) padding-box padding-box,linear-gradient(#ffe7a3,#d2b16f 45%,#8d6c33) border-box;font-weight:900;box-shadow:0 0 10px #ffc45459,inset 0 -2px #ffd56a}.settings-segment__item:active:not(:disabled){filter:brightness(.78)}.settings-segment__item:disabled{cursor:default}.settings-segment__item:disabled:not(.settings-segment__item--active){opacity:.5}.settings-segment__item:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.settings-slider{align-items:center;gap:calc(16 * var(--st-u));width:100%;min-height:var(--at-touch);display:flex}.settings-row:not(.settings-row--stacked) .settings-slider{width:calc(460 * var(--st-u));max-width:100%}.settings-slider input[type=range]{--thumb:max(20px, calc(40 * var(--st-u)));--at-slider-stop:calc(var(--at-slider-fill,0) * (100% - var(--thumb)) + var(--thumb) / 2);min-width:0;height:var(--at-touch);appearance:none;cursor:pointer;background:0 0;flex:1;margin:0}.settings-slider input[type=range]::-webkit-slider-runnable-track{height:max(6px, calc(12 * var(--st-u)));background:linear-gradient(to right, #8d6c33, #ffe7a3 var(--at-slider-stop), #15181e var(--at-slider-stop) 100%);border:1px solid #5c5b57;border-radius:999px;box-shadow:inset 0 1px 3px #0009}.settings-slider input[type=range]::-moz-range-track{height:max(6px, calc(12 * var(--st-u)));background:#15181e;border:1px solid #5c5b57;border-radius:999px}.settings-slider input[type=range]::-moz-range-progress{height:max(6px, calc(12 * var(--st-u)));background:linear-gradient(90deg,#8d6c33,#ffe7a3);border-radius:999px}.settings-slider input[type=range]::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((max(6px, calc(12 * var(--st-u))) - 2px - var(--thumb)) / 2);appearance:none;background:radial-gradient(circle at 40% 35%,#fff6d6,#e0b45a 55%,#8d6c33);border:2px solid #3a2610;border-radius:50%;box-shadow:0 0 0 1px #ffe7a399,0 2px 6px #0000008c}.settings-slider input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:radial-gradient(circle at 40% 35%,#fff6d6,#e0b45a 55%,#8d6c33);border:2px solid #3a2610;border-radius:50%}.settings-slider input[type=range]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.settings-slider__value{color:#ffe7a3;min-width:3em;font-size:max(12px, calc(26 * var(--st-u)));font-variant-numeric:tabular-nums;text-align:right;flex:none;font-weight:800}.settings-mini-button{white-space:nowrap;flex:none;position:relative}.settings-mini-button:after{width:100%;min-height:var(--at-touch);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-message{margin:calc(10 * var(--st-u)) 0 0;color:#9fe7c4;font-size:max(11px, calc(21 * var(--st-u)));text-align:center;overflow-wrap:anywhere;flex:none}.settings-notice{margin:calc(12 * var(--st-u)) 0 0;padding:calc(10 * var(--st-u)) calc(14 * var(--st-u));color:#aef5d5;font-size:max(11px, calc(21 * var(--st-u)));background:#36cb9617;border:1px solid #36cb964d;flex:none;line-height:1.4}.settings-notice--warn{color:#ffc77d;background:#ffb65814;border-color:#ffb6585c}.settings-account-card{align-items:center;gap:calc(16 * var(--st-u));margin-top:calc(12 * var(--st-u));padding:calc(12 * var(--st-u)) calc(18 * var(--st-u));background:linear-gradient(90deg,#7a541861,#1e283eb3 55%,#141c2e99);border:1px solid #d2b16f73;flex:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid;box-shadow:inset 0 1px #ffe7a31f}.settings-account-card__avatar{width:max(36px, calc(76 * var(--st-u)));height:max(36px, calc(76 * var(--st-u)));object-fit:cover;border:2px solid var(--st-gold);background:#101826;border-radius:50%;box-shadow:0 0 0 2px #00000080,0 0 10px #ffc4544d}.settings-account-card__who{gap:calc(4 * var(--st-u));min-width:0;display:grid}.settings-account-card__who>strong{color:#fff3c9;font-size:max(14px, calc(30 * var(--st-u)));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-account-card__who .tagged-name__tag{color:#c9b07a;font-weight:700}.settings-account-card__who>small{color:var(--st-muted);font-size:max(10px, calc(19 * var(--st-u)));font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-account-card__badge{align-items:center;gap:calc(6 * var(--st-u));padding:calc(4 * var(--st-u)) calc(14 * var(--st-u)) calc(4 * var(--st-u)) calc(6 * var(--st-u));color:#c7f2ff;font-size:max(11px, calc(21 * var(--st-u)));white-space:nowrap;background:#0c96be29;border:1px solid #0cd6cd73;border-radius:999px;font-weight:800;display:inline-flex}.settings-account-card[data-guest=true] .settings-account-card__badge{color:#ffd88a;background:#f0b04a24;border-color:#f0b04a80}.settings-account-card__badge .settings-icon{width:max(16px, calc(30 * var(--st-u)));height:max(16px, calc(30 * var(--st-u)))}.settings-deletion{justify-content:flex-end;align-items:center;gap:calc(4 * var(--st-u)) calc(16 * var(--st-u));padding-top:calc(28 * var(--st-u));flex-wrap:wrap;flex:none;margin-top:auto;display:flex}.settings-deletion__pending{color:#ff9a88;font-size:max(10px, calc(20 * var(--st-u)));font-weight:800}.settings-deletion__link{padding:calc(4 * var(--st-u)) 0;color:#6f7a8a;cursor:pointer;font-size:max(10px, calc(20 * var(--st-u)));-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex;position:relative}.settings-deletion__link:after{width:100%;min-height:var(--at-touch);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-deletion__link:hover,.settings-deletion__link:focus-visible{color:#a7b2c3;text-decoration:underline}.settings-security-summary{justify-content:space-between;align-items:baseline;gap:calc(6 * var(--st-u)) calc(16 * var(--st-u));padding:calc(12 * var(--st-u)) 0 calc(4 * var(--st-u));color:var(--st-muted);font-size:max(11px, calc(21 * var(--st-u)));flex-wrap:wrap;flex:none;display:flex}.settings-security-summary>b{color:#ffe7a3;font-size:max(12px, calc(23 * var(--st-u)))}.settings-identity-list{gap:calc(8 * var(--st-u));margin-top:calc(8 * var(--st-u));flex:none;display:grid}.settings-identity{align-items:center;gap:calc(8 * var(--st-u)) calc(16 * var(--st-u));padding:calc(10 * var(--st-u)) calc(16 * var(--st-u));background:linear-gradient(90deg,#1e283eeb,#141c2ed9);border:1px solid #849ec429;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.settings-identity[data-bound=true]{border-color:#69e1b852;box-shadow:inset 3px 0 #3fcf98}.settings-identity__icon,.settings-identity__mark{width:max(28px, calc(60 * var(--st-u)));height:max(28px, calc(60 * var(--st-u)))}.settings-identity__icon{box-sizing:border-box;padding:calc(6 * var(--st-u));background:radial-gradient(circle at 50% 35%,#26365a,#0c1424);border:1px solid #d2b16fb3;border-radius:50%}.settings-identity[data-bound=false] .settings-identity__icon{filter:grayscale(.9)brightness(.7);border-color:#4b4a46}.settings-identity__mark{color:#1a3a6b;border:2px solid var(--st-gold);font-family:Arial,sans-serif;font-size:max(15px, calc(32 * var(--st-u)));background:radial-gradient(circle at 40% 35%,#fff,#d8e2ee);border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.settings-identity__text{gap:calc(3 * var(--st-u));min-width:0;display:grid}.settings-identity__text>strong{color:var(--st-ink);font-size:max(13px, calc(26 * var(--st-u)))}.settings-identity__text>small{color:var(--st-muted);font-size:max(10px, calc(20 * var(--st-u)));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-identity__status{color:#7d8796;font-size:max(11px, calc(22 * var(--st-u)));white-space:nowrap;font-weight:800}.settings-identity[data-bound=true] .settings-identity__status{color:#68e0b4}.settings-identity[data-provider=PASSWORD] .settings-identity__status,.settings-identity[data-provider=GUEST] .settings-identity__status{color:#ffe7a3}.settings-email-form{gap:calc(8 * var(--st-u));padding:calc(10 * var(--st-u)) calc(12 * var(--st-u));background:#f7cf6a0f;border:1px solid #f7cf6a4d;grid-column:1/-1;display:grid}.settings-email-form>strong{color:#ffd88a;font-size:max(12px, calc(24 * var(--st-u)))}.settings-email-form>p{color:#aec7d9;font-size:max(11px, calc(21 * var(--st-u)));margin:0}.settings-email-form__line{justify-content:flex-end;align-items:center;gap:calc(10 * var(--st-u));flex-wrap:wrap;display:flex}.game-field{--gf-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);gap:calc(6 * var(--gf-u));min-width:0;display:grid}.game-field__label{color:#d8c39a;font-size:max(11px, calc(21 * var(--gf-u)));letter-spacing:.04em;font-weight:800}.game-field__box{min-width:0;min-height:max(var(--at-touch), calc(76 * var(--gf-u)));background:linear-gradient(#050a14,#0b1424);border:1px solid #5a5340;border-radius:4px;align-items:center;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex;position:relative;box-shadow:inset 0 2px 6px #000000b3,inset 0 -1px #d2b16f1f,0 0 0 1px #0009}.game-field__box:focus-within{border-color:#e6c579;box-shadow:inset 0 2px 6px #000000b3,0 0 0 1px #0009,0 0 0 3px #ffc45438,0 0 14px #ffc45447}.game-field[data-invalid=true] .game-field__box{border-color:#e75b5b;box-shadow:inset 0 2px 6px #000000b3,0 0 0 3px #e75b5b33}.game-field__icon{box-sizing:content-box;width:max(20px, calc(38 * var(--gf-u)));height:max(20px, calc(38 * var(--gf-u)));padding:0 calc(12 * var(--gf-u));filter:grayscale(.5)brightness(.8);border-right:1px solid #d2b16f38;flex:none;transition:filter .12s ease-out}.game-field__box:focus-within .game-field__icon{filter:drop-shadow(0 0 4px #ffd26e8c)}.game-field__input{min-width:0;padding:0 calc(16 * var(--gf-u));color:#fff3c9;caret-color:#ffd56a;font:inherit;font-size:max(14px, calc(26 * var(--gf-u)));background:0 0;border:0;outline:none;flex:auto;align-self:stretch;font-weight:700}.game-field__input:focus-visible,.game-code__input:focus-visible{outline:none}.game-field__input::placeholder{color:#5f6878;font-weight:500}.game-field__input:-webkit-autofill{-webkit-text-fill-color:#fff3c9;transition:background-color 9999s}.game-field__box>.at-password-field__toggle{width:auto;min-width:var(--at-touch);color:#b8975a;border-left:1px solid #d2b16f38;border-radius:0 4px 4px 0;align-self:stretch;min-height:0;position:static}.game-field__box>.at-password-field__toggle:hover{color:#ffd56a;background:#ffc45414}.game-field__error{color:#ff9a88;font-size:max(11px, calc(20 * var(--gf-u)));margin:0;font-weight:700}.game-field__box:has(>.game-code){min-height:0;box-shadow:none;background:0 0;border:0}.game-code{gap:calc(10 * var(--gf-u));grid-template-columns:repeat(6,minmax(0,1fr));width:100%;display:grid;position:relative}.game-code__input{z-index:1;color:#0000;caret-color:#0000;letter-spacing:0;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:16px;position:absolute;inset:0}.game-code__cell{height:max(var(--at-touch), calc(80 * var(--gf-u)));color:#fff3c9;font-family:ui-monospace,monospace;font-size:max(18px, calc(36 * var(--gf-u)));background:linear-gradient(#050a14,#0b1424);border:1px solid #5a5340;border-radius:4px;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 2px 6px #000000b3}.game-code__cell[data-filled=true]{border-color:#b8975a}.game-code__input:focus~.game-code__cell[data-caret=true]{border-color:#e6c579;box-shadow:inset 0 2px 6px #000000b3,0 0 0 2px #ffc45440,0 0 10px #ffc4544d}.game-code__input:focus~.game-code__cell[data-caret=true]:after{content:"";background:#ffd56a;width:2px;height:46%;animation:1s step-end infinite game-code-caret}@keyframes game-code-caret{50%{opacity:0}}.game-field[data-invalid=true] .game-code__cell{border-color:#e75b5b}.settings-danger-callout{color:#ffd2c8;font-size:var(--at-font-sm);text-align:left;background:linear-gradient(#7816168c,#500e0e8c);border:1px solid #ff6464;align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.5;display:flex;box-shadow:inset 0 0 12px #ff463240,0 0 10px #ff463233}.settings-danger-callout>b{color:#3a0a0a;background:radial-gradient(circle at 40% 35%,#ffb0a0,#ff5a4a);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:16px;font-weight:900;display:grid}.settings-danger-callout strong{color:#ff8a78;font-size:var(--at-font-md);font-weight:900;display:block}.bind-steps{margin:0 0 var(--at-gap-xs);font-size:var(--at-font-xs);justify-content:center;align-items:center;gap:8px;padding:0;list-style:none;display:flex}.bind-steps>li{color:#7d8796;white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:inline-flex}.bind-steps>li>b{color:#a09b8c;background:#2c2f35;border:1px solid #5c5b57;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.bind-steps>li[data-state=current]{color:#ffe7a3}.bind-steps>li[data-state=current]>b{color:#fff3c9;background:linear-gradient(#7a5418,#4d3312);border-color:#d2b16f;box-shadow:0 0 8px #ffc45473}.bind-steps>li[data-state=done]{color:#68e0b4}.bind-steps>li[data-state=done]>b{color:#0d2a20;background:#68e0b4;border-color:#68e0b4}.bind-steps>.bind-steps__line{background:#d2b16f80;width:28px;height:1px}@media (prefers-reduced-motion:reduce){.settings-switch>i,.settings-switch>i:after,.game-field__box,.game-field__icon,.settings-tab .settings-icon{transition:none}.game-code__input:focus~.game-code__cell[data-caret=true]:after{animation:none}}.credential-setup,.credential-verify,.credential-steps{--cs-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px)}.at-panel--signup{width:min(100%, calc(1180 * clamp(.6px, calc(var(--at-viewport-height) / 750), .85px)))}.credential-setup{grid-template-columns:minmax(0, calc(420 * var(--cs-u))) minmax(0, 1fr);align-items:start;gap:calc(22 * var(--cs-u));min-width:0;display:grid}.credential-methods{gap:calc(10 * var(--cs-u));min-width:0;display:grid}.credential-method{align-items:center;gap:calc(14 * var(--cs-u));min-width:0;min-height:max(var(--at-touch), calc(104 * var(--cs-u)));padding:calc(10 * var(--cs-u)) calc(40 * var(--cs-u)) calc(10 * var(--cs-u)) calc(14 * var(--cs-u));color:#c9d3e2;text-align:left;cursor:pointer;background:radial-gradient(120% 90% at 0 0,#628cd624,#0000 60%),linear-gradient(#14223eeb,#091121eb);border:1px solid #d2b16f4d;border-radius:6px;grid-template-columns:auto minmax(0,1fr);transition:border-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}.credential-method:hover:not(:disabled){border-color:#e6c579b3}.credential-method:active:not(:disabled){transform:translateY(1px)}.credential-method:focus-visible{outline-offset:2px;outline:2px solid #8fdcff}.credential-method[aria-checked=true]{color:#fff3c9;background:radial-gradient(120% 90% at 0 0,#ffc45438,#0000 62%),linear-gradient(#2e3446f5,#141826f5);border-color:#e6c579;box-shadow:0 0 0 1px #0009,0 0 0 3px #ffc45433,0 0 16px #ffc45442}.credential-method:disabled{cursor:default;opacity:.6}.credential-method__icon{width:max(30px, calc(62 * var(--cs-u)));height:max(30px, calc(62 * var(--cs-u)));background:radial-gradient(circle at 50% 35%,#26365a,#0c1424);border:1px solid #d2b16f73;border-radius:50%;place-items:center;display:grid}.credential-method__icon .settings-icon,.credential-method__icon .at-oauth-mark{width:66%;height:66%}.credential-method:not([aria-checked=true]) .credential-method__icon{filter:saturate(.7)brightness(.85)}.credential-method__text{gap:calc(3 * var(--cs-u));min-width:0;display:grid}.credential-method__text strong{align-items:center;gap:calc(8 * var(--cs-u));color:inherit;font-size:max(13px, calc(25 * var(--cs-u)));flex-wrap:wrap;font-weight:800;line-height:1.2;display:flex}.credential-method__text small{color:#93a6bf;font-size:max(11px, calc(19 * var(--cs-u)));overflow-wrap:anywhere;line-height:1.3}.credential-method[aria-checked=true] .credential-method__text small{color:#c8b994}.credential-method__badge{padding:1px calc(8 * var(--cs-u));color:#2b1a02;font-size:max(10px, calc(17 * var(--cs-u)));background:linear-gradient(#ffe08a,#e0a83c);border-radius:999px;font-style:normal;font-weight:900;line-height:1.5}.credential-method__check{top:50%;right:calc(12 * var(--cs-u));width:max(16px, calc(26 * var(--cs-u)));height:max(16px, calc(26 * var(--cs-u)));border:2px solid #d2b16f73;border-radius:50%;position:absolute;transform:translateY(-50%)}.credential-method[aria-checked=true] .credential-method__check{background:#e6c579;border-color:#e6c579;box-shadow:0 0 8px #ffc4548c}.credential-method[aria-checked=true] .credential-method__check:after{color:#1b1203;content:"✓";font-size:max(11px, calc(18 * var(--cs-u)));place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.credential-form{align-content:start;gap:calc(12 * var(--cs-u));min-width:0;display:grid}.credential-form__lead{padding:calc(12 * var(--cs-u)) calc(14 * var(--cs-u));color:#c8d6ea;font-size:max(12px, calc(21 * var(--cs-u)));background:#08122699;border:1px dashed #8fdcff59;border-radius:6px;margin:0;line-height:1.45}.credential-steps{width:min(100%, calc(560 * var(--cs-u)));justify-self:center;margin:0 auto}.credential-verify{gap:calc(14 * var(--cs-u));min-width:0;display:grid}.credential-verify[data-method=authenticator]{align-items:start;gap:calc(24 * var(--cs-u));grid-template-columns:auto minmax(0,1fr)}.credential-verify[data-method=email]{width:min(100%, calc(640 * var(--cs-u)));justify-self:center;margin:0 auto}.credential-verify__qr{justify-items:center;gap:calc(6 * var(--cs-u));margin:0;display:grid}.credential-verify__qr .at-qr-box{width:max(120px, calc(250 * var(--cs-u)));padding:calc(10 * var(--cs-u))}.credential-verify__qr .at-qr{aspect-ratio:1;width:100%;height:auto}.credential-verify__qr figcaption{color:#93a6bf;font-size:max(11px, calc(18 * var(--cs-u)));text-align:center}.credential-verify__side{align-content:start;gap:calc(10 * var(--cs-u));min-width:0;display:grid}.credential-verify__steps{gap:calc(4 * var(--cs-u));color:#e9dcbc;font-size:max(12px, calc(21 * var(--cs-u)));margin:0;padding-left:1.3em;line-height:1.35;display:grid}.credential-verify__secret{align-items:center;gap:calc(10 * var(--cs-u));grid-template-columns:minmax(0,1fr) auto;display:grid}.credential-verify__secret .at-secret{min-width:0;padding:calc(8 * var(--cs-u)) calc(10 * var(--cs-u));overflow-wrap:anywhere;font-size:max(11px, calc(19 * var(--cs-u)));-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;display:block}.credential-verify__mail{align-items:center;gap:calc(14 * var(--cs-u));padding:calc(12 * var(--cs-u)) calc(16 * var(--cs-u));background:linear-gradient(#1e283ee6,#101626e6);border:1px solid #d2b16f61;border-radius:6px;display:flex}.credential-verify__mail-icon{width:max(28px, calc(56 * var(--cs-u)));height:max(28px, calc(56 * var(--cs-u)));flex:none}.credential-verify__mail p{color:#c8d6ea;font-size:max(12px, calc(21 * var(--cs-u)));gap:2px;margin:0;display:grid}.credential-verify__mail strong{color:#ffe08a;font-size:max(13px, calc(25 * var(--cs-u)));overflow-wrap:anywhere}.credential-verify__resend{justify-content:center;align-items:center;gap:calc(6 * var(--cs-u));color:#93a6bf;font-size:max(12px, calc(20 * var(--cs-u)));flex-wrap:wrap;margin:0;display:flex}.credential-link{color:#ffd56a;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0 4px;font-weight:800;text-decoration:underline;position:relative}.credential-link:after{width:100%;min-width:44px;min-height:var(--at-touch);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.credential-link:disabled{color:#6d7a8e;cursor:default;text-decoration:none}@media (prefers-reduced-motion:reduce){.credential-method{transition:none}}.rename-sheet{--cs-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);width:min(100%, calc(820 * var(--cs-u)));height:auto}.rename-sheet__body{gap:calc(14 * var(--cs-u));min-height:0;padding:calc(16 * var(--cs-u)) calc(28 * var(--cs-u)) calc(18 * var(--cs-u));flex-direction:column;margin:0;display:flex;overflow-y:auto}.rename-sheet__current{align-items:baseline;gap:calc(8 * var(--cs-u));color:#93a6bf;font-size:max(12px, calc(21 * var(--cs-u)));flex-wrap:wrap;margin:0;display:flex}.rename-sheet__current .tagged-name{color:#fff3c9;font-weight:800}.rename-sheet__card{align-items:center;gap:calc(14 * var(--cs-u));padding:calc(10 * var(--cs-u)) calc(16 * var(--cs-u));background:radial-gradient(120% 90% at 0 0,#7ec8ff29,#0000 62%),linear-gradient(#1e283ee6,#101626e6);border:1px solid #7ec8ff59;border-radius:6px;display:flex}.rename-sheet__card[data-empty=true]{border-color:#e75b5b8c}.rename-sheet__card-icon{width:max(28px, calc(56 * var(--cs-u)));height:max(28px, calc(56 * var(--cs-u)));flex:none}.rename-sheet__card span{gap:2px;min-width:0;display:grid}.rename-sheet__card strong{color:#fff3c9;font-size:max(13px, calc(24 * var(--cs-u)))}.rename-sheet__card small{color:#93a6bf;font-size:max(11px, calc(19 * var(--cs-u)));line-height:1.35}.rename-sheet__card[data-empty=true] small{color:#ff9a88}:is(.crystal-command,.at-button,.recharge-copy,.recharge-tab,.profile-segment__item,.gacha-button,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.result-actions__stats,.result-actions__share,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.login-reward__button,.settings-mini-button,.match-recovery__retry,.expedition-evacuate,.ghost-entry__start,.ghost-entry__retry-button,.task-row__action,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button),.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button)){--btn-fill:linear-gradient(180deg, #223f5c, #243855);--btn-rim:linear-gradient(180deg, #0cd6cd, #04a8c3 50%, #007bbb);--btn-ink:#d1fbfb;--btn-u:clamp(.6px, calc(var(--at-viewport-height) / 750), .85px);--btn-rim-w:max(2px, calc(4 * var(--btn-u)));color:var(--btn-ink);background:var(--btn-fill) padding-box, var(--btn-rim) border-box;border:var(--btn-rim-w) solid transparent;box-shadow:0 0 0 max(1px, calc(2 * var(--btn-u))) #000000a8;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;font-weight:800;line-height:1.15;transition:filter .1s linear}:is(.crystal-command,.at-button,.gacha-button,.result-actions__stats,.result-actions__share,.login-reward__button,.match-recovery__retry,.ghost-entry__start,.ghost-entry__retry-button,.expedition-evacuate){min-height:calc(68 * var(--btn-u));padding:calc(6 * var(--btn-u)) calc(20 * var(--btn-u));font-size:calc(28 * var(--btn-u))}:is(.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.task-row__action,.settings-mini-button,.recharge-copy,.recharge-ticket__use,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button)){min-height:calc(52 * var(--btn-u));padding:calc(4 * var(--btn-u)) calc(16 * var(--btn-u));font-size:calc(24 * var(--btn-u))}:where(.crystal-command,.at-button,.gacha-button,.result-actions__stats,.result-actions__share,.login-reward__button,.match-recovery__retry,.ghost-entry__start,.ghost-entry__retry-button,.expedition-evacuate){min-width:calc(204 * var(--btn-u))}:where(.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.task-row__action,.settings-mini-button,.recharge-ticket__use,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button)){min-width:calc(120 * var(--btn-u))}:is(.crystal-command--ghost,.at-button--ghost,.lineup-action--ghost,.recharge-copy,.settings-mini-button--ghost,.gacha-button,.gacha-history-open,.gacha-history__more-button,.result-actions__stats,.result-actions__share,.help-pager__btn){--btn-fill:linear-gradient(180deg, #31323a, #2b2d33);--btn-rim:linear-gradient(180deg, #d2b16f, #91753e 50%, #79613b);--btn-ink:#fef7e1}:is(.crystal-command--gold,.settings-mini-button--gold,.gacha-button--primary,.gacha-history__replay,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action--gold,.login-reward__button,.task-row__action,.help-collection__btn,:where(.appearance-vault__foot button),:where(.appearance-frame-empty button)){--btn-fill:linear-gradient(180deg, #644415, #543919);--btn-rim:linear-gradient(180deg, #d2b16f, #91753e 50%, #79613b);--btn-ink:#f7e9b9}:is(.crystal-command--danger,.crystal-command--red,.settings-mini-button--danger){--btn-fill:linear-gradient(180deg, #692626, #571b1b);--btn-rim:linear-gradient(180deg, #ff6464, #e75b5b 50%, #ac4545);--btn-ink:#ffe9e2}.gacha-button--multi{--btn-fill:linear-gradient(180deg, #223f5c, #243855);--btn-rim:linear-gradient(180deg, #0cd6cd, #04a8c3 50%, #007bbb);--btn-ink:#d1fbfb}:is(.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.recharge-tab,.profile-segment__item,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button)){--btn-fill:linear-gradient(#2c2f35, #2c2f35);--btn-rim:linear-gradient(#5c5b57, #5c5b57);--btn-ink:#a09b8c;--btn-rim-w:max(1px, .09em);font-weight:700;box-shadow:0 0 0 1px #00000080}:is(.settings-tab--active,.gacha-tab--active,.shop-bar__tab.is-active,.collection-kind.is-active,.collection-filter__item.is-active,.collection-detail__tab.is-active,.battle-stats__tab[aria-selected=true],.help-nav__item.is-active,.leaderboard-tab[aria-selected=true],.recharge-tab.is-active,.profile-segment__item.is-active,.lineup-tab--current,:where(.appearance-page__tabs>button[aria-selected=true]),:where(.brawl-settlement__steps button[aria-current=step])){--btn-fill:linear-gradient(180deg, #7a5418, #4d3312);--btn-rim:linear-gradient(180deg, #ffe7a3, #d2b16f 45%, #8d6c33);--btn-ink:#fff3c9;--btn-rim-w:max(2px, .12em);font-weight:900;box-shadow:0 0 0 1px #0009,0 0 12px #ffc45480,inset 0 -3px #ffd56a}.gacha-tab.gacha-tab--active[data-gacha-tone=blue]{--btn-fill:linear-gradient(180deg, #1c5c8a, #163d62);--btn-rim:linear-gradient(180deg, #a2f8ff, #0cd6cd 45%, #007bbb);--btn-ink:#e8feff;box-shadow:0 0 0 1px #0009,0 0 12px #26d0ec80,inset 0 -3px #63f1ff}:is(.game-panel-title__close,.gacha-history__close,.battle-stats__close,.login-reward__close,.mail-drawer__close,.lore-sheet__close,.player-card__close,.help-overlay__close,.recharge__close,.profile-sheet__close,.task-center__close,.friend-manage__close,.notice-banner__close,.timed-game-notice__dismiss,.result-share-poster__close,.round-result-overlay__dismiss,.ranking-dialog__head button,.match-backpack__head>button,.player-profile__head>button,.unit-attributes__head>button,.settings-sheet__close){color:#f2e3bf;text-shadow:none;cursor:pointer;background:#31303a;border:0;border-radius:50%;transition:filter .1s linear;box-shadow:0 0 0 3px #0f151c5c}:is(.crystal-command,.at-button,.recharge-copy,.recharge-tab,.profile-segment__item,.gacha-button,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.result-actions__stats,.result-actions__share,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.login-reward__button,.settings-mini-button,.match-recovery__retry,.expedition-evacuate,.ghost-entry__start,.ghost-entry__retry-button,.task-row__action,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button),.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button),.game-panel-title__close,.gacha-history__close,.battle-stats__close,.login-reward__close,.mail-drawer__close,.lore-sheet__close,.player-card__close,.help-overlay__close,.task-center__close,.friend-manage__close,.notice-banner__close,.recharge__close,.profile-sheet__close,.timed-game-notice__dismiss,.result-share-poster__close,.round-result-overlay__dismiss,.ranking-dialog__head button,.match-backpack__head>button,.player-profile__head>button,.unit-attributes__head>button,.settings-sheet__close):active:not(:disabled){filter:brightness(.78)}:is(.crystal-command,.at-button,.recharge-copy,.recharge-tab,.profile-segment__item,.gacha-button,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.result-actions__stats,.result-actions__share,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.login-reward__button,.settings-mini-button,.match-recovery__retry,.expedition-evacuate,.ghost-entry__start,.ghost-entry__retry-button,.task-row__action,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button),.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button)):disabled{--btn-fill:linear-gradient(#1e2328, #1e2328);--btn-rim:linear-gradient(#5c5b57, #5c5b57);--btn-ink:#6e6d6a;cursor:default;filter:none;opacity:1}:is(.crystal-command,.at-button,.recharge-copy,.recharge-tab,.profile-segment__item,.gacha-button,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.result-actions__stats,.result-actions__share,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.login-reward__button,.settings-mini-button,.match-recovery__retry,.expedition-evacuate,.ghost-entry__start,.ghost-entry__retry-button,.task-row__action,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button),.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button),.game-panel-title__close,.gacha-history__close,.battle-stats__close,.login-reward__close,.mail-drawer__close,.lore-sheet__close,.player-card__close,.help-overlay__close,.task-center__close,.friend-manage__close,.notice-banner__close,.timed-game-notice__dismiss,.result-share-poster__close,.round-result-overlay__dismiss,.ranking-dialog__head button,.match-backpack__head>button,.player-profile__head>button,.unit-attributes__head>button,.settings-sheet__close):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media (prefers-reduced-motion:reduce){:is(.crystal-command,.at-button,.gacha-button,.gacha-history-open,.gacha-history__more-button,.gacha-history__replay,.result-actions__stats,.result-actions__share,.mail-drawer__claim-all,.mail-detail__claim,.shop-refresh,.collection-action,.lineup-action,.login-reward__button,.settings-mini-button,.match-recovery__retry,.expedition-evacuate,.ghost-entry__start,.ghost-entry__retry-button,.task-row__action,.help-pager__btn,.help-collection__btn,.help-pager__btn,.help-collection__btn,:where(.match-chat-drawer form button),:where(.appearance-vault__foot button),:where(.appearance-frame-empty button),.settings-tab,.gacha-tab,.shop-bar__tab,.collection-kind,.collection-filter__item,.collection-detail__tab,.lineup-tab,:where(.appearance-page__tabs>button),.battle-stats__tab,.help-nav__item,.leaderboard-tab,:where(.brawl-settlement__steps button),.game-panel-title__close,.gacha-history__close,.battle-stats__close,.login-reward__close,.mail-drawer__close,.lore-sheet__close,.player-card__close,.help-overlay__close,.task-center__close,.friend-manage__close,.notice-banner__close,.timed-game-notice__dismiss,.result-share-poster__close,.round-result-overlay__dismiss,.ranking-dialog__head button,.match-backpack__head>button,.player-profile__head>button,.unit-attributes__head>button,.settings-sheet__close){transition:none}}.confirm-dialog{padding:max(var(--at-gap-sm), var(--sat)) max(var(--at-edge), var(--sar)) max(var(--at-gap-sm), var(--sab)) max(var(--at-edge), var(--sal));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020b1ed1;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog__panel{gap:var(--at-gap-sm);border:2px solid var(--gold);border-radius:var(--at-radius-md);text-align:center;background:linear-gradient(#09204afc,#04112cfc);justify-items:center;width:min(400px,100%);max-height:100%;padding:clamp(12px,3.6vh,20px) clamp(16px,4vw,24px);display:grid;position:relative;overflow:auto;box-shadow:inset 0 0 0 3px #154177,0 20px 56px #0009}.confirm-dialog__panel:after{content:"";pointer-events:none;border:2px solid var(--gold);background:linear-gradient(135deg,#8fdcff,#1f6ad1);width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.confirm-dialog--wide .confirm-dialog__panel{width:min(760px,100%)}.confirm-dialog__title{color:var(--gold-light);font-family:var(--display);letter-spacing:.04em;margin:0;font-size:clamp(16px,2.4vw,22px)}.confirm-dialog__body{color:#cfe1f5;max-width:26em;font-size:var(--at-font-sm);margin:0;line-height:1.6}.confirm-dialog__content{width:100%;min-width:0}.confirm-dialog__actions{gap:var(--at-gap-xs);width:100%;margin-top:2px;display:flex}.confirm-dialog__actions>.crystal-command{flex:1 1 0;min-width:0}.deletion-sheet{--ds-u:clamp(.5px, calc(var(--at-viewport-height) / 750), 1.1px);--ds-red:#ff8f7e;--ds-red-line:#ff826e73;--ds-muted:#b3c6e0;--ds-fs-small:max(11px, calc(21 * var(--ds-u)));--ds-fs-body:max(12px, calc(24 * var(--ds-u)));padding:max(var(--at-gap-sm), var(--sat)) max(var(--at-edge), var(--sar)) max(var(--at-gap-sm), var(--sab)) max(var(--at-edge), var(--sal));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020818c7;place-items:center;display:grid;position:fixed;inset:0}.deletion-sheet__panel{width:min(max(760px, calc(860 * var(--ds-u))), 100%);min-height:0;max-height:94%;color:var(--text);border-radius:var(--at-panel-radius);background:radial-gradient(80% 50% at 50% 0,#ff6e5a1f,#0000 70%),linear-gradient(#0a1e46fc,#040f28fc);border:2px solid #c3913d;flex-direction:column;animation:.2s ease-out both deletion-in;display:flex;box-shadow:inset 0 0 0 2px #154177,0 18px 42px #00000080}@keyframes deletion-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.deletion-sheet__head{justify-content:space-between;align-items:center;gap:var(--at-gap-sm);padding:var(--at-gap-xs) var(--at-gap-sm) var(--at-gap-xs) var(--at-gap-md);border-bottom:1px solid #e5b34d73;flex:none;display:flex}.deletion-sheet__head h2{color:var(--gold-light);font-size:max(14px, calc(30 * var(--ds-u)));letter-spacing:.06em;margin:0}.deletion-sheet__close{width:var(--at-touch);height:var(--at-touch);font-size:var(--at-font-lg);place-items:center;line-height:1;display:grid}.deletion-sheet__body{min-height:0;padding:var(--at-gap-sm) var(--at-gap-md) var(--at-gap-md);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.deletion-sheet__state{margin:var(--at-gap-lg) 0;color:var(--ds-muted);text-align:center}.deletion-request{text-align:left;flex-direction:column;flex:auto;min-height:0;display:flex}.deletion-request__scroll{gap:max(8px, calc(14 * var(--ds-u)));min-height:0;padding-bottom:var(--at-gap-xs);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.deletion-request__warn{color:#ffd9cf;border:1px solid var(--ds-red-line);border-radius:var(--at-radius-md);font-size:var(--ds-fs-body);background:linear-gradient(90deg,#ff5a4633,#ff5a460a);align-items:center;gap:.5em;margin:0;padding:.55em .8em;font-weight:800;display:flex}.deletion-request__warn svg{fill:none;width:1.3em;height:1.3em;stroke:var(--ds-red);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.deletion-request__scope{gap:var(--at-gap-xs);grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));display:grid}.deletion-scope{--tone:var(--ds-red);border:1px solid #8cb4eb33;border-top:2px solid var(--tone);border-radius:var(--at-radius-md);background:#020a1c99;padding:.55em .7em .6em}.deletion-scope[data-tone=anon]{--tone:#ffd36a}.deletion-scope[data-tone=keep]{--tone:#9fd6ff}.deletion-scope h4{color:var(--tone);font-size:var(--ds-fs-body);margin:0 0 .35em}.deletion-scope ul{color:#dbe6f5;font-size:var(--ds-fs-small);flex-direction:column;gap:.3em;margin:0;padding-left:1.05em;line-height:1.45;display:flex}.deletion-forfeit{border-radius:var(--at-radius-md);background:linear-gradient(#ffc4541a,#020a1c80);border:1px solid #e5b34d80;padding:.6em .8em}.deletion-forfeit h4{color:var(--gold-light);font-size:var(--ds-fs-body);margin:0 0 .4em}.deletion-forfeit ul{flex-wrap:wrap;gap:.4em 1.4em;margin:0;padding:0;list-style:none;display:flex}.deletion-forfeit li{font-size:var(--ds-fs-body);align-items:center;gap:.4em;display:inline-flex}.deletion-forfeit li b{color:var(--ds-red);font-variant-numeric:tabular-nums;font-size:1.2em}.deletion-forfeit__paid{color:var(--ds-muted);font-size:var(--ds-fs-small)}.deletion-forfeit__none{color:var(--ds-muted);font-size:var(--ds-fs-small);margin:0}.deletion-forfeit__note{color:var(--ds-muted);font-size:var(--ds-fs-small);margin:.45em 0 0;line-height:1.45}.deletion-request__cooling{color:#dbe6f5;font-size:var(--ds-fs-small);margin:0;line-height:1.5}.deletion-request__reauth{justify-content:space-between;align-items:center;gap:var(--at-gap-xs) var(--at-gap-sm);color:#ffe6a8;border-radius:var(--at-radius-md);font-size:var(--ds-fs-small);background:#ffd36a1a;border:1px solid #ffd36a73;flex-wrap:wrap;padding:.5em .8em;display:flex}.deletion-request__dock{justify-content:space-between;align-items:center;gap:0 var(--at-gap-sm);margin:0 calc(-1 * var(--at-gap-md)) calc(-1 * var(--at-gap-md));padding:4px var(--at-gap-md) var(--at-gap-sm);background:#030c2099;border-top:1px solid #e5b34d4d;flex-wrap:wrap;flex:none;display:flex;box-shadow:0 -10px 14px -8px #020816e6}.deletion-request__ack{min-height:var(--at-touch);font-size:var(--ds-fs-small);cursor:pointer;align-items:center;gap:.5em;line-height:1.45;display:flex}.deletion-request__ack input{accent-color:#ff6464;flex:none;width:20px;height:20px;margin:0}.deletion-request__foot{justify-content:flex-end;align-items:center;gap:var(--at-gap-sm);flex:auto;display:flex}.deletion-pending{align-items:center;gap:max(6px, calc(12 * var(--ds-u)));padding:var(--at-gap-sm) 0;text-align:center;flex-direction:column;display:flex}.deletion-pending__emblem{--size:max(56px, calc(120 * var(--ds-u)));width:var(--size);height:var(--size);background:radial-gradient(closest-side, #0b1d42 78%, transparent 80% 100%), conic-gradient(#ff8f7e calc(var(--elapsed,0) * 360deg), #ffffff1a 0);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 24px #ff786459}.deletion-pending__emblem svg{fill:none;stroke:#ffd2c4;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.deletion-pending h3{color:#ffe2d8;font-size:max(15px, calc(32 * var(--ds-u)));margin:0;line-height:1.3}.deletion-pending__days{color:var(--ds-red);font-size:max(18px, calc(44 * var(--ds-u)));font-variant-numeric:tabular-nums;margin:0;font-weight:900}.deletion-pending__hint{max-width:32em;color:var(--ds-muted);font-size:var(--ds-fs-small);margin:0;line-height:1.5}.deletion-pending__hint--warn{color:#ffd36a}@media (prefers-reduced-motion:reduce){.deletion-sheet__panel{animation:none}}.deletion-request__privacy{color:#9fd6ff;font-size:var(--ds-fs-small);text-underline-offset:2px;text-decoration:underline}.feedback-sheet{flex-direction:column;display:flex}.feedback-sheet__body{gap:calc(12 * var(--st-u));min-height:0;padding:calc(14 * var(--st-u)) calc(28 * var(--st-u)) calc(16 * var(--st-u));flex-direction:column;margin:0;display:flex;overflow-y:auto}.feedback-sheet__categories{gap:calc(10 * var(--st-u));flex-wrap:wrap;display:flex}.feedback-sheet__category{min-height:max(var(--at-touch), calc(56 * var(--st-u)));padding:0 calc(22 * var(--st-u));color:#c9d3e2;font:inherit;font-size:max(12px, calc(22 * var(--st-u)));cursor:pointer;background:linear-gradient(#0d1626,#070d19);border:1px solid #d2b16f52;border-radius:4px;font-weight:700}.feedback-sheet__category[aria-checked=true]{color:#1d1406;background:linear-gradient(#ffe08a,#d9a944);border-color:#ffe7a6}.feedback-sheet__category:disabled{cursor:default;opacity:.6}.feedback-sheet__content{box-sizing:border-box;width:100%;min-height:calc(150 * var(--st-u));padding:calc(12 * var(--st-u)) calc(16 * var(--st-u));color:#fff3c9;caret-color:#ffd56a;font:inherit;font-size:max(13px, calc(23 * var(--st-u)));resize:none;background:linear-gradient(#050a14,#0b1424);border:1px solid #5a5340;border-radius:4px;line-height:1.45;box-shadow:inset 0 2px 6px #000000b3}.feedback-sheet__content:focus-visible{border-color:#e6c579;outline:none;box-shadow:inset 0 2px 6px #000000b3,0 0 0 3px #ffc45438}.feedback-sheet__content::placeholder{color:#5f6878}.feedback-sheet__meta{justify-content:space-between;gap:calc(12 * var(--st-u));color:#93a6bf;font-size:max(11px, calc(19 * var(--st-u)));display:flex}.feedback-sheet__count{font-variant-numeric:tabular-nums;flex:none}.feedback-sheet__diagnostics{align-items:center;gap:calc(10 * var(--st-u));min-height:var(--at-touch);color:#c9d3e2;font-size:max(11px, calc(20 * var(--st-u)));cursor:pointer;display:flex}.feedback-sheet__diagnostics input{width:max(16px, calc(28 * var(--st-u)));height:max(16px, calc(28 * var(--st-u)));accent-color:#d9a944;flex:none}.portrait-input-bar{z-index:-1;padding:max(10px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));border-bottom:2px solid var(--gold);opacity:0;pointer-events:none;background:linear-gradient(#09204afc,#04112cfc);gap:6px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 28px #0000008c}.portrait-input-bar[data-open=true]{opacity:1;pointer-events:auto}.portrait-input-bar__label{color:#d2b16f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.portrait-input-bar__row{align-items:flex-end;gap:8px;display:flex;position:relative}.portrait-input-bar__input{box-sizing:border-box;color:#fff3c9;caret-color:#ffd56a;width:0;min-width:0;min-height:44px;font:inherit;background:#020b1ee6;border:1px solid #d2b16f8c;border-radius:6px;outline:none;flex:1 1 0;padding:0 12px;font-size:16px;font-weight:700}.portrait-input-bar__input--multi{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;height:44px;max-height:calc(7em + 22px);padding:10px 12px;line-height:1.4;display:block;overflow-y:auto}.portrait-input-bar__input--idle{z-index:-1;opacity:0;pointer-events:none;width:100%;height:44px;position:absolute;top:0;left:0}.portrait-input-bar__input:focus,.portrait-input-bar__input:focus-visible{box-shadow:none;border-color:#ffd56a;outline:none}.portrait-input-bar__input::placeholder{color:#5f6878;font-weight:500}.portrait-input-bar__done{color:#2a1a02;border:1px solid var(--gold);min-width:64px;min-height:44px;font:inherit;background:linear-gradient(#ffe08a,#d9a640);border-radius:6px;flex:none;padding:0 14px;font-size:15px;font-weight:800}.card-face-art{background:#0b1d38;position:absolute;inset:0;overflow:hidden}.card-face-art__image{object-fit:cover;object-position:50% 22%;-webkit-user-select:none;user-select:none;width:100%;height:100%}.card-face-art--default{background:radial-gradient(at 50% 38%,#60aae247,#0000 58%),repeating-linear-gradient(135deg,#8cc4ec12 0 1px,#0000 1px 9px),linear-gradient(#17345c 0%,#0b1d38 58%,#071226 100%)}.match-loading--deck{isolation:isolate;background:radial-gradient(70% 46% at 50% 92%,#d6a04829,#0000 70%),radial-gradient(90% 70% at 50% 40%,#1e548c9e,#0000 72%),linear-gradient(#071630 0%,#040c1d 100%);grid-template-rows:minmax(0,1fr) auto;gap:6px;padding-bottom:0;overflow:hidden}.match-loading--deck:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#78c8ff12 48%,#0000 58%);animation:6s ease-in-out infinite alternate loading-beam;position:absolute;inset:-20% -10%}.match-loading__deck{width:100%;min-width:0;height:100%;min-height:0;container-type:size}.match-loading__players{--at-loading-gap:clamp(6px, 3cqw, 44px);--at-loading-row-gap:clamp(6px, 4cqh, 31px);--at-loading-card-w:min(calc((100cqw - (var(--at-loading-cols,4) - 1) * var(--at-loading-gap)) / var(--at-loading-cols,4)), calc((100cqh - (var(--at-loading-rows,2) - 1) * var(--at-loading-row-gap)) / var(--at-loading-rows,2) * .632), 260px);grid-template-columns:repeat(var(--at-loading-cols,4), var(--at-loading-card-w));place-content:center;gap:var(--at-loading-row-gap) var(--at-loading-gap);height:100%;display:grid}.match-loading__players--duel{--at-loading-card-w:min(calc((100cqw - 2 * var(--at-loading-gap) - 56px) / 2), calc(100cqh * .632), 260px);grid-template-columns:var(--at-loading-card-w) 56px var(--at-loading-card-w);align-items:center}.loading-player{width:100%;min-width:0;animation:.5s cubic-bezier(.2,.8,.2,1) both loading-card-in;animation-delay:calc(var(--at-loading-order,0) * 70ms);flex-direction:column;display:flex;container-type:inline-size}.loading-player__card{aspect-ratio:.632;border:1px solid #92b8dc8c;border-radius:clamp(5px,5cqw,10px);width:100%;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000080}.loading-player__card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #e8c47859;position:absolute;inset:3px}.loading-player--self .loading-player__card{border:2px solid #f3c65f;box-shadow:0 0 0 1px #ffe49659,0 0 22px #ffc44873,0 8px 22px #0000008c}.loading-player--self .loading-player__card:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff0c847 50%,#0000 65%);animation:3.2s ease-in-out 1s infinite loading-self-shine;position:absolute;inset:0;transform:translate(-120%)}.loading-player__seat{z-index:2;color:#d9e8f7;text-overflow:ellipsis;white-space:nowrap;background:#051022b8;border:1px solid #92b8dc66;border-radius:999px;max-width:calc(100% - 12px);padding:1px 6px;font-size:clamp(9px,9cqw,12px);font-weight:800;position:absolute;top:6px;left:6px;overflow:hidden}.loading-player--self .loading-player__seat{color:#3a2508;background:linear-gradient(#ffe39a,#e2a944);border-color:#fff1c2}.loading-player__ping{z-index:2;color:#d8f6e6;white-space:nowrap;background:#051022c7;border-radius:999px;align-items:center;gap:3px;max-width:calc(52% - 6px);padding:1px 5px;font-size:clamp(9px,8.5cqw,12px);font-weight:700;display:flex;position:absolute;top:6px;right:6px}.loading-player--self .loading-player__seat{max-width:calc(48% - 8px)}.loading-player__ping i{align-items:flex-end;gap:1px;height:9px;display:flex}.loading-player__ping b{background:#aabed259;border-radius:1px;width:2px}.loading-player__ping b:first-child{height:4px}.loading-player__ping b:nth-child(2){height:6px}.loading-player__ping b:nth-child(3){height:9px}.loading-player__ping--good b.is-lit{background:#5be39b}.loading-player__ping--fair b.is-lit{background:#f4cf58}.loading-player__ping--poor b.is-lit{background:#ff6b5b}.loading-player__ping--poor{color:#ffd2cb}.loading-player__plate{z-index:2;--loading-pet-size:clamp(22px, 29cqw, 64px);padding:calc(var(--loading-pet-size) * .62 + 3px) 7% calc(7% + 5px);text-align:center;background:linear-gradient(#030a1800,#030a18e6 34%,#030a18f7);gap:1px;display:grid;position:absolute;bottom:0;left:0;right:0}.loading-player__plate strong,.loading-player__plate small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-player__plate strong{color:#f4f8ff;font-family:var(--display);text-shadow:0 1px 2px #000c;font-size:clamp(10px,12cqw,19px);line-height:1.15}.loading-player--self .loading-player__plate strong{color:#ffe7a8}.loading-player__plate small{color:#f0c46b;font-size:clamp(8px,9cqw,13px);font-weight:700}.loading-player__pet{top:calc(var(--loading-pet-size) * -.38);width:var(--loading-pet-size);height:var(--loading-pet-size);background:#0d2240;border:2px solid #e7bd63;border-radius:50%;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 2px #030a18d9,0 3px 8px #0009}.loading-player__pet img{object-fit:cover;object-position:top center;width:100%;height:100%}.loading-player__status{z-index:3;position:absolute;bottom:5px;left:6px;right:6px}.loading-player__status span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-player__bar{background:#7896b44d;border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.loading-player__bar b{background:linear-gradient(90deg,#f0b44a,#ffe08a);height:100%;transition:width .12s linear;display:block}.loading-player__bar--remote b{width:36%;animation:1.4s ease-in-out infinite reconnect-loading}.loading-player__status.is-ready .loading-player__bar b{background:#55e2b8;width:100%;animation:none}.match-loading__vs{aspect-ratio:1;color:#ffe6a0;width:56px;font-family:var(--display);text-shadow:0 2px 6px #000000b3;background:radial-gradient(circle,#1e406ef2 55%,#e2b65f80 56%,#0000 68%);border-radius:50%;flex:none;place-items:center;font-size:22px;font-style:italic;font-weight:900;animation:.5s cubic-bezier(.2,.8,.2,1) 70ms both loading-card-in;display:grid}.match-loading__progress--deck{width:auto;margin:0 calc(-1 * max(var(--at-edge), var(--sar))) 0 calc(-1 * max(var(--at-edge), var(--sal)));padding-bottom:var(--sab,0px);text-align:left;place-self:end stretch;position:relative}.match-loading__progress--deck>span{margin:0 0 4px max(var(--at-edge), var(--sal));color:#b9c9db;font-size:var(--at-font-xs)}.match-loading__progress--deck i{background:#060e1ee6;border:0;border-top:1px solid #f0b44a73;height:10px}.match-loading__progress--deck i b{background:linear-gradient(90deg,#b8741c,#f0b44a 70%,#ffe08a);box-shadow:0 0 8px #f0b44a99}.match-loading__progress--deck i b.is-ready{background:linear-gradient(90deg,#b8741c,#ffd166)}.match-loading__percent{right:max(var(--at-edge), var(--sar));bottom:calc(10px + var(--sab,0px));color:#ffe08a;font-family:var(--display);font-size:var(--at-font-md);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,#0a1426b3,#0a1426f2);padding:1px 14px 1px 18px;font-style:normal;font-weight:800;position:absolute}@keyframes loading-card-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes loading-self-shine{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}@keyframes loading-beam{0%{transform:translate(-6%)}to{transform:translate(6%)}}@media (prefers-reduced-motion:reduce){.loading-player,.match-loading__vs,.match-loading--deck:before,.loading-player--self .loading-player__card:before,.loading-player__bar--remote b{animation:none}}.presence-dot{align-items:center;gap:var(--at-gap-xs);min-width:0;font-size:var(--at-font-xs);color:var(--at-text-dim,#a0a8b8);display:inline-flex;position:relative}.presence-dot__mark{background:var(--presence-color,#7a8294);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 1px #00000073}.presence-dot[data-status=online]{--presence-color:#4ac87a}.presence-dot[data-status=busy]{--presence-color:#e89e3e}.presence-dot[data-status=offline]{--presence-color:#7a8294}.presence-dot__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.presence-dot__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.presence-settings{gap:var(--at-gap-sm);flex-direction:column;min-width:0;display:flex}.presence-settings__title{align-items:baseline;gap:var(--at-gap-sm);font-size:var(--at-font-md);display:flex}.presence-settings__subtitle{font-size:var(--at-font-xs);color:var(--at-text-dim,#a0a8b8)}.presence-settings__options{gap:var(--at-gap-xs);border:0;flex-direction:column;margin:0;padding:0;display:flex}.presence-settings__option{align-items:center;gap:var(--at-gap-sm);min-height:var(--at-touch);padding:0 var(--at-gap-sm);border-radius:var(--at-radius-md);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;display:flex}.presence-settings__option[aria-checked=true]{border-color:var(--presence-color,#4ac87a);background:#ffffff17}.presence-settings__option[data-mode=online]{--presence-color:#4ac87a}.presence-settings__option[data-mode=busy]{--presence-color:#e89e3e}.presence-settings__option[data-mode=invisible]{--presence-color:#7a8294}.presence-settings__option:disabled{cursor:progress;opacity:.6}.presence-settings__labels{flex-direction:column;min-width:0;display:flex}.presence-settings__label{font-size:var(--at-font-sm)}.presence-settings__hint{font-size:var(--at-font-xs);color:var(--at-text-dim,#a0a8b8)}.presence-settings__status{min-height:1em;font-size:var(--at-font-xs);color:var(--at-text-dim,#a0a8b8)}.presence-settings__status[data-tone=error]{color:#e86e6e}