:root{--ink:#061228;--navy:#071d45;--navy-soft:#071d45e6;--gold:#e5b34d;--gold-light:#ffe49a;--blue:#1674e8;--red:#b9233d;--cyan:#48dff8;--text:#fff8dc;--muted:#b9c9de;--display:Georgia, "Times New Roman", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "PingFang SC", serif;--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-viewport-height:100dvh}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);background:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}button,input{font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.game-orientation-viewport{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.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,.primary-command,.secondary-command{min-height:44px;color:var(--text);cursor:pointer;text-shadow:0 2px 2px #063778;background:#075bc0;border:2px solid #e4b856;border-radius:5px;padding:9px 18px;font-weight:800;box-shadow:inset 0 0 0 2px #3196ff}.at-button:disabled,.primary-command:disabled{cursor:default;filter:grayscale(.8);opacity:.55}.at-button--ghost,.secondary-command{background:#5c1728;box-shadow:inset 0 0 0 2px #c64f5e}.text-command,.icon-command{color:var(--gold-light);cursor:pointer;background:0 0;border:0}.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}.settings-popover{width:min(320px, calc(var(--at-viewport-width) - 28px));max-height:calc(var(--at-viewport-height) - 72px - var(--sat));padding:var(--at-panel-pad-y) var(--at-panel-pad-x);color:var(--text);background:#051636fa;border:2px solid #c3913d;border-radius:6px;position:absolute;top:46px;right:0;overflow-y:auto;box-shadow:inset 0 0 0 3px #154177,0 18px 42px #0000006b}.settings-popover header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-popover header strong{color:var(--gold-light);font-size:18px}.settings-popover header button{width:30px;height:30px;color:var(--gold-light);cursor:pointer;background:0 0;border:1px solid #e5b34db3;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid}.settings-group{gap:10px;margin-top:14px;display:grid}.settings-group>span{color:#e8f4ff;font-size:13px;font-weight:800}.settings-group p,.settings-message{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.settings-group--exit{border-bottom:1px solid #70a9d847;margin-top:12px;padding-bottom:12px}.settings-exit-button{min-height:var(--at-touch);color:#ffe4dc;cursor:pointer;background:linear-gradient(#a3372c,#7a2118);border:1px solid #e08575;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:800}.settings-exit-button:hover{background:linear-gradient(#bb4133,#8d271c)}.settings-exit-button:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.settings-confirm{z-index:90;padding:max(14px,var(--sat)) max(14px,var(--sar)) max(14px,var(--sab)) max(14px,var(--sal));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020b1ed1;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.settings-confirm__frame{border:2px solid var(--gold);border-radius:var(--at-radius-md);text-align:center;background:linear-gradient(#09204afc,#04112cfc);justify-items:center;gap:12px;width:min(400px,100%);padding:clamp(14px,4vh,22px) clamp(18px,4vw,26px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #154177,0 20px 56px #0009}.settings-confirm__frame: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)}.settings-confirm__frame h2{color:var(--gold-light);font-family:var(--display);letter-spacing:.04em;margin:0;font-size:clamp(18px,2.4vw,22px)}.settings-confirm__frame p{color:#cfe1f5;max-width:26em;margin:0;font-size:13px;line-height:1.6}.settings-confirm__actions{gap:10px;width:100%;margin-top:2px;display:flex}.settings-confirm__actions .at-button{flex:1;min-width:0}.settings-confirm__actions .at-button--ghost{text-shadow:0 2px 2px #07203f;background:#1c3a63;box-shadow:inset 0 0 0 2px #5f8cc4}.settings-confirm__accept{text-shadow:0 2px 2px #3d0d07;background:#8d271c;box-shadow:inset 0 0 0 2px #e08575}.language-segment{background:#061632;border:1px solid #6e8eb3;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.language-segment__item{color:#cfe5ff;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:0;min-height:36px;padding:7px 8px;font-size:13px;font-weight:800}.language-segment__item--active{color:#fff;background:#075bc0;box-shadow:inset 0 0 0 2px #3196ff}.language-segment__item:disabled{cursor:default;opacity:.72}.settings-slider-row{align-items:center;gap:10px;min-height:44px;display:flex}.settings-slider-row input[type=range]{appearance:none;cursor:pointer;--at-slider-stop:calc(var(--at-slider-fill,0) * (100% - 22px) + 11px);background:0 0;flex:1;min-width:0;height:24px;margin:0}.settings-slider-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #3196ff 0 var(--at-slider-stop), #061632 var(--at-slider-stop) 100%);border:1px solid #6e8eb3;border-radius:999px;height:6px}.settings-slider-row input[type=range]::-moz-range-track{background:#061632;border:1px solid #6e8eb3;border-radius:999px;height:6px}.settings-slider-row input[type=range]::-moz-range-progress{background:#3196ff;border-radius:999px;height:6px}.settings-slider-row input[type=range]::-webkit-slider-thumb{border:2px solid var(--gold-light);appearance:none;background:#075bc0;border-radius:50%;width:22px;height:22px;margin-top:-9px}.settings-slider-row input[type=range]::-moz-range-thumb{border:2px solid var(--gold-light);background:#075bc0;border-radius:50%;width:22px;height:22px}.settings-slider-row input[type=range]:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.settings-slider-value{color:#e8f4ff;text-align:right;min-width:44px;font-size:13px;font-weight:800}.at-error,.panel-error,.global-error{color:#ffd6d9}.lobby-shell{isolation:isolate;background:#3d9be3;width:100%;height:100%;position:relative;overflow:hidden}.lobby-sky{z-index:-2;background:url(/assets/ui/fantasy-lobby-backdrop.png) 50%/cover no-repeat;position:absolute;inset:0}.lobby-sky:after{content:"";background:linear-gradient(#071a3d33,#0000 28% 72%,#040e2380);position:absolute;inset:0}.lobby-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--at-gap-sm);min-height:var(--at-lobby-header-h);padding:var(--at-gap-xs) calc(max(var(--at-edge),var(--sar)) + var(--at-settings-reserve)) var(--at-gap-xs) max(var(--at-edge),var(--sal));color:#fff;background:linear-gradient(#020d25eb,#04183dad 72%,#0000);display:flex;position:absolute;inset:0 0 auto}.profile-crest{align-items:center;gap:var(--at-gap-sm);min-width:0;display:flex}.profile-crest>span{aspect-ratio:1;width:52px;color:var(--gold-light);border:3px solid var(--gold);background:#0a285e;border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #1f64a8}.profile-crest strong,.profile-crest small{text-shadow:0 2px 3px #000;display:block}.profile-crest small{color:#cfe5ff;margin-top:3px;font-size:11px}.lobby-resources{align-items:center;gap:10px;display:flex}.lobby-resources>span{color:#fff;background:#041431e0;border:2px solid #a77a34;border-radius:5px;min-width:92px;padding:9px 14px;font-weight:800}.lobby-resources i{color:#4ce7ff;margin-right:9px;font-style:normal}.lobby-resources>.wallet-bar{background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.wallet-chip{color:#fff;background:#041431e0;border:2px solid #a77a34;border-radius:5px;align-items:baseline;gap:6px;min-width:92px;padding:9px 14px;font-weight:800;display:inline-flex}.wallet-chip i{color:#4ce7ff;font-style:normal}.wallet-chip b{font-variant-numeric:tabular-nums}.wallet-chip small{color:var(--muted);font-size:.72em;font-weight:600}.wallet-chip--capped{border-color:var(--red)}.wallet-chip--capped b{color:var(--gold-light)}.lobby-resources>.wallet-bar--pending{min-width:92px;color:var(--muted);background:#04143199;border:2px dashed #6c7b93;border-radius:5px;padding:9px 14px;font-size:.82em;font-weight:700}.icon-command{border:1px solid #e5b34db3;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.lobby-nav{top:calc(var(--at-lobby-header-h) + var(--at-gap-lg));left:max(var(--at-edge),var(--sal));z-index:8;gap:var(--at-gap-sm);flex-direction:column;display:flex;position:absolute}.nav-rune{width:var(--at-nav-rune);aspect-ratio:1;color:#d2e5ff;border-radius:var(--at-radius-md);cursor:pointer;font-size:var(--at-font-xl);background:#051638e6;border:2px solid #a37c3d;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #153d78,0 5px 12px #00000047}.nav-rune--active{color:#fff;border-color:var(--gold-light);background:#126cd1;box-shadow:inset 0 0 0 3px #35a8ff,0 0 18px #25a1ff8c}.nav-rune--locked,.nav-rune:disabled{cursor:default;filter:saturate(.45);opacity:.58}.mode-plaza{inset:calc(var(--at-lobby-header-h) + var(--at-gap-sm)) max(var(--at-edge),var(--sar)) calc(var(--at-lobby-dock-h) + var(--at-gap-lg)) var(--at-lobby-gutter);flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:absolute}.mode-heading{margin-bottom:var(--at-gap-sm);text-align:center;text-shadow:0 3px 7px #082250}.mode-heading span{color:#eef8ff;font-size:var(--at-font-sm);font-weight:800}.mode-heading h1{color:#fff;font-size:var(--at-font-xl);margin:3px 0 0}.mode-cards{grid-template-columns:repeat(3,minmax(0,250px));gap:clamp(8px,2.2vw,34px);width:min(850px,100%);display:grid}.mode-card{height:var(--at-mode-card-h);color:#fff;border-radius:var(--at-radius-md);cursor:pointer;background:#092557;border:4px solid #c99742;min-width:0;padding:0;transition:transform .18s,filter .18s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:inset 0 0 0 3px #163e79,0 16px 30px #02122b61}.mode-card:before{z-index:1;content:"";background:linear-gradient(#0000 42%,#030d24f2 78%);position:absolute;inset:0}.mode-card:hover:enabled{filter:saturate(1.15)brightness(1.06);transform:translateY(-7px)}.mode-card:disabled{cursor:default;filter:saturate(.65)}.mode-card>img{left:50%;bottom:var(--at-mode-card-copy-h);width:120%;max-width:300px;height:calc(100% - var(--at-mode-card-copy-h));object-fit:contain;position:absolute;transform:translate(-50%)}.mode-card--duel{background:#1260ac}.mode-card--ranked{background:#763164}.mode-card--locked{filter:saturate(.45);background:#2e4964}.mode-card-copy{z-index:2;min-height:var(--at-mode-card-copy-h);padding:var(--at-gap-xs) var(--at-gap-xs);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:auto 0 0}.mode-card-copy small{color:#a9d9ff;font-size:var(--at-font-xs);font-weight:800}.mode-card-copy strong{color:var(--gold-light);text-shadow:0 3px 3px #000;margin-top:2px;font-size:clamp(15px,2vw,28px)}.mode-card-copy b{font-size:var(--at-font-xs);margin-top:3px}.lineup-dock{right:max(var(--at-edge),var(--sar));bottom:max(var(--at-gap-sm),var(--sab));left:var(--at-lobby-gutter);z-index:8;align-items:center;gap:var(--at-gap-sm);min-height:var(--at-lobby-dock-h);padding:var(--at-gap-sm) var(--at-gap-lg);border-radius:var(--at-radius-md);background:#051637eb;border:3px solid #c3913d;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #154177,0 12px 30px #00000057}.lineup-label span,.lineup-label strong{display:block}.lineup-label span{color:var(--gold-light);font-size:var(--at-font-lg);font-weight:900}.lineup-label strong{margin-top:var(--at-gap-xs);color:var(--muted);font-size:var(--at-font-xs)}.lineup-label__edit{min-height:32px;color:var(--gold-light);cursor:pointer;background:#041431e6;border:1px solid #a77a34;border-radius:4px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:800;position:relative}.lineup-label__edit:after{content:"";position:absolute;inset:-6px -8px}.lineup-portraits{height:calc(var(--at-lobby-dock-h) - 30px);gap:var(--at-gap-xs);min-width:0;display:flex;overflow-x:auto}.lineup-portrait{width:var(--at-lineup-portrait-w);border:2px solid var(--gold);background:#0b3265;border-radius:5px;flex:none;position:relative;overflow:hidden}.lineup-portrait img{object-fit:contain;width:100%;height:calc(100% - 15px)}.lineup-portrait strong{font-size:var(--at-font-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#030e24db;padding:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lineup-summary{gap:var(--at-gap-md);display:flex}.lineup-summary span{color:var(--muted);font-size:var(--at-font-xs)}.lineup-summary b{color:#fff;font-size:var(--at-font-lg);text-align:center;display:block}.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--sub{grid-template-rows:auto minmax(0,1fr);display:grid}.lobby-sub-header{z-index:10;align-items:center;gap:var(--at-gap-md);min-height:var(--at-lobby-header-h);padding:var(--at-gap-xs) calc(max(var(--at-edge),var(--sar)) + var(--at-settings-reserve)) var(--at-gap-xs) max(var(--at-edge),var(--sal));background:linear-gradient(#020d25f0,#04183db8);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lobby-sub-header__back{min-height:44px;color:var(--gold-light);cursor:pointer;background:#051638e6;border:2px solid #a37c3d;border-radius:5px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #153d78}.lobby-sub-header__back span{font-size:22px;line-height:1}.lobby-sub-header__title{min-width:0}.lobby-sub-header__title small,.lobby-sub-header__title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lobby-sub-header__title small{color:#a9d9ff;letter-spacing:.1em;font-size:12px;font-weight:800}.lobby-sub-header__title strong{color:var(--gold-light);font-family:var(--display);text-shadow:0 3px 3px #000;font-size:clamp(20px,2.4vw,30px)}.lobby-sub-header__actions{align-items:center;gap:10px;min-width:0;display:flex}.lobby-sub-header__actions>.wallet-bar{align-items:center;gap:var(--at-gap-xs);background:0 0;border:0;min-width:0;padding:0;display:flex}.lobby-sub-header__actions .wallet-chip{min-width:0;font-size:var(--at-font-sm);gap:4px;padding:6px 10px}.lobby-sub-header__actions .wallet-chip small{display:none}.lobby-sub-header__actions>.wallet-bar--pending{color:var(--muted);font-size:var(--at-font-sm);background:#04143199;border:2px dashed #6c7b93;border-radius:5px;padding:6px 10px;font-weight:700}.lobby-sub-body{min-height:0;padding:var(--at-gap-xs) max(var(--at-edge),var(--sar)) max(var(--at-gap-sm),var(--sab)) max(var(--at-edge),var(--sal));overflow-y:auto}.currency-icon{flex:none;display:block}.collection-groups{gap:18px;width:min(1180px,100%);margin:0 auto;padding-bottom:12px;display:grid}.collection-filter{gap:var(--at-gap-xs);flex-wrap:wrap;display:flex}.collection-filter__item{min-width:64px;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;padding:3px 12px;font-weight:800}.collection-filter__item.is-active{color:#231500;background:linear-gradient(#fff0a6,#dfad44);border-color:#fff1af;box-shadow:0 0 10px #ffd3625c}.collection-filter__item:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.collection-group{background:#051637e6;border:2px solid #c3913d;border-radius:6px;padding:14px 16px 16px;box-shadow:inset 0 0 0 3px #154177}.collection-group__head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.collection-group__head strong{color:var(--gold-light);font-size:18px;font-weight:900}.collection-group__head b{color:var(--cyan);font-size:15px}.collection-group__empty{color:var(--muted);margin:0;font-size:13px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.collection-card{border:2px solid var(--gold);background:#0b2c5c;border-radius:5px;min-width:0;position:relative;overflow:hidden}.collection-card--placeholder{border-color:#5c7a9c}.collection-card__art{background:#071d40;height:116px;display:block}.collection-card__art img{object-fit:contain;width:100%;height:100%}.collection-card--placeholder .collection-card__art img{opacity:.5;padding:26px}.collection-card__identity{background:#030e24e6;padding:6px 7px 8px;display:block}.collection-card__identity strong,.collection-card__identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.collection-card__identity strong{color:#fff0ae;font-size:13px}.collection-card__identity small{color:#9fb8d3;margin-top:3px;font-size:11px}.collection-stars{color:#ffd762;text-shadow:0 1px #000;font-size:12px;position:absolute;top:5px;left:6px}.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__unlock{background:#030e24e6;gap:5px;padding:0 7px 8px;display:grid}.collection-buy{color:#3a2400;cursor:pointer;background:linear-gradient(#ffe487,#f0b53c 52%,#d4881c);border:1px solid #fff1b8;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 8px;display:flex;box-shadow:inset 0 1px #ffffff80,0 2px 6px #00000059}.collection-buy:hover{background:linear-gradient(#fff3ba,#f8c95a 52%,#e0961f)}.collection-buy__price{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:14px;font-weight:900}.collection-buy__icon{filter:drop-shadow(0 1px 1px #00000059);flex:none}.collection-buy:focus-visible{outline-offset:2px;outline:2px solid #8cecff}.collection-buy:active{transform:translateY(1px)}.collection-buy--short{color:#93a7bd;box-shadow:none;background:linear-gradient(#33485f,#22364b);border-color:#46607c}.collection-buy--short:hover{background:linear-gradient(#3a5068,#263c53)}.collection-buy--short .collection-buy__icon{filter:grayscale()opacity(.7)}.collection-buy--busy{color:#8ea3bb;cursor:progress;background:#23384f;border-color:#3d556f}.collection-card__role{color:#eaf8ff;white-space:nowrap;background:#051c3ceb;border:1px solid #70a9d8;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900;line-height:1.25;position:absolute;top:5px;right:6px}.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--locked .collection-card__role{opacity:.7}.collection-fragments{background:#10233f;border:1px solid #37516f;border-radius:3px;height:14px;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:12px;display:block;position:relative}.collection-notice{color:#dceaff;background:#0c2c58d9;border:1px solid #3f6da6;border-radius:5px;margin:0;padding:8px 12px;font-size:13px}.collection-card__identity--button{text-align:left;cursor:pointer;width:100%;font:inherit;border:0}.collection-drawer{z-index:30;width:min(340px,86vw);padding:12px calc(14px + var(--at-settings-reserve)) 12px 14px;border-left:2px solid var(--gold);background:#04112af7;align-content:start;gap:10px;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.collection-drawer__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.collection-drawer__head strong{color:#fff0ae;font-size:16px;font-weight:900}.collection-drawer__close{color:#dceaff;cursor:pointer;background:#16304f;border:1px solid #4a6f99;border-radius:4px;padding:4px 10px;font-size:12px}.collection-drawer__stats{gap:18px;margin:0;display:flex}.collection-drawer__stats dt{color:var(--muted);font-size:11px}.collection-drawer__stats dd{color:#dceaff;margin:2px 0 0;font-size:16px;font-weight:800}.collection-drawer__notice{color:#ffe0b6;margin:0;font-size:12px}.collection-drawer__empty{color:var(--muted);margin:0;font-size:12px}.collection-drawer__actions{gap:8px;display:grid}.collection-growth-row{background:#092042e6;border:1px solid #3f6da6;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.collection-growth-row__copy{min-width:0}.collection-growth-row__copy strong{color:#fff0ae;font-size:13px;display:block}.collection-growth-row__copy small{color:#9fb8d3;margin-top:2px;font-size:11px;display:block}.collection-growth-row__shortage{color:#ffb9a4;font-weight:700}.collection-growth-row__button{color:#10233f;cursor:pointer;background:linear-gradient(#ffd965,#e5a52c);border:1px solid #ffe9a8;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:800}.collection-growth-row__button:disabled{color:#8ea3bb;cursor:not-allowed;background:#23384f;border-color:#3d556f}.lineup-editor{gap:var(--at-gap-sm);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.lineup-editor__bar{align-items:center;gap:var(--at-gap-sm);padding:var(--at-gap-xs) var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#051637e6;border:1px solid #4a6f99;grid-template-columns:auto minmax(100px,1fr) auto auto;display:grid}.lineup-editor__tabs{align-items:center;gap:var(--at-gap-xs);display:flex}.lineup-tab{min-height:var(--at-touch);padding:4px var(--at-gap-sm);color:inherit;text-align:left;cursor:pointer;background:#04112ce6;border:2px solid #4a6f99;border-radius:5px;gap:1px;display:grid}.lineup-tab--current{border-color:var(--gold-light);box-shadow:inset 0 0 0 1px #35a8ff}.lineup-tab--create{border-style:dashed}.lineup-tab strong{max-width:var(--at-lineup-tab-w);color:#fff0ae;font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lineup-tab em{color:#8cecff;font-size:var(--at-font-xs);font-style:normal}.lineup-editor__name{min-width:0;display:block}.lineup-editor__status{gap:1px;max-width:140px;display:grid}.lineup-editor__status>small{color:#9eb6d1;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lineup-editor__status>small:first-child{color:#8cecff}.lineup-editor__status>small.is-dirty{color:var(--gold-light);font-weight:800}.lineup-editor__primary-actions{align-items:center;gap:var(--at-gap-xs);display:flex}.lineup-editor__main{grid-template-columns:minmax(0,var(--at-lineup-squad-w)) minmax(0,1fr);gap:var(--at-gap-sm);min-height:0;display:grid}.lineup-squad{gap:var(--at-gap-xs);min-height:0;padding:var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#051637db;border:1px solid #4a6f99;grid-template-rows:minmax(0,1fr) auto;display:grid}.lineup-squad__slots{grid-auto-rows:var(--at-lineup-slot-h);align-content:start;gap:var(--at-gap-xs);min-height:0;display:grid;overflow-y:auto}.lineup-squad__formation{width:100%;color:var(--gold-light);border-color:#a37c3d}.lineup-slot{grid-template-columns:var(--at-lineup-slot-art) minmax(0,1fr);align-items:center;gap:var(--at-gap-sm);min-height:var(--at-lineup-slot-h);color:inherit;text-align:left;cursor:pointer;background:#051637eb;border:2px solid #6b8fb8;border-radius:5px;padding:4px;display:grid}.lineup-slot--pet{border-color:#8f74bb}.lineup-slot--focused{border-color:var(--gold-light);box-shadow:0 0 16px #ffd3595c}.lineup-slot:disabled{cursor:default;opacity:.72}.lineup-slot__art{width:var(--at-lineup-slot-art);height:var(--at-lineup-slot-art);background:#071d40;border:1px solid #4b6d92;border-radius:4px;place-items:center;display:grid;overflow:hidden}.lineup-slot__art img{object-fit:contain;width:100%;height:100%}.lineup-slot__art b{color:#6d8bac;font-size:var(--at-font-lg)}.lineup-slot__copy{gap:1px;min-width:0;display:grid}.lineup-slot__title{align-items:center;gap:4px;min-width:0;display:flex}.lineup-slot__title>strong{color:#fff0ae;font-size:var(--at-font-md);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.lineup-slot__title>.hero-role-badge{flex:none;max-width:none;position:static}.lineup-slot__weapon{color:#8cecff;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-style:normal;line-height:1.25;display:flex;overflow:hidden}.lineup-slot__weapon i{color:#fff0a1;font-style:normal}.lineup-slot__weapon.is-empty{color:#e48585}.lineup-picker{gap:var(--at-gap-xs);min-height:0;padding:var(--at-gap-sm);border-radius:var(--at-panel-radius);background:#051637eb;border:1px solid #4a6f99;grid-template-rows:auto minmax(0,1fr);display:grid}.lineup-picker__head{align-items:center;gap:var(--at-gap-sm);flex-wrap:wrap;display:flex}.lineup-picker__head>strong{color:var(--gold-light);font-size:var(--at-font-md);font-weight:900}.lineup-picker__body{align-content:start;gap:var(--at-gap-sm);min-height:0;display:grid;overflow-y:auto}.lineup-picker__weapons{gap:var(--at-gap-xs);padding-top:var(--at-gap-sm);border-top:1px solid #4a6f99a6;display:grid}.lineup-picker__weapons>strong{color:var(--gold-light);font-size:var(--at-font-md);font-weight:900}.lineup-pool{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px;display:grid}.lineup-pick{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#0b2c5c;border:2px solid #5d80a8;border-radius:5px;padding:0;position:relative;overflow:hidden}.lineup-pick--active{border-color:var(--gold-light);box-shadow:inset 0 0 0 2px #35a8ff}.lineup-pick--used{filter:saturate(.5)}.lineup-pick:disabled{cursor:default;filter:grayscale(.7);opacity:.5}.lineup-pick__art{background:#071d40;place-items:center;height:104px;display:grid;overflow:hidden}.lineup-pick__art img{object-fit:contain;width:100%;height:100%}.lineup-pick__art i{color:#6d8bac;font-size:26px;font-style:normal}.lineup-pick__identity{background:#030e24e6;padding:6px 7px 8px;display:block}.lineup-pick__identity strong,.lineup-pick__identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lineup-pick__identity strong{color:#fff0ae;font-size:12px}.lineup-pick__identity small{color:#9fb8d3;margin-top:2px;font-size:11px}.lineup-formation-dialog{z-index:79;grid-template-columns:minmax(0,1fr) minmax(0,var(--at-lineup-rail-w));gap:var(--at-gap-sm);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));background:#030d22;display:grid;position:fixed;inset:0}.lineup-formation-dialog__stage{place-items:center;min-width:0;min-height:0;display:grid}.lineup-formation-dialog__rail{align-content:end;gap:var(--at-gap-sm);min-width:0;display:grid}.lineup-formation-dialog__rail strong{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-lg)}.lineup-formation-dialog__rail small{color:#9eb6d1;font-size:var(--at-font-xs);line-height:1.5}.lineup-formation{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.lineup-formation__field{fill:#071d40f2;stroke:#4a6f99;stroke-width:12px}.lineup-formation__opponent{fill:#5a637080;pointer-events:none}.lineup-formation__zone{fill:#35a8ff17;stroke:#35a8ff;stroke-dasharray:40 30;stroke-width:8px}.lineup-formation__center-line{stroke:#90a0b3;stroke-dasharray:28 24;stroke-width:10px;pointer-events:none}.lineup-formation__zone-label{letter-spacing:8px;opacity:.62;pointer-events:none;font-weight:900}.lineup-formation__zone-label--own{fill:#8cecff}.lineup-formation__zone-label--opponent{fill:#d0d4da}.lineup-formation__unit{cursor:grab}.lineup-formation__unit.is-dragging{cursor:grabbing}.lineup-formation__unit:focus{outline:none}.lineup-formation__body{fill:#35a8ff33;stroke:#8cecffe6;stroke-width:12px}.lineup-formation__unit.is-selected .lineup-formation__body,.lineup-formation__unit:focus-visible .lineup-formation__body{fill:#ffd35942;stroke:var(--gold-light);stroke-width:22px}.lineup-formation__unit.is-pressing .lineup-formation__body{animation:.3s ease-in-out infinite alternate formation-hold-pulse}.lineup-formation__portrait{pointer-events:none}.lineup-formation__unit.is-selected .lineup-formation__portrait{filter:drop-shadow(0 0 30px #fff2a1)}.lineup-formation__name{fill:#fff0ae;paint-order:stroke;stroke:#020a1ae6;stroke-width:26px;pointer-events:none}@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-confirm{z-index:80;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-confirm__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-confirm__panel h2{color:var(--gold-light);font-family:var(--display);margin:0}.lineup-confirm__panel p{color:#c9daec;margin:0;line-height:1.55}.lineup-confirm__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{z-index:40;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:url(/assets/ui/fantasy-lobby-backdrop.png) 50%/cover no-repeat;align-content:safe center;justify-items:center;display:grid;overflow-y:auto}.at-page:before{content:"";background:#030d228a;position:fixed;inset:0}.at-page--auth{min-height:100dvh;max-height:100dvh;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-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}.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}.battle-shell{isolation:isolate;background:#123e68;width:100%;height:100%;position:relative;overflow:hidden}.battle-shell--loading{place-items:center;display:grid}.battle-backdrop{z-index:-2;background:url(/assets/ui/fantasy-lobby-backdrop.png) 50%/cover no-repeat;position:absolute;inset:0}.battle-backdrop:after{content:"";background:linear-gradient(#04122f80,#040e2340 40%,#030b1d99);position:absolute;inset:0}.arena-stage,.arena-canvas{position:absolute;inset:0}.arena-stage{z-index:1}.arena-canvas{overflow:hidden}.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{text-align:center;color:#fff6d8;text-shadow:0 2px #3a1c06,0 0 10px #ffba5a8c;will-change:transform, opacity;width:60px;margin:-26px 0 0 -30px;font-size:20px;font-weight:900;line-height:1;animation:.78s cubic-bezier(.15,.85,.35,1) forwards battle-float;position:absolute}.battle-floating-number[data-kind=crit]{color:#ffd964;text-shadow:0 2px #4a1a00,0 0 16px #ff8c28d9;font-size:28px}.battle-floating-number[data-kind=heal]{color:#8dffc4;text-shadow:0 2px #06341f,0 0 12px #60ffb499}.battle-floating-number[data-kind=outcome]{color:#e7f4ff;letter-spacing:.08em;text-shadow:0 2px #10263a,0 0 12px #8bcdffb3;width:92px;margin-left:-46px;font-size:16px}.battle-floating-number[data-outcome=dodge]{color:#74e7ff}.battle-floating-number[data-outcome=blocked]{color:#ffd77a;text-shadow:0 2px #4a3107,0 0 12px #ffbe48b8}.battle-floating-number[data-outcome=nullified]{color:#d3b5ff;text-shadow:0 2px #2e164f,0 0 12px #a96fffbf}.battle-floating-number[data-outcome=targetGone]{color:#b5c2ca}@keyframes battle-float{0%{opacity:0;transform:translateY(6px)scale(.7)}18%{opacity:1;transform:translateY(-8px)scale(1.18)}32%{opacity:1;transform:translateY(-16px)scale(1)}to{opacity:0;transform:translateY(-62px)scale(.92)}}.battle-unit-hud{will-change:transform;width:84px;margin:-18px 0 0 -42px;position:absolute;top:0;left:0}.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__health{background:#07131ddb;border-radius:4px;height:8px;position:relative;overflow:hidden}.battle-unit-hud__health>i{background:linear-gradient(90deg,#3fe08a,#9ff5c2);border-radius:2px;transition:width .1s linear;display:block;position:absolute;inset:2px auto 2px 2px;box-shadow:0 0 6px #3fe08a8c}.battle-unit-hud[data-side=enemy] .battle-unit-hud__health>i{background:linear-gradient(90deg,#ff6f61,#ffb0a4);box-shadow:0 0 6px #ff5f528c}.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__shield{opacity:0;border:2px solid #70d9ffe6;border-radius:6px;height:14px;transition:opacity .12s linear;position:absolute;inset:-3px -1px auto}.battle-unit-hud__resource{opacity:0;background:#08131fcc;border-radius:2px;height:4px;margin:2px 8px 0}.battle-unit-hud__resource>i{background:#8e7dff;border-radius:2px;height:100%;display:block}.battle-unit-hud__statuses{justify-content:center;gap:2px;margin-top:3px;display:flex}.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;align-items:start;gap:var(--at-gap-sm);min-height:var(--at-hud-height);padding:var(--at-gap-xs) calc(max(var(--at-edge),var(--sar)) + var(--at-settings-reserve)) var(--at-gap-xs) max(var(--at-edge),var(--sal));pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:absolute;inset:0 0 auto}.battle-hud__center{justify-items:center;gap:4px;min-width:0;display:grid}.player-banner{align-items:center;gap:0 var(--at-gap-xs);width:min(var(--at-participant-w),80%);min-width:0;padding:3px var(--at-gap-sm) 4px 4px;background:#061e47f0;border:2px solid #dcaa4c;border-radius:5px;grid-template-columns:auto minmax(0,1fr);display:grid;box-shadow:inset 0 0 0 2px #195aa0}.player-medallion{width:var(--at-medallion);aspect-ratio:1;color:var(--gold-light);border:2px solid var(--gold);font-size:var(--at-font-md);background:#123d7c;border-radius:50%;flex:none;grid-row:span 2;place-items:center;font-weight:900;display:grid}.phase-banner{min-width:var(--at-phase-banner-w);padding:var(--at-gap-xs) var(--at-gap-lg);text-align:center;background:#071d45;border:2px solid #d9a84e;border-radius:5px;box-shadow:inset 0 0 0 3px #143e76,0 5px 15px #0000004d}.phase-banner span,.phase-banner small{color:#c8dbf3;font-size:var(--at-font-xs);display:block}.phase-banner strong{color:var(--gold-light);font:900 var(--at-font-xl)/1.15 ui-monospace, monospace;display:block}.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;margin-top:4px;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--waiting strong{min-height:0;font-family:var(--display);font-size:var(--at-font-md);letter-spacing:.08em;white-space:nowrap;place-items:center;display:grid}.resource-capsule{min-width:0;padding:var(--at-gap-xs) var(--at-gap-md);font-size:var(--at-font-md);background:#061c42f0;border:2px solid #ca953f;border-radius:20px;justify-self:end}.resource-capsule span{margin-right:var(--at-gap-xs);color:var(--cyan)}.battle-hud__right{justify-self:end;align-items:center;gap:var(--at-gap-xs);min-width:0;display:flex}.participant{align-items:center;gap:1px var(--at-gap-xs);width:var(--at-participant-w);padding:3px var(--at-gap-sm) 4px;background:#051737e6;border:2px solid #d07a4c;border-radius:5px;grid-template-columns:auto minmax(0,1fr);display:grid;box-shadow:inset 0 0 0 2px #6a3524}.participant--ghost{border-style:dashed;border-color:#b9a0ff}.participant__mark{color:#ffd9a8;letter-spacing:.1em;writing-mode:vertical-rl;grid-row:span 2;font-size:9px;font-weight:900}.participant--ghost .participant__mark{color:#d7c6ff}.participant__copy{min-width:0}.participant__copy strong,.participant__copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.participant__copy strong{color:#eaf6ff;font-size:var(--at-font-xs)}.participant__copy small{color:#c2d2e6;font-size:var(--at-font-xs)}.participant__hp{background:#030c1ed9;border-radius:999px;grid-column:2;height:4px;display:block;overflow:hidden}.participant__hp b{background:linear-gradient(90deg,#3fe08a,#9ff5c2);border-radius:999px;height:100%;transition:width .3s ease-out;display:block}.participant--opponent .participant__hp b{background:linear-gradient(90deg,#ff6f61,#ffb0a4)}.player-banner .participant__hp{grid-column:2;width:100%;margin-top:3px}.ranking-panel{top:var(--at-hud-anchor);right:max(var(--at-edge),var(--sar));z-index:30;min-width:82px;min-height:var(--at-touch);padding:3px var(--at-gap-sm) 5px;color:inherit;border-radius:var(--at-radius-md);cursor:pointer;background:#051636eb;border:1px solid #8e713e;justify-items:center;gap:1px;display:grid;position:absolute;box-shadow:0 8px 20px #0000004d}.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:.1em;font-size:10px;font-weight:800}.ranking-panel__rank{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-lg);white-space:nowrap;line-height:1}.ranking-panel__alive{color:#9edb7a;font-size:10px}.ranking-dialog{z-index:48;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);color:#eaf6ff;cursor:pointer;background:#173d70;border:1px solid #70a3d0;border-radius:50%;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(84px,.75fr) minmax(150px,1.45fr) minmax(78px,.65fr) 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--eliminated .ranking-row__lineup{filter:grayscale();opacity:.58}.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__lineup{align-items:center;gap:3px;min-width:0;display:flex}.ranking-row__unit{width:var(--at-ranking-unit);height:var(--at-ranking-unit);color:#7f9ab9;background:#0b2954;border:1px solid #547ba3;border-radius:4px;flex:none;place-items:center;font-size:9px;display:grid;position:relative}.ranking-row__unit>img,.ranking-row__unit>i{object-fit:cover;width:100%;height:100%;font-style:normal}.ranking-row__unit>i{place-items:center;display:grid}.ranking-row__unit--pet{border-color:#a276c8;margin-left:3px;box-shadow:inset 0 0 0 1px #c78eff38}.ranking-row__weapon{width:calc(var(--at-ranking-unit) * .48);height:calc(var(--at-ranking-unit) * .48);background:#071a36;border:1px solid #ffe083;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px;overflow:hidden}.ranking-row__weapon img,.ranking-row__weapon i{object-fit:contain;width:100%;height:100%;font-size:7px;font-style:normal}.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__status{color:#ff91a1}.eliminated-notice{z-index:20;padding:var(--at-gap-sm) var(--at-gap-lg);pointer-events:none;border-radius:var(--at-radius-md);text-align:center;background:#270b1ceb;border:2px solid #ff7c8b;justify-items:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eliminated-notice strong{color:#ff9aa8;font-size:var(--at-font-md)}.eliminated-notice small{color:#e0edf7;font-size:var(--at-font-xs)}.spectating-panel{z-index:20;gap:var(--at-gap-sm);min-width:260px;max-width:min(90vw,420px);padding:var(--at-gap-md) var(--at-gap-lg);border-radius:var(--at-panel-radius);background:#06142cf0;border:2px solid #6f9ccb;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000073}.spectating-panel__title{color:#ffe6a3;font-size:var(--at-font-md);text-align:center;font-weight:900}.spectating-panel__grid{gap:var(--at-gap-xs) var(--at-gap-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.spectating-panel__grid>div{gap:2px;min-width:0;display:grid}.spectating-panel__grid dt{color:#9fb8d3;font-size:var(--at-font-xs)}.spectating-panel__grid dd{color:#eaf6ff;font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.spectating-panel__hint{color:#9fb8d3;font-size:var(--at-font-xs);text-align:center;margin:0;line-height:1.5}.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-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{min-height:var(--at-command-h);padding:var(--at-gap-sm) var(--at-gap-lg);color:#fff;border-radius:var(--at-radius-md);cursor:pointer;font-size:var(--at-font-md);text-shadow:0 2px 2px #032a65;background:#0868d4;border:3px solid #d9a84c;font-weight:900;position:relative;box-shadow:inset 0 0 0 3px #35a5ff,0 7px 15px #0000004d}.crystal-command--ghost{background:#051637e6;border-color:#4a6f99;box-shadow:inset 0 0 0 2px #35a8ff33,0 5px 12px #00000047}.crystal-command--danger{background:#6c1c2b;border-color:#ff9b8d;box-shadow:inset 0 0 0 2px #d74755,0 5px 12px #00000047}.crystal-command--red{background:#a91c37;box-shadow:inset 0 0 0 3px #ec5362,0 7px 15px #0000004d}.crystal-command:disabled{cursor:default;filter:grayscale(.8);opacity:.55}.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-edge),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-edge) * 2);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__speeds{gap:3px;display:flex}.battle-speed{color:#cfe5ff;cursor:pointer;min-width:28px;min-height:26px;font-size:var(--at-font-xs);background:#0a244c;border:1px solid #4a6f99;border-radius:999px;padding:0 6px;font-weight:800}.battle-speed--active{color:#08203f;background:linear-gradient(#ffe9a4,#e0ab3c);border-color:#fff3bb}.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__button:disabled{cursor:default;opacity:.45}.battle-control__skip{min-height:28px;padding:0 var(--at-gap-md);color:#fff1ee;cursor:pointer;font-size:var(--at-font-xs);white-space:nowrap;background:linear-gradient(#c9314c,#8e1730);border:1px solid #ff8f9d;border-radius:999px;font-weight:900}.battle-control__skip:hover:not(:disabled){background:linear-gradient(#e03b58,#a51c39)}.battle-control__skip:disabled{cursor:default;filter:grayscale(.7);opacity:.5}.battle-control__collapse,.battle-speed,.battle-control__button,.battle-control__skip{position:relative}.battle-control__collapse:after,.battle-speed:after,.battle-control__button:after,.battle-control__skip: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;z-index:40;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)}}.battle-start-overlay{--battle-start-accent:#ffe58a;--battle-start-glow:#ffc43e94;z-index:40;pointer-events:none;color:var(--battle-start-accent);text-align:center;background:0 0;border:0;justify-items:center;padding:0;animation:.24s cubic-bezier(.2,.75,.2,1) both battleStartIn;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-start-overlay[hidden]{display:none}.battle-start-overlay strong{color:currentColor;font-family:var(--display);letter-spacing:.1em;text-shadow:0 0 26px var(--battle-start-glow),0 2px 0 #0000008c,0 0 10px #000000d9;font-size:clamp(34px,6vw,68px);line-height:1}@keyframes battleStartIn{0%{opacity:0;filter:brightness(1.8);transform:translate(-50%,-46%)scale(.9)}to{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1)}}.round-ready-tag{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;right: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;z-index:41;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)}.eliminated-overlay{z-index:30;justify-items:center;gap:var(--at-gap-xs);min-width:240px;padding:var(--at-gap-md) var(--at-gap-lg);border-radius:var(--at-panel-radius);text-align:center;background:#1e0c1af0;border:2px solid #ff9aa8;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000080}.eliminated-overlay__label{color:#ffb6c1;font-size:var(--at-font-xs);letter-spacing:.2em;font-weight:900}.eliminated-overlay__rank{color:#fff0ae;font-family:var(--display);font-size:clamp(28px,5vw,44px);line-height:1}.eliminated-overlay small{color:#e0edf7;font-size:var(--at-font-xs)}.eliminated-overlay .crystal-command{margin-top:var(--at-gap-xs)}.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)}}.wish-card--common{--rarity-edge:#8ea6c4;--rarity-ink:#cfe0f5}.wish-card--rare{--rarity-edge:#4fa9ff;--rarity-ink:#a9d7ff}.wish-card--epic{--rarity-edge:#b564ff;--rarity-ink:#dcbcff}.wish-card--legendary{--rarity-edge:var(--gold);--rarity-ink:var(--gold-light)}.wish-card--enchant{--rarity-edge:#45e0c0;--rarity-ink:#a6f4e4}.wish-card--common,.wish-card--rare,.wish-card--epic,.wish-card--legendary,.wish-card--enchant{border-color:var(--rarity-edge)}.wish-card__effect{color:var(--rarity-ink,#cfe0f5);margin-top:3px;font-size:10px;font-style:normal;display:block}.wish-card__desc{color:#9fb8d3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:10px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.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;z-index:40;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);display:flex}.result-actions .crystal-command{min-width:min(240px,60%)}.result-actions__stats{min-height:var(--at-command-h);padding:0 var(--at-gap-md);color:#cfe5ff;border-radius:var(--at-radius-md);cursor:pointer;font-size:var(--at-font-sm);background:#051636e6;border:2px solid #4a6f99;font-weight:800}.global-error{z-index:60;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));z-index:65;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}.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}.draft-panel,.wish-panel,.formation-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);background:linear-gradient(#061d44fa,#041230fa);border:3px solid #d1a148;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 3px #164b8c,0 18px 40px #00000085}.draft-panel{top:calc(var(--at-hud-anchor) + var(--sat));gap:var(--at-gap-xs) var(--at-gap-sm);grid-template:"title title""bonds bonds""heroes weapons"minmax(0,1fr)"heroes pets""heroes confirm"/minmax(0,1.3fr) minmax(0,1fr);max-height:none;display:grid;overflow:hidden}.draft-section--heroes{grid-template-rows:auto auto auto 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--weapons{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--weapons{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{grid-area:bonds;margin:0}.draft-bonds__list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.draft-bonds__item{color:#0d2340;background:linear-gradient(#ffe9a8,#f0c368);border:1px solid #a97722;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.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}.weapon-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}.weapon-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}.weapon-choice:after{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.weapon-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}.weapon-choice__icon img{object-fit:contain;width:100%;height:100%}.weapon-choice__icon i{color:#8eeaff;font-size:var(--at-font-lg);font-style:normal}.weapon-choice__identity{min-width:0;display:grid}.weapon-choice__identity strong,.weapon-choice__identity small,.weapon-choice__identity em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weapon-choice__identity strong{color:#fff0ae;font-size:10px}.weapon-choice__identity small{color:#7894b4;margin-top:1px;font-size:10px}.weapon-choice__identity em{color:#93dff0;margin-top:3px;font-size:10px;font-style:normal}.weapon-choice__lock{filter:grayscale();margin-right:3px}.weapon-choice--active{background:#154f8b;border-color:#ffe17b;box-shadow:inset 0 0 0 2px #2d96e8}.weapon-choice--used{background:#171d2c;border-color:#725e66}.weapon-choice:disabled{cursor:default;opacity:.42}.weapon-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}.formation-panel{grid-template-columns:minmax(0,1fr) minmax(0,var(--at-confirm-w));align-items:center;gap:var(--at-gap-md);width:min(760px,calc(100% - var(--at-rail-gutter) - var(--at-edge) * 2));display:grid;left:50%;right:auto;transform:translate(-50%)}.formation-panel>.crystal-command{width:100%;min-height:var(--at-command-h)}.wish-panel{align-content:start;gap:var(--at-gap-sm);display:grid}.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-panel>.crystal-command{min-width:min(230px,100%);min-height:var(--at-command-h);justify-self:center}.wish-grid{grid-template-columns:repeat(auto-fill,minmax(var(--at-wish-card-w),1fr));align-content:start;gap:var(--at-gap-xs);min-height:0;padding:4px;display:grid;overflow:auto}.wish-card{min-height:var(--at-wish-card-h);color:#fff;background:#0b2858;border:2px solid #6e7891;border-radius:5px;position:relative}.wish-card__select{width:100%;min-height:calc(var(--at-wish-card-h) - 4px);padding:var(--at-gap-xs) calc(var(--at-gap-xs) + 20px) var(--at-gap-xs) var(--at-gap-xs);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:grid}.wish-card__select>span,.wish-card__select>strong,.wish-card__select>small{display:block}.wish-card__select>span{color:#c59cff;font-size:clamp(15px,3.4vh,22px)}.wish-card__select>strong{color:#f7e5af;font-size:var(--at-font-xs)}.wish-card__select>small{color:#9fb7d1;font-size:var(--at-font-xs);margin-top:4px}.wish-card__select:focus-visible,.wish-card__info:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.wish-card__info{z-index:2;color:#071d45;cursor:pointer;background:#8cecff;border:1px solid #d9fbff;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-family:serif;font-size:14px;font-weight:900;line-height:1;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 2px 7px #00000059}.wish-card__info:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wish-card--active{background:#4d2381;border-color:#fff09a;transform:translateY(-4px);box-shadow:inset 0 0 0 2px #a35df0,0 0 13px #b55eff94}.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{z-index:48;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;place-items:end center;width:clamp(44px,9vw,86px);height:clamp(64px,14vw,126px);padding:0;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-88%)}.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:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #00000094);pointer-events:none;width:100%;height:82%;display:block}.match-loading,.connection-overlay{z-index:45;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__players{grid-template-columns:repeat(var(--at-loading-cols,4),minmax(0,1fr));place-content:center;gap:var(--at-gap-sm);width:min(1120px,94vw);height:100%;min-height:0;margin:0 auto;display:grid;overflow:auto}.loading-player{min-width:0;min-height:var(--at-loading-player-h);background:#05183ae6;border:2px solid #538ed0;border-radius:7px;position:relative;overflow:hidden}.loading-player--self{border-color:#ffe17b;box-shadow:0 0 18px #ffd35959}.loading-player__frame{object-fit:fill;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.loading-player__lineup{top:var(--at-gap-xs);right:var(--at-gap-xs);left:var(--at-gap-xs);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:absolute}.loading-lineup-pair,.loading-lineup-pet{height:var(--at-loading-cell-h);background:#071d40;border:1px solid #6687ad;border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.loading-lineup-pair>img,.loading-lineup-pet>img{object-fit:cover;object-position:top center;width:100%;height:100%}.loading-lineup-pair>i,.loading-lineup-pet>i{color:#6d8bac;font-size:20px;font-style:normal}.loading-lineup-pair>b{color:#fff0a1;background:#061733f0;border:1px solid #62bddd;border-radius:4px;place-items:center;min-width:30px;height:28px;font-size:13px;display:grid;position:absolute;bottom:2px;right:2px}.loading-lineup-pair>b small{color:#8cecff;font-size:10px;display:block}.loading-lineup-pet{border-color:#a776d2}.loading-lineup-pet>small{color:#f3d7ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#220c38d9;font-size:10px;position:absolute;bottom:2px;left:1px;right:1px;overflow:hidden}.loading-player header{text-align:center;background:linear-gradient(#0000,#030d22fa 28%);padding:20px 8px 10px;position:absolute;bottom:0;left:0;right:0}.loading-player header span,.loading-player header strong,.loading-player header small,.loading-player header b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.loading-player header span{color:var(--gold-light);font-size:var(--at-font-xs)}.loading-player header strong{font-size:var(--at-font-md);margin:3px 0}.loading-player header small{color:#a9c1dd;font-size:var(--at-font-xs)}.loading-player header b{color:#6ce8ff;font-size:var(--at-font-xs);margin-top:3px}.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}@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){border-style:dashed;border-color:#e1b55cb8;animation:8s linear infinite recovery-signal-spin;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-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);min-height:var(--at-touch);padding:var(--at-gap-xs) var(--at-gap-lg);color:#fff4d0;cursor:pointer;font-size:var(--at-font-sm);background:linear-gradient(#a83a31,#79231e);border:1px solid #ee9a83;border-radius:5px;justify-self:start;font-weight:900;box-shadow:inset 0 0 0 2px #ffb1912e,0 6px 16px #00000047}.match-recovery__retry:hover{background:linear-gradient(#bd463b,#8c2b24)}.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}.phase-orbit small{color:#b9cce3}.opponent-selection-summary{bottom:max(var(--at-gap-sm),var(--sab));left:max(var(--at-edge),var(--sal));z-index:32;gap:var(--at-gap-xs);width:max-content;max-width:min(320px,calc(var(--at-viewport-width) - var(--at-edge) * 2));color:#eaf7ff;background:linear-gradient(160deg,#061b3ef5,#09324cf2);border:1px solid #e2b34f;border-radius:999px;padding:3px;animation:.22s ease-out summarySlideIn;display:grid;position:fixed;box-shadow:0 10px 26px #00000073}.opponent-selection-summary--open{max-height:calc(var(--at-viewport-height) - var(--at-hud-anchor) - var(--at-gap-lg));padding:var(--at-gap-xs);border-radius:7px;overflow-y:auto}.opponent-selection-summary__head{align-items:center;gap:var(--at-gap-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.opponent-selection-summary__toggle{align-items:center;gap:var(--at-gap-xs);min-width:0;min-height:30px;padding:0 var(--at-gap-xs);color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.opponent-selection-summary__toggle span{color:#8edfff;letter-spacing:.1em;flex:none;font-size:10px;font-weight:900}.opponent-selection-summary__toggle strong{color:#ffe59a;min-width:0;font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opponent-selection-summary__toggle i{color:#8fb6d8;flex:none;font-size:11px;font-style:normal}.opponent-selection-summary__close{color:#ffd0d0;cursor:pointer;background:0 0;border:1px solid #e2b34f80;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;padding:0;font-size:15px;line-height:1;display:grid}.opponent-selection-summary__body{gap:var(--at-gap-xs);display:grid}.opponent-selection-summary__lineup{gap:5px;display:grid}.opponent-selection-summary__lineup>div{background:#020e24b8;border:1px solid #486f96;border-radius:4px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;min-height:38px;padding:3px;display:grid}.opponent-selection-summary__lineup img{object-fit:cover;object-position:top;width:34px;height:34px}.opponent-selection-summary__lineup span strong,.opponent-selection-summary__lineup span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.opponent-selection-summary__lineup span strong{color:#fff0ae;font-size:10px}.opponent-selection-summary__lineup span small{color:#8fe5f4;font-size:10px}.opponent-selection-summary__lineup p{color:#e7c4ff;margin:0;font-size:10px}.opponent-selection-summary__cards{flex-wrap:wrap;gap:5px;display:flex}.opponent-selection-summary__cards b{color:#fff0af;background:#153a6b;border:1px solid #7195bf;border-radius:4px;padding:4px 7px;font-size:10px}@keyframes summarySlideIn{0%{opacity:0;transform:translate(18px)}}@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{top:var(--at-hud-anchor);left:max(var(--at-edge),var(--sal));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:30px;padding:0;display:grid}.battle-bonds__toggle span{color:var(--gold-light);font-size:var(--at-font-md)}.battle-bonds__toggle strong{min-width:0;color:var(--gold-light);font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-bonds__toggle i{color:#9fb8d3;font-size:var(--at-font-md);font-style:normal;line-height:1}.battle-bonds__badge{top:var(--at-hud-anchor);left:max(var(--at-edge),var(--sal));z-index:11;width:34px;height:34px;color:var(--gold-light);border:1px solid var(--gold);cursor:pointer;font-size:var(--at-font-md);background:#051636e6;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute}.battle-bonds__badge b{color:#241300;background:var(--gold-light);border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-4px;right:-4px}.battle-bonds__badge:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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));z-index:46;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(4,minmax(0,1fr));gap:4px;display:grid}.battle-stats__tab{color:#cfe7ff;cursor:pointer;min-height:32px;font-size:var(--at-font-xs);background:#071a3b;border:1px solid #6685aa;border-radius:4px;padding:5px;font-weight:800}.battle-stats__tab--active{color:#fff;border-color:var(--gold);background:#075bc0;box-shadow:inset 0 0 0 2px #3196ff}.battle-stats__close{width:30px;height:30px;color:var(--gold-light);cursor:pointer;background:0 0;border:1px solid #e5b34db3;border-radius:50%;grid-area:1/2;place-items:center;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-edge),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}.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}.settings-switch{color:#cfe5ff;cursor:pointer;background:#061632;border:1px solid #6e8eb3;border-radius:6px;align-items:center;gap:10px;min-height:44px;padding:6px 12px;font-weight:800;display:flex}.settings-switch i{background:#123055;border:1px solid #6e8eb3;border-radius:999px;width:34px;height:18px;display:block}.settings-switch i:after{content:"";background:#8fa9c6;border-radius:50%;width:12px;height:12px;margin:2px;transition:transform .12s ease-out;display:block}.settings-switch--on{color:#fff;background:#075bc0;box-shadow:inset 0 0 0 2px #3196ff}.settings-switch--on i:after{background:#eafff8;transform:translate(16px)}.settings-switch:disabled{cursor:default;opacity:.6}.rotate-notice{z-index:90;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}.settings-popover header button,.language-segment__item,.draft-role-filter__item{position:relative}.draft-lineup-slot__remove:after,.settings-popover header button:after,.draft-role-filter__item:after,.language-segment__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,.battle-start-overlay,.final-battle-overlay,.opponent-selection-summary,.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}.settings-switch i:after{transition:none}}.gacha-pools{gap:16px;width:min(1180px,100%);margin:0 auto;padding-bottom:12px;display:grid}.gacha-pool,.gacha-results{background:#051637e6;border:2px solid #c3913d;border-radius:6px;padding:12px 14px 14px;box-shadow:inset 0 0 0 3px #154177}.gacha-pool__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.gacha-pool__head strong{color:var(--gold-light);font-size:18px;font-weight:900}.gacha-pool__head small{color:#9fb8d3;font-size:12px}.gacha-pool__closed{color:#ffb3a0;margin:0 0 8px;font-size:13px;font-weight:700}.gacha-pool__targets{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gacha-target{color:#d7e4f3;cursor:pointer;background:#0b2c5c;border:2px solid #4d6484;border-radius:5px;flex:none;gap:3px;width:72px;padding:4px;font-size:11px;display:grid}.gacha-target img{object-fit:contain;background:#071d40;width:100%;height:56px}.gacha-target span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gacha-target--wish{color:#fff0ae;border-color:var(--gold-light);box-shadow:0 0 10px #ffe49a8c}.gacha-pool__pities{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.gacha-pity{grid-template-columns:minmax(90px,1fr) 3fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.gacha-pity__label{color:#c7d6e8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gacha-pity__bar{background:#08203f;border:1px solid #2c4d7a;border-radius:4px;height:8px;position:relative;overflow:hidden}.gacha-pity__bar i{background:linear-gradient(90deg,#e5a52c,#ffd965);position:absolute;inset:0 auto 0 0}.gacha-pity b{color:var(--gold-light);font-variant-numeric:tabular-nums}.gacha-pool__actions{gap:10px;display:flex}.gacha-draw-button{color:#10233f;cursor:pointer;background:linear-gradient(#ffd965,#e5a52c);border:1px solid #ffe9a8;border-radius:4px;flex:1;min-height:40px;padding:6px 10px;font-size:13px;font-weight:800}.gacha-draw-button--multi{background:linear-gradient(#9be0ff,#2f9be0);border-color:#cdefff}.gacha-draw-button:disabled{color:#8ea3bb;cursor:not-allowed;background:#23384f;border-color:#3d556f}.gacha-results__grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.gacha-reward{text-align:center;background:#0b2c5c;border:2px solid #4d6484;border-radius:5px;gap:2px;padding:5px;display:grid;position:relative}.gacha-reward img{object-fit:contain;background:#071d40;width:100%;height:60px}.gacha-reward strong{color:#fff0ae;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gacha-reward small{color:#9fb8d3;font-size:11px}.gacha-reward em{color:#10233f;background:#ffd965;border-radius:3px;padding:1px 4px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:3px;right:4px}.gacha-reward--advanced,.gacha-reward--rare{border-color:#4fa3ff}.gacha-reward--epic{border-color:#b07cff}.gacha-reward--legendary{border-color:#ffb347;box-shadow:0 0 12px #ffb34780}.gacha-reward--choice{border-color:var(--gold-light)}:root{--at-touch:44px;--at-settings-reserve:48px;--at-radius-md:6px;--at-panel-radius:7px;--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-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-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-hud-anchor:calc(var(--at-hud-height) + var(--at-gap-sm));--at-medallion:40px;--at-phase-banner-w:220px;--at-participant-h:43px;--at-participant-w:170px;--at-rail-width:150px;--at-rail-gutter:var(--at-edge);--at-bonds-width:194px;--at-bonds-max-h:calc(100% - var(--at-hud-anchor) - 180px);--at-control-width:300px;--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:130px;--at-wish-card-h:92px;--at-lobby-header-h:78px;--at-lobby-dock-h:126px;--at-nav-rune:56px;--at-lobby-gutter:calc(var(--at-nav-rune) + var(--at-edge) * 2);--at-mode-card-h:clamp(250px, 35vh, 360px);--at-mode-card-copy-h:92px;--at-lineup-portrait-w:86px;--at-lineup-squad-w:300px;--at-lineup-slot-h:96px;--at-lineup-slot-art:76px;--at-lineup-tab-w:132px;--at-lineup-rail-w:300px;--at-result-hero-h:300px;--at-result-badge:72px;--at-result-title:54px;--at-result-card-cols:3;--at-loading-player-h:230px;--at-loading-cell-h:86px;--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:480px;--at-queue-radar:96px;--at-growth-card-w:168px;--at-growth-card-h:246px;--at-growth-card-gap:16px;--at-growth-modal-top:0px;--at-ranking-dialog-w:900px;--at-ranking-row-h:46px;--at-ranking-unit:34px}@media (max-width:1439.98px),(max-height:499.98px){.profile-crest>span{width:calc(var(--at-nav-rune) - 12px);font-size:var(--at-font-lg)}.lobby-resources{gap:var(--at-gap-xs)}.lobby-resources>span{min-width:0;padding:5px var(--at-gap-sm);font-size:var(--at-font-sm)}.lobby-resources i{margin-right:5px}.lobby-resources>.wallet-bar{gap:var(--at-gap-xs)}.wallet-chip{min-width:0;padding:5px var(--at-gap-sm);font-size:var(--at-font-sm);gap:4px}.wallet-chip small,.lineup-summary{display:none}.lineup-dock{grid-template-columns:auto minmax(0,1fr)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.collection-card__art{height:96px}.lineup-pool{grid-template-columns:repeat(auto-fill,minmax(106px,1fr))}.lineup-pick__art{height:88px}.lineup-editor__primary-actions .crystal-command{min-height:var(--at-touch);font-size:var(--at-font-sm);padding:6px 9px}.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}.participant{padding:2px var(--at-gap-sm) 3px;gap:2px 4px}.draft-panel{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.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-bonds{align-items:center;gap:var(--at-gap-xs);display:flex}.draft-bonds .draft-section__label{margin:0}.draft-section--heroes>.draft-section__label{display:none}.hero-carousel{grid-auto-flow:column;grid-auto-columns:var(--at-hero-card-w);scrollbar-width:thin;grid-template-columns:none;overflow:auto hidden}.weapon-strip,.pet-strip{grid-template-columns: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:100%;min-height:62px}.game-panel-title>b{min-width:34px;height:30px}}@media (min-width:1024px) and (max-width:1439.98px) and (min-height:500px){: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;--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-medallion:34px;--at-phase-banner-w:180px;--at-participant-h:36px;--at-participant-w:150px;--at-rail-width:118px;--at-bonds-width:170px;--at-bonds-max-h:calc(100% - var(--at-hud-anchor) - 160px);--at-control-width:250px;--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:120px;--at-wish-card-h:82px;--at-lobby-header-h:64px;--at-lobby-dock-h:108px;--at-nav-rune:48px;--at-mode-card-h:230px;--at-mode-card-copy-h:70px;--at-lineup-portrait-w:72px;--at-lineup-squad-w:250px;--at-lineup-slot-h:78px;--at-lineup-slot-art:60px;--at-lineup-tab-w:108px;--at-lineup-rail-w:250px;--at-result-hero-h:210px;--at-result-badge:58px;--at-result-title:40px;--at-result-card-cols:3;--at-loading-player-h:180px;--at-loading-cell-h:68px;--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:430px;--at-queue-radar:86px;--at-growth-card-w:150px;--at-growth-card-h:216px;--at-growth-card-gap:12px;--at-ranking-dialog-w:860px;--at-ranking-row-h:39px;--at-ranking-unit:29px}}@media (max-width:1023.98px),(max-height:499.98px){:root{--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-medallion:28px;--at-phase-banner-w:124px;--at-participant-h:26px;--at-participant-w:124px;--at-rail-width:40px;--at-bonds-width:148px;--at-bonds-max-h:calc(100% - var(--at-hud-anchor) - 140px);--at-control-width:196px;--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:108px;--at-wish-card-h:70px;--at-lobby-header-h:50px;--at-lobby-dock-h:92px;--at-nav-rune:40px;--at-mode-card-h:148px;--at-mode-card-copy-h:50px;--at-lineup-portrait-w:56px;--at-lineup-squad-w:196px;--at-lineup-slot-h:44px;--at-lineup-slot-art:34px;--at-lineup-tab-w:74px;--at-lineup-rail-w:232px;--at-result-hero-h:118px;--at-result-badge:40px;--at-result-title:34px;--at-result-card-cols:3;--at-loading-player-h:120px;--at-loading-cell-h:46px;--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:380px;--at-queue-radar:74px;--at-growth-card-w:128px;--at-growth-card-h:184px;--at-growth-card-gap:8px;--at-growth-modal-top:60px;--at-ranking-dialog-w:760px;--at-ranking-row-h:31px;--at-ranking-unit:24px}.profile-crest small,.mode-heading span,.lobby-sub-header__title small{display:none}.participant-rail{gap:var(--at-gap-xs)}.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}.formation-panel{grid-template-columns:minmax(0,1fr) minmax(0,var(--at-confirm-w))}.wish-panel{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title""quota""cards""confirm";overflow:hidden}.wish-panel>.game-panel-title{grid-area:title}.wish-panel>.wish-quota{grid-area:quota}.wish-panel>.wish-grid{grid-area:cards;min-height:0;max-height:none}.wish-panel>.crystal-command{grid-area:confirm;width:min(230px,100%)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.collection-card__art{height:80px}.lineup-pool{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.lineup-pick__art{height:74px}.lineup-tab{padding:4px var(--at-gap-xs)}.battle-stats__anchor{grid-template-columns:26px minmax(0,1fr) minmax(0,1.6fr) 44px}.settings-popover{width:min(300px, calc(var(--at-viewport-width) - 20px));top:46px}}@media (orientation:portrait) and (max-width:699.98px){.game-orientation-viewport{top:0;left:100vw;width:100vh;width:100dvh;height:100vw;transform-origin:0 0;--at-viewport-width:100dvh;--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)}.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:12px;--at-auth-gap:8px;--at-auth-frame-outset:6px;--at-auth-title:20px;--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 .at-qr-box{width:min(140px,100%)}}.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}.autoplay-banner{pointer-events:none;text-align:center;background:#041431e0;border:1px solid #a77a34b3;border-radius:999px;flex-direction:column;align-items:center;gap:1px;max-width:min(60vw,340px);padding:3px 12px;line-height:1.15;display:flex;box-shadow:0 6px 18px #00000059}.autoplay-banner--active{background:#3a1e04e6;border-color:#e2a03ff2}.autoplay-banner strong{letter-spacing:.04em;color:#e9c789;white-space:nowrap;font-size:11px;font-weight:800}.autoplay-banner--active strong{color:#ffd79a}.autoplay-banner small{color:#e6e2d8c7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:600;overflow:hidden}.participant--interactive{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;pointer-events:auto}.participant--interactive:hover{border-color:var(--gold-light);filter:brightness(1.08)}.participant--interactive:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.participant--next-opponent{border-color:#77e6ff;box-shadow:inset 0 0 0 2px #37abd680,0 0 14px #3ed3ff33}.participant--next-opponent .participant__mark{color:#8feaff}.opponent-profile-dialog{z-index:49;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);pointer-events:auto;background:#010714c2;place-items:center;display:grid;position:fixed;inset:0}.opponent-profile-dialog__frame{gap:var(--at-gap-xs);width:min(680px,100%);max-height:100%;padding:var(--at-gap-sm);color:#eaf6ff;border-radius:var(--at-panel-radius);background:linear-gradient(155deg,#071f45fc,#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 #0000009e}.opponent-profile-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}.opponent-profile-dialog__head span,.opponent-profile-dialog__head strong{display:block}.opponent-profile-dialog__head span{color:#8edfff;font-size:var(--at-font-xs);letter-spacing:.14em;font-weight:900}.opponent-profile-dialog__head strong{color:var(--gold-light);font-family:var(--display);font-size:var(--at-font-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opponent-profile-dialog__head small{color:#9edb7a;font-size:var(--at-font-xs);white-space:nowrap;font-weight:800}.opponent-profile-dialog__head button{width:var(--at-touch);height:var(--at-touch);color:#eaf6ff;cursor:pointer;background:#173d70;border:1px solid #70a3d0;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.opponent-profile-dialog__head button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.opponent-profile-dialog__content{gap:var(--at-gap-sm);grid-template-columns:minmax(260px,.9fr) minmax(240px,1.1fr);min-height:0;display:grid;overflow:auto}.opponent-profile-dialog__lineup,.opponent-profile-dialog__history{min-width:0;padding:var(--at-gap-xs);border-radius:var(--at-radius-md);background:#082349cc;border:1px solid #375d88}.opponent-profile-dialog__lineup h3,.opponent-profile-dialog__history h3{margin:0 0 var(--at-gap-xs);color:#a9dfff;font-size:var(--at-font-xs);letter-spacing:.08em}.opponent-profile-dialog__lineup>div{gap:var(--at-gap-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.opponent-profile-asset{justify-items:center;gap:2px;min-width:0;margin:0;display:grid}.opponent-profile-asset img,.opponent-profile-asset>i{aspect-ratio:1;object-fit:cover;color:#8feaff;width:min(58px,100%);font-size:var(--at-font-lg);background:#09244c;border:1px solid #5985ae;border-radius:50%;place-items:center;font-style:normal;display:grid}.opponent-profile-asset--pet img,.opponent-profile-asset--pet>i{border-color:#cfaa5d;box-shadow:0 0 10px #d3a94d33}.opponent-profile-asset figcaption{color:#dcecff;width:100%;font-size:var(--at-font-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opponent-profile-dialog__history{grid-template-rows:auto minmax(0,1fr);display:grid}.opponent-profile-dialog__history p{color:#9db2ca;font-size:var(--at-font-xs);text-align:center;align-self:center;margin:0}.opponent-profile-dialog__history ol{align-content:start;gap:3px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.opponent-profile-dialog__history li{align-items:center;gap:var(--at-gap-xs);min-height:30px;padding:3px var(--at-gap-xs);background:#051737eb;border:1px solid #426b96;border-left:3px solid #d5aa51;border-radius:4px;grid-template-columns:auto minmax(0,1fr);display:grid}.opponent-profile-dialog__history li span{color:#8fdffc;font-size:var(--at-font-xs);white-space:nowrap}.opponent-profile-dialog__history li strong{color:#fff0ae;font-size:var(--at-font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.growth-card-modal,.wish-card-detail{--growth-card-flip-ms:.4s;--growth-card-hex:url(#growth-card-hex-clip);--rarity-edge:#8ea6c4;--rarity-ink:#cfe0f5;--rarity-glow:#8ea6c457}.growth-card-modal{z-index:26;grid-template-rows:var(--at-growth-modal-top) minmax(0,1fr) auto minmax(0,1fr);justify-items:center;gap:var(--at-gap-md);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));pointer-events:none;background:radial-gradient(at 50% 52%,#02091a4d 0 36%,#020818c7 80%);display:grid;position:fixed;inset:0}.growth-card-modal>*{pointer-events:auto}.growth-card-modal--behind-result{filter:brightness(.5)saturate(.85);transition:filter .18s ease-out}.growth-card-modal__clip{pointer-events:none;width:0;height:0;position:absolute}.growth-card-modal__waiting{padding:3px var(--at-gap-md);color:#ffdf9c;font-size:var(--at-font-xs);letter-spacing:.06em;background:#4a2d06e6;border:1px solid #c99a3d;border-radius:999px;align-items:center;gap:7px;margin:0;font-weight:800;display:flex}.growth-card-modal__waiting--turn{color:#21160a;background:linear-gradient(#ffe9a8,#f0b53c);border-color:#fff3cd;animation:1.1s ease-out 2 growthTurnOpened}.growth-card-modal__waiting--turn:before{background:#7a4a06;animation:none}@keyframes growthTurnOpened{0%{box-shadow:0 0 #ffcb548c}to{box-shadow:0 0 0 14px #ffcb5400}}.growth-card-modal__waiting:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.growth-card-modal__cards{justify-content:center;align-items:flex-start;gap:var(--at-growth-card-gap);width:100%;padding-top:16px;display:flex}.growth-card-modal__stage{grid-row:3;width:min(1080px,100%);position:relative}.growth-card-modal__foot{justify-items:center;gap:var(--at-gap-xs);margin-top:var(--at-gap-md);display:grid;position:absolute;top:100%;left:0;right:0}.growth-card-slot{width:var(--at-growth-card-w);gap:4px;min-width:0;animation:.22s ease-out both growthCardEnter;display:grid;position:relative}.growth-card-slot--recommended{transform:translateY(-6px)}.growth-card-badge{z-index:3;padding:1px var(--at-gap-sm);color:#241300;white-space:nowrap;background:linear-gradient(#fff1a1,#e3a936);border:1px solid #fff2b0;border-radius:10px;font-size:10px;font-weight:900;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.growth-card-slot__wish{color:#2a1440;white-space:nowrap;background:linear-gradient(#f4d8ff,#c98bff);border:1px solid #ffeaff;border-radius:999px;justify-self:center;padding:1px 8px;font-size:10px;font-weight:900;box-shadow:0 0 10px #c98bff80}@keyframes growthCardEnter{0%{opacity:0;transform:translateY(10px)scale(.96)}}.growth-card-modal__refresh{align-items:center;gap:var(--at-gap-xs);min-height:34px;padding:0 var(--at-gap-md);color:#cfe7ff;cursor:pointer;font-size:var(--at-font-sm);background:#071a3beb;border:1px solid #6685aa;border-radius:999px;font-weight:800;display:flex}.growth-card-modal__refresh:hover:not(:disabled){color:#eaf6ff;border-color:#8cecff}.growth-card-modal__refresh:disabled{cursor:default;opacity:.42}.growth-card-modal__refresh i{color:#64e8ff;font-size:var(--at-font-lg);font-style:normal;line-height:1}.growth-card-modal__refresh b{color:#342000;background:#ffd55f;border-radius:9px;place-items:center;min-width:20px;height:18px;padding:0 5px;font-size:10px;display:grid}.growth-card3d{width:100%;height:var(--at-growth-card-h);cursor:pointer;perspective:900px;filter:drop-shadow(0 0 7px var(--rarity-glow));background:0 0;border:0;padding:0;transition:transform .14s ease-out;display:block;position:relative}.growth-card3d:hover:not(:disabled){filter:drop-shadow(0 0 14px var(--rarity-glow)) drop-shadow(0 0 4px #fff5a8);transform:translateY(-6px)}.growth-card3d:hover:not(:disabled) .growth-card3d__front{background:#fff5a8}.growth-card3d:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.growth-card3d:disabled{cursor:default}.growth-card3d__pivot{transform-style:preserve-3d;transition:transform var(--growth-card-flip-ms) cubic-bezier(.22,.68,.24,1);position:absolute;inset:0}.growth-card3d[data-face=back] .growth-card3d__pivot{transform:rotateY(180deg)}.growth-card3d[data-face=flipping] .growth-card3d__pivot,.growth-card3d[data-face=front] .growth-card3d__pivot{transform:rotateY(0)}.growth-card3d[data-face=flipping]{filter:drop-shadow(0 14px 20px #00000080)}.growth-card3d__back,.growth-card3d__front{backface-visibility:hidden;clip-path:var(--growth-card-hex);position:absolute;inset:0}.growth-card3d__inner{clip-path:var(--growth-card-hex);place-items:center;display:grid;position:absolute;inset:2px;overflow:hidden}.growth-card3d__back{background:#4b7fa8;transform:rotateY(180deg)}.growth-card3d__back .growth-card3d__inner{color:#8beeff;background:radial-gradient(circle at 50% 40%,#174f78,#07152f 74%)}.growth-card3d__emblem{width:92%;height:96%}.growth-card3d__front{background:var(--rarity-edge)}.growth-card3d__front .growth-card3d__inner{color:#fff;background:linear-gradient(158deg,#173b77,#0b1f4b 74%);box-shadow:inset 0 0 18px #04122cb3}.growth-card3d__body{z-index:2;text-align:center;justify-items:center;gap:2px;padding:0 11%;display:grid;position:relative}.growth-card3d__body strong{color:var(--gold-light);font-size:var(--at-font-sm);line-height:1.25}.growth-card3d__body small{color:#cfe6ff;font-size:var(--at-font-xs);line-height:1.3}.growth-card3d__desc{color:#9fb8d3;font-size:var(--at-font-xs);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:2px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.growth-card3d__rarity{color:var(--rarity-ink);letter-spacing:.08em;font-size:10px;font-style:normal;font-weight:800}.growth-card3d[data-rarity=common]{--rarity-edge:#8ea6c4;--rarity-ink:#cfe0f5;--rarity-glow:#8ea6c44d}.growth-card3d[data-rarity=rare]{--rarity-edge:#4fa9ff;--rarity-ink:#a9d7ff;--rarity-glow:#4fa9ff8c}.growth-card3d[data-rarity=epic]{--rarity-edge:#b564ff;--rarity-ink:#dcbcff;--rarity-glow:#b564ff99}.growth-card3d[data-rarity=legendary]{--rarity-edge:var(--gold);--rarity-ink:var(--gold-light);--rarity-glow:#ffc43eb8}.growth-card3d[data-rarity=enchant]{--rarity-edge:#45e0c0;--rarity-ink:#a6f4e4;--rarity-glow:#45e0c09e}.growth-card3d__aura{z-index:1;pointer-events:none;border-radius:7px;position:absolute;inset:-2px}.growth-card3d[data-rarity=common] .growth-card3d__aura{display:none}.growth-card3d[data-rarity=rare] .growth-card3d__aura,.growth-card3d[data-rarity=epic] .growth-card3d__aura{background:radial-gradient(circle at 50% 110%, var(--rarity-glow), transparent 62%)}.growth-card3d[data-rarity=legendary]{filter:drop-shadow(0 0 12px var(--rarity-glow)) drop-shadow(0 0 26px #ffc43e59)}.growth-card3d[data-rarity=legendary] .growth-card3d__aura{background:linear-gradient(115deg,#0000 32%,#fff1b09e 48%,#ffd05c47 56%,#0000 70%) 0 0/260% 100%;animation:2.6s linear infinite growthCardSheen}.growth-card3d[data-rarity=enchant] .growth-card3d__aura{background:radial-gradient(circle,#45e0c047,#0000 64%)}.growth-card3d__runes{z-index:1;color:#a6f4e4;opacity:.75;pointer-events:none;width:100%;height:100%;animation:12s linear infinite growthCardRunes;position:absolute;inset:0}@keyframes growthCardSheen{0%{background-position:130% 0}to{background-position:-130% 0}}@keyframes growthCardRunes{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.growth-card3d__pivot{transition:none}.growth-card-slot,.growth-card3d__aura,.growth-card-modal__waiting:before,.growth-card3d__runes{animation:none}}.round-result-overlay__dismiss{color:#dbe9f7;cursor:pointer;pointer-events:auto;background:#031028b8;border:1px solid #ffffff42;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:14px;font-weight:900;line-height:1;display:grid;position:absolute;top:6px;right:6px}.round-result-overlay__dismiss:hover{color:#fff;background:#08224aeb;border-color:currentColor}@media (max-height:430px){.round-result-overlay__dismiss{width:22px;height:22px;font-size:12px;top:4px;right:4px}}.wallet-claims{top:calc(var(--at-lobby-header-h) + var(--at-gap-lg));right:max(var(--at-edge), var(--sar));z-index:8;align-items:flex-end;gap:var(--at-gap-sm);flex-direction:column;max-width:44vw;display:flex;position:absolute}.wallet-claims__button{min-width:0;color:var(--gold-light);cursor:pointer;text-align:left;background:#041431e6;border:1px solid #a77a34;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px;line-height:1.15;display:flex;box-shadow:0 6px 18px #0000004d}.wallet-claims__button small{letter-spacing:.08em;text-transform:uppercase;color:#ffb347;font-size:9px;font-weight:800}.wallet-claims__button strong{color:#fff;white-space:nowrap;font-size:12px;font-weight:800}.wallet-claims__button--overflow small{color:#4ce7ff}.wallet-claims__button:disabled{opacity:.55;cursor:default}.wallet-claims__notice{color:#fff;text-align:right;background:#051637f0;border:1px solid #4ce7ff;border-radius:4px;max-width:240px;padding:6px 10px;font-size:11px;font-weight:700}.replay-toolbar{align-items:center;gap:7px;min-width:0;display:flex}.replay-mode-select{min-width:112px;min-height:44px;position:relative}.replay-mode-select__trigger{width:100%;min-height:44px;color:var(--gold-light);cursor:pointer;font:inherit;font-size:var(--at-font-sm);background:linear-gradient(#123e72,#071f47);border:2px solid #a37c3d;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px 7px 12px;font-weight:900;display:flex;box-shadow:inset 0 0 0 2px #1d5a9b}.replay-mode-select__trigger:focus-visible,.replay-mode-select__option:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.replay-mode-select__trigger svg{fill:none;width:16px;height:16px;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;flex:none;transition:transform .16s}.replay-mode-select__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.replay-mode-select__menu{z-index:30;background:linear-gradient(#0d3365fa,#041230fc);border:2px solid #a37c3d;border-radius:6px;width:max(100%,132px);padding:4px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 12px 28px #0005148c,inset 0 0 0 1px #285f99}.replay-mode-select__option{color:#d7e9fb;text-align:left;cursor:pointer;min-height:44px;font:inherit;font-size:var(--at-font-sm);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-weight:850;display:flex}.replay-mode-select__option i{color:#0000;font-style:normal}.replay-mode-select__option:hover,.replay-mode-select__option:focus-visible{color:#fff;background:#2269a785;border-color:#4f91c8}.replay-mode-select__option--selected{color:#172948;background:linear-gradient(#fff0a6,#dca43a);border-color:#fff1af}.replay-mode-select__option--selected i{color:#172948}.replay-refresh{color:#eaf6ff;cursor:pointer;min-width:84px;min-height:44px;font:inherit;font-size:var(--at-font-sm);text-shadow:0 2px 2px #031a3b;background:linear-gradient(#123e72,#071f47);border:2px solid #a37c3d;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 2px #1d5a9b}.replay-refresh svg{fill:none;width:18px;height:18px;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.replay-refresh:hover:enabled{color:var(--gold-light);border-color:var(--gold-light);filter:brightness(1.08)}.replay-refresh:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.replay-refresh:disabled{cursor:default;filter:saturate(.45);opacity:.65}.replay-refresh--loading svg{animation:.8s linear infinite spin}.match-history-summary{gap:var(--at-gap-sm);width:min(1080px,100%);margin:0 auto var(--at-gap-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.match-history-statistics-bucket{min-width:0;padding:var(--at-gap-sm);border-radius:var(--at-radius-md);background:#061834b8;border:1px solid #4a6f99;gap:6px;display:grid}.match-history-statistics-bucket h3{color:var(--gold-light);font-size:var(--at-font-sm);margin:0;font-weight:900}.match-history-statistics__empty{padding:var(--at-gap-sm);color:var(--muted);font-size:var(--at-font-sm);text-align:center;grid-column:1/-1;margin:0}.match-history-card__brawl{gap:var(--at-gap-xs);grid-area:versus;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.match-history-card__brawl>div{background:var(--navy-soft);text-align:center;border:1px solid #4a6f99;border-radius:5px;gap:2px;min-width:0;padding:6px 8px;display:grid}.match-history-card__brawl small{color:var(--muted);font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-history-card__brawl strong{color:#eaf6ff;font-size:var(--at-font-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-rank-snapshot{border:2px solid var(--gold);border-radius:var(--at-radius-md);background:linear-gradient(135deg,#0e4d8ef5,#06224bf5);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 14px;display:grid}.match-rank-snapshot span{color:#cfe5ff;font-size:var(--at-font-sm);font-weight:800}.match-rank-snapshot strong{color:var(--gold-light);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:clamp(22px,3vw,34px)}.match-rank-snapshot small{color:var(--muted);font-size:var(--at-font-xs)}.match-rank-snapshot--idle{border-color:#4a6f99}.match-history-statistics{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;margin:0;display:grid}.match-history-statistics div{background:var(--navy-soft);text-align:center;border:1px solid #4a6f99;border-radius:5px;align-content:center;min-width:0;padding:7px 9px;display:grid}.match-history-statistics dt{color:var(--muted);font-size:var(--at-font-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-history-statistics dd{color:var(--gold-light);font-size:var(--at-font-lg);font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:900}.replay-list{gap:var(--at-gap-sm);width:min(1080px,100%);margin:0 auto;display:grid}.replay-list__empty,.replay-list__error,.replay-list__loading{color:var(--muted);text-align:center;background:var(--navy-soft);border-radius:var(--at-radius-md);border:2px dashed #6c7b93;padding:18px 14px}.replay-list__error{color:#ffb4b4;border-color:#c64f5e}.replay-list__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}.replay-list__more{justify-self:center}.match-history-card{background:var(--navy-soft);border-radius:var(--at-radius-md);border:2px solid #3b5a8a;grid-template-columns:minmax(150px,.52fr) minmax(230px,1fr) auto;grid-template-areas:"head versus play";align-items:center;gap:8px 12px;padding:9px 12px;display:grid}.match-history-card--win{border-color:var(--gold)}.match-history-card--loss{border-color:#8a3b4b}.match-history-card--placed{border-color:#5f86b8}.match-history-card--noContest{opacity:.82;border-color:#4a5a70}.match-history-card__head{grid-area:head;min-width:0}.match-history-card__result{align-items:baseline;gap:7px;display:flex}.match-history-card__result strong{color:#152100;min-height:26px;font-size:var(--at-font-sm);background:linear-gradient(#fff1a9,#dcaa3f);border:1px solid #fff2b5;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex;box-shadow:0 0 10px #ffd35938}.match-history-card__result strong:before{content:"✦";font-size:11px}.match-history-card--loss .match-history-card__result strong{color:#fff0f2;background:linear-gradient(#9c354a,#581524);border-color:#db7181;box-shadow:0 0 10px #c64f5e2e}.match-history-card--loss .match-history-card__result strong:before{content:"×";font-size:16px;line-height:1}.match-history-card--draw .match-history-card__result strong,.match-history-card--placed .match-history-card__result strong,.match-history-card--noContest .match-history-card__result strong{color:#cdeaff;box-shadow:none;background:#17385f;border-color:#52759c}.match-history-card--draw .match-history-card__result strong:before,.match-history-card--placed .match-history-card__result strong:before,.match-history-card--noContest .match-history-card__result strong:before{content:"—"}.match-history-card--noContest .match-history-card__result strong{color:var(--muted)}.match-history-card__result small,.match-history-card__meta{color:var(--muted);font-size:var(--at-font-xs)}.match-history-card__meta{flex-wrap:wrap;gap:4px 8px;margin-top:4px;display:flex}.match-history-card__meta b{color:var(--cyan)}.match-history-card__versus{grid-area:versus;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.match-history-card__versus>b{color:var(--gold);font-size:var(--at-font-xs)}.match-history-card__player{background:#07264ee6;border:1px solid #4a6f99;border-radius:4px;min-width:0;padding:5px 8px}.match-history-card__player--self{border-color:#2d94d8}.match-history-card__player>*{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-history-card__player small{color:var(--muted);font-size:var(--at-font-xs)}.match-history-card__player strong{color:#fff0ae;font-size:var(--at-font-sm);margin-top:2px}.match-history-card__player span{color:var(--cyan);font-size:var(--at-font-xs);margin-top:2px}.match-history-card__play{grid-area:play;min-width:126px}.replay-row{align-items:center;gap:var(--at-gap-sm);background:var(--navy-soft);border-radius:var(--at-radius-md);border:2px solid #3b5a8a;grid-template-columns:84px minmax(0,1fr) auto;min-height:56px;padding:6px 10px;display:grid}.replay-row--win{border-color:var(--gold)}.replay-row--loss{border-color:#8a3b4b}.replay-row--pending{opacity:.7}.replay-row__result{border-right:1px solid #ffffff1f;justify-items:center;gap:2px;padding:4px 0;display:grid}.replay-row__result strong{color:var(--gold-light);font-size:15px}.replay-row--loss .replay-row__result strong{color:#ff9aa6}.replay-row--noContest .replay-row__result strong,.replay-row--draw .replay-row__result strong{color:var(--muted)}.replay-row__result small{color:var(--muted);font-size:var(--at-font-xs)}.replay-row__body{gap:2px;min-width:0;display:grid}.replay-row__body strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.replay-row__body small{color:var(--muted);font-size:var(--at-font-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.replay-row__play{min-height:38px;padding:6px 14px}.replay-player{z-index:40;background:#03101f;position:fixed;inset:0}.replay-player__arena{position:absolute;inset:0;overflow:hidden}.replay-player__bar{top:max(var(--at-gap-xs), env(safe-area-inset-top,0px));right:max(var(--at-edge), var(--sar));left:max(var(--at-edge), var(--sal));z-index:2;align-items:center;gap:var(--at-gap-sm);pointer-events:none;min-width:0;display:flex;position:absolute}.replay-player__bar>*{pointer-events:auto}.replay-player__bar>strong{min-width:0;color:var(--gold-light);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000c;flex:1;overflow:hidden}.replay-player__bar .at-button{min-height:34px;font-size:var(--at-font-sm);padding:4px 12px}.replay-player__speeds{gap:4px;display:flex}.replay-player__speeds .at-button--active{box-shadow:inset 0 0 0 2px var(--gold-light);background:#075bc0}.replay-player__timeline{right:max(var(--at-edge), var(--sar));bottom:max(var(--at-gap-sm), var(--sab));left:max(var(--at-edge), var(--sal));z-index:2;align-items:end;gap:var(--at-gap-sm);border-radius:var(--at-radius-md);background:#04112aeb;border:1px solid #4a6f99;grid-template-columns:auto minmax(180px,1fr);padding:8px 12px;display:grid;position:absolute}.replay-player__rounds{gap:5px;max-width:45vw;display:flex;overflow-x:auto}.replay-player__round{color:#cfe5ff;white-space:nowrap;cursor:pointer;min-width:44px;min-height:36px;font-size:var(--at-font-sm);background:#102f59;border:1px solid #4a6f99;border-radius:4px;padding:5px 10px;font-weight:800}.replay-player__round--active{color:#10233f;background:var(--gold-light);border-color:#fff}.replay-player__progress{gap:4px;min-width:0;display:grid}.replay-player__progress-copy{color:#cfe5ff;font-size:var(--at-font-xs);justify-content:space-between;gap:12px;font-weight:800;display:flex}.replay-player__progress output{color:var(--gold-light);font-variant-numeric:tabular-nums}.replay-player__progress input{width:100%;min-height:24px;accent-color:var(--gold-light);cursor:pointer;margin:0}.replay-player__progress input:disabled{cursor:default;opacity:.55}.match-trace{top:58px;bottom:calc(max(var(--at-gap-sm),var(--sab)) + 68px);left:max(var(--at-edge),var(--sal));z-index:2;border-radius:var(--at-radius-md);background:#04112adb;border:1px solid #4a6f99;grid-template-rows:auto minmax(0,1fr);gap:4px;width:min(260px,34vw);padding:8px 10px;display:grid;position:absolute}.match-trace>strong{color:var(--gold-light);font-size:var(--at-font-sm)}.match-trace__events{align-content:start;gap:3px;min-height:0;display:grid;overflow-y:auto}.match-trace__event{min-height:32px;color:var(--muted);text-align:left;cursor:pointer;font-size:var(--at-font-xs);background:#07264edb;border:1px solid #0000;border-radius:4px;grid-template-columns:auto minmax(44px,.55fr) minmax(70px,1fr);align-items:center;gap:6px;padding:4px 6px;display:grid}.match-trace__event time{color:var(--cyan);font-variant-numeric:tabular-nums}.match-trace__event span,.match-trace__event b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-trace__event b{color:#dceaff}.match-trace__event--active{border-color:var(--gold-light);background:#164f85}.replay-player__notice,.replay-player__status{z-index:2;color:var(--text);background:var(--navy-soft);border:2px solid var(--gold);border-radius:var(--at-radius-md);padding:10px 16px;position:absolute;left:50%;transform:translate(-50%)}.replay-player__notice{top:50%;transform:translate(-50%,-50%)}.replay-player__notice 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}.replay-player__notice--error{color:#ffb4b4;text-align:center;border-color:#c64f5e;gap:6px;max-width:min(560px,86vw);display:grid}.replay-player__notice--error p{margin:0}.replay-player__status{bottom:calc(max(var(--at-gap-sm), var(--sab)) + 62px);color:var(--muted);font-size:var(--at-font-xs);border-color:#3b5a8a;padding:4px 12px}.replay-verdict{right:max(var(--at-edge), var(--sar));bottom:calc(max(var(--at-gap-sm), var(--sab)) + 68px);z-index:3;border:2px solid var(--gold);border-radius:var(--at-radius-md);background:#051636f0;gap:4px;max-width:min(420px,70vw);padding:10px 14px;display:grid;position:absolute}.replay-verdict--bad{border-color:#c64f5e}.replay-verdict strong{color:var(--gold-light)}.replay-verdict p{font-size:var(--at-font-sm);margin:0}.replay-verdict small{color:var(--muted);font-size:var(--at-font-xs)}.replay-verdict code{color:var(--cyan);font-family:ui-monospace,monospace}