@font-face{font-family:Lilita One;src:url(../assets/fonts/lilitaone-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Luckiest Guy;src:url(../assets/fonts/luckiestguy-400.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Passion One;src:url(../assets/fonts/passionone-700.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/nunito-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/nunito-900.woff2) format("woff2");font-weight:900;font-display:swap}:root{--c-bg: #1b2e14;--c-ink: #fdf8e8;--c-dim: #b9cfa0;--c-gem: #2ee6c8;--c-gem-dark: #063b33;--c-gold: #ffc933;--c-gold-dark: #5b3a00;--c-gold-lip: #c97e00;--c-blue: #2f7fe8;--c-blue-light: #4fa8ff;--c-blue-lip: #1b5cb8;--c-sky: #4ec4cf;--c-panel: #143741;--c-panel-light: #1d4a55;--c-panel-border: rgba(255, 255, 255, .22);--c-panel-text: #bfe6ee;--c-panel-head: #8fd8e0;--c-overlay: rgba(8, 30, 36, .82);--c-danger: #ff5b4b;--c-white: #fff;--c-team0: #3aa0ff;--c-team0-light: #8fd0ff;--c-team1: #ff5b4b;--c-team1-light: #ff9d90;--hud-text-scale: 1;--font-display: "Luckiest Guy", "Lilita One", "Arial Black", sans-serif;--font-play: "Passion One", "Arial Black", sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--fw-body: 800;--fw-heavy: 900;--fs-xxl: clamp(36px, 7vw, 70px);--fs-xl: 30px;--fs-lg: clamp(16px, 3.5vw, 22px);--fs-md: 16px;--fs-sm: 13px;--fs-xs: 11px;--fs-xxs: 9.5px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 14px;--sp-lg: 18px;--sp-xl: 24px;--sp-screen: 14px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 16px;--r-xl: 18px;--r-pill: 999px;--sh-card: 0 5px 0 rgba(10, 30, 36, .55), 0 10px 14px rgba(10, 40, 46, .25);--sh-card-lg: 0 6px 0 rgba(8, 20, 26, .5), 0 14px 24px rgba(8, 20, 26, .45);--sh-btn-gold: 0 6px 0 var(--c-gold-lip), 0 12px 18px rgba(120, 80, 0, .3);--sh-btn-gold-active: 0 1px 0 var(--c-gold-lip);--sh-btn-blue: 0 4px 0 var(--c-blue-lip), 0 8px 12px rgba(20, 60, 120, .25);--sh-btn-blue-active: 0 1px 0 var(--c-blue-lip);--sh-inset: inset 0 -3px 0 rgba(0, 0, 0, .25), inset 0 2px 6px rgba(0, 0, 0, .3);--sh-track: inset 0 2px 4px rgba(4, 16, 20, .45), inset 0 -1px 0 rgba(255, 255, 255, .08);--sh-plate: 0 3px 0 rgba(6, 20, 26, .42), 0 6px 10px rgba(4, 14, 18, .26);--sh-plate-active: 0 1px 0 rgba(6, 20, 26, .42);--sh-sticker: 0 2px 0 rgba(6, 20, 26, .45);--sh-text: 0 2px 0 rgba(255, 255, 255, .45);--sh-stroke: 0 4px 0 rgba(13, 58, 68, .5);--dur-fast: .1s;--dur-normal: .15s;--dur-screen: .22s;--dur-slow: .25s;--ease-out: ease-out;--ease-in: ease-in;--dur-press: 80ms;--dur-release: .25s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--touch-min: 44px}[data-colorblind=deuteranopia]{--c-team0: #3aa0ff;--c-team0-light: #8fd0ff;--c-team1: #ff9e2c;--c-team1-light: #ffc77a}[data-colorblind=tritanopia]{--c-team0: #00c8c8;--c-team0-light: #66e0e0;--c-team1: #ff8c1a;--c-team1-light: #ffb366}@property --press{syntax: "<number>"; inherits: false; initial-value: 0;}@property --hover{syntax: "<number>"; inherits: false; initial-value: 0;}@property --enter{syntax: "<number>"; inherits: false; initial-value: 1;}@property --cardin{syntax: "<number>"; inherits: false; initial-value: 1;}@property --flip{syntax: "<number>"; inherits: false; initial-value: 0;}@property --pop{syntax: "<number>"; inherits: false; initial-value: 0;}.btn{background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);color:var(--c-gold-dark);border:2.5px solid rgba(255,255,255,.65);font-family:var(--font-display);font-weight:400;font-size:20px;letter-spacing:.04em;padding:13px 46px;border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--sh-btn-gold);text-shadow:var(--sh-text);transform:scale(calc(1 - .08 * var(--press))) translateY(calc(5px * var(--press)));transition:--press var(--dur-release) var(--ease-bounce),box-shadow var(--dur-fast);position:relative}.btn:after{content:"";position:absolute;top:3px;right:3px;bottom:52%;left:3px;border-radius:11px 11px 22px 22px;background:linear-gradient(#ffffff80,#ffffff0d);pointer-events:none}.btn:not(.screenBackBtn):not(.btnSmall):not(.homePlay):not(:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#fff0 42%,#fff9,#fff0 58%);background-size:260% 100%;background-repeat:no-repeat;background-position:210% 0;animation:ctaSheen 7s ease-in-out infinite}@keyframes ctaSheen{0%,74%{background-position:210% 0}to{background-position:-70% 0}}.btn:active{--press: 1;box-shadow:var(--sh-btn-gold-active);transition:--press var(--dur-press) ease-in,box-shadow var(--dur-fast)}.btn:disabled{background:#9ab5ad;color:#55665f;border-color:#ffffff59;box-shadow:0 6px #6e8880;cursor:not-allowed}.btnBlue{font-family:var(--font-display);font-weight:400;font-size:var(--fs-md);letter-spacing:.04em;color:var(--c-white);paint-order:stroke fill;-webkit-text-stroke:2.25px #174a86;background:linear-gradient(var(--c-blue-light) 0%,var(--c-blue) 100%);border:2px solid rgba(255,255,255,.5);border-radius:var(--r-sm);padding:11px 0;width:100%;cursor:pointer;box-shadow:var(--sh-btn-blue);display:flex;align-items:center;justify-content:center;gap:7px;transition:transform var(--dur-release) var(--ease-bounce),box-shadow var(--dur-fast)}.btnBlue:active{transform:scale(.92) translateY(3px);box-shadow:var(--sh-btn-blue-active);transition:transform var(--dur-press) ease-in,box-shadow var(--dur-fast)}.btnDanger{font-family:var(--font-display);font-weight:400;font-size:var(--fs-md);letter-spacing:.04em;color:var(--c-white);paint-order:stroke fill;-webkit-text-stroke:2.25px #8c1f14;background:linear-gradient(#ff7a5e,#e8442a);border:2px solid rgba(255,255,255,.5);border-radius:var(--r-sm);padding:11px 0;width:100%;cursor:pointer;box-shadow:inset 0 2px #ffffff59,0 4px #8c1f14,0 8px 12px #5a0a004d;display:flex;align-items:center;justify-content:center;gap:7px;transition:transform var(--dur-release) var(--ease-bounce),box-shadow var(--dur-fast)}.btnDanger:active{transform:scale(.92) translateY(3px);box-shadow:inset 0 2px #ffffff59,0 1px #8c1f14;transition:transform var(--dur-press) ease-in,box-shadow var(--dur-fast)}.panel{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:12px;box-shadow:var(--sh-card)}.cardBase{border:2.5px solid rgba(255,255,255,.45);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transform:scale(calc(1 - .08 * var(--press))) translateY(calc(-3px * var(--hover) + 2px * var(--press)));transition:--press var(--dur-release) var(--ease-bounce),--hover var(--dur-release) var(--ease-bounce),box-shadow .12s,border-color var(--dur-normal);position:relative;box-shadow:var(--sh-card)}.cardBase:hover{--hover: 1;border-color:#fff9}.cardBase:active{--press: 1;box-shadow:0 1px #0a1e248c;transition:--press var(--dur-press) ease-in,box-shadow var(--dur-fast)}.chip{display:inline-block;font-size:10px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.8px;border-radius:var(--r-pill);padding:3px 12px}.chipGem{color:var(--c-gem-dark);background:linear-gradient(#5cf0d6,var(--c-gem));border:1.5px solid rgba(255,255,255,.5);box-shadow:0 2px #0a282e59}.chipGold{color:#0d2a32;background:linear-gradient(#ffe27a,var(--c-gold));box-shadow:0 2px #00000040}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;color:var(--c-white);background:linear-gradient(135deg,var(--c-danger),#ff8a3d);border-radius:var(--r-xs);padding:2px 7px;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 4px #0006;pointer-events:none}.badgeDot{width:10px;height:10px;border-radius:50%;background:var(--c-danger);box-shadow:0 0 6px #ff5b4b99;pointer-events:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--c-overlay);padding:var(--sp-md)}.modalBox{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-lg);padding:var(--sp-xl);box-shadow:var(--sh-card-lg);max-width:460px;width:100%;text-align:center}.textDisplay{font-family:var(--font-display);font-weight:400;letter-spacing:.015em;line-height:1;color:var(--c-white);paint-order:stroke fill;-webkit-text-stroke:6px #0d3a44;text-shadow:var(--sh-stroke)}@media (prefers-reduced-motion: reduce){.btn,.btnBlue,.cardBase,.homePlay,.homeBarBtn,.shopTab,#btnEmote,#btnPause,.screenBackBtn{transition-duration:0s!important}.btn:before,.homePassCard:before,.eventCard.eventOfDay:before,.roadNow:after,.skinCardSel:after{animation:none!important;opacity:0}#news>.title,#profile>.title,#friends>.title,#friendly>.title,#league>.title,.prospectTitle{animation:none!important}}:root{--bg: var(--c-bg);--ink: var(--c-ink);--dim: var(--c-dim);--gem: var(--c-gem);--gold: var(--c-gold)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:var(--fw-body);user-select:none;-webkit-user-select:none;overscroll-behavior:none}canvas#game{display:block;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#4ec4cf;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.5) 0%,transparent 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(178deg,#6adbe4,#4ec4cf 48%,#46bfae 82%,#63c96b 118%);z-index:20;padding:var(--sp-screen);overflow:auto}#pause{background:var(--c-overlay)}#league{background-color:#171436;background-image:none;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.leagueScene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#league>*:not(.leagueScene){position:relative;z-index:1}#league>.btn.screenBackBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}#league>.leagueHeader{position:absolute;top:calc(17px + env(safe-area-inset-top));right:calc(58px + env(safe-area-inset-right))}#prospect{background-color:#c98d3a;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.45) 0%,transparent 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(178deg,#e8b45e,#c98d3a 52%,#a26a24)}#profile{background-color:#1d4250;background-image:radial-gradient(52% 66% at 13% 2%,rgba(255,205,138,.26) 0%,transparent 64%),radial-gradient(92% 58% at 54% 0%,rgba(150,226,240,.14) 0%,transparent 72%),repeating-linear-gradient(-5deg,#ffffff07 0,#ffffff07 2px,#0000 2px,#0000 11px,#0000000e 11px,#0000000e 14px,#0000 14px,#0000 33px),linear-gradient(176deg,#3a7d90,#26576a 46%,#17323f 78%,#112530);box-shadow:inset 0 0 130px 46px #030e1480}#friends{background-color:#060f0c;background-image:none;justify-content:flex-start;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));gap:4px}.frScene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#friends>*:not(.frScene){position:relative;z-index:1}#friends>.btn.screenBackBtn{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:2}#friends>.frMore{position:absolute;left:calc(50% + 134px);bottom:calc(5px + env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:18px;border-radius:999px;color:#06231b;background:linear-gradient(180deg,#c9ffe4,#4ade80);box-shadow:inset 0 1px #ffffffa6,0 2px 5px #000000b3;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .18s ease}#friends>.frMore.is-on{opacity:1;animation:frMasAbajo 2.2s ease-in-out infinite}@keyframes frMasAbajo{0%,70%,to{transform:translate(-50%) translateY(0)}82%{transform:translate(-50%) translateY(3px)}}@media (prefers-reduced-motion: reduce){.frMore.is-on{animation:none}}#settings{background-color:#16242b;background-image:radial-gradient(64% 62% at 6% -10%,rgba(255,196,116,.3) 0%,transparent 66%),radial-gradient(52% 78% at 106% 34%,rgba(118,212,226,.16) 0%,transparent 70%),radial-gradient(128% 96% at 50% 46%,transparent 30%,rgba(3,10,13,.88) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='52' viewBox='0 0 132 52'%3E%3Crect x='0' y='0' width='3' height='52' fill='%23000' opacity='.42'/%3E%3Crect x='3' y='0' width='2' height='52' fill='%23fff' opacity='.06'/%3E%3Cg fill='%23000' opacity='.34'%3E%3Ccircle cx='11' cy='11' r='2.4'/%3E%3Ccircle cx='11' cy='41' r='2.4'/%3E%3Ccircle cx='121' cy='11' r='2.4'/%3E%3Ccircle cx='121' cy='41' r='2.4'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.13'%3E%3Ccircle cx='11' cy='10.1' r='1.5'/%3E%3Ccircle cx='11' cy='40.1' r='1.5'/%3E%3Ccircle cx='121' cy='10.1' r='1.5'/%3E%3Ccircle cx='121' cy='40.1' r='1.5'/%3E%3C/g%3E%3C/svg%3E"),repeating-linear-gradient(102deg,rgba(0,0,0,.16) 0 26px,transparent 26px 88px),linear-gradient(172deg,#273c45,#1b2c33 44%,#0d181d)}#replays{background-color:#2b1c40;background-image:conic-gradient(from 158deg at 26% -14%,#0000,#ffe2aa26 9deg,#ffe2aa0d 21deg,#0000 30deg),radial-gradient(46% 60% at 22% 0%,rgba(255,214,150,.18) 0%,transparent 66%),radial-gradient(88% 56% at 62% 4%,rgba(168,150,230,.12) 0%,transparent 74%),radial-gradient(1.5px 1.5px at 31% 27%,rgba(255,240,210,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 47% 61%,rgba(255,240,210,.36) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 19% 72%,rgba(255,240,210,.28) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 66% 19%,rgba(255,240,210,.22) 0%,transparent 100%),repeating-linear-gradient(-4deg,#ffffff07 0,#ffffff07 2px,#0000 2px,#0000 13px,#0000000f 13px,#0000000f 16px,#0000 16px,#0000 37px),linear-gradient(176deg,#5a3e7d,#3d2a5a 44%,#241734 78%,#170f24);box-shadow:inset 0 0 130px 46px #0a041485}#news{background-color:#14112c;background-image:radial-gradient(88% 52% at 50% -6%,rgba(255,196,108,.26) 0%,transparent 70%),radial-gradient(120% 92% at 50% 44%,transparent 38%,rgba(4,3,16,.82) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.42) 0 3px,rgba(255,255,255,.045) 3px 5px,transparent 5px 58px),linear-gradient(176deg,#1c1740,#141033 34%,#08061c)}.hidden{display:none!important}.screen-in{animation:screenEnterUp var(--dur-screen) var(--ease-out) both}.screen-out{animation:screenExitUp .2s var(--ease-in) both;pointer-events:none}@keyframes screenEnterUp{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes screenExitUp{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px) scale(.97)}}@keyframes screenEnterLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes screenExitLeft{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-40px)}}@keyframes screenEnterRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes screenExitRight{0%{opacity:1;transform:none}to{opacity:0;transform:translate(40px)}}@keyframes screenEnterZoom{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes screenExitZoom{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.92)}}.screen-in[data-dir=left]{animation-name:screenEnterLeft}.screen-out[data-dir=left]{animation-name:screenExitLeft}.screen-in[data-dir=right]{animation-name:screenEnterRight}.screen-out[data-dir=right]{animation-name:screenExitRight}.screen-in[data-dir=zoom]{animation-name:screenEnterZoom}.screen-out[data-dir=zoom]{animation-name:screenExitZoom}.screen-in[data-dir=up]{animation-name:screenEnterUp}.screen-out[data-dir=up]{animation-name:screenExitUp}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes screenFadeOut{0%{opacity:1}to{opacity:0}}.screen-in[data-dir=swap-left],.screen-in[data-dir=swap-right]{animation:none;z-index:24}.screen-out[data-dir=swap-left],.screen-out[data-dir=swap-right]{animation:none}.screen-in[data-dir=fade]{animation-name:screenFadeIn;animation-duration:.16s}.screen-out[data-dir=fade]{animation-name:screenFadeOut}.screen-in[data-dir=swap-right] .swapSlide{animation:swapSlideFromRight .32s cubic-bezier(.22,1,.36,1) both}.screen-in[data-dir=swap-left] .swapSlide{animation:swapSlideFromLeft .32s cubic-bezier(.22,1,.36,1) both}@keyframes swapSlideFromRight{0%{opacity:0;transform:translate(48px)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes swapSlideFromLeft{0%{opacity:0;transform:translate(-48px)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes tabPillFromLeft{0%{transform:translate(-105%)}to{transform:none}}@keyframes tabPillFromRight{0%{transform:translate(105%)}to{transform:none}}.tabPillFromLeft,.tabPillFromRight{position:relative;z-index:1}.tabPillFromLeft{animation:tabPillFromLeft .28s var(--ease-out) both}.tabPillFromRight{animation:tabPillFromRight .28s var(--ease-out) both}.screenTop{z-index:26}.screenHold{pointer-events:none}.cardSpring{opacity:calc(var(--cardin) * 1.6);translate:0 calc((1 - var(--cardin)) * 18px)}.isOverscroll>*{translate:calc(var(--overscroll, 0) * 1px) 0}.isOverscroll>.cardSpring{translate:calc(var(--overscroll, 0) * 1px) calc((1 - var(--cardin)) * 18px)}@media (prefers-reduced-motion: reduce){.screen-in,.screen-out,.screen-in .swapSlide,.screen-out .swapSlide,.tabPillFromLeft,.tabPillFromRight{animation-duration:.01ms!important}}@keyframes staggerIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.staggerIn{animation:staggerIn .3s var(--ease-out) backwards;animation-delay:var(--stagger-delay, 0ms)}@media (prefers-reduced-motion: reduce){.staggerIn{animation-duration:.01ms!important}}@keyframes cdPop{0%{transform:translate(-50%) scale(1.5)}to{transform:translate(-50%) scale(1)}}.title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xxl);letter-spacing:.015em;line-height:1;color:var(--c-white);paint-order:stroke fill;-webkit-text-stroke:6px #0d3a44;text-shadow:var(--sh-stroke);transform:rotate(-2deg);margin-bottom:var(--sp-xs);text-align:center}.profNamePlate:after,.leagueDivCard.leagueDivCurrent:after,.newsCards>.newsCard:first-child:after,.prospectTarget:after,.friendsSection:first-of-type .friendCard:first-child:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 28% 18%,#fff6,#fff0 70%);opacity:.06;animation:heroSheenBreath 5s ease-in-out infinite}.leagueDivCard.leagueDivCurrent,.newsCards>.newsCard:first-child,.prospectTarget,.friendCard{position:relative}@keyframes heroSheenBreath{0%,to{opacity:.06}50%{opacity:.4}}.friendlyCode{animation:friendlyCodeBreath 5s ease-in-out infinite}@keyframes friendlyCodeBreath{0%,to{text-shadow:none}50%{text-shadow:0 0 14px rgba(250,204,21,.55)}}.friendsEmpty .friendsEmptyArt{animation:emptyArtBreath 5s ease-in-out infinite}@keyframes emptyArtBreath{0%,to{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}50%{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2)) drop-shadow(0 0 10px rgba(255,245,210,.5))}}@media (prefers-reduced-motion: reduce){.profNamePlate:after,.leagueDivCard.leagueDivCurrent:after,.newsCards>.newsCard:first-child:after,.prospectTarget:after,.friendsSection:first-of-type .friendCard:first-child:after,.friendlyCode,.friendsEmpty .friendsEmptyArt{animation:none}}.subtitle{color:#0d4a56;font-size:clamp(12px,2vw,16px);font-weight:800;margin-bottom:22px;text-align:center;max-width:560px}.subtitle b{color:#0a6e5e}#pause .subtitle,#news .subtitle,#replays .subtitle{color:#bfe6ee}#replays .subtitle{margin-bottom:4px}#news .subtitle{margin:1px 0 0;font-size:11px;letter-spacing:.02em;color:#c6e0ecb8;text-shadow:0 1px 2px rgba(4,3,16,.85)}#modeSelect{justify-content:flex-start;padding:0;overflow:hidden;background-color:#26505f;background-image:radial-gradient(78% 96% at 22% 58%,rgba(255,212,148,.2) 0%,transparent 64%),radial-gradient(66% 82% at 52% 26%,rgba(255,255,255,.2) 0%,transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.10'/%3E%3C/svg%3E"),linear-gradient(178deg,#3d8195,#2b5b6c 54%,#17323f);box-shadow:inset 0 0 120px 42px #04101673}.modeTopBar{display:flex;align-items:center;gap:10px;width:100%;flex-shrink:0;box-sizing:border-box;padding:calc(5px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 5px calc(12px + env(safe-area-inset-left))}#modeSelect .screenBackBtn{position:static;flex:0 0 auto}.modeTitle{flex:1;min-width:0;margin:0;text-align:left;font-size:25px;line-height:1}.modeTopRight{display:flex;align-items:center;gap:7px;flex:0 0 auto}.modeResource{min-height:32px;padding:3px 11px 3px 6px;font-size:12.5px}.modeChallengeSlot:empty{display:none}.modeChallengeSlot{flex-shrink:0;width:100%;box-sizing:border-box;padding:0 14px 6px}.modeBody{display:flex;align-items:stretch;gap:12px;width:100%;flex:1;min-height:0;box-sizing:border-box;padding:0 calc(12px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.modeHeroSlot{flex:0 0 38%;max-width:330px;min-width:0;display:flex}.modeHeroCard{position:relative;flex:1;min-width:0;border:2.5px solid #0e1620;border-radius:16px;overflow:hidden;padding:0;background:#143741;font-family:inherit;text-align:left;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #ffe2b080,0 6px #060e16d9,0 14px 26px #020a1073}.modeHeroCard:active{transform:translateY(3px);box-shadow:0 0 0 1px #ffe2b080,0 2px #060e16d9}.modeHeroBadges{position:absolute;top:8px;left:8px;right:8px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none}.modeHeroFoot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:42px 12px 11px;background:linear-gradient(#08181e00,#08181e80 30%,#08181ee0 58%,#061318fa)}.modeHeroText{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.modeHeroKicker{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#eaf6fb;line-height:1;margin-bottom:4px}.modeHeroKicker:before{content:"";flex:0 0 auto;width:14px;height:3px;border-radius:2px;background:var(--mode-accent, var(--gold));box-shadow:0 0 7px var(--mode-accent, var(--gold))}.modeHeroName{font-family:var(--font-display);font-weight:400;font-size:23px;letter-spacing:.01em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #0d2229;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modeHeroDesc{font-size:10.5px;font-weight:700;color:#cfe9f0;line-height:1.3;margin-top:3px}.modeHeroPlay{flex:0 0 auto;align-self:stretch;min-height:48px;display:grid;place-items:center;padding:0 15px 2px;border:2.5px solid #0e1620;border-radius:13px;background:linear-gradient(#ffd24a,#ffb01f 52%,#f08b00);box-shadow:inset 0 2px #ffffff8c,0 3.5px #8a4b00,0 8px 12px #020a1073;font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:.03em;color:#57300a;line-height:1;white-space:nowrap}.modeHeroCard:active .modeHeroPlay{transform:translateY(2px);box-shadow:inset 0 2px #ffffff8c,0 1px #8a4b00}.modeRailWrap{position:relative;flex:1;min-width:0;display:flex}.modeRailWrap:after{content:"";position:absolute;right:2px;top:50%;width:26px;height:26px;margin-top:-13px;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#06141beb 60%,#06141bbd);box-shadow:0 0 0 2px #a3e0e766,0 2px 6px #02090ebf}.modeRailWrap:before{content:"";position:absolute;right:12px;top:50%;width:9px;height:9px;margin-top:-4.5px;z-index:3;pointer-events:none;border-top:2.6px solid #e9f9fd;border-right:2.6px solid #e9f9fd;border-radius:2px;transform:rotate(45deg);animation:modeRailNudge 2.4s ease-in-out infinite}@keyframes modeRailNudge{0%,62%,to{transform:rotate(45deg) translate(0)}78%{transform:rotate(45deg) translate(2.5px,-2.5px)}}@media (prefers-reduced-motion: reduce){.modeRailWrap:after{animation:none}}.modeCarousel{display:grid;grid-auto-flow:column;grid-template-rows:1fr 1fr;grid-auto-columns:145px;gap:9px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:2px 22px 0 2px;box-sizing:border-box;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 54px),rgba(0,0,0,.12) 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 54px),#0000001f)}.modeCarousel::-webkit-scrollbar{display:none}.eventCard{position:relative;min-width:0;scroll-snap-align:start;border:2.5px solid #0e1620;border-radius:13px;overflow:hidden;padding:0 0 7px;background:#143741;font-family:inherit;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #a3e0e747,0 4px #060e16cc,0 9px 16px #020a1059}.eventCard:hover{transform:translateY(-2px)}.eventCard:active{transform:translateY(2px);box-shadow:0 0 0 1px #a3e0e747,0 1px #060e16cc}.eventCard.active{box-shadow:0 0 0 3px var(--gold),0 0 0 5px #060e16f2,0 0 22px color-mix(in srgb,var(--mode-accent, #fff) 55%,transparent),0 6px #060e16d9,0 13px 20px #020a1073;transform:translateY(-3px)}.modeScene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.modeScene svg{width:100%;height:100%;display:block}.eventCard .modeScene:after,.modeHeroScene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mode-accent, #fff) 38%,transparent),inset 0 8px 18px #030c1257}.modeSeal{position:absolute;top:5px;right:5px;z-index:2;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#040d13bd;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--mode-accent, #fff) 72%,transparent),0 1px 4px #02090e8c}.modeSeal svg{width:16px;height:16px;display:block}.eventName{position:relative;z-index:1;max-width:100%;padding:0 5px;box-sizing:border-box;font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.01em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.6px #0d2229;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventCard.active .eventName{color:#fff}@media (max-width: 720px){.modeHeroSlot{flex-basis:40%}.modeCarousel{grid-auto-columns:118px}.modeHeroName{font-size:20px}.eventName{font-size:13px}}.eventDayBadge{flex:0 0 auto;padding:3px 8px;font-family:var(--font-display);font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff5b4b,#ff8a3d);border-radius:6px;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 4px #0006;pointer-events:none}.modifierChip{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:3px 9px 3px 5px;font-family:var(--font-display);font-size:10px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--mod-accent, #888) 70%,#000 30%);border-radius:6px;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 4px #0006;pointer-events:none}.modifierChip svg{width:16px;height:16px;flex-shrink:0}.modChipName{white-space:nowrap}.challengeBanner{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:linear-gradient(90deg,#e6a81740,#e6a8171a);border:1.5px solid var(--challenge-accent, #E6A817);border-radius:10px;box-sizing:border-box;flex-shrink:0}.challengeIcon{width:32px;height:32px;flex-shrink:0}.challengeIcon svg{width:100%;height:100%}.challengeText{display:flex;flex-direction:column;gap:1px;min-width:0}.challengeTitle{font-size:11px;font-weight:800;color:var(--challenge-accent, #E6A817);letter-spacing:.04em;text-transform:uppercase}.challengeStatus{font-size:10px;color:silver;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modeHeroCard.eventOfDay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,#fff0 42%,#ffdca073,#fff0 58%);background-size:260% 100%;background-repeat:no-repeat;background-position:210% 0;animation:ctaSheen 6s ease-in-out infinite}.noveltyBadge{position:absolute;top:4px;left:4px;z-index:2}.eventCard .noveltyBadge{top:5px;left:5px;z-index:3}.noveltyDot{position:absolute;top:-6px;right:-6px;z-index:2;width:14px;height:14px;background:linear-gradient(#ff7a5e,#e8271d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 2.5px #00000059}.newsBadge{width:14px;height:14px;background:linear-gradient(#ff7a5e,#e8271d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 2.5px #00000059}.menuGateNew{position:absolute;top:-4px;left:-4px;right:auto;z-index:3;width:auto;height:auto;background:linear-gradient(#5cf3da,#16c4a8);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff73,0 2.5px #00000059;color:#0e1620;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.02em;padding:2px 5px;border-radius:7px;white-space:nowrap;pointer-events:none;animation:menuGatePop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes menuGatePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.shopCard{position:relative}#select{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:0;justify-content:flex-start;gap:6px;overflow:hidden;background-color:#164450;background-image:radial-gradient(54% 64% at 50% 44%,rgba(150,236,244,.26) 0%,transparent 72%),radial-gradient(72% 40% at 50% 108%,rgba(255,176,74,.22) 0%,transparent 70%),radial-gradient(34% 44% at 4% 96%,rgba(255,150,60,.16) 0%,transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.09'/%3E%3C/svg%3E"),radial-gradient(118% 92% at 50% 50%,transparent 38%,rgba(3,17,22,.66) 100%),linear-gradient(178deg,#23636f,#164450 56%,#0e2c36)}.selectTopBar{display:flex;align-items:center;gap:6px 7px;width:100%;max-width:1000px;padding-left:30px;padding-right:30px;flex-wrap:wrap;flex-shrink:0}.selectTopBar>.btn.screenBackBtn{position:static;flex-shrink:0;padding-left:13px;padding-right:13px}.selectTitle{font-size:clamp(20px,3.25vw,32px);margin:0;transform:none;-webkit-text-stroke-width:4px;white-space:nowrap}.selectControls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.selectSortGroup{display:flex;align-items:center;gap:4px;background:#0c2530;border:2px solid rgba(255,255,255,.28);border-radius:22px;padding:3px 5px;box-shadow:var(--sh-track)}.selectSortLabel{font-family:var(--font-display);font-size:9px;color:#e2f6fce6;padding:0 6px 0 1px;border-right:1.5px solid rgba(255,255,255,.16);letter-spacing:.9px;text-transform:uppercase;align-self:stretch;display:flex;align-items:center}.selectSortChip,.selectSortDir,.selectFavFilter{font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .12s,color .12s}.selectSortChip:active,.selectSortDir:active,.selectFavFilter:active{transform:scale(.94)}.selectFavFilter:active{box-shadow:var(--sh-plate-active)}.selectSortChip{position:relative;font-size:12.5px;color:#eaf6fc;background:transparent;border:none;border-radius:13px;padding:5px 13px;min-height:44px;min-width:44px}.selectSortChip.selectSortOn:before{content:"";position:absolute;top:5px;right:0;bottom:5px;left:0;border-radius:12px;background:linear-gradient(#ffe066,#f0a91e);box-shadow:inset 0 1px #ffffff80,0 1px #0a1e2480}.selectSortChip.selectSortOn{color:#3a2100;isolation:isolate}.selectSortChip.selectSortOn:before{z-index:-1}.selectSortDir{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:none;background:transparent;color:#eaf6fc}.selectSortDir:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;background:#ffffff24}.selectSortDir svg{position:relative}.selectSortDir.selectSortDirActive:before{background:#ffc9334d;box-shadow:inset 0 0 0 1.5px #ffc933bf}.selectSortDir.selectSortDirActive{color:var(--gold)}.selectFavFilter{display:flex;align-items:center;gap:5px;min-height:44px;padding:4px 14px 4px 12px;border-radius:22px;background:#0c2530;border:2px solid rgba(255,255,255,.28);color:#eaf6fc;font-size:11.5px;letter-spacing:.4px;box-shadow:var(--sh-plate)}.selectFavStar{display:flex}.selectFavFilter.selectFilterOn{background:linear-gradient(#ffe27a,#f0a91e);border-color:#b06f00;color:#3a2100}@media (max-width: 760px){.selectTopBar{padding-left:20px}.selectFavText,.selectSortLabel{display:none}.selectSortChip{padding:5px 8px}}.selectEmpty{grid-column:1 / -1;align-self:center;text-align:center;color:#ffffffd9;font-weight:800;padding:40px 20px}#select .title{margin-bottom:0;flex-shrink:0}.stagePortrait #select{padding-top:calc(52px + env(safe-area-inset-top))}.selectBody{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch;justify-content:center;width:100%;max-width:920px;flex:1;min-height:0}.settingsBody,.newsBody,.profMain,.questsBody{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 22px),transparent)}#playBtn{flex-shrink:0;font-size:clamp(16px,3.5vw,22px);padding:10px 44px;border-radius:18px;margin-bottom:6px}.preview{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-lg);padding:12px;width:236px;max-width:100%;text-align:center;box-shadow:0 5px #0a1e248c,0 10px 16px #0a282e40;flex-shrink:0;overflow-y:auto}.previewViewport{width:100%;aspect-ratio:1;margin:0 auto 8px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#2a6e7e,#123039 85%);box-shadow:inset 0 -3px #00000040,inset 0 2px 6px #0000004d;touch-action:none;cursor:grab}.previewViewport:active{cursor:grabbing}.previewViewport canvas{width:100%;height:100%;display:block}.preview h3{font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:.02em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #0d2a32;text-shadow:0 2.5px 0 rgba(10,30,36,.5)}.preview .rol{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#063b33;background:linear-gradient(#5cf0d6,#2ee6c8);border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:3px 12px;margin:4px 0 10px;box-shadow:0 2px #0a282e59}.cards{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:12px;justify-content:center;align-content:start;max-width:764px;width:100%;flex:1;min-height:0;overflow-y:auto;padding:20px 4px 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 34px),transparent)}.card{border:2px solid rgba(255,255,255,.5);border-radius:14px;padding:0;cursor:pointer;text-align:center;width:180px;height:230px;overflow:hidden;position:relative;box-shadow:inset 0 2px #ffffff57,inset 0 -6px #0000004d,0 0 0 2px var(--rar, #9fb4bd),0 7px #081a2099,0 14px 20px #030e128c}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(20% 2.6% at 50% 82.5%,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 55%,transparent 100%),radial-gradient(46% 4.5% at 50% 82%,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 48%,transparent 74%),linear-gradient(to top,rgba(255,255,255,.13) 0%,transparent 20%),radial-gradient(44% 34% at 50% 34%,rgba(198,240,255,.2) 0%,transparent 74%)}.cardPortrait{position:absolute;left:4%;top:4%;width:92%;height:78%;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.cardName{position:absolute;left:0;right:0;bottom:0;height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5px;box-sizing:border-box;z-index:2;background:linear-gradient(var(--rar, #9fb4bd),var(--rar, #9fb4bd)) top / 100% 3px no-repeat,linear-gradient(to top,#07161cf5,#07161ce0 62%,#07161ca8)}.cardNameSide{display:flex;align-items:center;min-width:0;font-style:normal}.cardNameSide:first-child{justify-content:flex-start}.cardNameSide:last-child{justify-content:flex-end}.cardNameTxt{min-width:0;padding:0 2px;white-space:nowrap}.cardVeil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a181e8c;z-index:1}.card.locked .lockIcon{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.card.locked .lockHint{position:absolute;left:8px;right:8px;bottom:46px;z-index:2}.card:hover{--hover: 1;border-color:#ffffffb3}.card.sel{--hover: 1;border-color:#fff;box-shadow:inset 0 2px #ffffff57,inset 0 -6px #0000004d,0 0 0 4px var(--gold),0 8px #081a2099,0 16px 24px #030e1299}.card.locked{filter:grayscale(1) brightness(.5);cursor:not-allowed}.card.locked:hover{--hover: 0;border-color:#ffffff14}.card.shake{animation:lockShake .3s ease-out}@keyframes lockShake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lockIcon{font-size:24px;margin-bottom:2px}.lockHint{margin-top:6px;font-size:11px;font-weight:800;color:#ffe9a8;background:#00000059;border-radius:8px;padding:4px 6px;box-shadow:var(--sh-sticker)}.cardChips{position:absolute;top:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:stretch;min-width:50px;padding:3px 6px 4px;border-radius:12px 0 11px;background:linear-gradient(180deg,#132b34f7,#061218f7);box-shadow:inset 0 1px #ffffff3d,inset -1px 0 #ffffff1a,2px 3px 7px #00000080;pointer-events:none}.lvlBadge,.cardTrophies{font-family:var(--font-display);font-weight:400;letter-spacing:.3px;height:15px;display:flex;align-items:center;justify-content:center}.lvlBadge{color:var(--gold);font-size:12px;padding:0}.cardChips .cardTrophies{border-top:1px solid rgba(255,255,255,.16);margin-top:2px;padding-top:2px;height:17px}.cardProg{position:absolute;left:0;right:0;bottom:33px;height:5px;z-index:3;background:var(--rar-dim, rgba(255, 255, 255, .14));box-shadow:inset 0 1px 2px #00000080;pointer-events:none;overflow:hidden}.cardProg:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--p, 0) * 100%);background:linear-gradient(180deg,var(--rar, #9fb4bd) 0%,var(--rar, #9fb4bd) 55%,rgba(0,0,0,.22) 100%);box-shadow:inset 0 1px #ffffff73}.cardProg:after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--p, 0) * 100% - 2px);width:2px;background:#ffffffbf;opacity:var(--p, 0)}.cardFav{position:absolute;top:2px;right:2px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s}.cardFav:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:999px;background:#0a181e8c;transition:background .12s}.cardFav svg{position:relative}.cardFav:active{transform:scale(.86)}.cardFav.cardFavOn:before{background:#0a181eb8}.newBadge{background:linear-gradient(180deg,#f04a3c,#c81f24);color:#fff;font-family:var(--font-display);font-weight:400;font-size:9px;padding:1px 4px;border-radius:7px;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 1px 4px #00000059;pointer-events:none}@keyframes newPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fwBadge{font-family:var(--font-display);font-weight:400;color:#3a2400;background:linear-gradient(180deg,#ffd75e,#e8a516);box-shadow:inset 0 1px #fff9,0 1px 4px #00000059;font-size:13px;padding:0 5px;line-height:18px;border-radius:5px;pointer-events:none}.cardTrophies{color:var(--gold);font-size:11px;padding:0;display:flex;align-items:center;gap:2px}.cardTrophies svg{width:11px;height:11px}.card h3{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:.02em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px rgba(10,30,36,.75);text-shadow:0 2px 0 rgba(10,30,36,.4)}.card .rol{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffffbf;margin-bottom:6px}.card .sup{margin-top:2px}.stat{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;color:#ffffffe6;margin-top:6px}.stat span{width:54px;text-align:left;letter-spacing:.2px;text-shadow:0 1.5px 0 rgba(0,0,0,.4)}.statVal{flex:0 0 auto;width:40px;text-align:right;font-size:10.5px;font-weight:900;font-variant-numeric:tabular-nums;color:#ffe08a;text-shadow:0 1.5px 0 rgba(0,0,0,.45)}.bar{flex:1;height:11px;background:#00000073;border:1.5px solid rgba(255,255,255,.22);border-radius:999px;overflow:hidden;position:relative}.bar i{display:block;height:100%;width:0%;border-radius:999px;transition:width .25s ease-out;box-shadow:inset 0 2px #ffffff59;background:#fff}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1.5px),rgba(10,30,36,.5) calc(20% - 1.5px),rgba(10,30,36,.5) 20%);pointer-events:none}.statHp .bar i{background:linear-gradient(#7ed86a,#3dbb3d)}.statSpeed .bar i{background:linear-gradient(#6fd2f2,#3a9dcc)}.statDmg .bar i{background:linear-gradient(#ff9a5c,#e05a22)}.statRange .bar i{background:linear-gradient(#ffe27a,#e8b41f)}.sup{margin-top:10px;font-size:10.5px;font-weight:800;line-height:1.35;background:linear-gradient(#3c2a068c,#281c048c);border:1.5px solid rgba(255,201,51,.55);border-radius:10px;padding:7px 9px;color:#ffe9a8;letter-spacing:.2px;box-shadow:inset 0 2px #ffe27a26}#detail{overflow:hidden}.detailTopRight{position:absolute;top:calc(20px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;align-items:center;gap:7px;z-index:21}.detailBody{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:940px;margin:0 auto;flex:1;min-height:0;padding:54px 8px 8px}.detailLeft{width:246px;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;min-height:0;max-height:100%;overflow:hidden}.detailBanner{flex-shrink:0;display:flex;align-items:center;gap:7px;background:linear-gradient(#fff,#e8f4f6);transform:skew(-8deg);border-radius:6px;padding:4px 16px;box-shadow:0 4px #10323859,0 8px 12px #10323833}.detailBannerSeal{display:flex;flex-shrink:0;transform:skew(8deg);opacity:.75}.detailBannerName{flex:1;min-width:0;display:block;transform:skew(8deg);font-family:var(--font-display);font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#123a44;letter-spacing:.04em;text-shadow:0 2px 0 rgba(255,255,255,.9),0 3px 2px rgba(16,50,56,.28)}.detailIdRow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;min-width:0;flex-shrink:0}.detailIdRow .detailApodo{flex-shrink:0;font-size:11px;-webkit-text-stroke-width:2px}.detailIdRow .detailRolBanner{margin:0;min-width:0;overflow:hidden;padding:2px 8px}.detailIdRow .detailRolBanner span{font-size:9.5px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailApodo{font-family:var(--font-display);font-size:13px;color:#ffd23e;paint-order:stroke fill;-webkit-text-stroke:2.5px #14403c;text-shadow:0 1.5px 0 rgba(0,0,0,.45)}.detailRolBanner{background:linear-gradient(#ffe27a,#ffc933);transform:skew(-8deg);border-radius:5px;padding:2.5px 13px;margin:6px 0 0 10px;box-shadow:0 3px #8c5a0066}.detailRolBanner span{display:block;transform:skew(8deg);font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#5b3a00}.detailLvl{flex-shrink:0;font-size:11.5px;font-weight:900;color:#ffd95e;background:linear-gradient(#1d4a55,#143741);border:1.5px solid rgba(255,255,255,.3);padding:2px 9px;border-radius:999px}.detailPower{margin:6px 0 0;width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.detailPowerTop{display:flex;align-items:center;gap:7px;min-width:0}.powerBarWrap{display:block;flex:1;min-width:0;height:8px;background:#0006;border-radius:999px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.powerBarFill{display:block;height:100%;background:linear-gradient(90deg,#ffd95e,#ffb930);border-radius:999px;transition:width .4s ease;width:0%;box-shadow:inset 0 1.5px #fff6}.powerBonus{flex-shrink:0;font-size:10.5px;font-weight:900;color:#ffd95e;text-shadow:0 1px 2px rgba(0,0,0,.5)}.powerUpBtn{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:900;padding:6px 12px;min-height:var(--touch-min);border-radius:10px;background:linear-gradient(#43b05c,#2e8a44);color:#fff;border:2px solid rgba(255,255,255,.35);box-shadow:0 3px #1d6330;text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer;transition:transform .12s,box-shadow .12s}.powerUpBtn:active{transform:scale(.95);box-shadow:0 1px #1d6330}.powerUpBtn:disabled{opacity:.5;cursor:default}.powerUpBtn.maxed,.powerUpBtn.maxed:disabled{opacity:1;background:linear-gradient(#15343d,#0d2229);color:#ffd45e;border-color:#f0b62c80;box-shadow:inset 0 2px 4px #00000073,inset 0 -1.5px #ffd67838;text-shadow:0 1px 0 rgba(0,0,0,.55);letter-spacing:.06em;cursor:default}.powerUpBtn.maxed>svg{display:none}.powerUpBtn.maxed #powerUpLabel:before,.powerUpBtn.maxed #powerUpLabel:after{content:"★";font-size:9px;vertical-align:1px;opacity:.6}.powerUpBtn.maxed #powerUpLabel:before{margin-right:6px}.powerUpBtn.maxed #powerUpLabel:after{margin-left:6px}.powerUpCost{font-size:11.5px;opacity:.85}.powerUpCost:before{content:"· "}@keyframes powerUpPop{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes levelUpAnticipation{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.92);filter:brightness(1.4)}80%{transform:scale(.95);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(2.2)}}.detailPower.leveledUp .detailLvl{animation:powerUpPop .5s ease}#detail.locked .detailPower{display:none}.detailLockTag{display:none;align-self:flex-start;margin:7px 0 0 2px;font-size:11.5px;font-weight:900;letter-spacing:.06em;color:#fff;background:linear-gradient(#8a94a8,#5b6577);border:1.5px solid rgba(255,255,255,.4);padding:3px 13px;border-radius:999px;text-shadow:0 1.5px 0 rgba(0,0,0,.35)}.detailDesc{margin:7px 0 0;width:100%;display:flex;align-items:flex-start;gap:6px;font-family:inherit;font-size:11.5px;font-weight:700;line-height:1.32;text-align:left;color:#eafcff;background:linear-gradient(#143741e0,#102d36e0);border:1.5px solid rgba(255,255,255,.2);border-radius:10px;padding:6px 9px;box-shadow:0 3px #0a1e2459;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s}.detailDesc:active{transform:translateY(2px);box-shadow:0 1px #0a1e2459}.detailDescCol{flex:1;min-width:0;display:block;height:45.5px;overflow:hidden}.detailDescCol:before{content:"";float:right;width:0;height:30.4px}.detailDescMore{float:right;clear:right;margin:0 0 0 10px;display:flex;align-items:center;gap:4px;height:15.2px;font-size:9.5px;font-weight:900;letter-spacing:.07em;color:#ffd95e;text-shadow:0 1px 0 rgba(6,24,30,.55);pointer-events:none}.detailDescIcon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:6px;background:#ffffff1c;box-shadow:inset 0 1.5px #ffffff2e,inset 0 -1.5px #00000038}.detailDescClamp{min-width:0}@media (orientation: landscape) and (max-height: 385px){.detailDescCol{height:30.4px}.detailDescCol:before{height:15.2px}.detailRight .stat{margin-top:4px}.detailTabs{margin-top:5px}.detailPanels{margin-top:4px}.detailRight .statIcon{width:18px;height:18px}.detailRight .statIcon svg{width:12px;height:12px}}.detailActions{margin-top:auto;padding-top:6px;flex-shrink:0;display:flex;flex-direction:column;gap:5px;width:100%}.detailActionsMain{display:flex;gap:5px}.detailActionsMain>button{flex:1;min-width:0}.detailChoose{flex:1.35;font-size:19px;padding:6px 0;min-height:var(--touch-min);border-radius:12px}.detailTryBtn{font-size:13px}.detailActionsGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.detailActionsGrid>button{min-width:0;font-size:11.5px;padding:4px 6px}.detailRoadBtn,#detail.locked .detailChoose,#detail.locked .detailLvl{display:none}#detail.locked .detailLockTag{display:block}#detail.locked .detailRoadBtn{display:flex}.detailCenter{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}.detailCenter:before{content:"";position:absolute;top:-16px;right:2px;bottom:-6px;left:2px;border-radius:148px 148px 20px 20px;background:radial-gradient(ellipse 46% 34% at 50% 40%,rgba(255,216,152,.3) 0%,rgba(255,205,140,.1) 52%,transparent 76%),radial-gradient(ellipse 40% 16% at 50% 95%,rgba(255,228,178,.15) 0%,rgba(255,226,174,.05) 58%,transparent 100%),linear-gradient(to bottom,#fff0 0,#fff0 67.9%,#78685047 68.6%,#7a6a528c 69.6%,#927c5e61 78%,#9e886670 88%,#a8906c80),radial-gradient(ellipse 70% 12% at 50% 69%,rgba(150,226,226,.18) 0%,transparent 100%),linear-gradient(to bottom,#0a2530,#123845 46%,#17505c 68.5%,#0d2c34);box-shadow:inset 0 0 46px 18px #0412188c,inset 0 3px #b4f0fa29,0 0 26px 12px #061a216b,0 8px 18px #04161c59;border:1.5px solid rgba(11,40,49,.55);z-index:0;pointer-events:none}.detailCenter:after{content:"";position:absolute;left:50%;top:-16px;width:252px;height:268px;transform:translate(-50%);background:radial-gradient(ellipse 26% 12% at 50% 0%,rgba(255,240,205,.32) 0%,rgba(255,232,186,.1) 55%,transparent 100%),conic-gradient(from 0deg at 50% -3%,transparent 0deg 148deg,rgba(255,232,186,.03) 156deg,rgba(255,232,186,.2) 170deg,rgba(255,230,182,.2) 190deg,rgba(255,232,186,.03) 204deg,transparent 212deg 360deg);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.2) 76%,transparent 96%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.2) 76%,transparent 96%);filter:blur(5px);z-index:0;pointer-events:none}.detailProps{position:absolute;top:-16px;right:2px;bottom:-6px;left:2px;border-radius:148px 148px 20px 20px;overflow:hidden;z-index:1;pointer-events:none}.detailPost{position:absolute;bottom:30px;width:15px;height:80%}.detailPost:before{content:"";position:absolute;top:0;right:-15px;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0 37%,rgba(12,20,24,.72) 37% 39.5%,transparent 39.5% 68%,rgba(12,20,24,.72) 68% 70.5%,transparent 70.5%) 0 0 / 15px 100% no-repeat,linear-gradient(to right,#130f0a,#281f14 18%,#483927 52%,#655239 82%,#79634a) 0 0 / 15px 100% no-repeat,linear-gradient(to right,rgba(3,15,19,.5) 0%,rgba(3,15,19,.24) 40%,transparent 100%) 15px 0 / 15px 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 9%,rgba(0,0,0,.78) 17%,#000 24%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 9%,rgba(0,0,0,.78) 17%,#000 24%)}.detailPostL{left:9px}.detailPostR{right:9px;transform:scaleX(-1)}.detailPost:after{content:"";position:absolute;left:-5px;bottom:-5px;width:25px;height:8px;border-radius:2px;background:linear-gradient(to right,#191309,#342818 24%,#574434,#715a3f);box-shadow:inset 0 1.5px #ffe8be2e,0 3px 8px #030f139e,0 1px 2px #030f13b3}.detailRubble{position:absolute;bottom:32px;width:62px;height:22px;background:radial-gradient(ellipse 62% 30% at 46% 94%,rgba(3,15,19,.62) 0%,rgba(3,15,19,.26) 54%,transparent 82%)}.detailRubbleL{left:4px}.detailRubbleR{right:4px;transform:scaleX(-1)}.detailRubble:before{content:"";position:absolute;left:18px;bottom:4px;width:38px;height:19px;clip-path:polygon(0% 100%,10% 42%,40% 6%,72% 18%,92% 56%,100% 100%);background:linear-gradient(252deg,#d3b585,#97815f 38%,#56493a 72%,#2a231a)}.detailRubble:after{content:"";position:absolute;left:1px;bottom:1px;width:21px;height:13px;clip-path:polygon(0% 100%,16% 34%,54% 0%,88% 30%,100% 100%);background:linear-gradient(248deg,#bb9f74,#7f6e53 42%,#40382c)}.detailPedestal{position:absolute;left:50%;bottom:30px;width:214px;height:58px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse 54% 42% at 50% 82%,rgba(4,18,22,.62) 0%,rgba(4,18,22,.22) 58%,transparent 82%);z-index:1;pointer-events:none}.detailPedestal:before{content:"";position:absolute;left:50%;top:50%;width:198px;height:52px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(255,236,198,.18);background:radial-gradient(ellipse 42% 54% at 50% 64%,color-mix(in srgb,var(--detailAccent, #e08a4a) 20%,transparent) 0%,color-mix(in srgb,var(--detailAccent, #e08a4a) 6%,transparent) 54%,transparent 86%),radial-gradient(ellipse 4px 2px at 27% 37%,rgba(38,26,14,.5) 0%,transparent 100%),radial-gradient(ellipse 5px 2px at 61% 29%,rgba(40,28,15,.42) 0%,transparent 100%),radial-gradient(ellipse 6px 3px at 75% 61%,rgba(34,24,13,.4) 0%,transparent 100%),radial-gradient(ellipse 4px 2px at 39% 71%,rgba(34,24,12,.45) 0%,transparent 100%),radial-gradient(ellipse 5px 2px at 85% 41%,rgba(30,20,10,.38) 0%,transparent 100%),radial-gradient(ellipse 7px 3px at 21% 57%,rgba(255,240,205,.12) 0%,transparent 100%),radial-gradient(ellipse 5px 2px at 54% 51%,rgba(255,238,200,.1) 0%,transparent 100%),radial-gradient(ellipse 34% 40% at 22% 44%,rgba(255,244,214,.07) 0%,transparent 100%),radial-gradient(ellipse 26% 34% at 68% 62%,rgba(34,24,12,.1) 0%,transparent 100%),radial-gradient(ellipse 30% 26% at 58% 26%,rgba(255,240,206,.06) 0%,transparent 100%),radial-gradient(ellipse 22% 30% at 36% 72%,rgba(30,21,10,.09) 0%,transparent 100%),radial-gradient(ellipse at center,transparent 66%,rgba(30,20,9,.1) 88%,rgba(24,16,7,.16) 100%),radial-gradient(ellipse 88% 104% at 50% 38%,#917f5d,#8a7959 45%,#7c6c4f 82%,#77674b);box-shadow:inset 0 2px #fff6dc29,inset 0 -7px 11px #22160a57,0 2px #776a4e,0 4px #6d6147,0 6px #625840,0 9px #574e39,0 13px 15px #03121699,0 24px 30px #03121685}.detailPedestal:after{content:"";position:absolute;left:50%;bottom:4px;width:118px;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse 17% 30% at 29% 62%,#0716169e,#0716164d 62%,#07161600),radial-gradient(ellipse 17% 30% at 71% 62%,#0716169e,#0716164d 62%,#07161600),radial-gradient(ellipse at center,rgba(6,21,21,.5) 0%,rgba(6,21,21,.32) 44%,rgba(6,21,21,.14) 68%,rgba(6,21,21,.04) 86%,transparent 100%);filter:blur(1.8px)}.detailViewport{width:min(100%,76vh,380px);aspect-ratio:1;position:relative;z-index:2;overflow:hidden;touch-action:none;cursor:grab}.detailViewport:active{cursor:grabbing}.detailViewport canvas{width:100%;height:100%;display:block;transform:scale(1.12);transform-origin:bottom center;filter:drop-shadow(0 4px 6px rgba(4,22,28,.5))}.detailRight{width:246px;flex-shrink:0;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:10px;box-shadow:var(--sh-card);display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.detailTabs{display:flex;gap:3px;margin-top:8px;flex-shrink:0;background:#00000047;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;padding:3px;box-shadow:var(--sh-track)}.detailTab{flex:1;min-width:0;min-height:var(--touch-min, 44px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 0;border:0;border-radius:8px;background:transparent;color:#ffffff9e;font-size:7.5px;font-family:var(--font-body);font-weight:900;letter-spacing:0;cursor:pointer;transition:background .15s,color .15s,transform .1s}.detailTab>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailTab:active{transform:scale(.94)}.detailTabOn{background:linear-gradient(#2b6f7d,#1d4f5b);color:#fff;box-shadow:inset 0 2px #ffffff2e,0 2px #081a2073}#detailTabSuper.detailTabOn{color:#ffd95e}#detailTabGadget.detailTabOn{color:#9ad9ff}#detailTabPassive.detailTabOn{color:#d0aaff}.detailPanels{flex:1;min-height:0;margin-top:7px;position:relative}.detailPanel{display:none;position:relative;height:100%;overflow:hidden;text-align:left;background:linear-gradient(#3c2a068c,#281c048c);border:1.5px solid rgba(255,201,51,.55);border-radius:10px;padding:8px 10px;box-shadow:inset 0 2px #ffe27a26}.detailPanelMark{position:absolute;right:6px;bottom:4px;display:block;color:#ffd95e;opacity:.16;pointer-events:none}.detailPanelOn{display:block;animation:detailPanelIn .18s ease-out}@keyframes detailPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.detailPanelOn{animation:none}}.detailPanelGadget{background:linear-gradient(#0a2c4299,#08203099);border-color:#78c8ff80}.detailPanelGadget .detailSuperName{color:#9ad9ff;-webkit-text-stroke-color:rgba(0,40,60,.8)}.detailPanelGadget .detailSuperDesc{color:#d6efff}.detailPanelGadget .detailPanelMark{color:#9ad9ff}.detailPanelPassive{background:linear-gradient(#28124299,#1c0c3099);border-color:#b878ff80}.detailPanelPassive .detailSuperName{color:#d0aaff;-webkit-text-stroke-color:rgba(34,6,60,.8)}.detailPanelPassive .detailSuperDesc{color:#ecdcff}.detailPanelPassive .detailPanelMark{color:#d0aaff}@media (orientation: portrait){.detailBody{flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;gap:12px;padding:58px 14px 16px}.detailCenter{order:1;flex:none;width:100%;height:280px}.detailViewport{width:min(100%,280px)}.detailLeft{order:2;width:100%;max-width:360px;max-height:none;overflow:visible}.detailRight{order:3;width:100%;max-width:360px;max-height:none;overflow:visible}.detailPanels{flex:none}.detailPanel{height:auto}}.detailStatsHead{font-size:12px;font-weight:var(--fw-heavy);letter-spacing:.12em;color:var(--c-panel-head);text-align:left;margin-bottom:4px}.statIcon{flex:0 0 auto;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;box-shadow:inset 0 -2px #0000004d,0 0 0 1.5px #0c141c8c}.statIconHp{background:linear-gradient(#7ed86a,#3dbb3d)}.statIconSpeed{background:linear-gradient(#6fd2f2,#3a9dcc)}.statIconDmg{background:linear-gradient(#ff9a5c,#e05a22)}.statIconRange{background:linear-gradient(#ffe27a,#e8b41f)}.detailRight .stat span:not(.statIcon){width:62px}.detailSuperName{font-family:var(--font-display);font-size:16px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px rgba(90,58,0,.8)}.detailSuperDesc{margin:4px 0 0;font-size:11.5px;font-weight:700;line-height:1.35;color:#ffe9a8}.detailCharStatRow{display:flex;justify-content:space-between;align-items:center;padding:1px 0;font-size:11.5px;color:#ffe9a8}.detailCharStatLabel{opacity:.7}.detailCharStatVal{font-weight:700}.loreCard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));--loreAccent: var(--c-gem);--loreRar: #9fb4bd}.loreCard.hidden{display:none}.loreCardBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,#0a2028bd,#02090cf2 70%);animation:loreVeilIn .22s ease forwards}@keyframes loreVeilIn{0%{opacity:0}to{opacity:1}}.loreCardPanel{position:relative;width:min(792px,100%);height:min(366px,100%);display:flex;overflow:hidden;background:linear-gradient(168deg,#1d4a55,#143741 46%,#0f2c35);border:2px solid rgba(255,255,255,.24);border-radius:var(--r-lg, 16px);box-shadow:0 22px 48px #0000009e,0 0 0 1px #0000008c,inset 0 1px #ffffff2e,inset 0 -14px 26px #00000047;animation:loreCardIn .3s var(--ease-bounce, ease) forwards}@keyframes loreCardIn{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:none}}.loreCardPanel:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:11px;pointer-events:none;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 0 0,rgba(255,240,200,.85) 0 1.6px,rgba(0,0,0,.5) 1.6px 3px,transparent 3.2px),radial-gradient(circle at 100% 0,rgba(255,240,200,.85) 0 1.6px,rgba(0,0,0,.5) 1.6px 3px,transparent 3.2px),radial-gradient(circle at 0 100%,rgba(255,240,200,.85) 0 1.6px,rgba(0,0,0,.5) 1.6px 3px,transparent 3.2px),radial-gradient(circle at 100% 100%,rgba(255,240,200,.85) 0 1.6px,rgba(0,0,0,.5) 1.6px 3px,transparent 3.2px)}.loreCardPlate{position:relative;flex:0 0 296px;overflow:hidden;background:repeating-linear-gradient(179deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 27px),radial-gradient(68% 72% at 50% 60%,#17434f 0,#17434f 56%,#0d2c36 58%,#06141af5 74%,#041217),linear-gradient(180deg,#071c23,#0b2831 52%,#041217);border-right:2px solid rgba(0,0,0,.45);box-shadow:inset -1px 0 #ffffff17}.loreCardHalo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(42% 25% at 50% 24%,rgba(226,246,252,.3),transparent 74%),radial-gradient(74% 44% at 50% 74%,color-mix(in srgb,var(--loreAccent) 40%,transparent),transparent 76%),radial-gradient(150% 58% at 50% 0%,rgba(255,255,255,.1),transparent 62%)}.loreCardPlate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(86% 74% at 50% 44%,transparent 50%,rgba(2,10,13,.62) 100%),linear-gradient(180deg,rgba(2,10,13,.55) 0%,transparent 16%)}.loreCardPortrait{position:absolute;z-index:1;left:50%;bottom:var(--lorePortBottom, 4%);transform:translate(-50%);height:var(--lorePortH, 92%);width:auto;max-width:108%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 9px 10px rgba(0,0,0,.55)) drop-shadow(0 0 17px color-mix(in srgb,var(--loreAccent) 50%,transparent))}.loreCardFloor{position:absolute;left:0;right:0;bottom:0;height:110px;z-index:0;pointer-events:none;background:radial-gradient(28% 7px at 50% 73px,rgba(0,0,0,.94),rgba(0,0,0,.6) 62%,transparent 82%),radial-gradient(46% 13px at 50% 74px,rgba(0,0,0,.66),transparent 74%),radial-gradient(76% 22px at 50% 76px,rgba(0,0,0,.34),transparent 76%),radial-gradient(66% 17px at 50% 75px,transparent 0 42%,color-mix(in srgb,var(--loreAccent) 46%,transparent) 58%,transparent 84%),radial-gradient(86% 27px at 50% 77px,transparent 0 30%,rgba(198,234,246,.15) 46%,transparent 78%),linear-gradient(180deg,transparent 0 39px,rgba(190,232,244,.09) 39px 40px,rgba(11,36,44,.82) 40px,rgba(3,12,16,.96) 100%)}.loreCardRol{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:6px 8px 7px;text-align:center;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#dff3f8;background:linear-gradient(180deg,#06141a1a,#040e12eb);border-top:2px solid var(--loreRar);text-shadow:0 1px 2px rgba(0,0,0,.7)}.loreCardMain{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:auto minmax(0,1fr) auto;column-gap:14px;padding:16px 20px 12px 22px}.loreCardHeader{grid-column:1;grid-row:1}.loreCardBody{grid-column:1;grid-row:2}.loreCardStats{grid-column:2;grid-row:1 / span 2}.loreCardFoot{grid-column:1 / -1;grid-row:3}.loreCardHeader{text-align:left;margin-bottom:9px}.loreCardKicker{display:flex;align-items:center;gap:8px;font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--loreAccent) 78%,#ffffff)}.loreCardKicker:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--loreAccent) 65%,transparent),transparent)}.loreCardName{display:block;font-family:var(--font-display);font-size:30px;line-height:1.06;margin-top:3px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px rgba(6,22,28,.75);text-shadow:0 3px 0 rgba(0,0,0,.35)}.loreCardApodo{display:block;font-size:12.5px;font-style:italic;color:#bfe0e8;margin-top:1px}.loreCardBody{min-height:0;overflow:hidden;padding-right:6px}.loreCardBody.loreCardBodyMidiendo{visibility:hidden}.loreCardText{color:#e4f4ec;text-align:left}.loreCardPar{font-size:var(--loreBody, 13.5px);line-height:var(--loreLh, 1.62);font-weight:500;color:#cfe6ec}.loreCardParLead{font-size:var(--loreLead, 15.5px);line-height:calc(var(--loreLh, 1.62) - .12);font-weight:600;color:#f2fbfd}.loreCardPar+.loreCardPar{margin-top:.7em}.loreCardParLead:first-letter{float:left;font-family:var(--font-display);font-size:42px;line-height:.82;padding:4px 9px 0 0;color:var(--loreAccent);paint-order:stroke fill;-webkit-text-stroke:3px rgba(6,22,28,.7)}.loreCardStats{display:flex;flex-direction:column;justify-content:space-between;gap:9px;padding:12px 12px 14px;border-radius:12px;background:linear-gradient(180deg,#0410159e,#030b0f6b);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff12}.loreCardStatsTitle{display:block;font-size:8.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--loreAccent) 70%,#ffffff);padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}.loreCardStat{display:block}.loreCardStatTop{display:flex;align-items:center;gap:5px;margin-bottom:4px}.loreCardStatIcon{display:flex;flex:0 0 15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.loreCardStatName{flex:1;min-width:0;font-size:8.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#a6c6d0}.loreCardStatVal{font-family:var(--font-display);font-size:14px;line-height:1;color:#f4fbfd;text-shadow:0 1px 2px rgba(0,0,0,.7)}.loreCardStatMax{font-size:9px;color:#74949e}.loreCardStatTrack{height:8px;border-radius:999px;background:#ffffff21;box-shadow:inset 0 1px 2px #000000bf,0 1px #ffffff0f;overflow:hidden}.loreCardStatFill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--statColor, var(--loreAccent)) 55%,#ffffff),var(--statColor, var(--loreAccent)));box-shadow:0 0 8px color-mix(in srgb,var(--statColor, var(--loreAccent)) 55%,transparent)}.loreCardStat .loreCardStatVal{color:color-mix(in srgb,var(--statColor, var(--loreAccent)) 24%,#f7fcfe)}.loreCardFoot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px}.loreCardPager{display:flex;align-items:center;gap:9px;margin-left:auto}.loreCardPager.hidden{display:none}.loreCardDots{display:flex;align-items:center;gap:5px}.loreCardDot{width:8px;height:8px;border-radius:999px;background:#ffffff3d;box-shadow:inset 0 1px 1px #00000080;transition:width .18s ease,background .16s ease,box-shadow .16s ease}.loreCardDot.on{width:20px;background:var(--loreAccent);box-shadow:0 0 7px color-mix(in srgb,var(--loreAccent) 65%,transparent)}.loreCardMore,.loreCardClose{min-height:var(--touch-min, 44px);padding:0 16px;font-size:12px;letter-spacing:.06em;color:#cfe9f1;background:linear-gradient(180deg,#133842eb,#071a21eb);border:2px solid rgba(180,226,240,.3);box-shadow:inset 0 1px #ffffff1f,0 2px #0006;text-shadow:0 1px 2px rgba(0,0,0,.6)}.loreCardMore:not(.loreCardPrimary):before,.loreCardClose:not(.loreCardPrimary):before,.loreCardMore:not(.loreCardPrimary):after,.loreCardClose:not(.loreCardPrimary):after{display:none}.loreCardPrimary{color:var(--c-gold-dark, #5b3a00);background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);border:2.5px solid rgba(255,255,255,.65);box-shadow:var(--sh-btn-gold);text-shadow:var(--sh-text)}.loreCardMore.loreCardMoreBack{color:#9fbcc6;border-color:#ffffff29}.loreCardRareza{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--loreRar) 45%,#ffffff);padding:7px 14px;border-radius:999px;border:2px solid color-mix(in srgb,var(--loreRar) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--loreRar) 34%,rgba(4,16,21,.9)),color-mix(in srgb,var(--loreRar) 12%,rgba(3,11,15,.92)));box-shadow:0 0 12px color-mix(in srgb,var(--loreRar) 30%,transparent),inset 0 1px #ffffff29;text-shadow:0 1px 2px rgba(0,0,0,.7)}.loreCardRareza:before{content:"";width:8px;height:8px;flex:0 0 8px;transform:rotate(45deg);border-radius:2px;background:var(--loreRar);box-shadow:0 0 7px color-mix(in srgb,var(--loreRar) 70%,transparent)}.loreCardClose{min-width:112px}.detailLoreBtn{font-size:12px;min-height:var(--touch-min, 44px)}.detailLoreBtn.loreLocked{opacity:.5;pointer-events:none}#road{background-color:#1d5ec4;background-image:radial-gradient(130% 100% at 50% 46%,transparent 42%,rgba(4,16,44,.5) 100%),linear-gradient(0deg,rgba(10,26,58,.78) 0px,rgba(10,26,58,.5) 74px,transparent 150px),radial-gradient(120% 46% at 50% 62%,rgba(150,210,255,.22) 0%,transparent 70%),radial-gradient(70% 60% at 32% 8%,rgba(255,255,255,.22) 0%,transparent 64%),linear-gradient(178deg,#2a72d6,#3d8ff0 34%,#2f7fe8 58%,#174ea8);gap:6px;justify-content:center}.roadRibbon{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(150px + env(safe-area-inset-left));z-index:21;display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:10px;background:linear-gradient(#b184ff,#7440d8);border:3px solid #0e1620;transform:skew(-5deg) rotate(-1.5deg);box-shadow:inset 0 2px #ffffff73,0 4px #0e1620}.roadRibbon>*{transform:skew(5deg) rotate(1.5deg)}@media (orientation: portrait){.roadRibbon{top:calc(70px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left))}}.roadRibbon span{font-family:var(--font-display);font-size:15px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.55)}.roadPrize{position:absolute;top:12px;left:calc(332px + env(safe-area-inset-left));right:auto;width:max-content;max-width:calc(100vw - 486px - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:20;height:56px;display:flex;align-items:center;gap:10px;padding:0 12px 0 8px;border-radius:12px;border:2.5px solid #0e1620;background:#7440d8;box-shadow:inset 0 2px #ffffff52,inset 0 -14px #0a062842,0 4px #0e1620,0 10px 18px #0610286b}.roadPrizeArt{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;overflow:hidden;background:#3d2288;box-shadow:inset 0 3px 6px #0604188c,inset 0 -2px #ffffff1f,0 0 0 2px #0e1620}.roadPrizeArt .rwdChar{width:46px;height:46px;object-fit:cover;object-position:50% 0%;transform:scale(1.3);transform-origin:50% 20%}.roadPrizeArt .rwdFrame{width:40px;height:40px}.roadPrizeArt .rwdVfx{width:42px;height:42px}.roadPrizeArt .rwdTitle{width:44px;min-height:30px;padding:3px 4px}.roadPrizeArt .rwdTitle i{font-size:8px}.roadPrizeMain{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.roadPrizeEyebrow{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--font-display);font-size:9px;letter-spacing:.06em;color:#e2d4ff;white-space:nowrap}.roadPrizeEyebrow>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.roadPrizeEyebrow i{flex:none}.roadPrizeEyebrow i{font-style:normal;padding:1px 6px;border-radius:5px;background:#2a1866;border:1.5px solid #0e1620;color:#ffd66b}.roadPrizeName{font-family:var(--font-display);font-size:17px;line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadPrizeBar{display:block;width:116px;height:9px;border-radius:5px;background:#2c1866;border:1.5px solid #0e1620;overflow:hidden}.roadPrizeBar i{display:block;height:100%;min-width:5px;border-radius:3px;background:#ffc933;box-shadow:inset 0 1.5px #ffffff80}.roadPrizeGap{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-left:11px;border-left:2px solid rgba(10,6,40,.4)}.roadPrizeGap b{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:19px;line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620}.roadPrizeGap svg{width:15px;height:15px;flex:none;align-self:center}.roadPrizeGap em{font-family:var(--font-display);font-style:normal;font-size:9px;letter-spacing:.08em;color:#e2d4ff;-webkit-text-stroke:0}.roadPrizeDone .roadPrizeName{color:#ffd66b}@media (max-width: 780px){.roadPrize{gap:7px;padding:0 9px 0 6px}.roadPrizeArt,.roadPrizeArt .rwdChar{width:38px;height:38px}.roadPrizeEyebrow i{display:none}.roadPrizeName{font-size:14px}.roadPrizeBar{width:76px}.roadPrizeGap{padding-left:7px}.roadPrizeGap b{font-size:15px}.roadPrizeGap em{display:none}}@media (orientation: portrait){.roadPrize{display:none}}.roadBody{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;margin-top:62px;justify-content:center}.roadCurrent{position:relative;width:440px;max-width:60%;max-height:280px;flex-shrink:1;border-radius:16px;border:2.5px solid rgba(255,255,255,.55);box-shadow:0 6px #08141a80,0 14px 24px #08141a73;overflow:hidden;display:flex;align-items:stretch;gap:12px;padding:12px 14px}.roadHeroBox{flex:0 0 44%;display:flex;align-items:center;justify-content:center;min-height:0}.roadHeroBox .roadPortrait{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.35));pointer-events:none}.roadInfo{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:2}.roadEyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#0d2a32;background:linear-gradient(#ffe27a,#ffc933);border-radius:999px;padding:3px 14px;box-shadow:0 2px #00000040}.roadName{font-family:var(--font-display);font-size:30px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3.5px rgba(10,30,36,.8);text-shadow:0 3px 0 rgba(10,30,36,.45);margin-top:6px}.roadRol{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#063b33;background:linear-gradient(#5cf0d6,#2ee6c8);border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:2.5px 12px;margin-top:5px}.roadProgress{width:100%;margin-top:auto;padding-top:12px}.roadBar{height:14px;border-radius:999px;background:#0a181e99;border:1.5px solid rgba(255,255,255,.4);overflow:hidden}.roadBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(#ffe27a,#ffc933);box-shadow:inset 0 2px #fff6;transition:width .4s ease-out}.roadGoal{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(10,30,36,.55)}.roadNext{display:flex;flex-direction:column;min-width:0}.roadNextTitle{font-size:12px;font-weight:900;letter-spacing:.12em;color:#8fd8e0;margin:2px 0 8px;text-align:left}.roadNextRow{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.roadCard{position:relative;width:150px;min-height:190px;flex-shrink:0;border-radius:14px;border:2px solid rgba(255,255,255,.3);box-shadow:0 5px #08141a80,0 10px 16px #08141a59;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px}.roadCard .roadPortrait{position:absolute;left:5%;top:6%;width:90%;height:80%;object-fit:contain;object-position:center bottom;pointer-events:none}.roadCardVeil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a181e80}.roadCardName{font-family:var(--font-display);font-size:16px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px rgba(10,30,36,.75);z-index:2}.roadCost{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:900;color:#ffe9a8;background:#0a181ebf;border:1.5px solid rgba(255,201,51,.45);border-radius:999px;padding:3px 12px;z-index:2}.roadMystery{font-family:var(--font-display);font-size:84px;color:#ffffffd9;text-shadow:0 4px 0 rgba(10,30,36,.4);margin:auto}.roadDone{margin:auto;text-align:center;color:#cfeef2;font-weight:800}.roadDoneTitle{font-family:var(--font-display);font-size:30px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3.5px #14403c;margin-bottom:8px}.roadScroll{width:calc(100% + var(--sp-screen) * 2);margin-left:calc(-1 * var(--sp-screen));margin-right:calc(-1 * var(--sp-screen));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:10px var(--sp-screen) 6px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%)}.roadTrack{position:relative;display:flex;width:max-content;min-width:100%}.roadCol{width:150px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;position:relative;padding-bottom:80px}.roadTile{position:relative;width:132px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border-radius:15px;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),linear-gradient(#ffd23e,#f5a10e 60%,#e08900);border:3px solid #0e1620;box-shadow:inset 0 2px #ffffff80,0 5px #0e1620,0 9px 14px #0a285a4d}.roadColSupply .roadTile{background:repeating-linear-gradient(-55deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),linear-gradient(#e9a76b,#c07434 55%,#96521f);border-color:#0e1620;box-shadow:inset 0 2px #ffffff6b,0 5px #0e1620,0 9px 14px #0a285a4d}.roadColSupply .roadTile:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:9px;border:2px solid rgba(255,210,130,.22);pointer-events:none}.roadColChar .roadTile{background:repeating-conic-gradient(from 0deg at 50% 44%,rgba(255,255,255,.09) 0deg 9deg,transparent 9deg 24deg),radial-gradient(58% 46% at 50% 44%,rgba(255,226,150,.4),transparent 72%),linear-gradient(#b184ff,#7440d8);border-color:#0e1620;box-shadow:inset 0 0 0 2.5px #ffd060d9,inset 0 3px #fff6,0 5px #0e1620,0 10px 18px #0a285a73,0 0 22px #b478ff59}.roadRwd{position:relative;display:flex;align-items:center;justify-content:center;width:112px;height:100px;border-radius:12px;background:radial-gradient(78% 62% at 50% 88%,rgba(255,245,205,.28),transparent 70%),linear-gradient(180deg,#0812226b,#08122229 60%,#fff0c829);box-shadow:inset 0 2.5px 4px #00000073,inset 0 -2px #ffffff47}.roadRwd:after{content:"";position:absolute;left:50%;bottom:7px;width:62px;height:13px;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 50%,rgba(0,0,0,.42),transparent 72%);pointer-events:none}.roadRwd>*{position:relative;z-index:1}.roadRwd svg{filter:drop-shadow(0 2.5px 1px rgba(0,0,0,.3))}.roadRwd .rwdIcon{width:82px;height:82px}.roadRwd .rwdSvg{width:86px;height:86px}.roadRwd .rwdFrame{width:80px;height:80px}.roadRwd .rwdVfx{width:90px;height:90px}.roadRwd .rwdBanner{width:104px;height:52px}.roadRwd .rwdTitle{width:104px;min-height:52px}.roadRwd .rwdTitle i{font-size:15px}.roadColChar .roadRwd{width:auto;height:auto;background:none;box-shadow:none}.roadColChar .roadRwd:after{display:none}.rwdChar{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.roadColChar .rwdChar{width:118px;height:118px}.roadColCosmetic .roadRwd .rwdChar{width:96px;height:96px}.rwdSvg{display:block;width:64px;height:64px;filter:drop-shadow(0 2.5px 1px rgba(0,0,0,.3))}.rwdSvg svg{width:100%;height:100%;display:block}.rwdIcon{display:inline-block;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2.5px 1px rgba(0,0,0,.3))}.rwdIcon>svg{display:block}.rwdBanner{display:block;width:106px;height:42px;border-radius:9px;border:2.5px solid #0e1620;box-shadow:inset 0 2px #ffffff4d,0 3px #0000004d;overflow:hidden}.rwdBannerMock{display:block;width:100%;height:100%}.rwdFrame{display:block;width:62px;height:62px;border-radius:14px;box-shadow:0 0 0 2.5px #0e1620,0 3px #00000059}.rwdFrameIn{display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#2f4f7e,#101f38 78%)}.rwdFrameIn svg{display:block;width:100%;height:100%}.rwdFrameIn img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%}.rwdTitle{display:flex;align-items:center;justify-content:center;width:108px;min-height:40px;padding:5px 8px;border-radius:9px;border:2.5px solid #0e1620;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%),linear-gradient(180deg,#4a3a8f,#241a52);box-shadow:inset 0 0 0 1.5px #ffd06099,0 3px #0000004d}.rwdTitle i{font-family:var(--font-display);font-style:normal;font-size:13px;line-height:1.05;text-align:center;color:#ffe27a;text-shadow:0 1.5px 0 rgba(10,6,26,.8)}.rwdVfx{display:block;width:66px;height:66px;filter:drop-shadow(0 0 7px rgba(255,200,80,.55)) drop-shadow(0 2.5px 1px rgba(0,0,0,.35))}.rwdVfx svg{display:block;width:100%;height:100%}.roadRwd b{position:absolute;right:-4px;bottom:-5px;min-width:30px;padding:1px 7px;border-radius:9px;border:2.5px solid #0e1620;background:linear-gradient(180deg,#29405f,#14243c);font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.25;text-align:center;color:#fff;text-shadow:0 2px 0 rgba(6,14,22,.6);box-shadow:0 2.5px #00000059}.roadTileLabel{font-family:var(--font-display);font-size:15px;color:#fff;text-align:center;line-height:1.1;paint-order:stroke fill;-webkit-text-stroke:2.25px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.5)}.roadRwdTag{font-family:var(--font-display);font-size:10px;letter-spacing:.05em;color:#fff;background:#00000059;border-radius:6px;padding:3px 7px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.roadRwdSkin{background:#7828bea6}.roadColClaimed .roadTile{opacity:.88}.roadColClaimed .roadTile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#12082a66}.roadTileCheck{position:absolute;top:-10px;left:50%;margin-left:-14px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#7ee996,#3fc561 55%,#23994a);border:2.5px solid #0e1620;box-shadow:inset 0 2px #fff6,0 3px #00000059;z-index:2}.roadTileCheck svg{width:15px;height:15px}.roadColClaimable .roadTile{animation:roadTileGlow 1.1s ease-in-out infinite alternate}@keyframes roadTileGlow{0%{box-shadow:inset 0 2px #ffffff80,0 5px #0e1620,0 0 10px 2px #ffe27a66}to{box-shadow:inset 0 2px #ffffff80,0 5px #0e1620,0 0 20px 6px #ffe27ad9}}.roadClaimRibbon{font-family:var(--font-display);font-size:14px;color:#5b3a00;padding:6px 18px;min-height:36px;border-radius:9px;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border:2.5px solid #0e1620;transform:skew(-5deg);box-shadow:inset 0 2px #ffffff8c,0 3px #0e1620;text-shadow:0 1px 0 rgba(255,255,255,.45);cursor:pointer}.roadClaimRibbon:active{transform:skew(-5deg) translateY(3px);box-shadow:inset 0 2px #ffffff8c,0 0 #0e1620}.roadStrip{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 14px;border-radius:9px;border:2.5px solid #0e1620;transform:skew(-5deg);font-family:var(--font-display);font-size:13px;letter-spacing:.02em}.roadStrip>*{transform:skew(5deg)}.roadStrip svg{flex-shrink:0}.roadStripDone{color:#9fe0b0;background:linear-gradient(180deg,#1a3e28f2,#0c2216f2);box-shadow:inset 0 1.5px #ffffff24;text-shadow:0 1.5px 0 rgba(4,16,10,.7)}.roadStripDone svg{width:12px;height:12px}.roadStripDone svg path{stroke:#57d47c}.roadStripLocked{color:#7e93b4;background:linear-gradient(180deg,#14223af2,#091224f2);box-shadow:inset 0 1.5px #ffffff1a}.roadStripLocked b{font-weight:400;font-size:13px;color:#9db4d6;text-shadow:0 1.5px 0 rgba(4,10,22,.8)}.roadColLocked .roadTile{filter:saturate(.5) brightness(.84)}.roadColLocked .roadTile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(180deg,#12284e4d,#08142c70);pointer-events:none}.roadColLocked.roadColSupply .roadTile:after{top:0;right:0;bottom:0;left:0;border:0}.roadColLocked .roadTileLabel{opacity:.72}.roadMilePop{animation:roadPop .4s ease-out}@keyframes roadPop{0%{transform:scale(1)}30%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes roadMileAnticipation{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-2px) scale(.97)}40%{transform:translate(2px) scale(.97)}60%{transform:translate(-1px) scale(.98)}80%{transform:translate(1px) scale(.99)}}.roadMileAnticipation{animation:roadMileAnticipation .5s ease-in-out}.roadRail{position:absolute;left:0;right:0;bottom:46px;height:16px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 3px,transparent 3px 17px),linear-gradient(180deg,#10203ce6,#060e1eeb);border-top:1px solid rgba(150,195,255,.22);border-bottom:1px solid rgba(0,0,0,.5);box-shadow:inset 0 3px 4px #00000080,0 2px #ffffff1f}.roadRail i{display:block;height:100%;background:repeating-linear-gradient(90deg,rgba(120,60,0,.28) 0 3px,transparent 3px 17px),linear-gradient(#ffd98a,#ffb340 34%,#f57e0e 72%,#d95f00);box-shadow:inset 0 2px #ffffff80,0 0 14px #ffa02873}.roadCol:after{content:"";position:absolute;left:50%;bottom:44px;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a5a75,#16243a 70%);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff40;z-index:1}.roadColClaimed:after{background:radial-gradient(circle at 35% 30%,#ffd23e,#e08900 75%)}.roadColClaimable:after{background:radial-gradient(circle at 35% 30%,#ffe98f,#ffb01f 75%);box-shadow:0 0 9px #ffd23ed9,inset 0 1.5px #fff6}.roadThreshold{position:absolute;bottom:10px;display:flex;align-items:center;gap:4px;padding:2px 9px 3px;border-radius:8px;background:linear-gradient(180deg,#0e1e3ae6,#060e20e6);border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff29,0 2px #060e168c;font-family:var(--font-display);font-size:15px;color:#cfe4ff;text-shadow:0 1.5px 0 rgba(6,14,22,.7)}.roadThreshold:before{content:"";width:9px;height:10px;flex-shrink:0;background:linear-gradient(180deg,#ffe27a,#f5a10e);clip-path:polygon(20% 0,80% 0,80% 34%,66% 58%,60% 74%,78% 74%,78% 100%,22% 100%,22% 74%,40% 74%,34% 58%,20% 34%);opacity:.55}.roadThDone{color:#ffd23e;border-color:#ffc85a8c;background:linear-gradient(180deg,#3c2406eb,#1a0e04eb)}.roadThDone:before{opacity:1}.roadNow{position:absolute;bottom:38px;transform:translate(-50%) skew(-5deg);display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;border-radius:999px;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border:2.5px solid #0e1620;box-shadow:inset 0 2px #ffffff8c,0 3.5px #0e1620;z-index:3;pointer-events:none}.roadNow:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;pointer-events:none;animation:roadNowHalo 2.6s ease-out infinite}@keyframes roadNowHalo{0%{box-shadow:0 0 #ffc93380}70%,to{box-shadow:0 0 0 13px #ffc93300}}.roadNow>*{transform:skew(5deg);display:block}.roadNow b{font-family:var(--font-display);font-weight:400;font-size:14px;color:#5b3a00;text-shadow:0 1px 0 rgba(255,255,255,.45)}.roadNow:before{content:"";position:absolute;left:50%;bottom:-8px;width:11px;height:11px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,#ffc933,#f5a10e);border-right:2.5px solid #0e1620;border-bottom:2.5px solid #0e1620;border-bottom-right-radius:3px}.roadBadge{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;font-family:var(--font-display);font-size:12.5px;color:#fff;text-align:center;border-radius:999px;position:absolute;top:-10px;right:-8px;background:linear-gradient(#ff7a5e,#e8271d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 2.5px #00000059;text-shadow:0 1.5px 0 rgba(90,0,0,.6)}.roadSegHeader{width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-bottom:80px;position:relative}.roadSegName{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--seg-fg);background:var(--seg-bg);padding:12px 6px;border-radius:8px;border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #fff3,0 3px 6px #0006;white-space:nowrap}.roadJumpBtn{position:absolute;top:12px;right:12px;height:56px;z-index:5;display:flex;align-items:center;justify-content:center;min-width:104px;gap:5px;font-family:var(--font-display);font-size:11px;font-weight:700;color:#0e1620;background:linear-gradient(#ffd23e,#f5a10e);border:2px solid #0e1620;border-radius:8px;padding:6px 10px;box-shadow:inset 0 1.5px #ffffff80,0 3px #0e1620;cursor:pointer;min-height:44px;min-width:44px}.roadJumpBtn:active{transform:translateY(2px);box-shadow:inset 0 1.5px #ffffff80,0 0 #0e1620}.roadJumpBtn svg{width:14px;height:14px}#pass{padding-top:calc(50px + env(safe-area-inset-top));overflow:hidden}#quests{background-color:#1b0e39;background-image:none}.questsScene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#quests>*:not(.questsScene){position:relative;z-index:1}#pass{background-color:#1d0f3d;background-image:none}.passScene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#pass>*:not(.passScene){position:relative;z-index:1}#pass{justify-content:flex-start;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(54px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));gap:10px}.passTopBar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;flex-shrink:0}.passTopBar>.passTabs{grid-column:2}.passTopBar>.passXpPill{grid-column:3;justify-self:end}.passTabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:#0e06249e;box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff14}.passTab{border:none;background:transparent;border-radius:999px;padding:9px 26px;min-height:44px;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;color:#b9a8ea;text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer}.passTabActive{background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);color:#5a3b00;text-shadow:0 1px 0 rgba(255,255,255,.45);box-shadow:inset 0 2px #ffffff8c,0 3px #00000059}.passXpPill{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:5px 6px 5px 8px;border-radius:999px;background:#0e0624e6;box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff14}.passXpLabel{font-family:var(--font-display);font-size:12px;color:#fff;padding:3px 10px;border-radius:999px;background:linear-gradient(#a78bfa,#7c3aed);box-shadow:inset 0 1px #ffffff73,0 2px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.35)}.passXpBar{position:relative;flex:1 1 auto;min-width:70px;width:min(300px,42vw);height:18px;border-radius:999px;background:#1c0f42;box-shadow:inset 0 2px 4px #000000bf,inset 0 -1px #ffffff1f,0 0 0 1px #ae96eb38;overflow:hidden}.passXpFill{height:100%;border-radius:999px;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);box-shadow:inset 0 2px #ffffff80;transition:width .4s ease-out}.passXpText{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.65),0 0 3px rgba(0,0,0,.5);pointer-events:none}.passTierBadge{min-width:34px;height:34px;padding:0 7px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border:2px solid rgba(255,255,255,.55);box-shadow:inset 0 2px #ffffff80,0 3px #00000059;font-family:var(--font-display);font-size:15px;color:#5a3b00;text-shadow:0 1px 0 rgba(255,255,255,.4)}.passBoard{flex:1;min-height:0;width:100%;max-width:1100px;display:flex;gap:14px}.passFeatured{width:176px;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:12px 10px 10px;border-radius:16px;background:linear-gradient(170deg,#6d3fd4,#4b2799 45%,#321768);border:2px solid rgba(255,201,51,.42);box-shadow:inset 0 2px #ffe27a59,inset 0 -4px #00000059,0 6px #0000006b,0 12px 26px #00000080}.passFeaturedKicker{font-family:var(--font-display);font-size:18px;letter-spacing:.02em;color:#ffd23e;text-shadow:0 2px 0 rgba(90,40,0,.55),0 3px 6px rgba(0,0,0,.35);transform:rotate(-2deg)}.passFeaturedSeason{font-size:13px;font-weight:800;color:var(--pass-theme-accent, #e6ddfb);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.passFeaturedLore{font-size:9.5px;font-weight:500;color:#cfc4ee;text-align:center;line-height:1.28;padding:0 2px}.passFeaturedArt{position:absolute;top:22%;right:0;bottom:22%;left:0;z-index:0;display:flex;align-items:center;justify-content:center}.passFeaturedArt img{width:100%;height:100%;object-fit:cover;object-position:50% 17%}.passFeaturedPrize:before,.passFeaturedPrize:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.passFeaturedPrize:before{top:0;height:22%;background:linear-gradient(rgba(76,40,154,.95) 0%,transparent 100%)}.passFeaturedPrize:after{bottom:0;height:22%;background:linear-gradient(transparent 0%,#381b76b3 50%,#2c1460fa)}.passFeaturedHead,.passFeaturedFoot{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 7px 6px;border-radius:11px;background:linear-gradient(180deg,#291654f7,#180b36f7);box-shadow:inset 0 1px #ffe27a47,inset 0 -2px #0006,0 3px 10px #0000008c}.passFeaturedHead:after,.passFeaturedFoot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;border:1px solid rgba(255,201,51,.3);pointer-events:none}.passPrizeTag{display:flex;flex-direction:column;align-items:center;line-height:1.15;width:100%;padding-bottom:3px;border-bottom:1px solid rgba(255,201,51,.22)}.passPrizeTag span{font-size:8px;font-weight:800;letter-spacing:.14em;color:#ffd68ad9}.passPrizeTag b{font-family:var(--font-display);font-size:13px;font-weight:400;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5)}.passFeaturedArt:not(.passFeaturedPrize):before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background:radial-gradient(closest-side,rgba(196,181,253,.55) 0%,rgba(196,181,253,.18) 55%,transparent 75%);pointer-events:none}.passFeaturedArt svg{position:relative;width:60%;height:60%}.passDaysPill{padding:1px 12px 2px;border-radius:999px;background:#0000006b;box-shadow:inset 0 2px 3px #00000080;color:#ffd23e;font-family:var(--font-display);font-size:11px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.5)}.passExpireWarn{margin-top:4px;padding:4px 10px;border-radius:6px;background:#dc262640;border:1px solid rgba(220,38,38,.5);text-align:center}.passExpireTitle{color:#fca5a5;font-family:var(--font-display);font-size:11px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.passExpireDetail{color:#fde68a;font-size:10px;margin-top:1px}.passExpirePulse{animation:passExpirePulse 1.5s ease-in-out infinite}@keyframes passExpirePulse{0%,to{opacity:1}50%{opacity:.65}}.passPremiumConfirm{background:linear-gradient(#ffe27a,#f5a91e)!important;justify-content:center;font-family:var(--font-display);font-size:15px;color:#462b00;text-shadow:0 1px 0 rgba(255,255,255,.45)}@keyframes passShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.passShake{animation:passShake .3s ease-out}#pass>.passActionBar{position:absolute;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));box-sizing:border-box;padding:0 calc(14px + env(safe-area-inset-right)) calc(11px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;background:linear-gradient(180deg,#331c68,#1e0f43 46%,#10062a);box-shadow:inset 0 2px #ffe27a38,inset 0 -1px #0009,0 -10px 22px #0802168c;border-top:2px solid rgba(255,201,51,.5)}.passWallet{display:flex;align-items:center;gap:8px}.passWalletChip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 7px;min-height:34px;box-sizing:border-box;border-radius:999px;background:linear-gradient(#3d2478,#221049);border:2px solid #120728;box-shadow:inset 0 1.5px #ffffff2e,0 3px #060212d9,0 0 0 1px #b298f042;font-weight:900;font-size:13.5px;color:#f2ecff;text-shadow:0 1.5px 2px rgba(0,0,0,.6)}.passWalletChip .resIcon{display:grid;place-items:center;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.4))}.passActions{display:flex;align-items:center;gap:10px}.passClaimAll{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:none;border-radius:12px;font-family:var(--font-display);font-size:14px;letter-spacing:.02em;color:#0c2d14;background:linear-gradient(#93f28d,#4ecd61 52%,#22a044);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #00000042,0 4px #14612c,0 8px 16px #00000073;text-shadow:0 1px 0 rgba(255,255,255,.4);cursor:pointer}.passClaimAll:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff80,0 1px #14612c}.passClaimAllN{min-width:22px;padding:2px 6px;border-radius:7px;background:#0a2812db;color:#d6ffd9;font-size:13px;text-align:center;text-shadow:none;box-shadow:inset 0 1px #ffffff1f}.passBuyBtn{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 12px 0 16px;border:none;border-radius:13px;background:linear-gradient(#ffe98f,#ffc933,#ef9707);box-shadow:inset 0 2px #ffffff9e,inset 0 -3px #7a420052,0 5px #8a5200,0 10px 20px #00000080,0 0 22px #ffc9334d;cursor:pointer}.passBuyBtn:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff80,0 1px #8a5200}.passBuyCopy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.05}.passBuyVerb{font-family:var(--font-display);font-size:16px;letter-spacing:.01em;color:#462b00;text-shadow:0 1px 0 rgba(255,255,255,.45)}.passBuyValue{font-size:9.5px;font-weight:800;letter-spacing:.02em;color:#7d4f00}.passBuyPrice{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:linear-gradient(#241049,#150829);color:#c6f2ff;font-weight:900;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:inset 0 1.5px #ffffff29,inset 0 -2px #0006}.passOwnedPlate{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1.5px solid rgba(255,201,51,.55);background:#ffc93324;color:#ffd98f;font-family:var(--font-display);font-size:13px;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.55)}.passTrackWrap{flex:1;min-width:0;display:flex;overflow:hidden}.passGutter{width:60px;flex-shrink:0;display:flex;flex-direction:column;padding:12px 0 6px;margin-right:6px}.passLane{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;font-family:var(--font-display);font-size:10px;letter-spacing:.05em;text-align:center;line-height:1.1}.passLane i{width:11px;height:11px;transform:rotate(45deg);border-radius:2px}.passLanePrem{background:linear-gradient(170deg,#ffd23e33,#ffa0140f);border:1.5px solid rgba(255,201,51,.55);color:#ffd98f;text-shadow:0 1px 2px rgba(0,0,0,.6)}.passLanePrem i{background:linear-gradient(#ffe27a,#f5a10e);box-shadow:0 0 8px #ffc93399}.passLaneFree{background:linear-gradient(170deg,#becdeb24,#788cbe0a);border:1.5px solid rgba(178,196,233,.34);color:#c3d2f0;text-shadow:0 1px 2px rgba(0,0,0,.6)}.passLaneFree i{background:linear-gradient(#dbe6ff,#8ba2d6);box-shadow:0 0 6px #b4c8f059}.passLaneRail{height:36px;flex-shrink:0}.passTrack{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;flex:1;min-width:0;padding:12px 6px 6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}.passCol{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:96px;scroll-snap-align:center}.passColRar-comun{width:80px}.passColRar-raro{width:106px}.passColRar-epico{width:138px}.passColRar-legendario{width:184px}.passColRar-raro .passTileIcon{width:62px;height:62px}.passColRar-epico .passTileIcon{width:78px;height:78px}.passColRar-raro .passTileIcon .rwdIcon{width:58px;height:58px}.passColRar-raro .passTileIcon .rwdSvg{width:54px;height:54px}.passColRar-epico .passTileIcon .rwdIcon{width:72px;height:72px}.passColRar-epico .passTileIcon .rwdSvg{width:68px;height:68px}.passColRar-epico .passTileIcon .rwdChar{width:82px;height:82px}.passColRar-epico .passTileIcon .rwdBanner{width:96px;height:38px}.passColRar-epico .passTileName{font-size:9px;padding:3px 0 4px}.passColRar-epico .passTileName b{font-size:12px}.passColRar-legendario .passTileName{font-size:10px;padding:3px 0 5px}.passColHito{min-width:138px}.passHitoRibbon{position:absolute;left:50%;top:-11px;transform:translate(-50%);z-index:3;padding:1px 9px;border-radius:999px;font-family:var(--font-display);font-size:9px;letter-spacing:.08em;white-space:nowrap;color:#4a2c00;background:linear-gradient(#ffe27a,#ffc933 60%,#f0a015);box-shadow:inset 0 1px #fff9,0 2px #0006;pointer-events:none}.passColShowcase{width:184px}.passTile{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding-bottom:13px;border-radius:14px;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000038,0 4px #0000004d}.passTilePrem{background:linear-gradient(170deg,#b06bf7,#8236dd 55%,#571fa6);border-color:#ffc93373;box-shadow:inset 0 2px #ffe27a73,inset 0 -3px #00000047,0 4px #00000057}.passTileFree{background:linear-gradient(170deg,#6f7cab,#4c5782 55%,#313a61);border-color:#cddcfa66;box-shadow:inset 0 2px #e2ecff66,inset 0 -3px #00000042,0 4px #00000057}.passTileIcon svg{display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.passRar-comun{--rar: #5a9fd8;--rar-deep: #2c5c8e}.passRar-raro{--rar: #38b7a0;--rar-deep: #146b5c}.passRar-epico{--rar: #b478f7;--rar-deep: #5d21ab}.passRar-legendario{--rar: #ffc44f;--rar-deep: #c96c07}.passTile:before{content:"";position:absolute;left:12px;right:12px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--rar, #5a9fd8);box-shadow:0 0 7px var(--rar, #5a9fd8);opacity:.95;pointer-events:none}.passTileIcon{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px}.passTileIcon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(closest-side,var(--rar, #5a9fd8) 0%,var(--rar-deep, #2c5c8e) 62%,transparent 78%);opacity:.5}.passTileIcon>*{position:relative;z-index:1}.passTileIcon .rwdIcon{width:50px;height:50px}.passTileIcon .rwdChar{width:62px;height:62px}.passTileIcon .rwdSvg{width:46px;height:46px}.passTileIcon .rwdBanner{width:68px;height:27px}.passColShowcase .passTileIcon{width:96px;height:96px}.passColShowcase .passTileIcon .rwdChar{width:104px;height:104px}.passTileName{position:absolute;left:0;right:0;bottom:0;padding:2px 0 3px;border-radius:0 0 11px 11px;background:#0a041a80;font-size:8px;font-weight:700;letter-spacing:.04em;text-align:center;white-space:nowrap;color:#ffffffb8;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.passTileName b{font-family:var(--font-display);font-size:10px;font-weight:400;color:#fff}.passTilePrem .passTileName{color:#ffe0a0}.passTilePrem .passTileName b{color:#ffd23e}.passClaimable{border-color:#ffd23e;cursor:pointer}.passClaimable:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;box-shadow:0 0 16px 4px #ffc933a6,inset 0 0 10px #ffe27a59;animation:passGlowPulse 1.1s ease-in-out infinite alternate;pointer-events:none}@keyframes passGlowPulse{0%{opacity:.4}to{opacity:1}}.passClaimable:active{transform:scale(.95)}.passClaimed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#12082a99;pointer-events:none}.passLocked{opacity:.92}.passTileCta{position:absolute;left:50%;top:-9px;transform:translate(-50%);z-index:3;padding:2px 8px;border-radius:999px;font-family:var(--font-display);font-size:9px;letter-spacing:.06em;white-space:nowrap;color:#143a12;background:linear-gradient(#a6f5a0,#4fd15f 55%,#22a141);border:1.5px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffff80,0 2px #0000006b;pointer-events:none}.passPremLocked{border-color:#ffc9339e;box-shadow:inset 0 2px #ffe27a73,inset 0 -3px #00000047,0 4px #00000057,0 0 12px #ffc9332e}.passPremLocked .passTileLock{z-index:4;width:30px;height:30px;background:linear-gradient(#7d5714,#3a2708);border-color:#ffdb5ce6;box-shadow:0 2px #00000073,0 0 12px #ffc9338c}.passTileBadge{position:absolute;border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:2}.passTileCheck{top:-10px;left:50%;margin-left:-14px;width:28px;height:28px;background:linear-gradient(#7ee996,#3fc561 55%,#23994a);border:2.5px solid #fff;box-shadow:inset 0 2px #fff6,0 3px #00000059}.passTileCheck svg{width:15px;height:15px}.passTileLock{top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(#4a5468,#303950);border:2px solid rgba(255,255,255,.4);box-shadow:0 2px #00000059}.passRwdTag{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;background:#0006;box-shadow:inset 0 2px 3px #0006;color:#d9ccff;border-radius:8px;padding:5px 10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.passSkin{background:linear-gradient(#d8b4fe,#a855f7);color:#3b1470;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:inset 0 2px #ffffff73,0 2px #0000004d}.passRailCell{height:36px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.passRailCell:before{content:"";position:absolute;left:-5px;right:-5px;top:50%;height:12px;transform:translateY(-50%);background:#0000006b;box-shadow:inset 0 2px 3px #0000008c}.passRailDone:before{background:linear-gradient(#ffe27a,#ffc933 55%,#e89a12);box-shadow:inset 0 2px #ffffff8c,inset 0 -2px #0003}.passRailNum{position:relative;z-index:1;min-width:28px;height:28px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#352258,#241448);border:2px solid rgba(255,255,255,.18);color:#9c8ed0;font-family:var(--font-display);font-size:13px;box-shadow:0 2px #00000059}.passRailDone .passRailNum{background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border-color:#fff9;color:#6b4a00;text-shadow:0 1px 0 rgba(255,255,255,.45);box-shadow:inset 0 2px #ffffff80,0 2px #9a6a00cc}.passRailCurrent{min-width:34px;height:34px;border-radius:11px;background:#fff;border:3px solid #ffd23e;color:#5b34a8;font-size:15px;box-shadow:0 0 12px #ffd23eb3,0 3px #0000004d}@keyframes passPop{0%{transform:scale(1.15)}to{transform:scale(1)}}.passCellPop{animation:passPop .4s ease-out}.passRailHito:not(.passRailCurrent){min-width:34px;height:32px;font-size:16px;border-radius:11px;border-color:#ffe27a8c;background:linear-gradient(#4a3078,#2c1a58);color:#ffd98a}.passRailDone .passRailHito:not(.passRailCurrent){background:linear-gradient(#fff0bd,#ffd257 55%,#f0980c);color:#5c3f00}@keyframes passTierUp{0%{transform:scale(1);box-shadow:0 0 12px #ffd23eb3,0 3px #0000004d}30%{transform:scale(1.5);box-shadow:0 0 28px #ffd23e,0 0 56px #ffb40099}60%{transform:scale(1.2)}to{transform:scale(1);box-shadow:0 0 12px #ffd23eb3,0 3px #0000004d}}.passTierUp{animation:passTierUp .8s cubic-bezier(.22,1,.36,1)}@keyframes passTierAnticipation{0%{transform:scale(1);filter:brightness(1)}60%{transform:scale(.9);filter:brightness(1.5)}to{transform:scale(.92);filter:brightness(2)}}.passTierAnticipation{animation:passTierAnticipation .5s ease-in-out forwards}@keyframes passXpFlash{0%,to{filter:brightness(1)}40%{filter:brightness(1.8)}}.passXpFlash{animation:passXpFlash .6s ease-out}@media (orientation: portrait){.passTopBar{margin-top:48px}.passBoard{flex-direction:column}.passFeatured{width:100%;flex:none;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px 12px}.passFeaturedKicker{grid-area:1 / 1}.passFeaturedSeason{grid-area:2 / 1;text-align:left;justify-self:start}.passFeaturedLore,.passFeaturedArt{display:none}.passDaysPill{grid-area:1 / 2;justify-self:end}#pass{padding-bottom:calc(98px + env(safe-area-inset-bottom))}#pass>.passActionBar{height:calc(98px + env(safe-area-inset-bottom));flex-wrap:wrap;align-content:center;row-gap:8px}.passActions{width:100%}.passBuyBtn{flex:1;justify-content:space-between}.passCol{justify-content:center;gap:0}.passTile{max-height:150px}}.questsTopBar{margin:0 auto}.questsTopBar>.questsStatus{grid-column:3;justify-self:end;display:flex;align-items:center;gap:7px}.questsTopBar .passTab{padding-left:21px;padding-right:21px}.questsReset{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;min-height:34px;box-sizing:border-box;border-radius:999px;background:#0e06249e;box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff14}.questsReset .resIcon{display:grid;place-items:center;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.4))}.questsResetTxt{display:flex;flex-direction:column;gap:1px;line-height:1;white-space:nowrap}.questsResetTxt i{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.09em;color:#a893d8;text-transform:uppercase}.questsResetTxt b{font-family:var(--font-display);font-size:12px;letter-spacing:.01em;color:#f2ecff;font-variant-numeric:tabular-nums;text-shadow:0 1.5px 2px rgba(0,0,0,.6)}.passBadge{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;font-family:var(--font-display);font-size:12.5px;color:#fff;text-align:center;border-radius:999px;position:absolute;top:-10px;right:-8px;background:linear-gradient(#ff7a5e,#e8271d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 2.5px #00000059;text-shadow:0 1.5px 0 rgba(90,0,0,.6)}.screenBackBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));padding:10px 18px;font-size:var(--fs-sm);min-height:44px;z-index:21}#settings{z-index:25;overflow:hidden;justify-content:flex-start;padding-top:0}.settingsTopBar{flex:0 0 auto;width:calc(100% + 28px);margin:0 -14px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,226,170,.2) 0%,transparent 40%),linear-gradient(180deg,#46626e,#2a3d46 62%,#1d2c33);border-bottom:2px solid rgba(4,14,18,.9);box-shadow:inset 0 -3px #ffc66a4d,0 5px 14px #030a0d9e;z-index:2}.settingsRivet{position:absolute;top:10px;width:11px;height:34px;z-index:3;pointer-events:none;background:radial-gradient(circle 5px at 5.5px 5.5px,rgba(255,238,205,.55) 0 24%,#43606c 28%,#0a1418 76%,transparent 82%),radial-gradient(circle 5px at 5.5px 28.5px,rgba(255,238,205,.55) 0 24%,#43606c 28%,#0a1418 76%,transparent 82%)}.settingsRivet--a{left:calc(50% - 172px)}.settingsRivet--b{left:calc(50% + 161px)}#settings .title{margin:0;font-size:22px;line-height:1.05;letter-spacing:.1em;-webkit-text-stroke:5px #0a1418;text-shadow:0 2px 0 rgba(255,198,106,.55),0 4px 10px rgba(3,10,13,.8)}#settings>.btn#settingsCloseBtn{position:absolute;top:calc(4px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));margin:0;padding:8px 16px;min-height:44px;z-index:3}@media (orientation: portrait){.settingsTopBar{height:auto;padding:52px 0 6px}}.settingsMain{display:flex;align-items:stretch;gap:10px;width:100%;flex:1;min-height:0;box-sizing:border-box;position:relative}.settingsMain:before{content:"";position:absolute;top:4px;bottom:4px;left:132px;right:0;border-radius:0 12px 12px 0;background:linear-gradient(180deg,rgba(255,226,170,.07) 0 2px,transparent 2px),linear-gradient(180deg,#06151b9e,#040e13b8);border:2px solid rgba(3,12,16,.85);border-left:3px solid rgba(255,198,106,.3);box-shadow:inset 0 3px 10px #0000008c,inset 0 -2px #ffffff0d;pointer-events:none}.settingsTabs,.settingsBody{position:relative;z-index:1}.settingsTabs{flex:0 0 132px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:8px 0 8px 2px;min-width:0}.settingsTab{display:flex;align-items:center;gap:8px;flex:1 1 0;min-height:44px;padding:8px 8px 8px 10px;border:2px solid rgba(6,20,26,.85);border-right-width:0;border-radius:10px 0 0 10px;background:linear-gradient(180deg,#2c414b,#1b2b32);box-shadow:inset 0 1px #ffffff1f,0 3px #06121680;color:#e2f3f99e;font-family:var(--ff-display);font-size:12px;letter-spacing:.04em;text-align:left;cursor:pointer;transition:transform .14s ease,color .14s ease,background .14s ease}.settingsTab .settingsSectionIcon{filter:saturate(.25) brightness(.8);transition:filter .14s ease}.settingsTab.is-on{transform:translate(4px);background:linear-gradient(180deg,#57798a,#33505d);border-color:#ffc66a99;border-right-color:transparent;box-shadow:inset 0 1px #ffecc859,inset 3px 0 #ffc66ae6,0 3px #0612168c;color:#fff6e2;text-shadow:0 2px 0 rgba(6,18,22,.7)}.settingsTab.is-on .settingsSectionIcon{filter:none}@media (prefers-reduced-motion: reduce){.settingsTab{transition:none}}.settingsBody[data-band=audio]>[data-band]:not([data-band=audio]),.settingsBody[data-band=graphics]>[data-band]:not([data-band=graphics]),.settingsBody[data-band=controls]>[data-band]:not([data-band=controls]),.settingsBody[data-band=general]>[data-band]:not([data-band=general]){display:none}@media (orientation: landscape){.settingsBody>.settingsSection{display:none}}.settingsBody{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(76px,1fr);align-items:stretch;gap:8px;width:100%;max-width:none;margin-bottom:0;padding:8px 8px 10px 0;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 6px,#000 calc(100% - 14px),transparent)}.settingsBody::-webkit-scrollbar{width:6px}.settingsBody::-webkit-scrollbar-track{background:#040e128c;border-radius:3px}.settingsBody::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#56d8c1,#14907c);border-radius:3px;box-shadow:inset 0 1px #ffffff59}.settingsFootBar{position:relative;flex:0 0 auto;width:calc(100% + 28px);margin:0 -14px;height:22px;background:linear-gradient(180deg,rgba(255,226,170,.13) 0 2px,transparent 2px),linear-gradient(180deg,#2a3d46,#16242b);border-top:2px solid rgba(4,14,18,.9);box-shadow:0 -7px 16px #030a0d99;z-index:2}.settingsMore{position:absolute;left:50%;top:-8px;display:flex;align-items:center;justify-content:center;width:30px;height:18px;border-radius:999px;background:linear-gradient(180deg,#c9ffe4,#4ade80);box-shadow:inset 0 1px #ffffffa6,0 2px 5px #000000b3;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .18s ease}.settingsMore.is-on{opacity:1;animation:frMasAbajo 2.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.settingsMore.is-on{animation:none}}@media (orientation: portrait){.settingsBody{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;width:min(440px,92vw)}.settingsBody .settingRow{grid-column:span 1}.settingsMain{flex-direction:column;align-items:center;gap:6px}.settingsMain:before{display:none}.settingsTabs{flex:0 0 auto;flex-direction:row;justify-content:center;width:min(440px,92vw);padding:6px 0 0}.settingsTab{flex:1;min-width:0;justify-content:center;padding:8px 4px;border-right-width:2px;border-radius:10px 10px 0 0;font-size:10px}.settingsTab.is-on{transform:translateY(3px);border-bottom-color:transparent;box-shadow:inset 0 3px #ffc66ae6,0 3px #0612168c}}.settingRow{grid-column:span var(--span, 3);display:flex;flex-direction:column;justify-content:space-between;gap:6px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:10px 12px;flex-shrink:0;min-width:0;box-shadow:0 4px #0a1e2473}.settingRow label{font-size:var(--fs-sm);font-weight:var(--fw-body);color:var(--c-panel-text);letter-spacing:.3px}.settingRowHead{display:flex;align-items:center;gap:9px;min-width:0}.settingRowToggle .settingRowHead{flex:1}.settingHint{display:none;font-size:11px;line-height:1.32;font-weight:500;letter-spacing:.1px;color:#a0c0c9;flex:1 1 auto;min-height:0}.settingRowRoomy .settingHint{display:block}.settingState{display:none;margin-left:auto;flex-shrink:0;padding:2px 7px;border-radius:7px;border:1.5px solid rgba(154,190,202,.28);background:#0a1a206b;color:#bed8e0b8;font-family:var(--ff-display);font-size:10px;letter-spacing:.04em;text-shadow:0 1px 0 rgba(6,18,22,.75)}.settingRowRoomy .settingState{display:inline-block}.settingState.is-on{border-color:#2ee6c880;background:#2ee6c829;color:#9df3e2}.settingRowBare{justify-content:center}.settingRowIcon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(#ffffff2e,#ffffff0d);border:1.5px solid rgba(255,255,255,.22);box-shadow:var(--sh-sticker)}.settingRowIcon svg{display:block}.settingVal{margin-left:auto;flex-shrink:0;padding:2px 7px;border-radius:7px;border:1.5px solid rgba(255,198,106,.42);background:#ffc66a24;color:#ffd98a;font-family:var(--ff-display);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(6,18,22,.75)}.settingsSection{grid-column:1 / -1;display:flex;align-items:center;gap:7px;margin:10px 2px 0;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.4)}.settingsSection:first-child{margin-top:0}.settingsSectionIcon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(#2ee6c8,#14907c);border:2px solid #0e1620;box-shadow:0 2px #060e1680}.settingRow input[type=range],.ctlSliderRow input[type=range]{width:100%;height:44px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.settingRow input[type=range]::-webkit-slider-runnable-track,.ctlSliderRow input[type=range]::-webkit-slider-runnable-track{height:16px;border-radius:8px;background:linear-gradient(90deg,transparent calc(var(--slider-home, -20%) - 1.5px),rgba(255,255,255,.6) calc(var(--slider-home, -20%) - 1.5px) calc(var(--slider-home, -20%) + 1.5px),transparent calc(var(--slider-home, -20%) + 1.5px)),linear-gradient(180deg,rgba(255,255,255,.18) 0 38%,transparent 38%),linear-gradient(90deg,#f5a10e 0 var(--slider-fill, 0%),rgba(0,0,0,.5) var(--slider-fill, 0%) 100%);box-shadow:inset 0 0 0 2px #ffffff2e,inset 0 2px 3px #00000073}.settingRow input[type=range]::-webkit-slider-thumb,.ctlSliderRow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-8px;border-radius:50%;background:radial-gradient(52% 46% at 38% 26%,rgba(255,255,255,.85) 0%,transparent 62%),linear-gradient(#ffe27a,#ffc933 52%,#e08c06);border:2.5px solid #0e1620;box-shadow:inset 0 -3px #783e0073,0 2.5px #00000073,0 4px 8px #030a0d66}.settingRow input[type=range]::-moz-range-track,.ctlSliderRow input[type=range]::-moz-range-track{height:16px;border-radius:8px;background:linear-gradient(90deg,#f5a10e 0 var(--slider-fill, 0%),rgba(0,0,0,.5) var(--slider-fill, 0%) 100%);border:2px solid rgba(255,255,255,.18)}.settingRow input[type=range]::-moz-range-thumb,.ctlSliderRow input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border:2.5px solid #0e1620;box-shadow:inset 0 2px #ffffff8c,0 2.5px #00000059}.settingRowToggle{flex-direction:row;align-items:stretch;gap:12px}.settingRowToggle>.settingRowHead{align-self:flex-start}.settingRowToggle>.toggle{align-self:flex-end}.settingRowRoomy.settingRowToggle{flex-direction:column;gap:6px}.settingRowRoomy.settingRowToggle>.settingRowHead{align-self:stretch}.settingRowWide.settingRowToggle{flex-direction:row;align-items:center;justify-content:center;gap:20px}.settingRowWide.settingRowToggle>.settingRowHead,.settingRowWide.settingRowToggle>.toggle{align-self:center}.settingRowWide.settingRowToggle .settingRowHead{flex:0 0 auto}.settingRowRoomy.settingRowWide.settingRowToggle{flex-direction:column;align-items:center;text-align:center;gap:6px}.settingRowRoomy.settingRowWide.settingRowToggle>.settingRowHead{align-self:center}.settingRowWide{background:linear-gradient(90deg,rgba(255,198,106,.12),transparent 34%,transparent 66%,rgba(255,198,106,.12)),linear-gradient(var(--c-panel-light),var(--c-panel));border-color:#ffc66a6b}.qualityToggle{display:flex;gap:6px;flex-wrap:wrap}.qualityBtn{flex:1;min-width:72px;min-height:44px;border:none;border-radius:10px;background:#0000004d;color:var(--dim);font-family:inherit;font-weight:800;font-size:var(--fs-xs);letter-spacing:.3px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;box-shadow:var(--sh-track)}.qualityBtn.active{background:var(--gold);color:#4a3200;box-shadow:0 3px 0 var(--c-gold-lip),0 6px 10px #040e1242}.toggle{width:64px;height:44px;border-radius:9px;border:2px solid #0b171c;background:linear-gradient(180deg,rgba(255,255,255,.1) 0 5px,transparent 5px),linear-gradient(180deg,#22343c,#14232a);position:relative;cursor:pointer;padding:0;flex-shrink:0;box-shadow:inset 0 3px 5px #0009,inset 0 -2px #ffffff12,0 2px #06141a80;transition:background .15s ease,box-shadow .15s ease}.toggle .toggleKnob{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:8px;background:linear-gradient(90deg,transparent 0 10px,rgba(10,26,32,.42) 10px 11.5px,transparent 11.5px 15px,rgba(10,26,32,.42) 15px 16.5px,transparent 16.5px 20px,rgba(10,26,32,.42) 20px 21.5px,transparent 21.5px),radial-gradient(58% 42% at 38% 24%,rgba(255,255,255,.8) 0%,transparent 62%),linear-gradient(180deg,#d7e7ee,#9db4bf 52%,#5f7b87);border:2px solid #0b171c;box-shadow:inset 0 -3px #18303a80,0 2px #00000080,0 3px 6px #030a0d66;transition:transform .15s ease-out,background .15s ease}.toggle.on{background:linear-gradient(180deg,rgba(255,255,255,.14) 0 5px,transparent 5px),linear-gradient(180deg,#2ee6c8,#107866);border-color:#06342e;box-shadow:inset 0 3px 5px #00000052,0 2px #06141a80,0 0 10px #2ee6c84d}.toggle.on .toggleKnob{transform:translate(20px);background:linear-gradient(90deg,transparent 0 10px,rgba(110,58,0,.42) 10px 11.5px,transparent 11.5px 15px,rgba(110,58,0,.42) 15px 16.5px,transparent 16.5px 20px,rgba(110,58,0,.42) 20px 21.5px,transparent 21.5px),radial-gradient(58% 42% at 38% 24%,rgba(255,255,255,.85) 0%,transparent 62%),linear-gradient(180deg,#ffe27a,#ffc933 52%,#e08c06);box-shadow:inset 0 -3px #783e0073,0 2px #00000080,0 3px 6px #030a0d66}@media (prefers-reduced-motion: reduce){.toggle,.toggle .toggleKnob{transition:none}}.settingRowActions{flex-direction:row;gap:10px}.btnSmall{font-size:var(--fs-sm);padding:8px 14px;min-height:44px;flex:1}.btnCredits{width:100%}.btnSuccess{background:#2ecc71!important;color:#fff!important}.btnError{background:#e74c3c!important;color:#fff!important}.resetBox{max-width:400px;max-height:calc(100vh - 2 * var(--sp-md));display:flex;flex-direction:column;gap:8px;padding:16px 18px;text-align:left}.resetTitle{font-size:clamp(18px,4vw,26px);-webkit-text-stroke-width:4px;text-align:center;flex-shrink:0}.resetLead{margin:0;font-size:var(--fs-sm);line-height:1.35;color:var(--c-white);flex-shrink:0}.resetList{margin:0;padding:0 0 0 16px;overflow-y:auto;font-size:var(--fs-xs);line-height:1.45;color:var(--c-panel-text)}.resetList li{margin:1px 0}.resetKeep{margin:0;font-size:var(--fs-xs);line-height:1.35;color:var(--c-panel-text);flex-shrink:0}.resetActions{display:flex;flex-direction:row;gap:10px;flex-shrink:0}#credits{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:0 20px 14px;background-color:#141f26;background-image:radial-gradient(72% 46% at 50% -4%,rgba(255,198,118,.24) 0%,transparent 70%),radial-gradient(46% 60% at 92% 108%,rgba(64,226,206,.16) 0%,transparent 72%),radial-gradient(124% 94% at 50% 44%,transparent 32%,rgba(2,8,11,.9) 100%),repeating-linear-gradient(64deg,transparent 0 46px,rgba(64,226,206,.09) 46px 48px,rgba(64,226,206,.03) 48px 51px,transparent 51px 137px),repeating-linear-gradient(21deg,rgba(0,0,0,.18) 0 3px,transparent 3px 19px),repeating-linear-gradient(-38deg,rgba(255,255,255,.028) 0 2px,transparent 2px 27px),linear-gradient(174deg,#334a56,#22333d 46%,#16242c);overflow:hidden;z-index:26}.creditsTopBar{flex:0 0 auto;width:calc(100% + 40px);margin:0 -20px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,226,170,.2) 0%,transparent 40%),linear-gradient(180deg,#46626e,#2a3d46 62%,#1d2c33);border-bottom:2px solid rgba(4,14,18,.9);box-shadow:inset 0 -3px #ffc66a4d,0 5px 14px #030a0d9e;z-index:2}.creditsRivet{position:absolute;top:10px;width:11px;height:34px;z-index:3;pointer-events:none;background:radial-gradient(circle 5px at 5.5px 5.5px,rgba(255,238,205,.55) 0 24%,#43606c 28%,#0a1418 76%,transparent 82%),radial-gradient(circle 5px at 5.5px 28.5px,rgba(255,238,205,.55) 0 24%,#43606c 28%,#0a1418 76%,transparent 82%)}.creditsRivet--a{left:calc(50% - 172px)}.creditsRivet--b{left:calc(50% + 161px)}#credits .title{margin:0;font-size:30px;line-height:1.05;letter-spacing:.1em;-webkit-text-stroke:5px #0a1418;text-shadow:0 2px 0 rgba(255,198,106,.55),0 4px 10px rgba(3,10,13,.8)}#credits>.btn#creditsCloseBtn{position:absolute;top:calc(4px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));margin:0;padding:8px 16px;min-height:44px;z-index:3}.creditsBody{width:100%;flex:1;min-height:0;display:grid;grid-template-columns:1.16fr .9fr 1.02fr;grid-template-rows:1fr auto;align-content:stretch;gap:9px;padding:2px 2px 0;box-sizing:border-box}.creditsBody>.creditsHero{grid-column:1;grid-row:1}.creditsBody>.creditsIp{grid-column:1;grid-row:2}.creditsBody>.creditsLore{grid-column:2;grid-row:1 / span 2}.creditsBody>.creditsTeam{grid-column:3;grid-row:1 / span 2}@media (orientation: landscape){.creditsCard{display:flex;flex-direction:column;justify-content:center}.creditsTeam,.creditsLore{justify-content:flex-start}.creditsHero{justify-content:flex-start;padding-top:24px}.creditsIp{flex-direction:row;align-items:center;gap:10px;padding:10px 13px}.creditsTeam .creditsRow{flex:1 1 auto}.creditsLore{gap:2px}.creditsTeam .creditsRow{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;row-gap:0}.creditsTeam .creditsRowIcon{grid-row:1 / span 2}.creditsTeam .creditsRole{grid-column:2;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:#f0c983;opacity:1;line-height:1.2}.creditsTeam .creditsVal{grid-column:2;text-align:left;line-height:1.25}}@media (orientation: portrait){.creditsHero .wordmark{transform:scale(.76);transform-origin:center}.creditsBody{display:flex;flex-direction:column;max-width:560px;overflow-y:auto;padding-bottom:4px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 14px),transparent)}.creditsTopBar{height:auto;padding:52px 0 6px}}.creditsCard{position:relative;background:linear-gradient(180deg,rgba(198,246,255,.1) 0 6px,transparent 6px),repeating-linear-gradient(-72deg,rgba(255,255,255,.026) 0 2px,transparent 2px 9px),linear-gradient(178deg,#24626f,#17434f 46%,#0f2d38);border:2px solid rgba(3,12,16,.92);border-radius:var(--r-md);padding:11px 15px;box-shadow:inset 0 2px #baf2fc4d,inset 0 -3px #030c108c,inset 0 0 0 1px #78c8d629,0 6px #040d1199,0 12px 22px #02080b9e;text-align:left;flex-shrink:0}.creditsCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;background-image:radial-gradient(circle 3.4px at 9px 9px,rgba(222,246,252,.6) 0 28%,#2f5763 34%,#050f14 78%,transparent 86%),radial-gradient(circle 3.4px at calc(100% - 9px) 9px,rgba(222,246,252,.6) 0 28%,#2f5763 34%,#050f14 78%,transparent 86%)}.creditsCard p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#e2ecf0}.creditsCard p.creditsLead{font-size:16px;line-height:1.42;font-weight:700;color:var(--c-gem);text-wrap:balance}.creditsCardHead{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.4)}.creditsIcon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:linear-gradient(148deg,rgba(255,255,255,.5) 0 26%,transparent 26%),linear-gradient(#3df0d4,#0d7a67);border:2px solid #06161d;box-shadow:inset 0 -3px #03141a66,0 2px #060e1699,0 0 12px #2ee6c842;-webkit-text-stroke:0}.creditsIcon--oro{background:linear-gradient(148deg,rgba(255,255,255,.55) 0 26%,transparent 26%),linear-gradient(#ffe27a,#c98600);box-shadow:inset 0 -3px #4628006b,0 2px #060e1699,0 0 12px #ffc9334d}.creditsIcon svg{display:block}.creditsHero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 11px;overflow:hidden;border-color:#061014f2;box-shadow:inset 0 2px #ffeaba57,inset 0 -3px #030c1094,inset 0 0 0 1.5px #ffc93357,0 6px #040d119e,0 12px 24px #02080ba8,0 0 24px #2ee6c82b}.creditsHero:before{background-image:radial-gradient(circle 3.6px at 9px 9px,rgba(255,244,208,.75) 0 28%,#b58432 34%,#170e04 78%,transparent 86%),radial-gradient(circle 3.6px at calc(100% - 9px) 9px,rgba(255,244,208,.75) 0 28%,#b58432 34%,#170e04 78%,transparent 86%)}.creditsHeroArt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.creditsHeroInk{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-shadow:0 2px 10px rgba(2,10,14,.85)}.creditsHeroInk:before{content:"";position:absolute;left:50%;top:44%;width:132%;height:210%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(54% 42% at 50% 42%,rgba(255,219,150,.34) 0%,rgba(46,230,200,.15) 46%,transparent 74%)}#credits .creditsHero .wordmark{-webkit-text-stroke:.15em #04141a;filter:drop-shadow(0 2px 0 #12a08d) drop-shadow(0 4px 0 #075a52) drop-shadow(0 7px 5px rgba(2,10,14,.85)) drop-shadow(0 0 11px rgba(46,230,200,.45))}.creditsCard p.creditsTag{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:15px;letter-spacing:.16em;color:var(--c-gem);margin:2px 0 0}.creditsCard p.creditsTag:before,.creditsCard p.creditsTag:after{content:"";flex:0 0 auto;width:30px;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(255,201,51,.9));box-shadow:0 1px #030c10cc}.creditsCard p.creditsTag:after{background:linear-gradient(90deg,rgba(255,201,51,.9),transparent)}.creditsRow{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid rgba(255,255,255,.1)}.creditsCardHead+.creditsRow{border-top:none}.creditsRowIcon{display:grid;place-items:center;flex-shrink:0;width:20px}.creditsRole{font-size:var(--fs-sm);color:var(--c-panel-head);flex:1;min-width:0}.creditsVal{font-size:var(--fs-sm);color:var(--c-panel-text);text-align:right}.creditsCard p.creditsFoot{margin:0;font-size:13px;line-height:1.42;color:var(--c-ink);opacity:1;text-wrap:balance}.creditsCard p.creditsFoot b{font-family:var(--font-display);font-weight:400;letter-spacing:.05em;color:#ffd166}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-size:calc(1em * var(--hud-text-scale, 1))}.teamScore{position:absolute;top:calc(6px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;padding:4px 6px;border-radius:var(--r-pill);background:linear-gradient(180deg,#1d4a55e0,#0b2027f0);border:2px solid rgba(255,255,255,.16);border-bottom-color:#00000073;box-shadow:0 4px #06141a73,0 8px 16px #06141a59;font-family:var(--font-display);font-weight:900;font-size:calc(24px * var(--hud-text-scale, 1));line-height:1}.tScore{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:60px;padding:3px 9px;border-radius:var(--r-pill);color:var(--c-white);-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:inset 0 -3px #00000047,inset 0 2px #ffffff38;transform-origin:center}.tScore.t0{background:linear-gradient(180deg,var(--c-team0-light),var(--c-team0))}.tScore.t1{background:linear-gradient(180deg,var(--c-team1-light),var(--c-team1))}.tScore>svg{flex:none;filter:drop-shadow(0 1px 2px #0007)}.tScore .tNum{font-variant-numeric:tabular-nums;-webkit-text-stroke:2px rgba(6,20,26,.62);paint-order:stroke fill}@keyframes scorePop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.zoneWrap{display:flex;align-items:center;gap:6px}.zoneBar{width:68px;height:14px;border-radius:8px;background:#00000080;border:2px solid rgba(255,255,255,.25);overflow:hidden}.zoneBar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}.zoneWrap.t0 .zoneBar i{background:linear-gradient(var(--c-team0-light),var(--c-team0))}.zoneWrap.t1 .zoneBar i{background:linear-gradient(var(--c-team1-light),var(--c-team1))}.zonePct{font-size:calc(14px * var(--hud-text-scale, 1));font-weight:900;color:#fff;-webkit-text-stroke:1px #0006;min-width:34px;text-align:center}.zoneWrap.hot .zoneBar{animation:pump .6s infinite}.vaultWrap{display:flex;align-items:center;gap:6px}.vaultBar{width:68px;height:14px;border-radius:8px;background:#00000073;border:2px solid rgba(255,255,255,.25);overflow:hidden}.vaultBar i{display:block;height:100%;width:100%;transform:scaleX(1);transform-origin:left center;transition:transform .12s linear}.vaultWrap.t0 .vaultBar i{background:linear-gradient(var(--c-team0-light),var(--c-team0))}.vaultWrap.t1 .vaultBar i{background:linear-gradient(var(--c-team1-light),var(--c-team1))}.vaultPct{font-size:calc(14px * var(--hud-text-scale, 1));font-weight:900;color:#fff;text-shadow:0 1px 3px #000;min-width:34px;text-align:center}.clock{font-size:calc(19px * var(--hud-text-scale, 1));color:var(--c-ink);min-width:58px;padding:3px 8px;border-radius:var(--r-pill);background:#00000047;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.4)}.clock.urgent{color:#ffc24a;animation:cdPop .5s steps(2) infinite}#countdown{position:absolute;top:16%;left:50%;transform:translate(-50%);display:none;text-align:center;white-space:nowrap;font-family:var(--font-display);z-index:13}.cdLabel{font-size:calc(15px * var(--hud-text-scale, 1));letter-spacing:.1em;color:var(--c-ink);-webkit-text-stroke:3px rgba(10,22,28,.9);paint-order:stroke fill;text-shadow:0 2px 0 rgba(10,22,28,.5)}.cdNum{font-size:calc(72px * var(--hud-text-scale, 1));line-height:1;color:var(--gold);-webkit-text-stroke:7px rgba(10,22,28,.92);paint-order:stroke fill;text-shadow:0 6px 0 rgba(10,22,28,.5),0 0 26px rgba(255,201,51,.4);font-variant-numeric:tabular-nums}#countdown.lose .cdNum{color:var(--c-danger);text-shadow:0 6px 0 rgba(10,22,28,.5),0 0 26px rgba(255,91,75,.45)}#countdown.urgent .cdNum{font-size:calc(92px * var(--hud-text-scale, 1));text-shadow:0 7px 0 rgba(10,22,28,.55),0 0 34px rgba(255,201,51,.6)}#countdown.urgent.lose .cdNum{text-shadow:0 7px 0 rgba(10,22,28,.55),0 0 34px rgba(255,91,75,.65)}@keyframes cdTick{0%{transform:scale(1.22,.8) rotate(-5deg)}45%{transform:scale(.95,1.07) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes cdTock{0%{transform:scale(1.22,.8) rotate(5deg)}45%{transform:scale(.95,1.07) rotate(2deg)}to{transform:scale(1) rotate(0)}}#msg{position:absolute;top:32%;left:50%;transform:translate(-50%);font-size:clamp(20px,4vw,30px);font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.6);opacity:0;transition:opacity .3s;white-space:nowrap}#hud.cdActive #msg{top:52%}#goalBanner{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:14;animation:goalBannerIn 2.6s cubic-bezier(.2,1.5,.4,1) both}#goalBannerText{font-size:clamp(44px,11vw,84px);font-weight:900;letter-spacing:2px;color:#fff;-webkit-text-stroke:2.5px #123;transform:rotate(-4deg);text-shadow:0 5px 0 rgba(0,0,0,.45),0 0 26px var(--goal-glow, #ffd23e)}#goalBanner.t0{--goal-glow: #58b0ff}#goalBanner.t1{--goal-glow: #ff5a5a}#goalBannerScore{margin-top:2px;font-size:clamp(20px,5vw,34px);font-weight:900;color:var(--gold);-webkit-text-stroke:1px #5a3a00;text-shadow:0 3px 0 rgba(0,0,0,.5)}@keyframes goalBannerIn{0%{opacity:0;transform:translate(-50%) scale(.2)}10%{opacity:1;transform:translate(-50%) scale(1.18)}16%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.06)}}:root{--ctl-move-scale: 1;--ctl-move-dx: 0px;--ctl-move-dy: 0px;--ctl-aim-scale: 1;--ctl-aim-dx: 0px;--ctl-aim-dy: 0px;--ctl-super-scale: 1;--ctl-super-dx: 0px;--ctl-super-dy: 0px;--ctl-gadget-scale: 1;--ctl-gadget-dx: 0px;--ctl-gadget-dy: 0px;--ctl-emote-scale: 1;--ctl-emote-dx: 0px;--ctl-emote-dy: 0px}#touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:none}.stickZone{position:absolute;bottom:0;height:72%;width:50%;touch-action:none;z-index:8}#zoneL{left:0}#zoneR{right:0}#touch.lefty #zoneL{left:auto;right:0}#touch.lefty #zoneR{right:auto;left:0}.stick{position:absolute;border-radius:50%;background:#ffffff12;border:2px solid rgba(255,255,255,.2);touch-action:none;z-index:10;transition:opacity .15s}.stick.gripped{background:#ffffff1f;border-color:#ffffff59}#stickL{left:calc(20px + var(--ctl-move-dx) + env(safe-area-inset-left));bottom:calc(26px + var(--ctl-move-dy) + env(safe-area-inset-bottom));width:max(44px,136px * var(--ctl-move-scale));height:max(44px,136px * var(--ctl-move-scale))}#stickR{right:calc(20px + var(--ctl-aim-dx) + env(safe-area-inset-right));bottom:calc(26px + var(--ctl-aim-dy) + env(safe-area-inset-bottom));width:max(44px,136px * var(--ctl-aim-scale));height:max(44px,136px * var(--ctl-aim-scale))}#touch.lefty #stickL{left:auto;right:calc(20px + var(--ctl-move-dx) + env(safe-area-inset-right))}#touch.lefty #stickR{right:auto;left:calc(20px + var(--ctl-aim-dx) + env(safe-area-inset-left))}#stickL .knob{width:calc(58px * var(--ctl-move-scale));height:calc(58px * var(--ctl-move-scale))}#stickR .knob{width:calc(58px * var(--ctl-aim-scale));height:calc(58px * var(--ctl-aim-scale))}.knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.3);transform:translate(-50%,-50%)}.practiceHud{position:absolute;top:calc(50px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;font-weight:800;font-size:calc(18px * var(--hud-text-scale, 1));color:#fff;-webkit-text-stroke:1px #0006;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:auto;z-index:16}.practiceHud span{min-width:80px;text-align:center}.btnReset{padding:6px 14px;border:2px solid rgba(255,255,255,.35);border-radius:8px;background:#ff503c8c;color:#fff;font-weight:900;font-size:calc(14px * var(--hud-text-scale, 1));cursor:pointer;touch-action:manipulation;-webkit-text-stroke:1px #0004;min-width:44px;min-height:44px}.btnReset:active{transform:scale(.92);background:#ff503ccc}#btnSuper{position:absolute;z-index:16;right:calc(40px + var(--ctl-super-dx) + env(safe-area-inset-right));bottom:calc(178px + var(--ctl-super-dy) + env(safe-area-inset-bottom));width:max(44px,76px * var(--ctl-super-scale));height:max(44px,76px * var(--ctl-super-scale));border-radius:50%;background:#ffc93338;border:3px solid var(--gold);color:var(--gold);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}#touch.lefty #btnSuper{right:auto;left:calc(40px + var(--ctl-super-dx) + env(safe-area-inset-left))}#btnSuper.ready{background:var(--gold);color:#4a3200;box-shadow:0 0 26px var(--gold);animation:pump 1s infinite}@keyframes pump{50%{transform:scale(1.08)}}#btnSuper.aiming{background:#fff;color:#4a3200;box-shadow:0 0 32px #fff,0 0 12px var(--gold);animation:pump-aim .5s infinite}@keyframes pump-aim{50%{transform:scale(1.12)}}#btnSuper.ready:not(.aiming):before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:radial-gradient(circle 6px at 50% 0%,#fff,#fff 22%,#ffecaaf2 52%,#ffc93300),radial-gradient(circle 15px at 50% 0%,#ffc9338c,#ffc93300 75%);animation:superOrbit 1.6s linear infinite;pointer-events:none}@keyframes superOrbit{to{transform:rotate(360deg)}}#btnSuper.ready:not(.aiming):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fffffff2,#ffffff42 20%,#fff0 38%);opacity:0;animation:superGlint 2.4s ease-out infinite;pointer-events:none}@keyframes superGlint{0%,76%{opacity:0}84%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){#btnSuper.ready:not(.aiming):before{animation:none}#btnSuper.ready:not(.aiming):after{animation:none;opacity:.35}}#btnGadget{position:absolute;right:calc(126px + var(--ctl-gadget-dx) + env(safe-area-inset-right));bottom:calc(188px + var(--ctl-gadget-dy) + env(safe-area-inset-bottom));width:max(44px,56px * var(--ctl-gadget-scale));height:max(44px,56px * var(--ctl-gadget-scale));border-radius:50%;background:radial-gradient(circle at 35% 28%,#8ff0c0,#2fae72 62%,#1c8557);border:3px solid #0e1620;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #08141a4d,0 3px #0e1620;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;-webkit-user-select:none;user-select:none;touch-action:manipulation;z-index:16}#touch.lefty #btnGadget{right:auto;left:calc(126px + var(--ctl-gadget-dx) + env(safe-area-inset-left))}#btnGadget:active{transform:translateY(2px) scale(.96);box-shadow:inset 0 3px #ffffff59,inset 0 -4px #08141a4d,0 1px #0e1620}#btnGadget.ready{animation:gadgetPump 1.6s ease-in-out infinite;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #08141a4d,0 3px #0e1620,0 0 14px #6be5a08c}@keyframes gadgetPump{50%{transform:scale(1.05)}}#btnGadget.cooldown{background:radial-gradient(circle at 35% 28%,#9aa8a0,#5d6f66 62%,#47554e)}#btnGadget.cooldown:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(8,20,26,.55) calc(var(--cd, 0) * 1turn),transparent 0)}#btnGadget.hidden{display:none}.gadgetGlyph{display:block;line-height:0}.gadgetPips{display:flex;gap:3px}.gadgetPips i{width:6px;height:6px;border-radius:50%;background:#08141a59;box-shadow:inset 0 1px 1px #08141a66}.gadgetPips i.on{background:#fff;box-shadow:0 0 4px #fffc}#btnEmote{position:absolute;top:calc(10px + var(--ctl-emote-dy) + env(safe-area-inset-top));right:calc(10px + var(--ctl-emote-dx) + env(safe-area-inset-right));width:max(44px,44px * var(--ctl-emote-scale));height:max(44px,44px * var(--ctl-emote-scale));border-radius:50%;background:#0f190ab3;border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;transition:opacity .2s,transform var(--dur-release) var(--ease-bounce)}#btnEmote:active{transform:scale(.92);transition:opacity .2s,transform var(--dur-press) ease-in}#btnEmote.onCooldown{opacity:.4;pointer-events:none}.emoteWheel{position:absolute;top:calc(56px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:140px;height:140px;z-index:21;pointer-events:auto}.emoteWheel.hidden{display:none}.emoteSlot{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#ffffffeb;border:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;box-shadow:0 2px 8px #0003;transition:transform .1s}.emoteSlot:active{transform:scale(1.15)!important}.emoteSlot svg{width:28px;height:28px}#killcam{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px}#killcam .killcamLabel{font-family:var(--font-display, "Bungee", sans-serif);font-size:clamp(16px,4vw,28px);color:#fff;text-shadow:0 0 8px rgba(255,50,50,.8),2px 2px 0 #000;letter-spacing:2px;animation:killcamTitleIn .42s cubic-bezier(.16,1,.3,1) both}@keyframes killcamTitleIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}#killcam #killcamBanner{animation:killcamBannerIn .38s cubic-bezier(.16,1,.3,1) .18s both}@keyframes killcamBannerIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#killcam .killcamSkip,#killcam .killcamReplay{pointer-events:auto;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font-ui, sans-serif);font-size:14px;font-weight:700;padding:8px 16px;border-radius:6px;cursor:pointer;min-height:44px;min-width:44px}#killcam .killcamSkip:active,#killcam .killcamReplay:active{background:#fff3}.replayCount{position:absolute;top:8px;right:12px;display:flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;background:linear-gradient(#1d4a55eb,#143741eb);border:1.6px solid var(--c-panel-border);box-shadow:0 2px #04101680;font-family:var(--font-display, "Bungee", sans-serif);font-size:11px;letter-spacing:.06em;color:var(--c-panel-head);pointer-events:none}.replayCount:before{content:"";width:11px;height:11px;border-radius:50%;border:1.6px solid currentColor;background:radial-gradient(circle at 50% 26%,currentColor 0 1.2px,transparent 1.3px),radial-gradient(circle at 26% 68%,currentColor 0 1.2px,transparent 1.3px),radial-gradient(circle at 74% 68%,currentColor 0 1.2px,transparent 1.3px)}.replaysBody{display:flex;align-items:stretch;gap:12px;width:100%;max-width:780px;min-height:0;margin-top:6px}.replayList{display:flex;flex-direction:column;gap:7px;flex:1 1 auto;min-width:0;padding:0;overflow-y:auto;max-height:none}.replayCard{display:flex;align-items:center;gap:11px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-sm);padding:6px 10px 6px 6px;cursor:pointer;min-height:44px;box-shadow:var(--sh-plate);transition:box-shadow var(--dur-fast),filter .15s}.replayCard:active{box-shadow:var(--sh-plate-active);filter:brightness(1.15)}.replayCard .rcFrame{position:relative;display:block;width:96px;height:52px;flex-shrink:0;border-radius:7px;overflow:hidden;background:#0b1420;border:2px solid #0a141c;box-shadow:inset 0 0 0 1px #ffffff17}.replayCard .rcThumb{display:block;width:100%;height:100%;filter:saturate(.42) brightness(.62) contrast(1.08)}.replayCard .rcTint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--mode-accent, #2ee6c8);opacity:.2}.replayCard .rcLight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(72% 58% at 24% 0%,rgba(255,236,198,.2) 0%,transparent 72%),radial-gradient(128% 108% at 50% 42%,transparent 34%,rgba(4,8,18,.6) 100%)}.replayCard .rcShadow{position:absolute;right:9px;bottom:3px;width:40px;height:8px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(4,8,16,.68),transparent)}.replayCard .rcChar{position:absolute;right:5px;bottom:3px;height:44px;width:auto;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.replayCard .rcPlay{position:absolute;left:5px;bottom:5px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#7bf6e0,#2ee6c8);border:2px solid #04231f;box-shadow:0 2px #04231f99}.replayCard .rcPlay svg{display:block}.replayCard:active .rcPlay{filter:brightness(1.12)}.replayCard .rcInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-self:center}.replayCard .rcHead{display:flex;align-items:center;gap:6px;min-width:0}.replayCard .rcSeal{display:grid;place-items:center;flex-shrink:0;width:17px;height:17px;color:var(--mode-accent, #2ee6c8)}.replayCard .rcSeal svg{display:block;width:100%;height:100%}.replayCard .rcTitle{font-family:var(--font-display, "Bungee", sans-serif);font-size:12px;letter-spacing:.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replayCard .rcMap{font-size:12px;font-weight:800;color:var(--c-panel-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replayCard .rcSub{font-size:10px;letter-spacing:.05em;color:#ffffff85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replayCard .rcResult{position:absolute;top:3px;left:3px;font-family:var(--font-display, "Bungee", sans-serif);font-size:8px;letter-spacing:.06em;padding:1.5px 5px;border-radius:999px;border:1.4px solid currentColor;background:#040c149e;pointer-events:none}.replayCard .rcRoster{display:flex;align-items:center;flex-shrink:0;padding-left:4px}.replayCard .rcFace{width:18px;height:18px;border-radius:50%;object-fit:cover;object-position:50% 4%;background:#16323a;border:1.6px solid rgba(9,24,30,.9);box-shadow:0 0 0 1px #ffffff1f;margin-left:-5px;pointer-events:none}.replayCard .rcFace:first-child{margin-left:0}.replayCard .rcFace.me{width:22px;height:22px;border-color:var(--c-gold);box-shadow:0 0 0 1px var(--c-gold-lip),0 1px 3px #00000080;position:relative;z-index:1}.replayCard .rcResult.win{color:#2ee6c8}.replayCard .rcResult.loss{color:var(--c-danger)}.replayCard .rcResult.draw{color:#c3aef2}.replayCard .rcExport{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:8px;color:var(--c-panel-head);padding:6px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px #06161cd9}.replayCard .rcExport:active{box-shadow:0 1px #06161cd9;filter:brightness(1.18)}.replayCard .rcReel{background:linear-gradient(#ffe27a,var(--c-gold));border:1px solid var(--c-gold-lip);border-radius:6px;color:var(--c-gold-dark);font-family:var(--font-display, "Bungee", sans-serif);font-size:11px;letter-spacing:.5px;padding:4px 6px;cursor:pointer;min-width:44px;min-height:44px;flex-shrink:0}.replayCard .rcReel:active{filter:brightness(.92)}.replayEmpty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--c-panel-text);font-size:var(--fs-sm);font-weight:700;line-height:1.4;padding:14px 12px 16px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);box-shadow:var(--sh-card)}.replayEmptyArt{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.replayEmptyArt svg{display:block}.replayImport{flex:0 0 236px;display:flex;flex-direction:column;margin:0;padding:9px 12px 11px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);box-shadow:var(--sh-card)}.replayImportHead{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:.08em;color:var(--c-panel-head)}.replayImportIcon{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:7px;background:linear-gradient(#b98fe0,#6b4a8c);border:2px solid #0e1620;box-shadow:0 2px #060e1680}.replayImportIcon svg{display:block}.replayImportRow{display:flex;flex-direction:column;flex:1;gap:8px;align-items:stretch}.replayImportArea{flex:0 0 auto;height:62px;min-width:0;background:#04101473;border:2px solid rgba(255,255,255,.2);border-radius:var(--r-sm);color:#fff;font-family:var(--font-body);font-size:var(--fs-xs);padding:8px;resize:none;box-shadow:var(--sh-track)}.replayImportArt{display:grid;place-items:center;flex:1 1 auto;min-height:0;padding:4px 0 2px}.replayImportArt svg{display:block;width:100%;height:auto;max-height:100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.replayImportHelp{flex-shrink:0;padding-top:7px;border-top:2px solid rgba(255,255,255,.12);font-size:10px;line-height:1.35;text-align:center;color:#d6e2f69e}.replayImportBtn{flex-shrink:0;min-height:44px;box-shadow:0 4px 0 var(--c-blue-lip),0 7px 10px #143c784d}.replayImportBtn:active{box-shadow:0 1px 0 var(--c-blue-lip)}#replayPlayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom,8px) 0}.replayBar{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#000000b3;border-radius:10px;padding:6px 12px;margin:0 12px 8px;max-width:600px;width:100%}.replayCtrl{background:none;border:none;color:#fff;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.replayCtrl:active{opacity:.6}.replaySpeed{font-family:var(--font-ui, sans-serif);font-size:14px;font-weight:700;min-width:36px}.replayRec .recOn,.replayRec.recording .recIdle{display:none}.replayRec.recording .recOn{display:block;animation:recPulse 1.1s ease-in-out infinite}#replayCloseBtn{margin-left:14px}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.25}}.replayProgress{flex:1;position:relative;height:20px;display:flex;align-items:center}.replayProgressFill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:#2ee6c8;border-radius:2px;width:0%;pointer-events:none}.replayMark{position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#ffc933d9;border-radius:1px;pointer-events:none}.replaySeek{width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.replaySeek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.replaySeek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer}.replayPaused #replayPlayIcon{display:none}.replayPaused .replayCtrl:first-child:after{content:"";display:inline-block;width:4px;height:16px;background:#fff;border-radius:1px;box-shadow:8px 0 #fff}.reelBanner{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;max-width:90vw}.reelBanner.hidden{display:none}.reelBanner .reelKicker{font-family:var(--font-ui, sans-serif);font-size:10px;font-weight:800;letter-spacing:3px;color:var(--c-gold, #ffc933);text-shadow:1px 1px 0 #000}.reelBanner .reelLabel{font-family:var(--font-display, "Bungee", sans-serif);font-size:clamp(16px,4vw,28px);color:#fff;letter-spacing:2px;text-shadow:0 0 8px rgba(255,201,51,.7),2px 2px 0 #000}.reelBanner .reelLabel.reelLabelIn{animation:reelLabelIn .38s cubic-bezier(.16,1,.3,1) both}@keyframes reelLabelIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.reelBanner .reelCounter{font-family:var(--font-ui, sans-serif);font-size:13px;font-weight:800;color:#fff;text-shadow:1px 1px 0 #000,0 0 6px rgba(0,0,0,.6)}#end{display:block;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));overflow:hidden;--endSky1: #6adbe4;--endSky2: #4ec4cf;--endSky3: #46bfae;--endBeam: rgba(255, 235, 175, .5);--endRayOpacity: .5;background-color:var(--endSky2);background-image:radial-gradient(70% 62% at 50% 0%,var(--endBeam) 0%,transparent 70%),linear-gradient(178deg,var(--endSky1) 0%,var(--endSky2) 46%,var(--endSky3) 100%)}#end[data-verdict=win]{--endSky1: #a4f0e4;--endSky2: #5fd6d8;--endSky3: #3ab8b6;--endBeam: rgba(255, 240, 186, .78);--endRayOpacity: .6}#end[data-verdict=lose]{--endSky1: #101d33;--endSky2: #1b3350;--endSky3: #2a4f70;--endBeam: rgba(255, 168, 62, .95);--endRayOpacity: 0;background-color:var(--endSky2);background-image:radial-gradient(126% 42% at 50% 100%,var(--endBeam) 0%,rgba(255,122,36,.42) 34%,transparent 70%),linear-gradient(178deg,var(--endSky1) 0%,var(--endSky2) 62%,var(--endSky3) 100%)}#end[data-verdict=lose] .endStage:after{box-shadow:inset 0 96px 92px -54px #020a18b8,inset 0 -46px 70px -44px #5a2a004d}.endStage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.endStageRays{position:absolute;left:50%;top:-420px;width:900px;height:900px;margin-left:-450px;opacity:var(--endRayOpacity);background:repeating-conic-gradient(transparent 0deg,var(--endBeam) 3deg,var(--endBeam) 5.5deg,transparent 9deg,transparent 15deg);-webkit-mask-image:radial-gradient(circle,#000 12%,transparent 62%);mask-image:radial-gradient(circle,#000 12%,transparent 62%);animation:endRays 90s linear infinite}@keyframes endRays{to{transform:rotate(360deg)}}.endStage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -70px 80px -40px #041a2280,inset 0 70px 80px -50px #041a224d}@media (prefers-reduced-motion: reduce){.endStageRays{animation:none}}.endStageFar{position:absolute;top:0;right:0;bottom:30%;left:0;background:repeating-linear-gradient(102deg,rgba(255,255,255,.05) 0 2px,transparent 2px 71px),repeating-linear-gradient(86deg,rgba(2,34,42,.16) 0 3px,transparent 3px 47px),linear-gradient(180deg,rgba(6,48,60,.5) 0%,rgba(10,66,78,.24) 52%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 68%,transparent 100%)}.endStageFloor{position:absolute;top:72%;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(2,22,28,.14) 0 1px,transparent 1px 13px),radial-gradient(72% 130% at 30% 0%,rgba(255,236,186,.22) 0%,transparent 64%),linear-gradient(180deg,#18545ab8,#0b2e36e0 48%,#051a20f0)}.endStageFloor:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,rgba(190,246,235,.32) 18%,rgba(190,246,235,.32) 82%,transparent)}.endStageDust{position:absolute;top:-20%;right:0;bottom:20%;left:0;opacity:.62;background-image:radial-gradient(circle at 18% 34%,rgba(255,249,226,.9) 0 1.6px,transparent 1.7px),radial-gradient(circle at 62% 71%,rgba(255,244,208,.62) 0 1.2px,transparent 1.3px),radial-gradient(circle at 85% 12%,rgba(255,255,240,.5) 0 2.2px,transparent 2.3px);background-size:91px 91px,67px 67px,43px 43px;-webkit-mask-image:radial-gradient(58% 74% at 26% 6%,#000 0%,transparent 74%);mask-image:radial-gradient(58% 74% at 26% 6%,#000 0%,transparent 74%);animation:endDust 26s linear infinite}@keyframes endDust{to{transform:translate3d(-18px,46px,0)}}.endStageJamb{position:absolute;top:0;bottom:0;width:12%;background:repeating-linear-gradient(94deg,rgba(255,255,255,.045) 0 2px,transparent 2px 29px),linear-gradient(90deg,rgba(3,22,28,.88) 0%,rgba(8,44,52,.5) 62%,transparent 100%)}.endStageJambL{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 44%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 44%,transparent 100%)}.endStageJambR{right:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 44%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 44%,transparent 100%)}#end[data-verdict=win] .endStageRays{left:22%;top:-480px}#end[data-verdict=win] .endStageFar{background:repeating-linear-gradient(102deg,rgba(255,255,255,.07) 0 2px,transparent 2px 71px),repeating-linear-gradient(86deg,rgba(2,34,42,.1) 0 3px,transparent 3px 47px),linear-gradient(180deg,rgba(10,74,88,.28) 0%,rgba(24,116,126,.12) 52%,transparent 100%)}#end[data-verdict=win] .endStageFloor{background:repeating-linear-gradient(180deg,rgba(2,22,28,.09) 0 1px,transparent 1px 13px),radial-gradient(64% 150% at 22% 0%,rgba(255,240,196,.5) 0%,transparent 62%),linear-gradient(180deg,#34848480,#18545aa8 48%,#0a3038c7)}#end[data-verdict=win] .endStageJamb{background:repeating-linear-gradient(94deg,rgba(255,255,255,.06) 0 2px,transparent 2px 29px),linear-gradient(90deg,rgba(6,42,50,.6) 0%,rgba(16,76,84,.28) 62%,transparent 100%)}#end[data-verdict=win] .endStage:after{box-shadow:inset 0 -58px 74px -48px #041a2257,inset 0 56px 76px -60px #041a222e}.endConfetti{position:absolute;top:-8%;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 94%);mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 94%)}#end[data-verdict=lose] .endConfetti{display:none}.endConfetti i{position:absolute;top:-8%;width:17px;height:24px;filter:drop-shadow(0 0 5px rgba(255,226,150,.55));clip-path:polygon(50% 0%,100% 34%,78% 100%,22% 100%,0% 34%);background:linear-gradient(150deg,var(--cfHi, #fff6c8) 0%,var(--cfLo, #ffb830) 100%);opacity:.97;animation:endConfettiFall var(--cfDur, 10s) linear infinite;animation-delay:var(--cfDelay, 0s)}.endConfetti i:nth-child(2n){animation-name:endConfettiFlip}@keyframes endConfettiFall{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(var(--cfDrift, -20px),470px,0) rotate(900deg)}}@keyframes endConfettiFlip{0%{transform:translateZ(0) rotate(-12deg) rotateY(0)}to{transform:translate3d(var(--cfDrift, -20px),470px,0) rotate(-12deg) rotateY(1440deg)}}.endConfetti i:nth-child(1){left:2%;--cfDur: 9.5s;--cfDelay: -1.2s;--cfDrift: -14px}.endConfetti i:nth-child(2){left:5%;--cfDur: 12s;--cfDelay: -6.4s;--cfDrift: 26px;--cfHi: #d4fff4;--cfLo: #2ee6c8}.endConfetti i:nth-child(3){left:8%;--cfDur: 8.2s;--cfDelay: -3.9s;--cfDrift: -22px}.endConfetti i:nth-child(4){left:3%;--cfDur: 11.4s;--cfDelay: -8.1s;--cfDrift: 18px;--cfHi: #f0dcff;--cfLo: #a45cff}.endConfetti i:nth-child(5){left:11%;--cfDur: 10.1s;--cfDelay: -.4s;--cfDrift: -12px}.endConfetti i:nth-child(6){left:14%;--cfDur: 13s;--cfDelay: -5.2s;--cfDrift: 24px;--cfHi: #d4fff4;--cfLo: #2ee6c8}.endConfetti i:nth-child(7){left:17%;--cfDur: 8.8s;--cfDelay: -7.3s;--cfDrift: -30px}.endConfetti i:nth-child(8){left:20%;--cfDur: 11.9s;--cfDelay: -2.6s;--cfDrift: 16px}.endConfetti i:nth-child(9){left:6%;--cfDur: 9.1s;--cfDelay: -9.6s;--cfDrift: -18px;--cfHi: #f0dcff;--cfLo: #a45cff}.endConfetti i:nth-child(10){left:23%;--cfDur: 12.6s;--cfDelay: -4.1s;--cfDrift: 20px}.endConfetti i:nth-child(11){left:10%;--cfDur: 8.5s;--cfDelay: -6.9s;--cfDrift: -26px;--cfHi: #d4fff4;--cfLo: #2ee6c8}.endConfetti i:nth-child(12){left:15%;--cfDur: 10.7s;--cfDelay: -1.8s;--cfDrift: 12px}.endConfetti i:nth-child(13){left:19%;--cfDur: 12.2s;--cfDelay: -10.4s;--cfDrift: -20px}.endConfetti i:nth-child(14){left:1%;--cfDur: 9.3s;--cfDelay: -3.2s;--cfDrift: 30px;--cfHi: #f0dcff;--cfLo: #a45cff}.endConfetti i:nth-child(15){left:22%;--cfDur: 11.1s;--cfDelay: -8.7s;--cfDrift: -10px}.endConfetti i:nth-child(16){left:12%;--cfDur: 8.9s;--cfDelay: -5.5s;--cfDrift: -24px;--cfHi: #d4fff4;--cfLo: #2ee6c8}.endConfetti i:nth-child(17){left:25%;--cfDur: 12.8s;--cfDelay: -11.2s;--cfDrift: 22px}.endConfetti i:nth-child(18){left:4%;--cfDur: 10.4s;--cfDelay: -7.8s;--cfDrift: 14px;--cfHi: #f0dcff;--cfLo: #a45cff}@media (prefers-reduced-motion: reduce){.endConfetti i{animation-play-state:paused}}#end[data-verdict=lose] .endStageDust{opacity:.16}#end[data-verdict=lose] .endStageFloor{background:repeating-linear-gradient(180deg,rgba(0,6,16,.2) 0 1px,transparent 1px 13px),radial-gradient(84% 140% at 50% 100%,rgba(255,168,62,.26) 0%,transparent 62%),linear-gradient(180deg,#0a182cd1,#061020e6)}#end[data-verdict=lose] .endStageFar{background:repeating-linear-gradient(102deg,rgba(255,255,255,.035) 0 2px,transparent 2px 71px),repeating-linear-gradient(86deg,rgba(0,6,16,.22) 0 3px,transparent 3px 47px),linear-gradient(180deg,rgba(2,10,24,.62) 0%,rgba(6,18,36,.3) 54%,transparent 100%)}#end[data-verdict=lose] .endStageJamb{background:repeating-linear-gradient(94deg,rgba(255,255,255,.035) 0 2px,transparent 2px 29px),linear-gradient(90deg,rgba(1,6,14,.92) 0%,rgba(4,16,30,.55) 62%,transparent 100%)}@media (prefers-reduced-motion: reduce){.endStageDust{animation:none}}.endGrid{position:relative;z-index:1;width:100%;height:100%;max-width:844px;margin:0 auto;display:grid;grid-template-columns:182px minmax(0,1fr) 264px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head head" "char board loot" "foot foot foot";gap:4px 10px}.endHead{grid-area:head;display:flex;flex-direction:column;align-items:center;gap:1px}.endCharCol{grid-area:char;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:0;gap:4px}.endBoardCol{grid-area:board;display:flex;flex-direction:column;min-height:0;gap:0}.endLootCol{grid-area:loot;display:flex;flex-direction:column;min-height:0;gap:5px}.endFoot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:10px}#end[data-verdict=win] .endGrid{grid-template-columns:clamp(150px,24.4vw,206px) minmax(0,1fr) clamp(196px,29.9vw,252px)}#end[data-verdict=win] #endTitle{font-size:clamp(30px,5.4vw,46px);-webkit-text-stroke:4.5px var(--endBannerStroke)}#end[data-verdict=win] .endBanner{padding:3px clamp(24px,4.7vw,40px) 6px}#end[data-verdict=win] .endCharCol:before{content:"";position:absolute;left:50%;top:-14%;width:168%;height:104%;transform:translate(-52%);background:linear-gradient(178deg,rgba(255,244,200,.34) 0%,rgba(255,236,178,.2) 44%,rgba(255,228,160,.07) 78%,transparent 100%);clip-path:polygon(34% 0%,66% 0%,100% 100%,0% 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 96%);pointer-events:none;z-index:0}#end[data-verdict=lose] .endGrid{grid-template-columns:minmax(0,1fr) 244px;grid-template-rows:auto minmax(0,1fr) 98px;grid-template-areas:"head    char" "reason  char" "back    foot";gap:0 9px}#end[data-verdict=lose] .endBoardCol,#end[data-verdict=lose] .endLootCol{display:none}#end[data-verdict=lose] .endHead{grid-area:head;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;min-width:0;padding:7px 14px 2px;border:2px solid rgba(255,186,96,.6);border-bottom:none;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(158deg,#925212b8,#3c3e4adb)}#end[data-verdict=lose] #endSub{margin:0;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#end[data-verdict=lose] .endBanner{align-self:auto;padding:2px 20px 5px}#end[data-verdict=lose] #endTitle{font-size:clamp(34px,6.2vw,52px);-webkit-text-stroke-width:3.5px}#end[data-verdict=lose] .endCharCol{grid-area:char;justify-content:center}#end[data-verdict=lose] .endCharHalo{display:block;background:radial-gradient(52% 46% at 50% 40%,rgba(126,196,230,.34) 0%,rgba(78,140,190,.16) 46%,transparent 74%);filter:none}#end[data-verdict=lose] .endCharPedestal{width:62%;height:20px;bottom:11%;background:radial-gradient(ellipse at center,rgba(2,10,24,.9) 0%,rgba(2,10,24,.35) 48%,transparent 70%);box-shadow:none}#end[data-verdict=lose] .endCharPedestal:before{display:none}#end[data-verdict=lose] .endCharPedestal:after{background:radial-gradient(ellipse at center,rgba(1,7,18,.82) 0%,rgba(1,7,18,.3) 44%,transparent 70%)}#end[data-verdict=lose] .endchar{width:100%;margin-top:0}#end[data-verdict=lose] .endchar canvas{filter:drop-shadow(0 12px 16px rgba(2,10,24,.65))}#end[data-verdict=lose] .endPlayerStats{display:none}#end[data-verdict=lose] .endFoot{grid-area:foot;flex-direction:column;align-items:stretch;gap:5px}#end[data-verdict=lose] .endActions{flex-direction:column-reverse;align-items:stretch;gap:5px;width:100%;height:100%}#end[data-verdict=lose] .endActions>button{width:100%;flex:1 1 0;height:auto;min-height:var(--touch-min)}#end[data-verdict=lose] .endAgainBtn{flex:1.35 1 0}#end[data-verdict=lose] .endMenuBtn{background:#08182880;border:2px solid rgba(140,190,220,.42);box-shadow:none;color:#bcd8ea;text-shadow:none}#end[data-verdict=lose] .endLootRow{display:none}.endReason{grid-area:reason;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,176px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"why   cost" "score score";align-items:start;gap:6px 12px;padding:8px 14px 12px;border-radius:0 0 var(--r-lg) var(--r-lg);background:linear-gradient(158deg,#603c1ab8,#1c3448db 74%);border:2px solid rgba(255,186,96,.6);border-top:none;box-shadow:var(--sh-card),inset 0 1px #ffffff24;animation:rewardPop .42s cubic-bezier(.2,1.4,.4,1) both}.rsWhy{grid-area:why;display:flex;flex-direction:column;gap:1px;min-width:0}.rsCost{grid-area:cost;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0;min-width:0;padding-left:10px;border-left:1.5px solid rgba(255,255,255,.16)}.rsCostHead{font-family:var(--font-display);font-weight:400;font-size:9px;letter-spacing:.09em;color:#ffcf8a}.rsCostBig{display:flex;align-items:baseline;gap:4px}.rsCostVal{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1;color:#ff9d8a;text-shadow:0 2px 0 rgba(60,10,0,.6)}.rsCostUnit{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ffd9a8}.rsCostSafe{margin-top:1px;font-size:9px;font-weight:800;line-height:1.15;color:#8ff0d8}.rsScore{grid-area:score;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-top:4px;border-top:1.5px solid rgba(255,255,255,.14)}.rsScoreHead{font-family:var(--font-display);font-weight:400;font-size:9px;letter-spacing:.09em;color:#ffcf8a}.rsScoreBars{display:flex;align-items:stretch;gap:5px;min-width:0;height:46px;max-height:46px}.rsScoreSide{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:var(--r-md);box-shadow:inset 0 2px #fff3,inset 0 -3px #00000047}.rsScore-mine{justify-content:space-between;background:linear-gradient(180deg,#4aa8ff,#1d63c4)}.rsScore-theirs{justify-content:space-between;flex-direction:row;background:linear-gradient(180deg,#ff6b5c,#c22f2a)}.rsScoreLabel{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffffffdb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rsScoreVal{flex:0 0 auto;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45)}.endComeback{grid-area:back;display:flex;flex-direction:column;min-height:0;gap:3px;padding:5px 4px 4px;border-top:1.5px solid rgba(120,200,220,.2)}.cbHead{display:flex;align-items:baseline;gap:8px;min-width:0}.cbHeadTitle{flex:0 0 auto;font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.09em;color:#ffd88a}.cbHeadNote{flex:1 1 auto;min-width:0;font-style:normal;font-size:9.5px;font-weight:700;color:#a9c8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbHeadCoins{display:inline-flex;align-items:center;gap:2px;color:#ffd88a;font-weight:800;vertical-align:-1px}.cbHeadCoins svg{display:block}.cbRails{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px 7px}.cbRail{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:3px 7px 4px;border-radius:var(--r-sm);background:#0614228c;border-left:3px solid var(--cbTone, #2ee6c8);--cbTone: #2ee6c8}.cbRail[data-tone=quest]{--cbTone: #ffcf5a}.cbRail[data-tone=mastery]{--cbTone: #b98cff}.cbRail[data-tone=pass]{--cbTone: #2ee6c8}.cbRail[data-tone=road]{--cbTone: #56b7ff}.cbRailLoot{--cbTone: #c07bff}.cbRailHead{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;font-family:var(--font-display);font-weight:400;font-size:9px;letter-spacing:.07em;color:#cfe8f5}.cbRailDelta{flex:0 0 auto;font-style:normal;font-family:var(--font-display);font-weight:400;font-size:11px;color:var(--cbTone);text-shadow:0 1px 0 rgba(4,14,26,.8)}.cbRailBar{height:5px;border-radius:3px;background:#020a14b3;box-shadow:inset 0 1px 2px #0000008c;overflow:hidden}.cbRailFill{height:100%;border-radius:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--cbTone) 70%,#fff) 0%,var(--cbTone) 100%)}.cbRailText{font-size:9px;font-weight:700;line-height:1.15;color:#b9d6e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbRailSlots{display:flex;align-items:center;gap:3px;height:5px}.cbPip{flex:1 1 0;height:5px;border-radius:3px;background:#020a14b3;box-shadow:inset 0 1px 2px #0000008c}.cbPip.done{background:linear-gradient(180deg,#ffe9a8,#f0a832)}.cbPip.geode{background:#783caa8c}.cbPip.geode.done{background:linear-gradient(180deg,#d9a8ff,#9a4bd8)}.cbPip.just{box-shadow:0 0 0 1.5px #fff,0 0 7px #ffe9a8e6}@media (prefers-reduced-motion: reduce){.endReason,.rmValue{animation:none}}.rmEyebrow{font-family:var(--font-display);font-weight:400;font-size:10px;letter-spacing:.09em;line-height:1.1;color:#ffcf8a;text-transform:uppercase}.rmBig{display:flex;align-items:baseline;gap:6px;min-width:0}.rmValue{flex:0 0 auto;font-family:var(--font-display);font-weight:400;font-size:clamp(21px,2.9vw,25px);line-height:.92;color:#ffe08a;-webkit-text-stroke:3px #4b2000;paint-order:stroke fill;animation:titlePop .45s .08s cubic-bezier(.2,1.4,.4,1) both}.rmUnit{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:400;font-style:normal;font-size:14px;line-height:1;letter-spacing:.03em;color:#ffd9a8;text-shadow:0 2px 0 rgba(40,16,0,.55)}.endBanner{position:relative;flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;padding:2px 30px 4px;border-radius:6px 6px 10px 10px;border:2px solid var(--endBannerEdge);background:var(--endBannerFill);box-shadow:0 4px 0 var(--endBannerShadow),0 8px 18px #00000059;animation:bannerSlam .42s cubic-bezier(.16,1.5,.4,1) both;isolation:isolate}.endBanner[data-verdict=win]{--endBannerEdge: #ffe9a8;--endBannerFill: linear-gradient(#8a5a00, #563200 62%, #3d2200);--endBannerShadow: rgba(60, 32, 0, .75);--endBannerRibbon: linear-gradient(#ffe887, #f0a11a);--endBannerText: #ffdf7a;--endBannerStroke: #4a2a00}.endBanner[data-verdict=lose]{--endBannerEdge: #ffb9a8;--endBannerFill: linear-gradient(#5a2724, #3d1a19 62%, #2a1210);--endBannerShadow: rgba(40, 14, 12, .75);--endBannerRibbon: linear-gradient(#ff9f86, #d1483a);--endBannerText: #ffc0ac;--endBannerStroke: #43110c}.endBanner:before,.endBanner:after{content:"";position:absolute;top:5px;width:20px;height:15px;background:var(--endBannerRibbon);border:2px solid var(--endBannerEdge);z-index:-1}.endBanner:before{left:-14px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%)}.endBanner:after{right:-14px;clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%)}#endTitle{font-size:clamp(22px,3.6vw,34px);flex-shrink:0;margin-bottom:0;transform:none;color:var(--endBannerText);-webkit-text-stroke:3.5px var(--endBannerStroke);animation:titlePop .5s cubic-bezier(.2,1.4,.4,1) both}.endBannerText:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,#fff0 40%,#ffffff6b,#fff0 60%);background-size:260% 100%;background-repeat:no-repeat;animation:bannerSheen .9s .35s ease-out both}.endBannerText{position:relative}@keyframes bannerSheen{0%{background-position:210% 0;opacity:1}to{background-position:-70% 0;opacity:0}}@keyframes bannerSlam{0%{transform:translateY(-26px) scale(1.18);opacity:0}60%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes titlePop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}#end .subtitle{margin:0;max-width:100%;font-size:13px;color:#eafaff;letter-spacing:.02em;text-shadow:0 2px 0 rgba(6,30,38,.55);animation:statsSlide .3s .1s ease-out both}.endchar{position:relative;width:100%;aspect-ratio:1;max-height:100%;flex:0 1 auto;margin-top:auto;display:flex;align-items:center;justify-content:center;animation:charRise .5s ease-out both}.endchar canvas{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 14px rgba(6,30,38,.45))}.endCharHalo{position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;transform:translate(-50%,-56%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.18) 40%,transparent 70%);pointer-events:none}.endCharPedestal{position:absolute;left:50%;bottom:6%;width:76%;height:34px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse 66% 130% at 38% 12%,rgba(255,244,208,.4) 0%,transparent 66%),linear-gradient(180deg,#4b939a,#2f6f78 38%,#1a4650 68%,#0d2b33);box-shadow:inset 0 2px #c4fcf08c,inset 0 -7px 12px #0210168c,0 5px #072128d9,0 9px #04141a8c;pointer-events:none;z-index:0}.endCharPedestal:before{content:"";position:absolute;left:50%;top:62%;width:128%;height:130%;transform:translate(-54%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(3,22,28,.5) 0%,rgba(3,22,28,.16) 46%,transparent 72%);filter:blur(6px);z-index:-1}.endCharPedestal:after{content:"";position:absolute;left:50%;top:8%;width:50%;height:62%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(2,14,20,.78) 0%,rgba(2,14,20,.34) 44%,transparent 70%);filter:blur(3px)}.endMvpMedal{position:absolute;left:50%;bottom:0;z-index:2;display:flex;align-items:center;gap:5px;padding:2px 10px 3px 6px;border-radius:999px;background:linear-gradient(#ffe066,#f0a11a);border:2px solid #fff3c4;box-shadow:0 3px #5a320099,0 6px 14px #0006;animation:medalDrop .5s cubic-bezier(.16,1.6,.4,1) both;pointer-events:none}.endMvpIcon{display:flex;filter:drop-shadow(0 1px 0 rgba(90,50,0,.45))}.endMvpLabel{font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.06em;color:#5a3a00;text-shadow:0 1px 0 rgba(255,255,255,.5)}@keyframes medalDrop{0%{transform:translate(-50%) translateY(-16px) scale(.5) rotate(-14deg);opacity:0}to{transform:translate(-50%) translateY(0) scale(1) rotate(0);opacity:1}}@keyframes charRise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.endCharName{flex:0 0 auto;max-width:100%;padding:1px 12px 2px;border-radius:999px;background:linear-gradient(#1d4a55f2,#102e37f2);border:1.5px solid rgba(255,255,255,.22);box-shadow:var(--sh-sticker);font-family:var(--font-display);font-weight:400;font-size:15px;letter-spacing:.05em;color:#fff;text-shadow:0 2px 0 rgba(6,20,26,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endPlayerStats{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%}.endStatCell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 2px 4px;border-radius:9px;background:linear-gradient(#1d4a55eb,#143741eb);border:1.5px solid rgba(255,255,255,.18);box-shadow:var(--sh-sticker)}.endStatVal{font-family:var(--font-display);font-weight:400;font-size:15px;line-height:1;color:var(--c-gold);text-shadow:0 2px 0 rgba(6,20,26,.7);font-variant-numeric:tabular-nums}.endStatLabel{font-size:8px;line-height:1;color:var(--c-panel-text);text-transform:uppercase;letter-spacing:.04em}.endBoard{--ebCols: 3;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-bottom:none;box-shadow:var(--sh-card);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:5px 9px;font-size:11.5px}.endBoard.hasObj{--ebCols: 4}.ebRow{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--ebCols),38px);align-items:center;gap:2px;padding:2px 4px 2px 8px;border-radius:8px;position:relative;flex:1 1 auto;min-height:23px;max-height:32px}@media (orientation: landscape) and (max-height: 385px){.ebRow{min-height:17px;padding-top:1px;padding-bottom:1px}}.ebRow:not(.ebHeadRow):before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--ebTeam, #3aa0ff)}.ebRow.me{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff2e}.ebHeadRow{flex:0 0 auto;min-height:0;padding-bottom:3px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.14)}.ebHead{display:flex;flex-direction:column;align-items:center;gap:0;opacity:.92}.ebHead svg{display:block}.ebHeadTxt{font-family:var(--font-display);font-weight:400;font-style:normal;font-size:8px;line-height:1.1;letter-spacing:.03em;color:var(--c-panel-head);text-transform:uppercase}.ebName{font-weight:800;display:flex;align-items:center;gap:4px;min-width:0}.ebNameTxt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ebIcon{display:inline-flex;width:14px;height:14px;flex:0 0 auto}.ebIcon svg{width:100%;height:100%}.ebVal{text-align:center;font-variant-numeric:tabular-nums;font-weight:800;color:#eaf6fb}.ebDmg{color:var(--dim);font-weight:700}.ebRow.me .ebDmg{color:#eaf6fb}.mvpBadge{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,gold,orange);color:#4a2800;font-size:9px;font-weight:900;padding:1px 5px 1px 3px;border-radius:6px;margin-left:4px;flex:0 0 auto;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.endProgress{flex:0 0 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 10px 6px;border-radius:0 0 var(--r-lg) var(--r-lg);background:#061e268c;border:2px solid var(--c-panel-border);border-top:1.5px solid rgba(255,255,255,.14);box-shadow:var(--sh-card)}.endProgress:not(:has(.endQuestRow,.endMasteryBar)){background:none;border-width:0;box-shadow:none;padding:0}.endBoardCol:not(:has(.endQuestRow,.endMasteryBar)) .endBoard{border-bottom:2px solid var(--c-panel-border);border-radius:var(--r-lg)}.endQuestRow{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.2}.endQuestDesc{flex:1 1 auto;min-width:0;color:#cde5f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endQuestBar,.endMasteryBar{flex:0 0 auto;height:8px;border-radius:999px;background:#04141a8c;box-shadow:var(--sh-track);overflow:hidden}.endQuestBar{width:74px}.endQuestFill,.endMasteryFill{height:100%;border-radius:999px;background-image:linear-gradient(#ffffff73,#fff0 55%);transition:width .6s ease-out}.endQuestFill{background-color:var(--c-gold)}.endQuestProg{color:var(--c-gold);font-weight:800;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.endMastery{display:flex;align-items:center;gap:8px;font-size:12px}.endMasteryLabel{flex:1 1 auto;min-width:0;color:#cde5f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endMasteryBar{width:74px}.endMasteryFill{background-color:#c084fc}.endMasteryTier{font-size:11px;font-weight:800;color:#e9d5ff;min-width:52px;text-align:right}.endFooter{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding:5px 10px 8px;border-radius:var(--r-lg);background:radial-gradient(120% 80% at 50% 0%,rgba(255,219,132,.3) 0%,transparent 62%),linear-gradient(168deg,#7a4a12,#4c2f10 58%,#33220e);border:2px solid #ffce6a;box-shadow:var(--sh-card),inset 0 1px #fff6d66b,inset 0 -2px #5a2c0080}.endFooter:before{content:"";position:absolute;top:-18px;right:-14px;bottom:-10px;left:-14px;z-index:-1;border-radius:26px;background:radial-gradient(58% 52% at 50% 42%,rgba(255,206,106,.34) 0%,transparent 72%);pointer-events:none}#end[data-verdict=win] .endPanelHead{color:#ffe4a8;text-shadow:0 1px 0 rgba(60,28,0,.7)}.endPanelHead{flex:0 0 auto;font-family:var(--font-display);font-weight:400;font-size:10px;letter-spacing:.1em;color:var(--c-panel-head);text-transform:uppercase}#endRewards{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.rewardRow{flex:1 1 auto;max-height:68px;display:flex;align-items:center;gap:10px;padding:6px 10px 7px;border-radius:var(--r-sm);background:linear-gradient(180deg,#1e10046b,#341e0842);box-shadow:inset 0 2px 4px #180c028c,inset 0 -1px #ffe0a038}.rewardIcon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px}.rewardIcon svg,.rewardIcon img{width:100%;height:auto}.rewardText{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.rewardValue{color:var(--c-gold);font-family:var(--font-display);font-weight:400;font-size:34px;line-height:.95;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff4c2,#ffd15a 46%,#f0a022);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(48,20,0,.75))}.rewardValue.neg,.rewardValue.zero{background:none;-webkit-text-fill-color:currentcolor;filter:none;text-shadow:0 2px 0 rgba(6,20,26,.75)}.rewardValue.neg{color:#ff8f80}.rewardValue.zero{color:var(--c-panel-text);opacity:.75}.rewardCaption{display:flex;align-items:baseline;gap:4px;font-size:10.5px;font-weight:700;line-height:1;color:#f2dcb4}.rewardLabel{text-transform:uppercase;letter-spacing:.05em;opacity:.8}.rewardSep{opacity:.45}.rewardTotal{color:#fff6e0;font-variant-numeric:tabular-nums}.endBonuses{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:3px}.endBonuses:empty{display:none}.rewardChip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 2px 4px;border-radius:999px;background:linear-gradient(#ffd23f38,#ff961e29);border:1.5px solid rgba(255,210,63,.45);font-size:9.5px;line-height:1.15}.rewardChipIcon{display:flex}.rewardChipValue{font-family:var(--font-display);font-weight:400;font-size:12px;color:#ffd23f;text-shadow:0 1px 0 rgba(6,20,26,.8)}.rewardChipLabel{font-style:normal;font-weight:700;color:#ffe6b8}.endHints{flex:0 0 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 9px 5px;border-radius:var(--r-md);background:#0a28306b;border:1.5px solid rgba(255,255,255,.14)}.endHints:empty{display:none}.endHintRow{display:flex;flex-direction:column;gap:3px}.endHintText{font-size:10.5px;font-weight:800;line-height:1.15;color:#ffe6b0}.endHintTrack{display:flex;align-items:center;gap:6px}.endHintBar{flex:1 1 auto;height:9px;border-radius:999px;background:#04141a99;box-shadow:var(--sh-track);overflow:hidden}.endHintFill{display:block;height:100%;border-radius:999px;background-color:#fbbf24;background-image:linear-gradient(#ffffff80,#fff0 55%);transition:width .5s ease-out}.endHintPct{flex:0 0 auto;font-size:10px;font-weight:900;color:#ffd76a;font-variant-numeric:tabular-nums}.endHints.almost{background:linear-gradient(#60400c80,#142c346b);border-color:#ffd76a73;animation:almostPulse 1.6s ease-in-out 2}@keyframes almostPulse{0%,to{box-shadow:0 0 #ffd76a00}50%{box-shadow:0 0 14px #ffd76a59}}.endLootRow{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:3px 12px 4px;border-radius:var(--r-md);background:linear-gradient(#1b2c3aee,#12202ceb);border:2px solid rgba(46,230,200,.45);box-shadow:var(--sh-plate);animation:rewardPop .42s cubic-bezier(.2,1.4,.4,1) both}.endLootChip{position:relative;display:flex;align-items:center;gap:5px}.endLootAmount{font-family:var(--font-display);font-size:15px;color:#ffd23f;text-shadow:0 1px 0 rgba(6,14,22,.9)}.endLootText{display:flex;align-items:center;gap:10px;min-width:0}.endLootLabel{font-family:var(--font-display);font-size:11px;letter-spacing:.07em;color:#fffc;white-space:nowrap}.endLootSlots{display:flex;gap:4px;min-width:0}.endLootSlots .lootSlot{flex:0 1 34px;width:34px;min-width:32px;min-height:34px;border-radius:8px;padding:2px 1px 1px}.endLootSlots .lootSlotAmount{font-size:8px}.endLootSlots .lootSlotCheck{width:11px;height:11px}.endLootSlots .lootSlotCheck:after{left:2px;top:3px;width:4px;height:2px}.lootSlot.just{border-color:#ffd23f;box-shadow:0 0 12px #ffd23f99;animation:lootJustPop .5s cubic-bezier(.2,1.5,.4,1) both}.lootSlot.just .rwdIcon{opacity:1}@keyframes lootJustPop{0%{transform:scale(.55)}60%{transform:scale(1.16)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.lootSlot.just{animation:none}}.endActions{flex:0 0 auto;display:flex;align-items:stretch;justify-content:flex-end;gap:8px;height:48px}.endActions .btn,.endActions .btnBlue{flex:0 0 auto;width:auto;height:100%;min-height:var(--touch-min);white-space:nowrap;padding:0 16px;font-size:15px;border-radius:var(--r-md)}.endActions .endAgainBtn{padding:0 22px;font-size:18px}.endActions .endAgainBtn:after{top:3px;right:3px;bottom:54%;left:3px}@media (max-width: 720px){.endActions .btn,.endActions .btnBlue{padding:0 11px;font-size:13px}.endActions .endAgainBtn{padding:0 13px;font-size:15px}.endLootRow{gap:7px;padding-inline:8px}.endLootText{gap:7px}.endLootLabel{font-size:10px}}#endUnlock{position:absolute;left:0;right:0;bottom:46px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(160deg,#ffdf7a,#ffb300);color:#4a3200;font-weight:900;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:5px 8px 6px;border-radius:10px;border:2px solid #fff3c4;text-align:center;box-shadow:0 4px #7846008c,0 8px 16px #0006;animation:unlockPop .4s cubic-bezier(.2,1.4,.4,1) both}#unlockName{font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:.03em}@keyframes unlockPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.resultsHidden{opacity:0!important;pointer-events:none}@keyframes statsSlide{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rewardPop{0%{transform:scale(.7) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confettiLayer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;display:none}.confettiLayer.confettiOn{display:block}.confettiPiece{position:absolute;top:-28px;left:var(--x, 50%);width:var(--w, 8px);height:calc(var(--w, 8px) * 1.7);border-radius:1.5px;opacity:0;will-change:transform,opacity}.confettiPiece[data-tone="0"]{background:linear-gradient(#ffe887,#f0a11a)}.confettiPiece[data-tone="1"]{background:linear-gradient(#fff,#cfe9e4)}.confettiPiece[data-tone="2"]{background:linear-gradient(#8ff5e3,#2ee6c8)}.confettiOn .confettiPiece{animation:confettiFall var(--dur, 1.4s) linear var(--delay, 0ms) both}@keyframes confettiFall{0%{transform:translateZ(0) rotate(var(--tilt, 0deg));opacity:0}6%{opacity:1}88%{opacity:1}to{transform:translate3d(var(--drift, 0),calc(100vh + 40px),0) rotate(calc(var(--tilt, 0deg) + var(--spin, 540deg)));opacity:0}}@media (prefers-reduced-motion: reduce){.confettiLayer{display:none!important}}#btnPause{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:44px;height:44px;border-radius:50%;background:#0f190ab3;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:11;transition:transform var(--dur-release) var(--ease-bounce)}#btnPause:active{transform:scale(.92);transition:transform var(--dur-press) ease-in}#pause{padding:10px calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left));background:none;justify-content:center}.pauseVeil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 130% at 50% 46%,#06141a4d,#030a0ec7 78%),#0510153d}.pauseBoard{position:relative;z-index:1;width:min(660px,96%);max-height:100%;border-radius:18px;padding:0 0 12px;background:linear-gradient(#2a4a55,#1a333d 44%,#12262e);border:2px solid rgba(158,214,228,.28);box-shadow:inset 0 2px #beebf559,inset 0 -3px #00000073,0 8px #040e1399,0 20px 40px #0000008c;animation:pauseBoardIn var(--dur-slow, .26s) var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes pauseBoardIn{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:none;opacity:1}}.pauseBoard:before,.pauseBoard:after{content:"";position:absolute;top:9px;bottom:9px;width:9px;background-repeat:no-repeat;background-size:9px 9px;background-position:0 0,0 100%;background-image:radial-gradient(circle at 50% 42%,#cfe9f0 0 24%,#7ea7b4 26% 52%,#0d1e25 56% 82%,transparent 84%),radial-gradient(circle at 50% 42%,#cfe9f0 0 24%,#7ea7b4 26% 52%,#0d1e25 56% 82%,transparent 84%);pointer-events:none}.pauseBoard:before{left:9px}.pauseBoard:after{right:9px}.pauseBoardHead{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 44px 9px;border-radius:16px 16px 0 0;background:linear-gradient(#f0b73c,#d98d17);box-shadow:inset 0 2px #fff6d699,0 3px #784400bf,0 6px 12px #00000059}.pauseBoardHead .title{font-size:30px;margin:0;transform:none;-webkit-text-stroke:4.5px #6b3d00;text-shadow:0 2px 0 rgba(0,0,0,.25)}.pauseHeadGlyph{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:#ffe9b8;background:linear-gradient(#5a3a05,#3a2403);box-shadow:inset 0 2px #ffdc9647,0 2px #78440099}.pauseBoardBody{display:grid;grid-template-columns:41% 1fr;gap:12px;padding:12px 16px 2px;align-items:stretch}.pauseSlate{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px 11px;border-radius:12px;background:radial-gradient(90% 120% at 12% 0%,rgba(255,206,128,.13) 0%,transparent 62%),linear-gradient(#0a1519,#061014);border:2px solid #0a171d;box-shadow:inset 0 4px 9px #000000b8,inset 0 2px #00000080,inset 0 -2px #96c8d629,0 1px #a0d2e024;overflow:hidden}.pauseSlate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 46%,rgba(120,214,226,.13) 47.4%,transparent 48.8%),linear-gradient(112deg,transparent 62%,rgba(255,190,110,.1) 63%,transparent 64.2%)}.pauseLamp{position:absolute;top:8px;right:9px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 42% 36%,#fff4cf 0,#fff4cf 26%,#ffc247 30%,#ffc247 62%,#a06a12 66%,#a06a12);box-shadow:0 0 12px 4px #ffc44759}.pauseSlateTop{position:relative;z-index:1;display:flex;flex-direction:column;gap:1px;padding-right:18px}.pauseSlateMode{font-family:var(--font-display);font-weight:400;font-size:14px;line-height:1.05;color:#ffd47a;-webkit-text-stroke:2.6px #2a1704;paint-order:stroke fill}.pauseSlateMap{font-size:10px;font-weight:var(--fw-heavy);letter-spacing:.1em;color:#9dc9d6;text-transform:uppercase}.pauseSquads{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px}.pauseSquad{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;padding-bottom:6px;border-bottom:1px solid rgba(127,179,192,.18)}.pauseSquadKey{grid-column:1;grid-row:1;align-self:end;font-family:var(--font-display);font-weight:400;font-size:12px;line-height:1;letter-spacing:.04em;color:#9dc9d6;-webkit-text-stroke:2.4px #061217;paint-order:stroke fill}.pauseSquad.t0 .pauseSquadKey{color:var(--c-team0-light)}.pauseSquad.t1 .pauseSquadKey{color:var(--c-team1-light)}.pauseSquadScore{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--font-display);font-weight:400;font-size:30px;line-height:.8;-webkit-text-stroke:4px #061217;paint-order:stroke fill}.pauseSquad.t0 .pauseSquadScore{color:var(--c-team0-light)}.pauseSquad.t1 .pauseSquadScore{color:var(--c-team1-light)}.pauseSquadFaces{grid-column:1;grid-row:2;display:flex;gap:5px}.pauseFace{position:relative;display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(#1c3944,#0e2129);border:2px solid var(--c-team0);box-shadow:inset 0 -3px 6px #00000073,0 2px #00000073}.pauseSquad.t1 .pauseFace{border-color:var(--c-team1)}.pauseFace img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.pauseFace--ko{border-color:#96b2bc6b;overflow:visible}.pauseFace--ko img{border-radius:50%;filter:grayscale(.88) brightness(.72) contrast(.92)}.pauseFace--ko:after{content:"";position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border-radius:50%;background:linear-gradient(45deg,transparent 43%,#e6f2f7 43%,#e6f2f7 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#e6f2f7 43%,#e6f2f7 57%,transparent 57%),linear-gradient(#2b4c58,#16303a);box-shadow:0 0 0 2px #08171d}.pauseClockRow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;color:#9dc9d69e}.pauseClock{font-family:var(--font-display);font-weight:400;font-size:14px;line-height:1;letter-spacing:.06em;color:#bedce6a8}.pausebtns{display:flex;flex-direction:column;gap:9px;width:auto}.pauseGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pauseAct{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.pausebtns .btn.pauseAct--go{width:100%;padding:12px 18px;font-size:20px;min-height:52px}.pauseGrid .pauseAct{padding:7px 10px;font-size:12px;line-height:1.06;-webkit-text-stroke-width:1.8px}.pauseGrid .pauseActLabel{max-width:100%;overflow-wrap:anywhere}.pauseAct .pauseActLabel{display:block;text-align:center}.pauseAct svg{flex:0 0 auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.matchVignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 78% 72% at 50% 46%,transparent 64%,rgba(8,24,18,.2) 100%)}.hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:var(--dim);font-size:12px;background:#0f190ab3;padding:5px 14px;border-radius:14px;white-space:nowrap;box-shadow:var(--sh-sticker);transition:opacity .8s ease}.hint.hintFaded{opacity:0;pointer-events:none}#home{display:block;padding:0;overflow:hidden;--hubR: 14px;--hubKey: 3px;--hubRow: 64px;background-color:#4ec4cf;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.26) 0%,transparent 68%),linear-gradient(160deg,#6adbe4,#4ec4cf,#46bfae,#54d4a0,#6adbe4);background-size:100% 100%,100% 300%;animation:hubGradient 12s ease-in-out infinite}@keyframes hubGradient{0%{background-position:0 0,0% 0%}50%{background-position:0 0,0% 100%}to{background-position:0 0,0% 0%}}#home:before,#home:after{content:"";position:absolute;top:-96px;right:-96px;bottom:-96px;left:-96px;pointer-events:none;will-change:transform;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 0 20%,transparent 42%);mask-image:linear-gradient(to bottom,#000 0 20%,transparent 42%)}#home:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.10'/%3E%3C/svg%3E") 0 0 / 56px 56px;animation:hubPentaA 9s linear infinite}#home:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='1.6' opacity='.05'/%3E%3C/svg%3E") 0 0 / 96px 96px;animation:hubPentaB 16s linear infinite}@keyframes hubPentaA{0%{transform:translateZ(0)}to{transform:translate3d(56px,56px,0)}}@keyframes hubPentaB{0%{transform:translateZ(0)}to{transform:translate3d(-96px,96px,0)}}@media (prefers-reduced-motion: reduce){#home,#home:before,#home:after{animation:none}}.homeClawMark{position:absolute;left:50%;top:54%;width:min(70vmin,540px);transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;opacity:.13}.homeStage{--safe-t: 0px;--safe-r: 0px;--safe-b: 0px;--safe-l: 0px;position:absolute;left:50%;top:50%;width:844px;height:390px;transform:translate(-50%,-50%);transform-origin:center}.homeStage.stagePortrait{width:390px;height:780px}.stagePortrait .homeTop{flex-wrap:wrap;row-gap:8px}.stagePortrait .homeTop .heroPlate{position:static;transform:none;order:3;margin:0 auto}.stagePortrait .homeTopRight{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;row-gap:6px;max-width:100%}.stagePortrait .homeSeasonBanner{left:20px;bottom:62px}.stagePortrait .homeHero{bottom:330px}.stagePortrait .heroViewport{width:260px}.stagePortrait .homeLeftCol{top:auto;bottom:240px;left:20px;right:20px;width:auto;flex-direction:row;gap:14px}.stagePortrait .homeSideCard{flex:1}.stagePortrait .homeSkinsBtn{left:calc(50% + 112px);bottom:402px;width:auto;height:56px;flex-direction:row;padding:0 15px 0 7px;gap:7px;justify-content:flex-start}.stagePortrait .skinsLabel{font-size:13px;letter-spacing:.06em}.stagePortrait .dailyLoot{right:14px;bottom:178px}.stagePortrait .homeAction{right:14px;height:156px}.stagePortrait .homePlay{height:72px;font-size:34px;padding:0 56px}.stagePortrait .homeModeCard{left:50%;right:auto;bottom:92px;transform:translate(-50%) skew(-6deg)}.stagePortrait .homeModeCard:active{transform:translate(-50%) skew(-6deg) translateY(4px)}.stagePortrait .homeHint{top:auto;bottom:156px;left:12px;right:12px}.stagePortrait .homePassCard{transform:skew(-6deg) scale(.8);transform-origin:bottom left;bottom:14px}.stagePortrait .homePassCard:active{transform:skew(-6deg) scale(.8) translateY(4px)}.hubDiorama{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.homeGlow{position:absolute;left:50%;bottom:-10px;width:560px;height:340px;transform:translate(-50%);pointer-events:none;will-change:transform;background:radial-gradient(34% 44% at 50% 42%,rgba(255,228,176,.15) 0%,transparent 72%),radial-gradient(50% 55% at 50% 72%,rgba(255,255,255,.26) 0%,transparent 60%),radial-gradient(60% 65% at 50% 75%,rgba(46,230,200,.14) 0%,transparent 70%)}.homeVeta{position:absolute;pointer-events:none;opacity:.42;filter:drop-shadow(0 0 8px rgba(46,230,200,.18))}.homeVetaL{left:-22px;bottom:-26px;width:225px}.homeVetaR{right:-34px;bottom:-44px;width:150px}.homeVeta{animation:vetaGlow 5s ease-in-out infinite}.homeVetaR{animation-delay:2.2s}@keyframes vetaGlow{0%,to{filter:drop-shadow(0 0 6px rgba(46,230,200,.14))}50%{filter:drop-shadow(0 0 12px rgba(46,230,200,.26))}}.homeMotas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;will-change:transform}.homeMotasBack i{position:absolute;width:7px;height:7px;border-radius:50%;background:#8aeee0;box-shadow:0 0 12px #2ee6c859;animation:motaFlotaBack 18s ease-in-out infinite;opacity:.25}.homeMotasBack i:nth-child(1){left:15%;top:28%}.homeMotasBack i:nth-child(2){left:55%;top:18%;animation-delay:4s}.homeMotasBack i:nth-child(3){left:78%;top:42%;animation-delay:7.5s;width:8px;height:8px}.homeMotasBack i:nth-child(4){left:35%;top:72%;animation-delay:11s}@keyframes motaFlotaBack{0%,to{transform:translateY(0) scale(.7);opacity:.15}50%{transform:translateY(-12px) scale(1);opacity:.35}}.homeMotasFront i{position:absolute;width:5px;height:5px;border-radius:50%;background:#b9fff2;box-shadow:0 0 8px #2ee6c899;animation:motaFlota 12s ease-in-out infinite;opacity:.5}.homeMotasFront i:nth-child(1){left:27%;top:34%}.homeMotasFront i:nth-child(2){left:18%;top:62%;animation-delay:1.3s}.homeMotasFront i:nth-child(3){left:40%;top:22%;animation-delay:2.7s;width:4px;height:4px}.homeMotasFront i:nth-child(4){left:63%;top:30%;animation-delay:3.6s}.homeMotasFront i:nth-child(5){left:72%;top:58%;animation-delay:5s;width:4px;height:4px}.homeMotasFront i:nth-child(6){left:52%;top:68%;animation-delay:6.2s;width:4px;height:4px}@keyframes motaFlota{0%,to{transform:translateY(0) scale(.8);opacity:.3}50%{transform:translateY(-18px) scale(1.1);opacity:.75}}@media (prefers-reduced-motion: reduce){.homeMotas i,.homeVeta{animation:none}.homeMotas,.homeGlow{will-change:auto}}.heroName,.sideLabel,.unlockTitle,.modeCardName,.homePlay{font-family:var(--font-display);font-weight:400;letter-spacing:.015em}.sideLabel,.unlockTitle,.modeCardName,.heroName{color:#fff;paint-order:stroke fill}.homeResource,.heroPlate,.homeModeCard{background:linear-gradient(#1d4a55,#143741);border:var(--hubKey) solid #0e1620;box-shadow:inset 0 1.5px #fff3,0 4px #060e16d9,0 8px 14px #0a282e40,0 0 0 1px #a3e0e742,0 12px 22px #020a1066}.homeTop{position:absolute;top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;z-index:21}.homeTop:has(.hubMenu.open){z-index:45}.homeTop .heroPlate{position:absolute;left:50%;top:0;transform:translate(-50%)}.homeChips,.homeTopRight{display:flex;align-items:center;gap:8px}.homeTopRight{position:absolute;top:0;right:0;flex-wrap:wrap;justify-content:flex-end;max-width:268px;row-gap:4px}.homeResource{display:flex;align-items:center;gap:6px;border-radius:999px;padding:5px 13px 5px 8px;min-height:56px;box-sizing:border-box;font-weight:900;font-size:13.5px}.homeResource .resIcon{display:grid;place-items:center;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.35))}@media (min-width: 930px) and (min-height: 430px){.homeResource,.heroPlate{min-height:40px;padding-top:3px;padding-bottom:3px;font-size:13px}.heroPlate{gap:8px}.heroName{font-size:16px}.heroLevel,.heroTrophies{padding:2px 8px;font-size:10.5px}.profileBtnIcon{width:24px;height:24px}.homeTrophyBtn .resIcon svg{width:24px;height:24px}.roadMiniBar{height:4px}.homeBarBtn{width:44px;height:44px}}.roadMiniBar{grid-column:2;grid-row:2;width:100%;max-width:76px;justify-self:center;height:5px;border-radius:3px;background:#d6f5ff3d;border:1px solid rgba(8,20,26,.9);overflow:hidden;pointer-events:none}.roadMiniBar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(#ffe887,#f5a91e);transition:width .4s ease-out}.homeResource .resVal{color:#fff;min-width:30px;text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(10,30,36,.6)}.homeFeverChip{padding:5px 11px 5px 7px;gap:4px;background:linear-gradient(#5a2a18,#3a1a10);border-color:#1a0c08}.homeFeverChip .resVal{min-width:22px;color:#ffdca8;font-variant-numeric:tabular-nums}.homeFeverChip[data-tier="1"]{border-color:#a35a22;box-shadow:inset 0 1.5px #ffdca847,0 4px #060e16d9}.homeFeverChip[data-tier="2"]{border-color:#ff8c2b;box-shadow:inset 0 1.5px #ffe6be57,0 4px #060e16d9,0 0 12px #ff8c2b73}.homeFeverChip[data-tier="3"]{border-color:#ffd23f;box-shadow:inset 0 1.5px #fff5d666,0 4px #060e16d9,0 0 18px #ffb43cb3}.homeFeverChip[data-tier="2"] .streakFlame{animation:feverFlicker 1.1s ease-in-out infinite}.homeFeverChip[data-tier="3"] .streakFlame{animation:feverFlicker .7s ease-in-out infinite}.streakFlame{display:grid;place-items:center;filter:drop-shadow(0 0 5px rgba(255,140,43,.55))}.streakFlame svg{display:block}@keyframes feverFlicker{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@media (prefers-reduced-motion: reduce){.homeFeverChip .streakFlame{animation:none}}.streakChip{border-color:#ff8c2b8c}.streakChip[data-tier="2"]{border-color:#ff8c2b}.streakChip[data-tier="3"]{border-color:#ffd23f;box-shadow:0 0 10px #ffb43c80}.homeProfileBtn{position:relative;cursor:pointer;font:inherit;color:inherit;padding:4px 13px 4px 5px;box-sizing:border-box;transition:transform var(--dur-release) var(--ease-bounce)}.homeProfileBtn:active{transform:scale(.94) translateY(3px)}.profileBtnIcon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;overflow:hidden;border:2px solid rgba(255,255,255,.35);box-shadow:0 2px #0000004d}.profileBtnIcon svg{width:100%;height:100%;display:block}.profileBtnName{font-family:var(--font-display);font-size:13px;font-weight:400;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.55);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heroTrophies{display:flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums;color:#ffe9a8;background:#00000052;padding:2.5px 10px;border-radius:999px;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 1.5px 0 rgba(0,0,0,.4)}.heroTrophyIcon{display:flex}.homeTrophyBtn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:118px;position:relative;cursor:pointer;font:inherit;color:inherit;padding:4px 14px 6px 6px;transition:transform var(--dur-release) var(--ease-bounce)}.homeTrophyBtn .resIcon{grid-row:1 / span 2}.homeTrophyBtn .resVal{grid-column:2;grid-row:1;text-align:center;min-width:0;line-height:1.05}.homeTrophyBtn .resIcon{align-self:center;filter:drop-shadow(0 2.5px 0 rgba(0,0,0,.35))}.homeTrophyBtn .resVal{font-size:15px;font-weight:400;color:#fff;text-shadow:0 2px 0 rgba(6,14,22,.55)}.homeTrophyBtn .roadBadge{top:-4px;right:-6px}.homeTrophyBtn:active{transform:scale(.94) translateY(3px)}.heroPlate{display:flex;align-items:center;gap:9px;border-radius:999px;padding:6px 15px;min-height:56px;font:inherit;color:inherit;cursor:pointer;outline:none}.heroName{font-size:18px;-webkit-text-stroke:2.5px #0d2a32;text-shadow:0 2px 0 rgba(10,30,36,.5)}.heroLevel{font-size:11.5px;font-weight:900;color:#ffd95e;background:#00000052;padding:2.5px 11px;border-radius:999px;text-shadow:0 1.5px 0 rgba(0,0,0,.4)}.homeBarBtn{width:56px;height:56px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transform:scale(calc(1 - .08 * var(--press))) translateY(calc(3px * var(--press)));transition:--press var(--dur-release) var(--ease-bounce)}.homeBarBtn:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:var(--hubR);background:linear-gradient(#1d4a55,#143741);border:var(--hubKey) solid #0e1620;box-shadow:inset 0 1.5px #fff3,0 3px #061216b3,0 6px 10px #0a282e40;pointer-events:none}.homeBarBtn:after{content:"";position:absolute;top:9px;right:9px;bottom:55%;left:9px;border-radius:8px 8px 13px 13px;background:linear-gradient(rgba(255,255,255,.22),transparent);pointer-events:none}.homeBarBtn svg{position:relative;z-index:1;width:19px;height:19px}.homeBarInstall:before{background:linear-gradient(#2ee6c8,#1fa890);border-color:#ffffff73;box-shadow:0 3px #12756a,0 6px 10px #0a282e40}.hubMenuWrap{position:relative}.hubMenu{position:absolute;top:calc(100% + 6px);right:4px;min-width:216px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:14px;background:linear-gradient(#1d4a55,#123039);border:2px solid rgba(8,20,26,.9);box-shadow:inset 0 1.5px #ffffff2e,0 10px 26px #06181e80;z-index:40;opacity:0;transform:translateY(-8px) scale(.96);transform-origin:top right;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .18s var(--ease-bounce, ease),visibility .18s}.hubMenu.open{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}.hubMenuItem{display:flex;align-items:center;gap:11px;min-height:48px;padding:6px 12px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;color:#fff;text-align:left;position:relative}.hubMenuItem:active{background:#ffffff1f}.hubMenuIcon{display:grid;place-items:center;width:26px}.hubMenuLabel{flex:1}.hubMenuItem .badgeDot{position:static;flex:none;margin-left:4px}.hubMenuWrap:not(:has(.hubMenu.open)):has(.hubMenu .badgeDot):after{content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:linear-gradient(#ff7a5e,#e8271d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 2.5px #00000059;z-index:2;pointer-events:none}.homeLeftCol{position:absolute;left:calc(16px + var(--safe-l));top:80px;width:232px;display:flex;flex-direction:column;gap:10px;z-index:20}.homeSideCard{display:flex;align-items:center;justify-content:center;min-height:56px;box-sizing:border-box;border-radius:var(--hubR);padding:6px 7px;cursor:pointer;font-family:inherit;position:relative;border:var(--hubKey) solid #0e1620;transform:skew(-6deg);transition:transform .12s}.homeSideCard>.badgeDot{transform:skew(6deg)}.homeSideCard:before{content:"";position:absolute;top:3px;right:3px;bottom:52%;left:3px;border-radius:10px 10px 22px 22px;background:linear-gradient(#ffffff6b,#ffffff0d);pointer-events:none}.cardBlue{background:linear-gradient(#58b2ff,#1e6fe0);box-shadow:inset 0 2px #ffffff73,0 5px #0e1620,0 9px 14px #0a1e4659}.cardBlue:active{transform:skew(-6deg) translateY(4px);box-shadow:inset 0 2px #ffffff73,0 1px #0e1620}.cardPurple{background:linear-gradient(#b184ff,#7440d8);box-shadow:inset 0 2px #ffffff73,0 5px #0e1620,0 9px 14px #28145a59}.cardPurple:active{transform:skew(-6deg) translateY(4px);box-shadow:inset 0 2px #ffffff73,0 1px #0e1620}.cardRed{background:linear-gradient(#ff8f6b,#e8442a);box-shadow:inset 0 2px #ffffff73,0 5px #0e1620,0 9px 14px #781e0a59}.cardRed:active{transform:skew(-6deg) translateY(4px);box-shadow:inset 0 2px #ffffff73,0 1px #0e1620}.sideInner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;position:relative}.sideIcon{display:grid;place-items:center;filter:drop-shadow(0 2.5px 0 rgba(0,0,0,.3))}.sideIcon svg{width:28px;height:28px}.sideLabel{font-size:14.5px;line-height:1.1;text-align:center;letter-spacing:.03em;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.55)}.cardPurple .unlockTitle{-webkit-text-stroke-color:#0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.55)}.homeHero{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none}.homeHero:before{content:"";position:absolute;left:50%;bottom:-38px;width:440px;height:440px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 40%,transparent 66%),repeating-conic-gradient(rgba(255,255,255,.08) 0deg 10deg,transparent 10deg 26deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 68%);mask-image:radial-gradient(circle,#000 30%,transparent 68%);animation:heroRays 40s linear infinite;pointer-events:none}@keyframes heroRays{to{transform:translate(-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.homeHero:before{animation:none}}.heroPedestal{position:absolute;left:50%;bottom:0;width:232px;height:66px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(7,30,35,.5) 0%,rgba(7,30,35,.16) 52%,transparent 74%);pointer-events:none}.heroPedestal:before{content:"";position:absolute;left:50%;top:50%;width:216px;height:58px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(255,226,176,.4);background:radial-gradient(ellipse 50% 58% at 42% 32%,#fff0cd80,#fff0cd00),radial-gradient(ellipse at center,#0000 74%,#ffdea057 88%,#0000),repeating-conic-gradient(from 200deg at 46% 38%,#ffecc812,#ffecc812 7deg,#3c281612 7deg,#3c281612 15deg),linear-gradient(128deg,#e2b269,#a87b45 46%,#5a3e24);box-shadow:inset 0 2px #fff8e280,inset 0 -8px 13px #2616086b,0 9px #3a2412,0 11px #0a161ad9,0 17px 19px #04141875}.heroPedestal:after{content:"";position:absolute;left:50%;bottom:25px;width:137px;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse 15% 34% at 50% 52%,#010a0deb,#010a0da8 55%,#010a0d00),radial-gradient(ellipse at center,rgba(2,14,17,.82) 0%,rgba(2,14,17,.6) 38%,rgba(2,14,17,.16) 66%,transparent 82%);filter:blur(1.2px)}.heroViewport{width:318px;margin-bottom:-3px;aspect-ratio:318 / 302;overflow:hidden;position:relative;filter:drop-shadow(0 4px 5px rgba(6,28,32,.45));pointer-events:auto;touch-action:none;cursor:grab}.heroViewport:active{cursor:grabbing}.heroViewport canvas{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1;display:block}.homePassCard{position:absolute;left:calc(16px + var(--safe-l));bottom:calc(16px + var(--safe-b));z-index:20;display:flex;align-items:center;gap:8px;height:64px;padding:6px 12px 6px 8px;border-radius:var(--hubR);background:linear-gradient(#f2be4c,#d8961c 60%,#b06f08);border:var(--hubKey) solid #0e1620;transform:skew(-6deg);box-shadow:inset 0 2px #ffffff80,0 5px #0e1620,0 9px 16px #5a3c0059;cursor:pointer;font-family:inherit;transition:transform .12s}.homePassCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,#ffffff80,#fff0 68%);opacity:.05;animation:passCardBreath 4.5s ease-in-out infinite}@keyframes passCardBreath{0%,to{opacity:.05}50%{opacity:.45}}.homePassCard:active{transform:skew(-6deg) translateY(4px);box-shadow:inset 0 2px #ffffff80,0 1px #0e1620}.homePassCard>.passCardTier,.homePassCard>.badgeDot{transform:skew(6deg)}.passCardArt{margin-top:-16px}.passCardArt{display:grid;place-items:center;filter:drop-shadow(0 2.5px 0 rgba(0,0,0,.3))}.passCardText{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.passCardTitle{font-family:var(--font-display);font-size:15px;letter-spacing:.03em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.25px #6b3c00;text-shadow:0 2px 0 rgba(107,60,0,.5);line-height:1}.passCardBar{position:relative;width:112px;height:15px;border-radius:999px;background:#3c20008c;border:1.5px solid rgba(58,30,0,.6);box-shadow:inset 0 2px 3px #00000073;overflow:hidden}.passCardBar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(#fff3b0,#ffd23e);box-shadow:inset 0 -2px #0000001f;transition:width .4s ease-out}.passCardBar em{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1.5px 0 rgba(58,30,0,.7);pointer-events:none}.passCardTier{min-width:32px;height:32px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(#c4a1ff,#8b5cf6);border:2px solid #3b1470;color:#fff;font-family:var(--font-display);font-size:18px;line-height:1;text-shadow:0 1.5px 0 rgba(59,20,112,.7);box-shadow:inset 0 2px #fff6,0 3px #0000004d}.homeSkinsBtn{position:absolute;left:calc(50% + 122px);bottom:calc(16px + var(--safe-b));z-index:20;width:56px;height:78px;flex-direction:column;padding:4px 2px 6px;gap:2px;justify-content:center}.homeSkinsBtn svg{width:26px;height:26px}.skinsLabel{position:relative;z-index:1;font-family:var(--font-display);font-size:10.5px;letter-spacing:.02em;color:#d9fbf5;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 1.5px 0 rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}.dailyLoot{position:absolute;right:calc(16px + var(--safe-r));bottom:198px;z-index:21;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px 11px 8px;border-radius:var(--hubR);background:linear-gradient(#1b2c3aee,#12202ceb);border:2px solid rgba(78,236,210,.66);box-shadow:inset 0 1px #ffffff24,0 5px #060e16b3,0 10px 20px #040c1473,0 14px 26px #020a1061}.lootHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lootTitle{font-family:var(--font-display);font-size:12px;letter-spacing:.07em;color:#ffd23f;text-shadow:0 1px 0 rgba(6,14,22,.85)}.lootSub{font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#a9e6ee;paint-order:stroke fill;-webkit-text-stroke:2px #0b2028}.lootSlots{display:flex;align-items:flex-end;gap:5px}.lootSlot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;min-height:44px;padding:3px 2px 2px;border-radius:10px;border:2px solid rgba(255,255,255,.16);background:#ffffff0f;box-sizing:border-box}.lootSlot.k-coins{border-color:#ffc44a99;background:#ffc44a1a}.lootSlot.k-esquirlas{border-color:#7ed6ff99;background:#7ed6ff1a}.lootSlot.k-passXp{border-color:#a084ff99;background:#a084ff1a}.lootSlot.k-geoda{border-color:#ff9ad6b8;background:#ff9ad624;box-shadow:0 0 0 1px #ffbee857,0 0 9px #ff78c838}.lootSlot .rwdIcon{display:block}.lootSlotAmount{font-family:var(--font-display);font-size:12px;font-style:normal;line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 1px 0 rgba(6,14,22,.9)}.lootSlot.done{border-color:#2ee6c88c;background:#2ee6c824;box-shadow:none}.lootSlot.done .rwdIcon{opacity:.45}.lootSlot.done .lootSlotAmount{color:#ffffff8c}.lootSlotCheck{position:absolute;right:1px;top:1px;width:13px;height:13px;border-radius:50%;background:#2ee6c8;border:1.5px solid #0e1620;box-sizing:border-box}.lootSlotCheck:after{content:"";position:absolute;left:2.5px;top:3.5px;width:5px;height:2.5px;border-left:2px solid #0e1620;border-bottom:2px solid #0e1620;transform:rotate(-45deg)}.lootSlot.next{border-color:#ffd23f;background:linear-gradient(#ffd23f47,#ffd23f1a);box-shadow:0 0 12px #ffd23f73;animation:lootNextPulse 1.6s ease-in-out infinite}@keyframes lootNextPulse{0%,to{box-shadow:0 0 10px #ffd23f59}50%{box-shadow:0 0 18px #ffd23f99}}.lootSlot.streak{border-color:#ffb01f;background:linear-gradient(#ffe36b,#ffb01f);cursor:pointer;pointer-events:auto}.lootSlot.streak .lootSlotAmount{color:#3a2500;-webkit-text-stroke:2px #ffe89b;text-shadow:none}@media (prefers-reduced-motion: reduce){.lootSlot.next{animation:none}}#dailyModal{background:radial-gradient(ellipse 58% 72% at 50% 46%,#1e0b3ab8,#06030ef6 68%,#030208fc)}.dailyBox{position:relative;overflow:hidden;max-width:600px;padding:14px 22px 16px;background:linear-gradient(118deg,rgba(255,255,255,.07) 0 18%,transparent 18% 34%,rgba(255,255,255,.05) 34% 44%,transparent 44%),radial-gradient(120% 88% at 50% -12%,rgba(206,150,255,.6) 0%,transparent 62%),linear-gradient(163deg,#6d34b8,#4c1d95 48%,#250f4d);border:3px solid #0e1620;border-radius:20px;box-shadow:inset 0 0 0 3px #ffc93357,inset 0 3px #fff6,0 7px #0e1620,0 20px 40px #0c0422b3}.dailyRays{position:absolute;left:50%;top:46%;width:720px;height:720px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,226,138,.13) 0 8deg,transparent 8deg 25deg);mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 38%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 38%,transparent 70%);border-radius:50%;pointer-events:none;animation:dailyRaysSpin 30s linear infinite}@keyframes dailyRaysSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.dailyX{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(#c2413a,#7d1a1c);border:2.5px solid #0e1620;box-shadow:inset 0 0 0 2px #ffc93366,inset 0 1.5px #ffffff47,0 3px #0e1620;cursor:pointer}.dailyX:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffc93366,inset 0 1.5px #ffffff47,0 1px #0e1620}.dailyHead{position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.dailyHeadText{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.dailyTitle{font-size:30px;color:#ffd23f;-webkit-text-stroke:6px #0e1620;text-shadow:0 4px 0 rgba(6,14,22,.5)}.dailyCalendar{position:relative;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,.32))}.dailyCalendarNum{position:absolute;font-family:var(--font-display);font-weight:400;font-size:27px;color:#ffeec2;text-shadow:0 2px 0 rgba(0,0,0,.45);line-height:1}.dailySub{font-size:12px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.4)}.dailyCards{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:7px;width:100%;margin-top:12px;padding-bottom:10px}.dailyCards:before{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:9px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.32) 0 2px,transparent 2px 34px),linear-gradient(#8a6330,#4a3016);box-shadow:inset 0 1.5px #ffffff38,0 2px #00000073;z-index:0}.dailyCard{position:relative;z-index:1;flex:1 1 0;min-width:0;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:11px;background:linear-gradient(#45b1e8,#1f6fae);border:2.5px solid #0e1620;box-shadow:inset 0 2px #fff6,0 3px #0e1620}.dailyCardDay{font-size:9px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:#060c1a6b;color:#ffffffeb;text-shadow:0 1px 0 rgba(0,0,0,.35);white-space:nowrap}.dailyCardIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#ffffff29,#04081480 70%);box-shadow:inset 0 2px 4px #00000073,inset 0 -1px #ffffff29;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.dailyCardAmount{font-style:normal;font-size:11px;font-weight:900;padding:1px 7px;border-radius:7px;background:#060c1a80;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,0,.45);white-space:nowrap}.dailyCard.done{height:74px;flex:.86 1 0;opacity:.94;background:linear-gradient(#1b4058,#102838);border-color:#1c6d7e;filter:none}.dailyCard.done .dailyCardIcon{width:30px;height:30px;opacity:.6}.dailyCard.done .dailyCardAmount{font-size:10px;color:#ffffffb8}.dailyCard.done .dailyCardDay{color:#d9fff7;background:#106864b8;box-shadow:inset 0 0 0 1px #2ee6c88c;padding:1px 5px}.dailyCard.done .dailyCardDay:before{content:"";display:inline-block;width:9px;height:9px;margin-right:3px;vertical-align:-1px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M5 15.6l7 7 13-14.4' fill='none' stroke='%232ee6c8' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dailyCard.golden{height:104px;flex:1.28 1 0;border-color:#ffd23f;background:radial-gradient(80% 55% at 50% 22%,rgba(255,214,92,.34),transparent 70%),linear-gradient(#6a48c4,#3a1f72);box-shadow:inset 0 0 0 2px #ffd25059,inset 0 2px #fff6,0 3px #0e1620,0 0 12px #ffd25047}.dailyCard.golden .dailyCardIcon{width:46px;height:46px;box-shadow:inset 0 2px 4px #00000073,inset 0 -1px #ffffff29,0 0 14px #ffd25073}.dailyCard.golden .dailyCardDay{color:#ffe9a8}.dailyCard.golden .dailyCardAmount{color:#ffe9a8;background:#3c1e048c}.dailyCard.today{z-index:0;flex:2.05 1 0;height:136px;border-radius:14px;background:radial-gradient(70% 45% at 50% 16%,rgba(255,255,255,.55),transparent 68%),linear-gradient(#ffe36b,#ffb01f 60%,#f09000);border-color:#0e1620;box-shadow:inset 0 0 0 2.5px #fff6d6bf,inset 0 3px #fff9,0 5px #0e1620,0 0 38px #ffd250e6;cursor:pointer;animation:streakPulse 1.4s ease-in-out infinite}.dailyCard.today .dailyCardIcon{width:62px;height:62px;border-radius:14px;background:radial-gradient(circle at 50% 32%,#7856be8c,#180a30eb 72%);box-shadow:inset 0 3px 7px #0000008c,inset 0 -1px #ffecbe66,0 0 0 2px #783e0059}.dailyCard.today .dailyCardDay{background:#542c008c;color:#ffeec2}.dailyCard.today:before{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffd65c6b,#ffb0302e 40%,#ffa02800 70%);pointer-events:none;z-index:-1}.dailyCard.today .dailyCardDay{color:#6b3c00;text-shadow:none;font-size:11px}.dailyCard.today .dailyCardAmount{font-family:var(--font-display);font-size:23px;font-weight:400;line-height:1.1;padding:0 10px;background:#542c0080;color:#fff6d6;text-shadow:0 2px 0 rgba(74,40,0,.6)}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.dailyClaimBtn{position:relative;overflow:hidden;margin-top:12px;min-height:52px;padding:12px 66px;font-size:21px;box-shadow:inset 0 0 0 2px #fffce299,var(--sh-btn-gold)}.dailyClaimBtn:after{content:"";position:absolute;left:0;right:0;top:0;height:46%;background:linear-gradient(#fff6,#fff0);pointer-events:none}.homeHint{position:absolute;left:auto;right:calc(16px + var(--safe-r));top:70px;width:fit-content;max-width:272px;padding:3px 12px 4px;border-radius:999px;background:linear-gradient(#182a34f0,#0b1a22f0);border:2px solid rgba(6,14,22,.9);box-shadow:inset 0 1.5px #ffffff29,0 0 0 1px #ffd2784d,0 3px #0510168c,0 7px 13px #040e145c;font-family:var(--font-display);font-size:11.5px;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:1.15;color:#ffeccd;paint-order:stroke fill;-webkit-text-stroke:1.2px #0b1c24;text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:center;text-wrap:balance;pointer-events:none;z-index:18;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.92}50%{opacity:1}}.homeAction{position:absolute;left:var(--safe-l);right:calc(20px + var(--safe-r));bottom:calc(16px + var(--safe-b));height:90px;z-index:20;pointer-events:none}.homeModeCard{position:absolute;left:auto;right:0;bottom:104px;transform:skew(-6deg);display:flex;align-items:center;gap:10px;width:218px;height:var(--hubRow);border-radius:var(--hubR);padding:7px 11px;cursor:pointer;color:inherit;font-family:inherit;text-align:left;pointer-events:auto}.homeModeCard:active{transform:skew(-6deg) translateY(4px);box-shadow:0 0 #0a1e248c}.modeCardIcon{transform:skew(6deg);flex:0 0 auto;width:40px;height:40px;border-radius:9px;background:linear-gradient(160deg,color-mix(in srgb,var(--mode-accent, #2ee6c8) 50%,#0b1a22),color-mix(in srgb,var(--mode-accent, #2ee6c8) 20%,#0b1a22));border:2px solid rgba(8,20,26,.85);display:grid;place-items:center;box-shadow:inset 0 1.5px #ffffff59,inset 0 -4px #00000040}.modeCardIcon svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.4))}.modeCardText{display:flex;flex-direction:column;min-width:0}.modeCardName{font-size:15px;-webkit-text-stroke:2.5px #0d2a32;text-shadow:0 2px 0 rgba(10,30,36,.5);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modeCardSub{font-size:11px;font-weight:800;color:#8fd8e0;margin-top:2.5px}.homePlay{position:absolute;right:0;bottom:0;height:90px;pointer-events:auto;font-family:var(--font-play);font-size:38px;padding:0 52px;border-radius:var(--hubR);color:#5b3a00;background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);border:var(--hubKey) solid #0e1620;transform:skew(-6deg) scale(calc(1 - .08 * var(--press))) translateY(calc(4px * var(--press)));box-shadow:inset 0 2px #ffffff8c,0 5px #0e1620,0 10px 20px #78500059,0 0 24px #ffc83240;text-shadow:0 2px 0 rgba(255,255,255,.45);overflow:hidden;transition:--press var(--dur-release) var(--ease-bounce),box-shadow var(--dur-fast)}.homePlay:after{content:"";position:absolute;top:3px;right:3px;bottom:52%;left:3px;border-radius:10px 10px 22px 22px;background:linear-gradient(#ffffff80,#ffffff0d);pointer-events:none}.homePlay:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:34px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-20deg);animation:playShine 6s ease-in-out infinite;pointer-events:none}@keyframes playShine{0%,64%{left:-30%;opacity:0}70%{opacity:1}92%,to{left:115%;opacity:0}}@media (prefers-reduced-motion: reduce){.homePlay:before{animation:none;opacity:0}}.homePlay:active{--press: 1;box-shadow:0 1px #0e1620;transition:--press var(--dur-press) ease-in,box-shadow var(--dur-fast)}.homeBarBtn:active{--press: 1;transition:--press var(--dur-press) ease-in}.homeBarBtn:active:before{box-shadow:0 1px #0a1e248c}#shop{background-color:#0c4272;background-image:radial-gradient(132% 108% at 50% 36%,transparent 34%,rgba(2,12,28,.66) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='40' viewBox='0 0 132 40'%3E%3Cpath d='M0 5 Q33 17 66 5 Q99 17 132 5' fill='none' stroke='%23071626' stroke-width='3'/%3E%3Cpath d='M10 8.5 L27 12.6 L17 31 Z' fill='%232ee6c8' opacity='.85'/%3E%3Cpath d='M35 13.4 L52 15.6 L42.5 34 Z' fill='%23f2b134' opacity='.85'/%3E%3Cpath d='M60 15.9 L77 15.9 L68 34.5 Z' fill='%23e8556d' opacity='.85'/%3E%3Cpath d='M85 15.1 L102 12.6 L92.5 31 Z' fill='%232ee6c8' opacity='.85'/%3E%3Cpath d='M110 11.4 L127 6.6 L118 25 Z' fill='%23f2b134' opacity='.85'/%3E%3C/svg%3E"),radial-gradient(44% 58% at 50% 22%,rgba(255,208,132,.3) 0%,transparent 74%),linear-gradient(#5f8fb4,#5f8fb4),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='70' viewBox='0 0 118 70'%3E%3Cg fill='none' stroke='%23000000' stroke-width='2' opacity='.18'%3E%3Cpath d='M0 16 L34 12 L72 20 L118 13'/%3E%3Cpath d='M0 40 L28 46 L66 38 L100 45 L118 40'/%3E%3Cpath d='M22 70 L26 46'/%3E%3Cpath d='M78 70 L74 45'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#2f5f80,#163a55),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='82' viewBox='0 0 96 82'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.6' opacity='.07'%3E%3Cpath d='M0 15 L23 7 L49 17 L74 5 L96 15'/%3E%3Cpath d='M0 46 L28 36 L55 48 L82 34 L96 42'/%3E%3Cpath d='M8 82 L30 63 L61 73 L86 59'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#062c4d,#0f5c96 44%,#1c7cbb 64%,#0b3f6b);background-repeat:no-repeat,repeat-x,no-repeat,no-repeat,repeat-x,no-repeat,repeat,no-repeat;background-size:cover,132px 40px,cover,100% 5px,118px 88px,100% 88px,96px 82px,cover;background-position:center,left top,center,left bottom 88px,left bottom,left bottom,center,center;justify-content:flex-start;padding:calc(64px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));gap:8px;overflow:hidden}.shopRibbon{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(150px + env(safe-area-inset-left));z-index:21;padding:7px 18px;border-radius:10px;background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);border:3px solid #0e1620;transform:skew(-5deg) rotate(-1.5deg);box-shadow:inset 0 2px #ffffff8c,0 4px #0e1620}.shopRibbon span{display:inline-block;transform:skew(5deg) rotate(1.5deg);font-family:var(--font-display);font-size:15px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.55)}@media (orientation: portrait){.shopRibbon{top:calc(70px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left))}#shop{padding-top:calc(112px + env(safe-area-inset-top))}}.shopTopBar{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:21;display:flex;align-items:center;gap:8px}.shopRes{display:flex;align-items:center;gap:6px;border-radius:999px;padding:5px 13px 5px 8px;font-weight:900;font-size:13.5px;background:linear-gradient(#1d4a55,#143741);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff3,0 4px #060e16d9,0 8px 14px #0a282e40}.shopRes .resIcon{display:grid;place-items:center;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.35))}.shopRes .resVal{color:#fff;min-width:30px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(10,30,36,.6)}.shopBody{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:auto;align-self:stretch;margin-left:calc(-12px - env(safe-area-inset-left));margin-right:calc(-12px - env(safe-area-inset-right));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 20px),transparent 100%)}.shopRow{display:flex;align-items:stretch;gap:16px;height:100%;width:max-content;min-width:100%;justify-content:safe center;padding:16px calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left))}.shopColBlock{display:flex;flex-direction:column;gap:6px;min-height:0}.shopTimerChip{position:absolute;top:-12px;right:10px;z-index:2;display:flex;align-items:center;gap:5px;padding:2.5px 11px;border-radius:999px;background:#081a34eb;border:2px solid #0e1620;font-family:var(--font-display);font-size:11px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5)}.shopPanel{position:relative;flex:1;min-height:0;padding:22px 12px 12px;border-radius:16px;background:linear-gradient(#0b2850e0,#04142ef0);border:3px solid #0e1620;box-shadow:inset 0 2px #ffffff29,inset 0 -14px 22px #00000047,0 5px #0e1620,0 15px 24px #020a188c}.shopRow>.shopPanel{flex:0 0 auto}.shopPanelRibbon{position:absolute;top:-13px;left:12px;z-index:2;padding:4px 14px;border-radius:8px;background:linear-gradient(#3b6fb4,#1d3f78);border:2.5px solid #0e1620;transform:skew(-5deg);box-shadow:inset 0 2px #ffffff4d,0 3px #0e1620}.shopPanelRibbon span{display:inline-block;transform:skew(5deg);font-family:var(--font-display);font-size:12.5px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.5)}.shopRibbonPink{background:linear-gradient(#ff7ac2,#d3308f)}.shopRibbonGold{background:linear-gradient(#ffe066,#d4940a);color:#3a2100;-webkit-text-stroke:0;text-shadow:none}.shopPersoPanel{display:flex;align-items:stretch}.shopDailyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:6px;height:100%;min-height:0}.shopSpecialPanel{display:flex;align-items:stretch}.shopCard{position:relative;width:118px;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border-radius:12px;border:2.5px solid #0e1620;box-shadow:inset 0 2px #ffffff52,inset 0 -3px #00000038,0 4px #0e1620;text-align:center;transition:transform .15s}.shopCard:active{transform:scale(.96)}.rar-free{background:linear-gradient(170deg,#46b0e8,#2378c4)}.rar-comun{background:linear-gradient(170deg,#5a9fd8,#33689f)}.rar-raro{background:linear-gradient(170deg,#38b7a0,#167a68)}.rar-epico{background:linear-gradient(170deg,#a95ef5,#6f2cc4)}.rar-legendario{background:linear-gradient(170deg,#ffb638,#e06a10)}.shopCardBig{width:168px;height:100%;gap:4px;padding:10px;justify-content:flex-end;overflow:hidden;isolation:isolate}.shopCardBig .shopCardArt{position:absolute;top:2px;right:2px;bottom:7px;left:2px;z-index:-1;min-height:0;isolation:isolate}.shopCardBig .shopCardArt .rwdChar{width:100%;height:100%;max-height:none;object-fit:contain}.shopCardBig:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:10px;pointer-events:none;background:radial-gradient(42% 40% at 50% 4%,rgba(255,232,186,.3) 0%,transparent 74%),linear-gradient(90deg,rgba(2,12,28,.52) 0%,transparent 22%,transparent 78%,rgba(2,12,28,.52) 100%),radial-gradient(34% 9% at 50% 56%,rgba(0,0,0,.5) 0%,transparent 76%),linear-gradient(180deg,transparent 44%,rgba(2,10,26,.7) 82%,rgba(2,10,26,.82) 100%)}.shopCardBig .shopCardName,.shopCardBig .shopCardTag,.shopCardBig .shopBuyRow{position:relative;z-index:1}.shopCardBig .shopCardTag{align-self:stretch;text-align:center;padding:2px 8px 1.5px;border-radius:8px 8px 0 0;background:linear-gradient(#091830e6,#061228e6);box-shadow:inset 0 1px #ffffff29}.shopCardBig .shopCardName{white-space:normal;line-height:1.05;align-self:stretch;text-align:center;padding:2px 8px 4px;margin-top:-4px;border-radius:0 0 8px 8px;background:linear-gradient(#061228e6,#030a1af0);box-shadow:0 2px #02081280}.shopCardBig .shopBuyRow{width:100%}.shopCardBig .shopBuyBtn{width:100%;min-height:46px;font-size:17px;background:linear-gradient(#ffe27a,#ffc933 52%,#ef9c0c);color:#4a2c00;text-shadow:0 1.5px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #ffffff9e,0 4px #0e1620,0 9px 14px #020a1873}.shopCardBig .shopBuyBtn.shopBuyDiamond{background:linear-gradient(#bff2ff,#58c8ef 52%,#1c86bb);color:#06344a}.shopCardBig .shopBuyBtn.shopBuyDiamond span{color:#06344a}.shopCardBig .shopBuyBtn.noFunds{background:linear-gradient(#7c8ea3,#4d5f74);color:#ffd7cf;text-shadow:0 1.5px 0 rgba(0,0,0,.45)}.shopCardBig .shopOldPrice{color:#ffe9b0;background:#4a2a006b;border-radius:5px;padding:0 4px;opacity:1}.shopCardBig .shopValueBadge{bottom:auto;top:6px;right:6px;left:auto;transform:none}.shopCardBig .shopDiscountBadge{top:5px;right:5px}.shopCardBig:has(.shopDiscountBadge) .shopValueBadge{display:none}.shopCardBig .shopCardArt .rwdSvg{max-height:84px}.shopCardBig .shopCardArt .rwdBanner{width:132px;height:52px}.shopCardBig .shopCardName{font-size:15px}.shopCardBig .shopCardArt:before{content:"";position:absolute;left:50%;top:34%;width:152px;height:152px;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--rar-glow, rgba(214, 240, 255, .42)) 0%,rgba(255,255,255,.1) 44%,transparent 72%)}.shopCardBig.rar-free{--rar-glow: rgba(150, 224, 255, .46)}.shopCardBig.rar-comun{--rar-glow: rgba(176, 224, 255, .42)}.shopCardBig.rar-raro{--rar-glow: rgba(126, 255, 226, .46)}.shopCardBig.rar-epico{--rar-glow: rgba(214, 168, 255, .5)}.shopCardBig.rar-legendario{--rar-glow: rgba(255, 214, 122, .54)}.shopSpecialPanel .shopCardBig:after,.shopPersoPanel .shopCardBig:after{content:"";position:absolute;top:0;right:0;bottom:40%;left:0;z-index:0;pointer-events:none;border-radius:10px 10px 0 0}.shopSpecialPanel .shopCardBig:after{background:radial-gradient(58% 62% at 50% 18%,rgba(255,122,194,.22) 0%,transparent 72%)}.shopPersoPanel .shopCardBig:after{background:radial-gradient(58% 62% at 50% 18%,rgba(255,206,102,.22) 0%,transparent 72%)}.shopCardBig .shopCardArt .rwdSvg svg{filter:drop-shadow(0 6px 5px rgba(0,0,0,.4))}.shopSkinCard{width:clamp(170px,22.5vw,290px);position:relative;overflow:hidden;justify-content:flex-end;gap:4px;padding:0 8px 10px}.shopSkinCard .shopCardArt{position:absolute;top:8px;right:8px;bottom:74px;left:8px;min-height:0}.shopSkinCard .shopCardArt .rwdChar{width:100%;height:100%;object-fit:contain}.shopSkinCard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(transparent,#0a081e80);pointer-events:none}.shopSkinCard .shopCardName,.shopSkinCard .shopCardTag,.shopSkinCard .shopBuyRow,.shopSkinCard .shopOwnedBadge,.shopSkinCard .noveltyBadge{position:relative;z-index:1}.shopSkinCard .shopCardName{font-size:clamp(14px,1.5vw,18px)}.shopCardArt{flex:1 1 0;width:100%;min-height:38px;display:flex;align-items:center;justify-content:center}.shopCardArt .rwdChar{width:100%;height:100%;max-height:104px;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.35))}.shopCardArt .rwdSvg{width:auto;height:100%;max-height:56px;aspect-ratio:1}.shopCardArt .rwdSvg svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.shopCardArt .rwdBanner{width:90px;height:34px;border-radius:7px;border:2px solid #0e1620;box-shadow:inset 0 2px #ffffff59}.shopCardArt>svg{width:40px;height:40px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.shopCardName{font-family:var(--font-display);font-size:11px;color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.5)}.shopCardTag{font-family:var(--font-display);font-size:8.5px;letter-spacing:.06em;padding:1.5px 8px;border-radius:999px;background:#0814288c;color:#cfe6ff;text-shadow:0 1px 0 rgba(0,0,0,.5)}.rarTag-raro{color:#7dffe6}.rarTag-epico{color:#d9b7ff}.rarTag-legendario{color:#ffd23e}.shopBuyBtn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 13px;border-radius:999px;border:2.5px solid #0e1620;background:linear-gradient(#2e527f,#16294a);color:#fff;font-family:var(--font-display);font-size:13.5px;cursor:pointer;min-height:44px;min-width:62px;box-sizing:border-box;box-shadow:inset 0 2px #ffffff47,0 3px #0e1620;text-shadow:0 1.5px 0 rgba(0,0,0,.55)}.shopBuyBtn:active{transform:scale(.94)}.shopBuyBtn.noFunds{color:#ff8d7e;cursor:default}.shopBuyBtn.shopBuyDiamond span{color:#b8f0ff}.shopBuyBtn.shopBuyDiamond.noFunds span{color:#ff8d7e}.shopFreeBtn{background:linear-gradient(#7ee996,#3fc561 55%,#23994a);font-size:13px}.shopClaimedPill{padding:6px 14px;border-radius:999px;background:#08142880;border:2px solid rgba(14,22,32,.6);font-family:var(--font-display);font-size:11.5px;color:#9fb6cf;text-shadow:0 1px 0 rgba(0,0,0,.4)}.shopBuyRow{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.shopAnchorValue{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:3px;font-family:var(--font-display);font-size:10.5px;color:#ffffff8c}.shopAnchorValue svg{opacity:.55}.shopAnchorValue s{text-decoration:line-through}.shopCard.owned{opacity:.82}.shopCard.owned .shopCardArt{opacity:.75}.shopOwnedBadge{position:absolute;top:-10px;left:50%;margin-left:-13px;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#7ee996,#3fc561 55%,#23994a);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff73,0 2.5px #0e1620;z-index:2}.shopEmpty{align-self:center;margin:auto;color:#eaf6ff;font-family:var(--font-display);font-size:17px;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620}.shopDiscountBadge{position:absolute;top:-9px;right:-7px;z-index:3;padding:3px 9px;border-radius:8px;background:linear-gradient(#ff7a5c,#e02f2f);border:2.5px solid #0e1620;transform:skew(-5deg) rotate(2deg);box-shadow:inset 0 1.5px #ffffff59,0 2.5px #0e1620}.shopDiscountBadge span{display:inline-block;transform:skew(5deg) rotate(-2deg);font-family:var(--font-display);font-size:12px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:1.5px #0e1620;text-shadow:0 1.5px 0 rgba(6,14,22,.5)}.shopValueBadge{position:absolute;bottom:42px;left:50%;transform:translate(-50%);z-index:3;padding:2px 8px;border-radius:6px;background:linear-gradient(#4cda6a,#1a9940);border:2px solid #0e1620;font-family:var(--font-display);font-size:10px;color:#fff;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:1px #0e1620;text-shadow:0 1px 0 rgba(6,14,22,.5);pointer-events:none}.shopCard:not(.shopCardBig):not(.shopSkinCard) .shopCardName{display:none}.shopDailyGrid .shopCard{width:112px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"art name" "art buy";align-items:center;gap:1px 5px;padding:4px 5px}.shopDailyGrid .shopCard .shopCardArt{grid-area:art;width:40px;height:40px;min-height:0;flex:none;align-self:center}.shopDailyGrid .shopCard:not(.shopCardBig):not(.shopSkinCard) .shopCardName{grid-area:name;display:block;align-self:end;width:100%;text-align:left;font-size:8.5px;line-height:1.12;-webkit-text-stroke:1.4px #0e1620;color:#eaf4ff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopDailyGrid .shopCard .shopChipLane{top:auto;bottom:1px;left:1px;right:auto;transform:scale(.72);transform-origin:left bottom}.shopDailyGrid .shopCard .shopBuyRow{grid-area:buy;align-self:start;justify-content:flex-start;width:100%}.shopDailyGrid .shopCard .shopBuyBtn{width:100%;min-width:0;gap:3px;padding:5px 6px;font-size:12px}.shopDailyGrid .shopCard .shopBuyBtn>svg{flex:none;width:12px;height:12px}.shopDailyGrid .shopCard .shopBuyBtn>span{min-width:0}.shopDailyGrid .shopCard .shopChipLane:has(.shopItemTimer)~.shopCardArt{margin-top:0}.shopDailyGrid .shopCard.rar-free{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "buy"}.shopDailyGrid .shopCard.rar-free .shopCardArt{width:100%}.shopOldPrice{text-decoration:line-through;opacity:.65;font-size:11px;margin-right:1px}.shopDailyGrid .shopCard .shopChipLane:has(.shopItemTimer)~.shopCardArt{margin-top:16px}.shopChipLane{position:absolute;top:4px;left:4px;right:4px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:4px;pointer-events:none}.shopCard:has(.shopDiscountBadge) .shopChipLane{right:48px}.shopChipLane>.noveltyBadge,.shopChipLane>.shopItemTimer{position:static;flex:0 0 auto}.shopItemTimer{position:absolute;top:4px;left:4px;z-index:2;display:flex;align-items:center;gap:3px;padding:1.5px 7px;border-radius:999px;background:#081a34e0;border:1.5px solid #0e1620;font-family:var(--font-display);font-size:9.5px;color:#ffd23e;text-shadow:0 1px 0 rgba(0,0,0,.5);pointer-events:none}.shopTabsBar{flex-shrink:0;display:flex;gap:4px;padding:5px;border-radius:999px;background:#06162ea8;box-shadow:inset 0 3px 6px #00000073,inset 0 -1px #ffffff14;align-self:center;z-index:21}.shopTab{border:none;background:transparent;border-radius:999px;padding:8px 22px;min-height:44px;min-width:44px;box-sizing:border-box;font-family:var(--font-display);font-size:13.5px;letter-spacing:.04em;color:#a8cdf2;text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer}.shopTab.active{background:linear-gradient(#ffe27a,#ffc933 55%,#f5a10e);color:#5a3b00;text-shadow:0 1px 0 rgba(255,255,255,.45);box-shadow:inset 0 2px #ffffff8c,0 3px #00000059}.shopTab:active{transform:scale(.94)}@media (orientation: portrait){.shopBody{-webkit-mask-image:none;mask-image:none}.shopRow{flex-direction:column;align-items:stretch;height:auto;width:100%;min-width:0}.shopColBlock{min-height:240px}.shopSkinRow{flex-direction:row;flex-wrap:wrap;justify-content:center}.shopDailyGrid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.shopCard{width:auto;min-height:150px}.shopCardBig{width:auto;height:auto;min-height:230px}.shopSpecialPanel .shopCardBig{flex:1}}@keyframes shopFlip{0%{transform:perspective(400px) rotateY(0)}50%{transform:perspective(400px) rotateY(90deg);opacity:.5}to{transform:perspective(400px) rotateY(0);opacity:.6}}.shopCardFlip{animation:shopFlip .35s ease-in-out}.shopFlyingCoin{position:fixed;z-index:9999;pointer-events:none;animation:shopCoinFly .4s ease-in forwards}@keyframes shopCoinFly{0%{transform:translate(0) scale(1.5);opacity:1}to{transform:translate(var(--fly-dx),var(--fly-dy)) scale(.5);opacity:0}}.shopGiftPanel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:96px;padding:22px 8px 12px;min-height:130px;background:radial-gradient(70% 44% at 50% 44%,rgba(126,233,150,.3) 0%,transparent 72%),linear-gradient(170deg,#1b4a3a,#08201f);border:2.5px solid #3fe080;box-shadow:0 0 18px #3fe0804d,inset 0 0 20px #3fe08014,0 15px 24px #020a188c}.shopGiftPanel .shopGiftBox{animation:shopGiftBreath 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}@keyframes shopGiftBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.04)}}@media (prefers-reduced-motion: reduce){.shopGiftPanel .shopGiftBox{animation:none}}.shopRibbonGreen{background:linear-gradient(#7ee996,#23994a);color:#0a2e14}.shopGiftBox{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.shopGiftBox:active{transform:scale(.92)}.shopGiftLabel{font-family:var(--font-display);font-size:12px;color:#a8f0c0;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:shopGiftPulse 1.8s ease-in-out infinite}@keyframes shopGiftPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ceremonyOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:ceremonyFadeIn .3s ease-out}.ceremonyOverlay.hidden{display:none}@keyframes ceremonyFadeIn{0%{opacity:0}to{opacity:1}}.ceremonyCard{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 32px;border-radius:16px;background:linear-gradient(160deg,#1a2540,#0e1620);border:2px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000080;animation:ceremonyCardPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes ceremonyCardPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ceremonyTitle{font-size:clamp(16px,3.5vw,22px);color:#ffd23e;letter-spacing:.08em;text-shadow:0 2px 6px rgba(0,0,0,.5)}#ceremonyGiftBox{position:relative;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.ceremonyGiftLid{position:relative;z-index:1}.ceremonyGiftBase{position:relative;z-index:0;margin-top:-6px}.ceremonyGiftLabel{font-size:13px;color:#ffffffb3;margin-top:2px}.ceremonyGiftWiggle{animation:shopGiftWiggle .4s ease-in-out}.ceremonyGiftLidPop{animation:shopGiftLidPop .35s ease-out forwards}.ceremonyGiftReveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:shopGiftRevealPop .4s cubic-bezier(.34,1.56,.64,1) both}.ceremonyGiftReward{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:22px;color:#ffd23e;text-shadow:0 2px 4px rgba(0,0,0,.6)}.ceremonyGiftAmount{font-size:24px}.ceremonyGiftBurst{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,62,.6) 0%,transparent 70%);animation:shopGiftBurst .6s ease-out forwards;pointer-events:none}.shopSeasonalPanel{border:2px solid #a855f7;background:linear-gradient(160deg,#a855f726,#1e0a3c99);display:flex;flex-direction:column;min-width:230px}.shopSeasonalPanel>.shopItemTimer{top:-12px;left:auto;right:10px;padding:2.5px 11px;border-width:2px;font-size:11px}.shopRibbonPurple{background:linear-gradient(#c084fc,#7c3aed)}.shopSeasonalName{font-family:var(--font-display);font-size:14px;color:#f0e6ff;text-shadow:0 1px 3px rgba(0,0,0,.6);margin:4px 0 2px}.shopSeasonalItems{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:stretch;align-content:center;margin-bottom:8px;flex:1;min-height:0}.shopPackItem{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;font-size:10px;font-weight:800;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 10px 7px;color:#e0d0ff;min-width:88px;max-width:116px;max-height:200px}.shopPackItem>:first-child{margin:auto 0}.shopPackItem .rwdChar{width:64px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.shopPackItem .rwdSvg svg{width:44px;height:44px}.shopPackItem .rwdBanner{width:68px;height:27px;border-radius:6px;border:1.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff59}.shopPackItemName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopSeasonalValue{display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:6px}.shopSeasonalValue .shopValueBadge{position:static;transform:none}.shopSeasonalBase{display:flex;align-items:center;gap:2px;font-size:11px;color:#aaa}.shopSeasonalBase s{text-decoration:line-through}.shopSeasonalBuy.disabled{opacity:.45;pointer-events:none}#profile{justify-content:flex-start;padding:59px 0 0}.profileTitle{position:absolute;top:15px;left:130px;margin:0;font-size:21px!important}.profMainTitle{display:none}.profileBody{flex:1;width:100%;max-width:1100px;min-height:0;overflow:hidden;padding:0 14px calc(6px + env(safe-area-inset-bottom)) 12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.profLayout{display:flex;align-items:stretch;gap:14px;height:100%;min-height:0}.profMain{flex:1 1 0;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:4px;padding-right:4px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(180deg,#000 0 calc(100% - 34px),rgba(0,0,0,.32) calc(100% - 10px),transparent 100%);mask-image:linear-gradient(180deg,#000 0 calc(100% - 34px),rgba(0,0,0,.32) calc(100% - 10px),transparent 100%)}.profFavPanel{position:relative;overflow:hidden;isolation:isolate;flex:0 0 clamp(200px,30%,290px);align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:12px 12px 10px;border-radius:16px;border:3px solid #0e1620;box-shadow:inset 0 3px #ffffff1a,inset 0 -3px #00000073,inset 0 26px 34px -18px #000000d9,0 5px #0e1620,0 10px 18px #06141a6b;background:radial-gradient(78% 42% at 50% 86%,rgba(0,0,0,.55) 0%,transparent 70%),linear-gradient(178deg,#12303c,#16394a 44%,#0e2632)}.profFavGlow{content:"";position:absolute;left:-12%;right:-12%;top:2%;height:74%;z-index:0;background-image:var(--fav-banner, linear-gradient(160deg, #2EE6C8, #0D9488));mix-blend-mode:screen;opacity:.34;filter:saturate(1.05);-webkit-mask-image:radial-gradient(62% 58% at 50% 16%,#000 0%,rgba(0,0,0,.42) 48%,transparent 80%);mask-image:radial-gradient(62% 58% at 50% 16%,#000 0%,rgba(0,0,0,.42) 48%,transparent 80%)}.profFavFloor{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:0;background:linear-gradient(180deg,#0000006b,#0000 22%),linear-gradient(178deg,#2a5162,#1d3d4c 38%,#142c37);border-top:2px solid rgba(9,20,26,.75);box-shadow:inset 0 2px #ffffff17}.profFavContact{position:absolute;left:50%;bottom:74px;width:84%;height:26px;z-index:0;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 46%,transparent 74%)}.profFavImg{position:relative;z-index:1;width:100%;max-width:250px;flex:1 1 0;min-height:0;object-fit:contain;margin:auto 0;filter:drop-shadow(-2px -2px 0 rgba(255,214,152,.72)) drop-shadow(-1px 0 0 rgba(255,226,180,.4)) drop-shadow(1.5px 1px 0 rgba(126,200,226,.16)) drop-shadow(0 10px 12px rgba(0,0,0,.5))}.profFavPlate{position:relative;z-index:2;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px 9px;border-radius:12px;background:linear-gradient(#101f2a,#0a151d);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff26,0 -6px 14px #0006}.profFavEyebrow{font-size:8px;font-weight:800;letter-spacing:.22em;color:#ffd23f;text-transform:uppercase}.profFavName{font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 rgba(6,14,22,.55)}.profFavChips{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#ffffffe0}.profFavChips i,.profFavChips em{font-style:normal;font-weight:700}.profFavChips em{color:#fff9}@media (orientation: portrait){.profileBody{overflow-y:auto}.profLayout{flex-direction:column;height:auto}.profMain{overflow:visible;padding-right:0}.profFavPanel{flex:none;width:100%;box-sizing:border-box;min-height:0;flex-direction:row;justify-content:flex-start;padding:10px 14px}.profFavImg{width:96px;flex:none;margin:0}.profFavPlate{flex:1}}.profIdRow{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profIdRow .profTagRow{flex-wrap:wrap;margin-top:0}.profNameLine{display:flex;align-items:center;gap:8px;min-width:0}.profNameLine>.profNamePlate{margin-right:40px}.profNameLine>.profTitle{margin-left:0;flex:0 0 auto}.profIdRow .profIconBig{width:58px;height:58px}.profIconBox{position:relative;flex:0 0 auto}.profIdCol{display:flex;flex-direction:column;gap:6px;min-width:0}.profEditBtn{position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;background:transparent;border:none;cursor:pointer}.profEditBtn:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:8px;background:linear-gradient(#3b5a72,#24384a);border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff40,0 2px #0e1620}.profEditBtn svg{position:relative}.profEditBtn:active{transform:translateY(2px)}.profIconBox>.profEditBtn{position:absolute;right:-16px;bottom:-14px;z-index:2}.profNamePlate>.profEditBtn{position:absolute;right:-40px;top:50%;transform:translateY(-50%)}.profNamePlate>.profEditBtn:active{transform:translateY(calc(-50% + 2px))}.profNamePlate{position:relative;display:inline-flex;align-items:center;width:fit-content;min-width:128px;max-width:250px;padding:3px 14px;border-radius:10px;border:2.5px solid #0e1620;background:linear-gradient(#1d4a55,#143741);box-shadow:inset 0 2px #ffffff52,inset 0 -8px 14px #00000047,0 3px #0e1620}.profNamePlate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-32deg,#ffffff09 0,#ffffff09 5px,#00000008 5px,#00000008 13px),linear-gradient(180deg,rgba(255,255,255,.16) 0%,transparent 42%)}.profNamePlate .profNameInput{position:relative;background:transparent;border:none;outline:none;width:auto;text-align:center;min-height:44px;font-family:var(--font-display);font-weight:400;font-size:16px;color:#fff;letter-spacing:.03em;text-shadow:0 2px 0 rgba(6,14,22,.5)}.profTrophyHero{flex:0 0 auto;margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:148px;padding:6px 11px 7px;border-radius:13px;border:2.5px solid #0e1620;background:radial-gradient(120% 150% at 50% 0%,rgba(255,196,63,.26) 0%,transparent 66%),linear-gradient(#193040,#0b1721);box-shadow:inset 0 2px #ffe29647,inset 0 -6px 12px #0006,0 4px #0e1620}.profTrophyTop{display:flex;align-items:center;justify-content:center;gap:8px}.profTrophyTop svg{flex:0 0 auto;filter:drop-shadow(0 2px 0 rgba(6,14,22,.55))}.profTrophyTop b{font-family:var(--font-display);font-weight:400;font-size:38px;line-height:.92;letter-spacing:.01em;background:linear-gradient(#fff3c4,#ffd23f 46%,#f0a41c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(6,14,22,.75))}.profTrophyTrack{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.profTrophyGoal{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:10px;font-weight:800;letter-spacing:.02em;color:#ffe7a8b8;padding:2px 7px 2px 5px;border-radius:999px;background:#00000057;box-shadow:inset 0 0 0 1px #ffd23f38}.profTrophyGoal svg{display:block;opacity:.85}.profTrophyBar{flex:1;height:7px;border-radius:5px;background:#00000080;border:1px solid #0e1620;overflow:hidden;min-width:0}.profTrophyBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(#ffe887,#f5a91e)}.profStatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.profStat2{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:5px 9px;border-radius:10px;background:linear-gradient(#132532,#0c1a24);border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff14}.profStat2:before{content:"";position:absolute;left:0;right:0;top:0;height:2.5px;background:var(--stat-accent, #9fb6c2);opacity:.3}.profStat2[data-tier=oro]:before,.profStat2[data-tier=liga]:before,.profStat2[data-tier=fuego]:before{opacity:.9}.profStat2[data-tier=oro]{background:radial-gradient(120% 140% at 0% 0%,rgba(255,210,63,.16) 0%,transparent 62%),linear-gradient(#172a33,#0d1c25)}.profStat2 b{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d6e8f09e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profStat2Body{display:flex;align-items:center;gap:6px;min-height:20px}.profStat2Body svg{flex:0 0 auto}.profStat2Body i{font-style:normal;font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(6,14,22,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profStat2[data-tier=oro] .profStat2Body i{color:var(--stat-accent)}.profStat2[data-tier=liga] .profStat2Body i{color:var(--stat-accent);font-size:14px}.profStat2[data-tier=fuego] .profStat2Body i{color:var(--stat-accent)}.profStat2Bar{display:block;height:4px;margin-top:1px;border-radius:3px;background:#00000080;border:1px solid rgba(9,20,26,.9);overflow:hidden}.profStat2Bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#6fd39a,#b6f0c4)}.profBattleCard{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:10px;border-radius:12px;border:2px solid #0e1620;padding:9px 52px 9px 9px;box-shadow:inset 0 1px #ffffff14,0 4px #0e1620;margin-bottom:16px;background:linear-gradient(#132532,#0c1a24)}.profBattleCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.15;background:var(--profBanner, linear-gradient(160deg, #2EE6C8, #0D9488))}.profBattleCard:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none;background:var(--profBanner, linear-gradient(160deg, #2EE6C8, #0D9488))}.profBattleCard>.profEditBtn{position:absolute;right:3px;top:50%;transform:translateY(-50%)}.profBattleCard>.profEditBtn:active{transform:translateY(calc(-50% + 2px))}.profBattleLabel{flex:0 0 auto;align-self:center;max-width:74px;font-size:8.5px;line-height:1.3;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bed4e2e6;padding-left:2px}.profBattleEmotes{flex:1;min-width:0;display:flex;gap:8px;justify-content:space-between}.profBattleSlot{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#16232e;border:2px solid #0e1620;box-shadow:inset 0 2px #ffffff1a,0 3px #0e1620}.profBattleSlot svg{width:32px;height:32px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.profBattleSlot[data-rarity]{box-shadow:inset 0 0 0 2px var(--rar, #9fb6c2),inset 0 3px #ffffff14,0 3px #0e1620}.profBattleSlot[data-rarity=comun]{--rar: rgba(159, 182, 194, .45)}.profBattleSlot[data-rarity=raro]{--rar: #5ebbff}.profBattleSlot[data-rarity=epico]{--rar: #d87aff}.profBattleSlot[data-rarity=legendario]{--rar: #ffd700}.profBattleSlot.empty{background:#0a1219;border-style:dashed;border-color:#9fb6c252;box-shadow:inset 0 3px 7px #0009}.profBattleSlot.empty:after{content:"+";font-size:15px;font-weight:800;line-height:1;color:#9fb6c280}.profSheetBox{position:relative;text-align:left;max-width:560px;max-height:86dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (orientation: portrait){.profStatsGrid{grid-template-columns:repeat(2,1fr)}.profNamePlate{max-width:none}}.profHeader{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-card, 12px);border:3px solid #0e1620;box-shadow:inset 0 2px #ffffff40,0 5px #0e1620,0 10px 16px #0a1e244d;padding:14px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.profHeader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(-32deg,rgba(255,255,255,.07) 0 14px,transparent 14px 34px)}.profIconBig{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffffff47,#00000038 78%);border:3px solid #0e1620;box-shadow:0 3px #0000004d,inset 0 2px #ffffff40;display:flex;align-items:center;justify-content:center;overflow:hidden}.profIconBig svg{width:62px;height:62px}.profNameRow{display:flex;flex-direction:column;align-items:center;gap:2px}.profNameInput{background:#00000047;border:2.5px solid rgba(14,22,32,.65);border-radius:10px;color:#fff;font-family:var(--font-display);font-size:22px;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.45);padding:5px 12px;width:200px;outline:none;box-shadow:inset 0 2px 4px #0000004d;transition:border-color .15s}.profNameInput:focus{border-color:#ffd23e}.profNameErr{font-size:11px;color:#ff6b6b;min-height:14px}.profTitle{display:inline-flex;align-items:center;font-size:12px;font-family:var(--font-display);font-weight:400;letter-spacing:.03em;padding:4px 11px;border-radius:999px;color:#dbe8ef;background:linear-gradient(#ffffff12,#00000038);border:2px solid rgba(14,22,32,.6);box-shadow:inset 0 1.5px #ffffff29,0 2px #0912188c;text-shadow:0 1.5px 0 rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.profTitle[data-rarity=raro]{color:#eaf6ff;background:linear-gradient(#3f86c4,#1d4a76)}.profTitle[data-rarity=epico]{color:#fbeeff;background:linear-gradient(#9a4fd0,#55207e)}.profTitle[data-rarity=legendario]{color:#3a2400;background:linear-gradient(#ffdf6b,#f0a92a 52%,#cf7f12);text-shadow:0 1.5px 0 rgba(255,245,200,.5)}.profTrophies{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:900;color:#ffd95e;background:linear-gradient(#1d4a55,#143741);border:2px solid #0e1620;border-radius:999px;padding:4px 14px;box-shadow:inset 0 1.5px #fff3,0 3px #060e16b3}.profGridTitle{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.profCellTitle{font-size:11px;font-family:var(--font-display);padding:6px 8px;text-align:center}.profCellTitle[data-rarity=raro]{color:#5ebbff}.profCellTitle[data-rarity=epico]{color:#d87aff}.profCellTitle[data-rarity=legendario]{color:gold}.profCellFrame{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px}.profFramePreview{width:32px;height:32px;border-radius:50%;background:#ffffff1a}.profFrameLabel{font-size:10px;text-align:center}.homeProfileTitle{display:block;font-size:9px;opacity:.85;line-height:1.2}.homeProfileTitle[data-rarity=raro]{color:#5ebbff}.homeProfileTitle[data-rarity=epico]{color:#d87aff}.homeProfileTitle[data-rarity=legendario]{color:gold}.profSection{margin-bottom:14px}.profSectionTitle{font-family:var(--font-display);font-size:15px;letter-spacing:.05em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.4);margin-bottom:7px}.profStatRow{display:flex;justify-content:space-between;font-size:12px;padding:3px 8px;background:#00000026;border-radius:6px;margin-bottom:3px}.profStatGlobal{font-weight:700}.profTagRow{display:flex;align-items:center;gap:6px;margin-top:4px}.profTag{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;letter-spacing:.08em;color:#fff;background:#00000052;border:2px solid rgba(14,22,32,.55);border-radius:999px;padding:4px 13px;box-shadow:var(--sh-track);text-shadow:0 1.5px 0 rgba(0,0,0,.4)}.profTagProv{font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#9db4c4;background:#09141c8c;box-shadow:inset 0 0 0 1px #9db4c447;border-radius:999px;padding:1.5px 7px}.profTagCopy{position:relative;font-family:var(--font-display);font-size:10.5px;letter-spacing:.04em;padding:8px 11px;border:none;background:none;color:#f2fbff;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;isolation:isolate;text-shadow:0 1.5px 0 rgba(6,16,24,.55);transition:transform .12s}.profTagCopy:before{content:"";position:absolute;z-index:-1;top:6px;right:0;bottom:6px;left:0;border-radius:9px;border:2px solid #0e1620;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 46%),linear-gradient(#5b7f9c,#365470);box-shadow:inset 0 2px #ffffff4d,0 3px #0e1620}.profTagCopy:active{transform:translateY(2px)}.profTagCopy:active:before{box-shadow:inset 0 2px #ffffff3d,0 0 #0e1620}.profTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:8px}.profTile{display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:10px;padding:8px 6px 6px;box-shadow:0 3px #0a1e2473}.profTileVal{font-family:var(--font-display);font-size:22px;color:#ffd95e;text-shadow:0 2px 0 rgba(0,0,0,.4);font-variant-numeric:tabular-nums}.profTileLabel{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#eafcffbf}.profStatCard{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:10px;padding:8px 12px;margin-bottom:7px;box-shadow:0 3px #0a1e2473}.profStatCardTitle{font-family:var(--font-display);font-size:13px;font-weight:700;color:#7ce8d2;letter-spacing:.04em;margin-bottom:4px}.profStatCardBody{display:flex;gap:10px;font-size:11px;opacity:.9;flex-wrap:wrap}.profStatCardRecords{display:flex;gap:8px;font-size:10px;margin-top:4px;opacity:.75;flex-wrap:wrap}.profRecordsLabel{font-weight:700;color:gold}.profMatchRow{display:flex;align-items:center;gap:8px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-left-width:5px;border-radius:var(--r-sm);padding:6px 8px;margin-bottom:6px;box-shadow:var(--sh-plate)}.profMatchRow.won{border-left-color:var(--c-gem)}.profMatchRow.lost{border-left-color:var(--c-danger)}.profMatchIcon{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-xs);background:color-mix(in srgb,var(--mode-accent, #2ee6c8) 26%,#0e1620);box-shadow:var(--sh-track)}.profMatchIcon svg{width:26px;height:26px}.profMatchInfo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.profMatchTop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profMatchResult{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.04em}.profMatchRow.won .profMatchResult{color:var(--c-gem)}.profMatchRow.lost .profMatchResult{color:var(--c-danger)}.profMatchMvp{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xxs);font-weight:var(--fw-heavy);color:var(--c-gold-dark);background:var(--c-gold);border-radius:var(--r-pill);padding:1px 6px;box-shadow:var(--sh-sticker)}.profMatchAgo{font-size:var(--fs-xxs);color:var(--c-panel-text);opacity:.75;margin-left:auto}.profMatchSub{font-size:var(--fs-xs);color:var(--c-panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profMatchStats{flex:0 0 auto;display:flex;gap:6px}.profMatchStat{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--c-ink);background:#04101452;border-radius:var(--r-xs);padding:2px 5px;box-shadow:var(--sh-track)}.profMatchStatIcon{display:inline-flex}.profMatchWatch{flex:0 0 auto;min-width:44px;min-height:44px;padding:0 10px;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;color:#fff;background:linear-gradient(var(--c-blue-light),var(--c-blue));border:2px solid rgba(255,255,255,.28);border-radius:var(--r-sm);box-shadow:var(--sh-btn-blue);cursor:pointer}.profMatchWatch:active{transform:translateY(3px);box-shadow:var(--sh-btn-blue-active)}.profMatchEmpty{display:flex;align-items:center;gap:10px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-sm);padding:10px 12px;box-shadow:var(--sh-plate)}.profMatchEmptyArt{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;opacity:.4}.profMatchEmptyArt svg{width:30px;height:30px}.profMatchEmptyText{font-size:var(--fs-xs);color:var(--c-panel-text);line-height:1.35}.profGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.profGridBanner{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profCell{position:relative;background:#0003;border:2px solid transparent;border-radius:8px;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.profCell svg{width:36px;height:36px}.profCellBanner{min-height:44px;padding:6px 8px}.profCellBanner svg{display:none}.profBannerLabel{font-size:11px;font-weight:700;text-align:center}.profCellActive{border-color:#5be8b0;box-shadow:0 0 6px #5be8b080}.profCellLocked{opacity:.5;cursor:default}.profCellPrice{position:absolute;bottom:2px;right:2px;font-size:9px;display:flex;align-items:center;gap:2px;color:#ffe887}.profCellPrice svg{width:10px;height:10px}.profEmoteSlots{display:flex;gap:6px;margin-bottom:8px}.profEmoteSlot{width:44px;height:44px;border-radius:8px;background:#0003;border:2px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff6;cursor:pointer}.profEmoteSlot svg{width:32px;height:32px}#geodeOpen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 58%,#24312c,#0d1512 58%,#060a09);overflow:hidden}.geodeCave{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.geodeCaveWall{position:absolute;top:0;right:0;bottom:34%;left:0;background:repeating-linear-gradient(104deg,rgba(120,220,205,.045) 0 2px,transparent 2px 63px),repeating-linear-gradient(88deg,rgba(0,0,0,.26) 0 3px,transparent 3px 41px),linear-gradient(180deg,#0a1210,#1b2a25 62%,#24352e);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 70%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 70%,transparent 100%)}.geodeCaveFloor{position:absolute;top:62%;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 11px),radial-gradient(80% 120% at 50% 0%,rgba(150,210,195,.26) 0%,transparent 62%),linear-gradient(180deg,#1d2b26,#101a17 46%,#070c0b)}.geodeCaveFloor:after{content:"";position:absolute;left:50%;top:36px;width:46%;height:62px;transform:translate(-45%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.82) 0%,rgba(0,0,0,.44) 54%,transparent 100%);filter:blur(10px)}#geodeOpen.geodeRevealed .geodeCaveFloor:after{opacity:0;transition:opacity .45s ease}.geodeCaveFloor:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,rgba(180,235,220,.28) 22%,rgba(180,235,220,.28) 78%,transparent)}.geodeCaveBeam{position:absolute;left:50%;top:-6%;width:62%;height:92%;transform:translate(-50%);background:linear-gradient(180deg,var(--geo-col, #cfe8ff) 0%,transparent 78%);opacity:calc(.17 + var(--geo-prog, 0) * .18);transition:opacity .25s ease;clip-path:polygon(34% 0%,66% 0%,100% 100%,0% 100%);filter:blur(16px)}.geodeCavePillar{position:absolute;top:0;bottom:0;width:24%;background:repeating-linear-gradient(96deg,rgba(255,255,255,.03) 0 2px,transparent 2px 26px),linear-gradient(90deg,#040807,#0b1412 58%,#16221e)}.geodeCavePillarL{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 46%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 46%,transparent 100%)}.geodeCavePillarR{right:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 46%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 46%,transparent 100%)}.geodeHeader{position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;z-index:2;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}#geodeOpen.geodeRevealed .geodeHeader{left:auto;right:calc(10px + env(safe-area-inset-right));transform:scale(.78);transform-origin:top right;opacity:.72}.geodeTitle{font-family:var(--font-display);font-size:21px;letter-spacing:5px;color:var(--ink);-webkit-text-stroke:2px #0b1310;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.5)}.geodeCount{font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:#0b1310;background:linear-gradient(180deg,#f4e6b8,#d9b558);border-radius:999px;padding:3px 10px 2px;box-shadow:inset 0 -2px #00000038}#geodeOpen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(45% 70% at 50% 46%,var(--geo-col, #ffd23e) 0%,transparent 70%),radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);opacity:calc(.12 + var(--geo-prog, 0) * .38);transition:opacity .25s ease;z-index:1}#geodeOpen.geodeRevealed:before{opacity:.26}.geodeStage{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .45s cubic-bezier(.22,1,.36,1)}#geodeOpen.geodeRevealed .geodeStage{transform:translateY(-5%)}.geodeStage.kick{animation:geodeStageKick .16s ease-out}@keyframes geodeStageKick{30%{transform:translate(calc(var(--geo-prog, 0) * -5px),calc(2px + var(--geo-prog, 0) * 3px))}to{transform:none}}.geodeRock{position:relative;width:clamp(190px,62vmin,270px);height:clamp(190px,62vmin,270px);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.geodeRock.idle .geodeImg{animation:geodeBob 2.6s ease-in-out infinite}@keyframes geodeBob{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-4px) rotate(.6deg)}}.geodeRock.idle~.geodePlinth:before{animation:geodeContact 2.6s ease-in-out infinite}@keyframes geodeContact{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.84);opacity:.66}}.geodeRock.trembling .geodeImg{animation:geodeTremble .14s linear infinite}@keyframes geodeTremble{0%{transform:translate(1.5px,-1px) rotate(.5deg)}25%{transform:translate(-1.5px,1px) rotate(-.6deg)}50%{transform:translate(1px,1.5px) rotate(.4deg)}75%{transform:translate(-1px,-1.5px) rotate(-.4deg)}to{transform:translate(1.5px,-1px) rotate(.5deg)}}.geodeImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 calc(9px + var(--geo-prog, 0) * 16px) color-mix(in srgb,var(--geo-col, #7fe6d8) calc(38% + var(--geo-prog, 0) * 42%),transparent)) drop-shadow(0 12px 20px rgba(0,0,0,.55));z-index:1}.geodeHalf{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--geo-open, none);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:1;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55));transition:transform .62s cubic-bezier(.16,.9,.3,1)}.geodeHalfL{clip-path:inset(0 51% 0 0)}.geodeHalfR{clip-path:inset(0 0 0 49%)}#geodeOpen.geodeRevealed .geodeHalfL{transform:translate(-31%,7%) rotate(-9deg)}#geodeOpen.geodeRevealed .geodeHalfR{transform:translate(31%,7%) rotate(9deg)}.geodeColumn{position:absolute;left:50%;bottom:34%;width:74px;height:110%;transform:translate(-50%);background:linear-gradient(0deg,color-mix(in srgb,var(--geo-col, #ffd23e) 85%,white) 0%,color-mix(in srgb,var(--geo-col, #ffd23e) 60%,transparent) 34%,transparent 88%);clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 74%,transparent 100%);filter:blur(20px);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s ease}#geodeOpen.geodeRevealed .geodeColumn{opacity:.5}.geodeShake{animation:geodeShake .24s cubic-bezier(.36,.07,.19,.97)}.geodeShake .geodeImg{animation:geodeHitBright .24s ease-out}@keyframes geodeHitBright{0%{filter:brightness(1) drop-shadow(0 12px 20px rgba(0,0,0,.55))}30%{filter:brightness(calc(1.35 + var(--geo-prog, 0) * .5)) saturate(1.3) drop-shadow(0 12px 20px rgba(0,0,0,.55))}to{filter:brightness(1) drop-shadow(0 12px 20px rgba(0,0,0,.55))}}@keyframes geodeShake{0%{transform:scale(1) rotate(0)}25%{transform:scale(calc(1.07 + var(--geo-prog, 0) * .06),calc(.9 - var(--geo-prog, 0) * .05)) rotate(calc(-2.5deg - var(--geo-prog, 0) * 2deg)) translate(calc(-3px - var(--geo-prog, 0) * 4px))}55%{transform:scale(calc(.94 - var(--geo-prog, 0) * .03),calc(1.08 + var(--geo-prog, 0) * .05)) rotate(calc(2deg + var(--geo-prog, 0) * 1.5deg)) translate(calc(3px + var(--geo-prog, 0) * 4px))}80%{transform:scale(1.03,.97) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.geodeRays{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ray-col, #ffd23e) 0deg 9deg,transparent 9deg 26deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.9) 15%,transparent 68%);mask-image:radial-gradient(circle,rgba(0,0,0,.9) 15%,transparent 68%);opacity:0;transition:opacity .35s ease;animation:geodeRaysSpin 14s linear infinite;pointer-events:none}@keyframes geodeRaysSpin{to{transform:rotate(360deg)}}.geodeFlash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:6}.geodeFlash.on{animation:geodeFlash .26s ease-out}@keyframes geodeFlash{0%{opacity:0}18%{opacity:.9}to{opacity:0}}.geodeShockwave{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:4px solid var(--geo-col, #fff);pointer-events:none;z-index:3;animation:geodeShockwave .55s cubic-bezier(.16,.8,.4,1) forwards}@keyframes geodeShockwave{0%{transform:scale(.25);opacity:.95;border-width:8px}to{transform:scale(3.1);opacity:0;border-width:1px}}.geodeShard{position:absolute;left:50%;top:50%;width:16px;height:13px;background:linear-gradient(145deg,#9a8f85,#5d554e 70%);border:1.5px solid #26221f;clip-path:polygon(15% 0%,100% 25%,80% 100%,0% 70%);pointer-events:none;z-index:3;animation:geodeShard .7s cubic-bezier(.2,.7,.6,1) forwards}@keyframes geodeShard{0%{transform:translate(-50%,-50%) translate(0) rotate(0) scale(var(--shard-s, 1));opacity:1}to{transform:translate(-50%,-50%) translate(var(--shard-dx, 0px),calc(var(--shard-dy, 0px) + 60px)) rotate(var(--shard-rot, 300deg)) scale(var(--shard-s, 1));opacity:0}}.geodeCracks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.geodeGlow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;opacity:0;filter:blur(18px);pointer-events:none;transition:opacity .2s ease;z-index:0}.geodeExplode{animation:geodeExplode .45s ease-out forwards;pointer-events:none}@keyframes geodeExplode{0%{transform:scale(1);opacity:1}35%{transform:scale(1.28);opacity:.9;filter:brightness(2.5) drop-shadow(0 12px 20px rgba(0,0,0,.55))}to{transform:scale(1.7);opacity:0;filter:brightness(3) drop-shadow(0 12px 20px rgba(0,0,0,.55))}}.geodeOpenPop{animation:geodeOpenPop .55s cubic-bezier(.2,1.5,.4,1) both}@keyframes geodeOpenPop{0%{transform:scale(.35);opacity:0;filter:brightness(2.2) drop-shadow(0 12px 20px rgba(0,0,0,.55))}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1;filter:brightness(1) drop-shadow(0 12px 20px rgba(0,0,0,.55))}}.geodeSpark{position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;pointer-events:none;animation:geodeSpark .55s ease-out forwards;z-index:3}@keyframes geodeSpark{0%{transform:translate(-50%,-50%) translate(0) scale(var(--spark-s, 1));opacity:1}to{transform:translate(-50%,-50%) translate(var(--spark-dx),var(--spark-dy)) scale(calc(var(--spark-s, 1) * .4));opacity:0}}.geodeMote{position:absolute;left:50%;bottom:34%;width:5px;height:5px;border-radius:50%;background:var(--geo-col, #ffd23e);box-shadow:0 0 8px var(--geo-col, #ffd23e);pointer-events:none;opacity:0;z-index:2;animation:geodeMote var(--mote-dur, 2.6s) linear var(--mote-delay, 0s) infinite}@keyframes geodeMote{0%{transform:translate(var(--mote-x, 0)) scale(var(--mote-s, 1));opacity:0}16%{opacity:.85}78%{opacity:.5}to{transform:translate(calc(var(--mote-x, 0) * 1.7),-150px) scale(calc(var(--mote-s, 1) * .4));opacity:0}}.geodePlinth{position:relative;width:clamp(200px,68vmin,300px);height:34px;margin-top:-32px;border-radius:6px 6px 4px 4px;background:linear-gradient(90deg,transparent 31.5%,rgba(0,0,0,.5) 31.5% 33%,transparent 33%),linear-gradient(90deg,transparent 66.5%,rgba(0,0,0,.5) 66.5% 68%,transparent 68%),repeating-linear-gradient(93deg,rgba(0,0,0,.11) 0 1px,transparent 1px 13px),linear-gradient(180deg,#7c8f83,#4a5b51 40%,#26332d);box-shadow:inset 0 2px #d6f0e466,inset 0 -4px #00000080,0 12px 20px #0000008c;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.geodePlinthTop{position:absolute;z-index:1;left:-7%;right:-7%;top:-7px;height:15px;border-radius:50%;background:linear-gradient(180deg,#aec4b5,#66796d);box-shadow:inset 0 2px #ecfdf48c}.geodePlinth:before{content:"";position:absolute;z-index:2;left:8%;right:8%;top:-8px;height:19px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.95) 0%,rgba(0,0,0,.58) 54%,transparent 100%);filter:blur(3px)}.geodePlinth:after{content:"";position:absolute;z-index:3;left:18%;right:18%;top:-3px;height:8px;border-radius:50%;background:var(--geo-col, #ffd23e);opacity:calc(.3 + var(--geo-prog, 0) * .45);filter:blur(5px);transition:opacity .25s ease}#geodeOpen.geodeRevealed .geodePlinth{opacity:0;transition:opacity .45s ease}.geodeTapHint{font-family:var(--font-display);font-size:21px;letter-spacing:2px;text-transform:uppercase;color:var(--ink);-webkit-text-stroke:2px #0b1310;paint-order:stroke fill;text-align:center;animation:geodePulse 1.5s ease-in-out infinite}.geodeTaps{display:flex;gap:7px;margin-top:-4px}.geodeTaps i{width:24px;height:7px;border-radius:3px;background:#0c1614d9;border:1px solid rgba(170,220,210,.45);box-shadow:inset 0 1px #00000080;transition:background .18s ease,box-shadow .18s ease}.geodeTaps i.on{background:var(--geo-col, #ffd23e);box-shadow:0 0 9px var(--geo-col, #ffd23e)}@media (prefers-reduced-motion: reduce){.geodeRock.idle .geodeImg,.geodeRock.trembling .geodeImg{animation:none}.geodeRock.idle~.geodePlinth:before{animation:none}.geodeStage.kick,.geodeShake{animation:none}.geodeShockwave,.geodeShard,.geodeMote{display:none}.geodeRewardIcon{animation:none}.geodeHalf{transition:none}}@keyframes geodePulse{0%,to{opacity:.6}50%{opacity:1}}.geodeReveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0 34px;pointer-events:none}.geodeRarityLabel{font-family:var(--font-display);font-size:25px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#f6efe0;padding:5px 26px 3px;border-radius:6px;background:linear-gradient(180deg,#ffffff1a,#00000057),color-mix(in srgb,var(--geo-col, #ffd23e) 36%,#0a0f16);border:2px solid var(--geo-col, #ffd23e);box-shadow:inset 0 2px #ffffff24,0 4px #0000009e,0 8px 18px #000c;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%,11px 50%);-webkit-text-stroke:2px #0e1620;paint-order:stroke fill;animation:geodeRarityStamp .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes geodeRarityStamp{0%{transform:scale(2.2);opacity:0}55%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}.geodeRewardCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.geodeRewardCard:before{content:"";position:absolute;left:50%;top:108px;width:760px;height:760px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--geo-col, #ffd23e) 62%,transparent) 0deg 4deg,transparent 4deg 13deg);-webkit-mask-image:radial-gradient(closest-side,rgba(0,0,0,.95) 6%,transparent 48%);mask-image:radial-gradient(closest-side,rgba(0,0,0,.95) 6%,transparent 48%);opacity:.3;z-index:-1;pointer-events:none;animation:geodeRaysSpin 20s linear infinite}.geodeRewardIcon{position:relative;display:flex;align-items:center;justify-content:center;width:188px;height:188px;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--geo-col, #ffd23e) 85%,transparent)) drop-shadow(0 6px 10px rgba(0,0,0,.6));animation:geodeRewardFloat 3.4s ease-in-out infinite}.geodeRewardIcon:before{content:"";position:absolute;width:268px;height:268px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--geo-col, #ffd23e) 70%,white) 0%,color-mix(in srgb,var(--geo-col, #ffd23e) 45%,transparent) 34%,transparent 72%);opacity:.55;z-index:-1;pointer-events:none}.geodeRewardIcon:after{content:"";position:absolute;top:96px;width:420px;height:168px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,205,120,.34) 0%,rgba(255,168,52,.15) 40%,transparent 70%);mix-blend-mode:screen;opacity:.75;z-index:-2;pointer-events:none}.geodePrizeExtrude{position:relative;display:block;line-height:0}.geodePrizeBack{position:absolute;left:3px;top:4px;line-height:0;filter:brightness(0) saturate(0);opacity:.72}@keyframes geodeRewardFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.02)}}.geodeRewardText{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:-4px}.geodeRewardAmount{font-family:var(--font-display);font-size:40px;line-height:.94;color:var(--ink);-webkit-text-stroke:3px #0e1620;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 20px color-mix(in srgb,var(--geo-col, #ffd23e) 70%,transparent)}.geodeRewardKind{font-family:var(--font-display);font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--c-panel-head);text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.9)}.geodeRewardCard.sinCifra .geodeRewardKind{font-size:24px;letter-spacing:2px;color:var(--ink);-webkit-text-stroke:2px #0e1620;paint-order:stroke fill;max-width:86vw;text-align:center}.geodeDupe{display:block;font-size:11px;letter-spacing:0;text-transform:none;color:#ffffff8c}.geodeClaimBtn{position:absolute;left:0;right:0;width:fit-content;margin:0 auto;bottom:calc(9px + env(safe-area-inset-bottom));pointer-events:auto;min-width:188px;min-height:48px;font-size:18px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,var(--c-blue-light) 0%,var(--c-blue) 100%);color:#fff;-webkit-text-stroke:2.25px #10406f;border:2.5px solid rgba(255,255,255,.62);box-shadow:inset 0 2px #ffffff6b,0 5px #1a4f96,0 10px 18px #0000009e;text-shadow:0 2px 3px rgba(10,40,80,.6)}@keyframes geodePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.geodeInfoBtn{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:4;font-family:var(--font-display);font-size:12px;letter-spacing:1px;min-height:44px;padding:8px 14px;color:var(--c-panel-head);background:linear-gradient(180deg,#1e3840e6,#0a181ce6);border:2px solid rgba(160,220,230,.28);border-radius:10px;box-shadow:inset 0 1px #ffffff1f,0 3px 10px #00000080;opacity:.92}.geodeInfoIcon{display:inline-flex;vertical-align:-3px;margin-right:5px}.geodeInfoPanel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000000e6;z-index:7}.geodeInfoTitle{font-size:16px;font-weight:800;color:#fff}.geodeInfoBody{display:flex;flex-direction:column;gap:6px}.geodeInfoRow{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffd9}.geodeInfoDot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.geodeInfoClose{min-height:44px;min-width:100px;font-size:14px}@media (prefers-reduced-motion: reduce){.geodeExplode,.geodeSpark,.geodeTapHint{animation-duration:.01ms!important}}#quests{justify-content:flex-start;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));gap:10px;overflow:hidden}#quests>.btn.screenBackBtn{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:2}.questsTitle{text-align:center;flex-shrink:0}.questsBody{padding:6px calc(20px + env(safe-area-inset-right)) 4px calc(20px + env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent);mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent);flex:1;min-height:0;width:calc(100% + 28px + env(safe-area-inset-left) + env(safe-area-inset-right));margin-left:calc(-14px - env(safe-area-inset-left));margin-right:calc(-14px - env(safe-area-inset-right))}.questSections{display:flex;align-items:stretch;gap:8px;width:max-content;margin:0 auto;padding:2px 2px 6px;height:100%}.questSectDaily{--qsect: #ffb43c;--qsectDim: rgba(255, 180, 60, .34)}.questSectWeekly{--qsect: #63d6ff;--qsectDim: rgba(99, 214, 255, .34)}.questSectSpecial{--qsect: #d9a6ff;--qsectDim: rgba(217, 166, 255, .42)}.questSectSpecial{background:linear-gradient(180deg,#220e3ec7,#0c041ec7);border-color:#ffcd7852;box-shadow:inset 0 2px 6px #00000080,inset 0 1px #ffffff17,0 0 16px #b46eff29}.questSectSpecial .questSectionHead{background:linear-gradient(180deg,#381a60f5,#1c0c3af5);border-color:#ffcd785c}.questSectSpecial .questCard{background:linear-gradient(180deg,#502e84f7,#241046f7);border-top-color:#ffd68c4d;border-right-color:#ffd68c4d;border-bottom-color:#ffd68c4d}.questSection{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:10px;background:#070314b8;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 2px 6px #0000008c,inset 0 1px #ffffff0d;width:max-content;flex:0 0 auto;min-height:0}@media (orientation: portrait){.questSections{flex-direction:column;width:100%;align-items:stretch}.questSection{width:100%}.questsBody{overflow-x:hidden;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 22px),transparent)}}.questSectionHead{display:flex;align-items:center;gap:6px;width:0;min-width:100%;padding:2px 8px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1c0e3af0,#120928f0);border:1px solid var(--qsectDim, rgba(255, 255, 255, .16));border-bottom:2px solid var(--qsect, #ffd23e);box-shadow:0 2px #08041480}.questSectionTitle{font-family:var(--font-display);font-size:14px;color:var(--qsect, #ffd23e);paint-order:stroke fill;-webkit-text-stroke:2px #17092f;text-shadow:0 2px 0 rgba(20,8,44,.55);letter-spacing:.5px;white-space:nowrap}.questSectionCount{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e8443a;border:2px solid #2a1550;color:#fff;font-family:var(--font-display);font-size:10.5px;line-height:14px;text-align:center}.questSectionMeta{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#cdb8f0;text-align:right;white-space:nowrap}.questSectionMeta svg{width:12px;height:12px}.questSection .questCards{max-width:none;margin:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--qrows, 3),minmax(0,1fr));grid-auto-columns:250px;align-items:stretch;gap:6px;flex:1;min-height:0}@media (orientation: portrait){.questSection .questCards{display:flex;flex-direction:column;flex:0 0 auto}}.questSection>.questSectionFoot{width:0;min-width:100%}.questSectionFoot{margin-top:6px;min-height:26px;padding:3px 8px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px 4px 8px 8px;background:linear-gradient(180deg,#120928f0,#1c0e3af0);border:1px solid var(--qsectDim, rgba(255, 255, 255, .16));border-top:2px solid var(--qsectDim, rgba(255, 255, 255, .2));box-shadow:inset 0 1px #ffffff0d}.questFootText{font-size:10px;font-weight:700;line-height:1.1;color:#b7a6dd;text-align:center}.questSectionFoot.questBonusReady{min-height:52px;border-color:#ffc9336b;border-top-color:#ffc93399;background:linear-gradient(180deg,#3a240cf0,#261608f0)}.questSectionFoot.questBonusDone .questFootText{color:#6be5a0}.questRankSeal{padding:1px 7px;border-radius:999px;font-family:var(--font-display);font-size:9px;letter-spacing:.6px;color:#23140a;background:linear-gradient(180deg,#ffe08a,#f0a92e);border:1px solid rgba(255,240,190,.7);box-shadow:0 0 8px #ffbe3c59;text-shadow:0 1px 0 rgba(255,255,255,.45)}.questCards{display:flex;flex-direction:column;gap:10px;max-width:600px;margin:0 auto}.questCard{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;column-gap:7px;row-gap:1px;padding:3px 8px;align-content:center;min-height:0;border-radius:10px;background:linear-gradient(180deg,#402a6cf7,#1e113cf7);border:1px solid rgba(255,255,255,.18);border-top-color:#ffffff47;border-left:3px solid var(--qsect, rgba(255, 255, 255, .3));box-shadow:inset 0 1px #ffffff1f,0 2px #080414b3,0 6px 12px #04020c8c;transition:transform .2s,opacity .2s}.questIcon{grid-column:1;grid-row:1 / 4}.questDesc{grid-column:2;grid-row:1}.questTrack{grid-column:2;grid-row:2}.questPrize{grid-column:2;grid-row:3}.questAction{grid-column:3;grid-row:1 / 4}.questCards[data-rows="3"] .questCard{padding:5px 9px;row-gap:3px;column-gap:8px;grid-template-columns:38px minmax(0,1fr) auto}.questCards[data-rows="3"] .questIcon{width:38px;height:38px}.questCards[data-rows="3"] .questIcon svg{width:22px;height:22px}.questCards[data-rows="3"] .questDesc{font-size:13px}.questCards[data-rows="3"] .questBar{height:12px;border-radius:6px}.questCards[data-rows="3"] .questBarFill{border-radius:6px}.questCards[data-rows="3"] .questProgress{font-size:12px}.questCards[data-rows="3"] .questPrize{gap:3px}.questCards[data-rows="3"] .questChipLead{padding-right:6px}.questCards[data-rows="3"] .questChipLead b{font-size:1.06em}.questCards[data-rows="3"] .questDesc{line-height:1.06}.questCards[data-rows="3"] .questChip{font-size:11px;line-height:14px;padding:1px 7px 1px 5px}.questCards[data-rows="3"] .questChip svg{width:13px;height:13px}.questCards[data-rows="2"] .questCard{padding:6px 9px;row-gap:5px;column-gap:8px;grid-template-columns:38px minmax(0,1fr) auto}.questCards[data-rows="2"] .questIcon{width:42px;height:42px;grid-row:1 / 3}.questCards[data-rows="2"] .questIcon svg{width:25px;height:25px}.questCards[data-rows="2"] .questAction{grid-row:1 / 3}.questCards[data-rows="2"] .questDesc{font-size:14px;line-height:1.16;-webkit-line-clamp:3;line-clamp:3}.questCards[data-rows="2"] .questBar{height:15px;border-radius:8px}.questCards[data-rows="2"] .questBarFill{border-radius:8px}.questCards[data-rows="2"] .questProgress{font-size:13px;padding:2px 7px}.questCards[data-rows="2"] .questIcon{box-shadow:inset 0 2px #ffffff59,inset 0 -3px 6px #00000073,0 2px 4px #00000080,0 0 12px color-mix(in srgb,var(--qmedal, #6be5a0) 26%,transparent)}.questCards[data-rows="2"] .questPrize{grid-column:1 / -1;justify-content:center;gap:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.1)}.questCards[data-rows="2"] .questChip{font-size:12px;line-height:16px;padding:1px 8px 1px 5px}.questCards[data-rows="2"] .questChip svg{width:14px;height:14px}.questCard.questLarge{border-top-color:#ffffff3d;border-right-color:#ffffff3d;border-bottom-color:#ffffff3d}.questCard.questReady{position:relative;z-index:1;border-color:#ffd166bf;border-left-color:#ffd166d9;border-top-color:#ffe9b0e6;background:linear-gradient(180deg,#2e5c44f7,#142e24f7);transform:translateY(-2px);box-shadow:inset 0 1px #fff0c84d,0 4px #061810bf,0 9px 16px #020a0699,0 0 18px #6be5a059}.questCard.questReady:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:15px;background:radial-gradient(ellipse at 50% 50%,#ffcd5c57,#ffcd5c00 68%);pointer-events:none;z-index:-1;animation:questReadyHalo 2.2s ease-in-out infinite}@keyframes questReadyHalo{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.questCard.questReady:before{animation:none;opacity:.8}}.questCard.questDone{opacity:.72;border-left-color:#ffffff29}.questCard.questPop{animation:questPop .35s ease-out}@keyframes questPop{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.questIcon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 36% 26%,#fff6,#fff0 62%),linear-gradient(180deg,color-mix(in srgb,var(--qmedal, #6be5a0) 46%,#1a0f34),color-mix(in srgb,var(--qmedal, #6be5a0) 14%,#120826));border:1.5px solid color-mix(in srgb,var(--qmedal, #6be5a0) 55%,transparent);box-shadow:inset 0 1.5px #ffffff59,inset 0 -3px 5px #00000073,0 1px 3px #00000080,0 0 10px color-mix(in srgb,var(--qmedal, #6be5a0) 22%,transparent);color:#fff;overflow:hidden;flex-shrink:0}.questIcon svg{width:18px;height:18px;position:relative;z-index:1}.questIconFace{padding:0}.questFace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.28);transform-origin:50% 8%}.questIconFace:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,#ffffff29,#0000 45%,#00000080);pointer-events:none}.questIconMode svg{width:24px;height:24px;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.55)) drop-shadow(0 1.5px 2px rgba(0,0,0,.6))}.questIconMode{background:radial-gradient(circle at 36% 26%,#ffffff4d,#fff0 58%),radial-gradient(circle at 50% 58%,#080414d9,#08041400 62%),linear-gradient(180deg,color-mix(in srgb,var(--qmedal, #6be5a0) 34%,#150b2c),color-mix(in srgb,var(--qmedal, #6be5a0) 10%,#0e0620))}.questCards[data-rows="3"] .questIconMode svg{width:28px;height:28px}.questCards[data-rows="2"] .questIconMode svg{width:32px;height:32px}.questDesc{font-family:var(--font-display);font-size:11.5px;line-height:1.1;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.questTrack{display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px}.questBar{position:relative;flex:1;min-width:0;height:13px;border-radius:8px;background:linear-gradient(180deg,#0000009e,#0000007a);box-shadow:inset 0 1.5px 3px #000000b3,inset 0 -1px #ffffff0f;border:1px solid rgba(0,0,0,.5);overflow:hidden;display:flex;align-items:center}.questNotch{position:absolute;top:0;width:2px;height:100%;margin-left:-1px;background:#fff6}.questNotch.questNotchGot{background:#fff;box-shadow:0 0 4px #fffc}.questBarFill{position:absolute;left:0;top:0;height:100%;border-radius:8px;background:linear-gradient(180deg,#ffffff80,#fff0),var(--qsect, #6be5a0);box-shadow:0 0 8px color-mix(in srgb,var(--qsect, #6be5a0) 45%,transparent);transition:width .3s ease}.questBarFull .questBarFill{background:linear-gradient(180deg,#fff0b8,#ffb020 55%,#e08a10);box-shadow:0 0 10px #ffbe3c8c,inset 0 -1px #783c0066}.questBarFull{border-color:#ffc85a73}.questProgress{padding:1px 6px;border-radius:6px;background:#0000006b;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffffff12;font-family:var(--font-display);font-size:11px;line-height:1.15;color:#fff;flex-shrink:0;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.questProgressFull{color:#ffe9a8;background:#4626008c;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffc85a66}.questProgressFull i{color:#ffe9a899}.questProgress i{font-style:normal;color:#ffffff9e}.questPrize{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.questChip{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:1px 6px 1px 4px;border-radius:999px;background:#00000057;border:1px solid rgba(255,255,255,.13);font-size:10px;line-height:12px;color:#e9e0ff;white-space:nowrap}.questChip svg{width:12px;height:12px;flex-shrink:0}.questChip b{font-family:var(--font-display);font-weight:400}.questChipLead{background:linear-gradient(180deg,#604a9ee6,#301e5ce6);border-color:#d6c4ff80;color:#fff;font-weight:700;padding-right:8px;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000073}.questChipLead b{font-size:1.12em}.questChipLead svg{width:1.16em;height:1.16em}.questChipBig{background:linear-gradient(180deg,#ffc93357,#ff95003d);border-color:#ffd66699;color:#ffe9a8;box-shadow:0 0 8px #ffbe3c47}.questAction{display:flex;align-items:center;justify-content:center}.questCard .questClaimBtn{position:relative;min-width:68px;min-height:44px;padding:0 7px;font-family:var(--font-display);font-size:12.5px;font-weight:400;background:linear-gradient(180deg,#a6ffcb,#59dd93 46%,#2f9e5c);color:#06301b;border:1px solid rgba(255,255,255,.55);border-radius:9px;cursor:pointer;box-shadow:inset 0 1.5px #fff9,inset 0 -3px 4px #003c1e59,0 4px #176036,0 6px 10px #02140a80,0 0 16px #6be5a080;text-shadow:0 1px 0 rgba(255,255,255,.45);animation:questClaimPulse 2.2s ease-in-out infinite}@keyframes questClaimPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion: reduce){.questCard .questClaimBtn{animation:none}}.questCard .questRerollBtn{width:44px;min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:none;text-shadow:none;cursor:pointer;color:#a897cc}.questCard .questRerollBtn:after,.questCard .questRerollBtn:before{content:none}.questCard .questRerollBtn svg{width:17px;height:17px}.questClaimed{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#6be5a0;background:#6be5a01f;border:1.5px solid rgba(107,229,160,.45);box-shadow:inset 0 -2px 4px #0000004d}.questClaimed svg{width:16px;height:16px}.questBonusBtn{font-size:12px;padding:0 14px;min-height:44px}.questTabBadge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:#fff;background:#e53e3e;border-radius:8px;margin-left:4px;vertical-align:middle}.questBadge{width:auto;height:auto;min-width:18px;padding:1px 5px;font-size:11px;font-weight:700;color:#fff;text-align:center;line-height:16px;border-radius:9px;position:absolute;top:-4px;right:-4px;background:#e53e3e}#achievements{background-color:#150c06;background-image:none;justify-content:flex-start;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));gap:6px}.achScene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#achievements>*:not(.achScene){position:relative;z-index:1}#achievements>.btn.screenBackBtn{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:2}.achTopBar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;flex-shrink:0;min-height:42px}.achTopBar>.achievementsTitle{grid-column:2}.achTopBar>.achTotal{grid-column:3;justify-self:end}.achievementsTitle{font-size:clamp(20px,3.6vw,30px);margin:0;color:#ffe6a8;text-shadow:0 2px 0 #4a2c07,0 4px 10px rgba(0,0,0,.6)}.achTotal{display:flex;align-items:center;gap:9px;padding:5px 12px 6px;border-radius:999px;background:#0a0503d9;box-shadow:inset 0 3px 7px #000000a6,inset 0 -1px #ffffff1f,0 1px #ffe6af24}.achTotalNum{font-family:var(--font-display);font-size:23px;color:#ffd97a;text-shadow:0 2px 0 #4a2c07,0 3px 6px rgba(0,0,0,.7);line-height:1}.achTotalNum i{font-style:normal;font-size:14px;color:#b59a72}.achTotalBar{position:relative;width:108px;height:12px;border-radius:6px;background:#241505;box-shadow:inset 0 2px 4px #000c,inset 0 -1px #ffffff12;overflow:hidden}.achTotalBar i{position:absolute;inset:0 auto 0 0;border-radius:6px 0 0 6px;background:linear-gradient(180deg,#fff0b0,#ffcf47 55%,#c9891a);box-shadow:inset 0 1px #ffffffbf,2px 0 5px #ffbe3c73}.achTotalBar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#fff0 0,#fff0 26px,#00000080 26px,#00000080 28px);pointer-events:none}.achTotalLbl{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;color:#b59a72}.achievementsBody{width:100%;flex:1 1 auto;min-height:0;padding:6px 10px 18px;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 4px,#000 calc(100% - 16px),rgba(0,0,0,.62) calc(100% - 6px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 4px,#000 calc(100% - 16px),rgba(0,0,0,.62) calc(100% - 6px),transparent)}.achFoot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;flex-shrink:0;min-height:46px;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#3b2a17,#2a1c0e 46%,#1b1108);box-shadow:inset 0 1px #ffd69638,inset 0 -2px #0009,0 -3px 10px #0000008c}.achFoot:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#d69e4200,#d69e42 22%,#ffe09a,#d69e42 78%,#d69e4200)}.achFootState{display:flex;align-items:center;gap:7px;min-width:0;font-family:var(--font-display);font-size:11.5px;letter-spacing:.06em;color:#b59a72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achFootState.is-ready{color:#ffe6a8}.achFootState>span{overflow:hidden;text-overflow:ellipsis}.achFootLoot{display:inline-flex;align-items:center;gap:5px;margin-left:4px}.achFootLoot .achChip{padding:2px 7px 3px;font-size:12px;color:#f3e8d4;background:#17110b;border:1.5px solid #3d2a15;box-shadow:inset 0 2px 4px #000000bf,0 1px #ffe2a024;text-shadow:0 1px 2px rgba(0,0,0,.8)}.achFootLoot .achChip svg{width:12px;height:12px}.achFootDot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff4c8,#ffcf47 45%,#b9760f);box-shadow:0 0 7px #ffc850d9,inset 0 -1px #00000059;animation:achFootLatido 2.2s ease-in-out infinite}@keyframes achFootLatido{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.28);opacity:.72}}.achFootAction{justify-self:end}.achClaimAllBtn{min-height:44px;padding:0 14px;font-size:13px;letter-spacing:.04em;white-space:nowrap}.achClaimAllBtn b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;margin-left:6px;padding:1px 5px 2px;border-radius:5px;font-size:12px;color:#ffe6a8;background:#140c05b8;box-shadow:inset 0 1px 3px #000000bf,0 1px #ffe2a038}.achFoot>.achMore{display:flex;align-items:center;justify-content:center;width:30px;height:18px;border-radius:999px;color:#2a1806;background:linear-gradient(180deg,#ffe694,#d99a22);box-shadow:inset 0 1px #ffffffa6,0 2px 5px #000000b3;opacity:0;pointer-events:none;transition:opacity .18s ease}@keyframes achMasAbajo{0%,70%,to{transform:translateY(0)}82%{transform:translateY(3px)}}.achFoot>.achMore.is-on{opacity:1;animation:achMasAbajo 2.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.achMore.is-on{animation:none}}.achievementsBody::-webkit-scrollbar{width:6px}.achievementsBody::-webkit-scrollbar-track{background:#0a06038c;border-radius:3px}.achievementsBody::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d8b064,#8a5d1c);border-radius:3px;box-shadow:inset 0 1px #fff6}.achSection{margin-bottom:10px}.achSectionHead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.achSectionTitle{font-family:var(--font-display);font-size:13px;color:#ddd0ba;letter-spacing:.14em;text-shadow:0 1px 2px rgba(0,0,0,.7);flex-shrink:0}.achSectionRule{flex:1;height:2px;border-radius:1px;background:linear-gradient(90deg,#cec0aa6b,#cec0aa4d 70%,#cec0aa14)}.achGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.achCard{display:grid;grid-template-columns:46px minmax(0,1fr) 140px;align-items:center;min-height:72px;column-gap:9px;padding:7px 9px;border-radius:11px;background:linear-gradient(180deg,#3c332bf5,#1b1612f5);border:1px solid rgba(226,214,196,.13);border-top-color:#f0e6d638;box-shadow:inset 0 1px #f0e6d61a,0 2px #0a0704cc,0 6px 12px #04020199;transition:transform .2s,box-shadow .2s}.achCard.achReady{position:relative;overflow:visible;background:linear-gradient(180deg,#543e22fa,#261a0dfa);border-color:#ffcf47d9;border-top-color:#fff5cde6;box-shadow:inset 0 1px #fff5cd66,inset 0 0 22px #ffb43229,0 3px #0a0502d9,0 0 16px #ffb43252,0 8px 16px #04020199}@keyframes achLatido{0%,62%,to{transform:scale(1)}72%{transform:scale(1.045)}84%{transform:scale(.995)}}.achReady .achClaimBtn{animation:achLatido 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.achReady .achClaimBtn{animation:none}}.achCard.achDone{background:linear-gradient(180deg,#28231de6,#14110de6);border-color:#e2d6c417;box-shadow:inset 0 1px #f0e6d612,0 2px #0a0704b3}.achMedal{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.achMedalSvg{width:46px;height:46px;display:block}.achInfo{min-width:0}.achName{font-family:var(--font-display);font-size:15px;letter-spacing:.03em;color:#fff6e2;text-shadow:0 1px 2px rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achDesc{font-size:11px;line-height:1.15;color:#cbbca6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achTrack{display:flex;align-items:center;gap:6px;margin-top:3px}.achBar{position:relative;flex:1 1 auto;min-width:0;height:8px;border-radius:4px;background:#37312a;box-shadow:inset 0 2px 3px #0009,inset 0 -1px #ffffff1f,0 1px #ffffff12;overflow:hidden}.achBarFill{height:100%;border-radius:4px;background:linear-gradient(180deg,#8ef0c4,#34c98a 55%,#148a5c);box-shadow:inset 0 1px #ffffff8c}.achReady .achBarFill{background:linear-gradient(180deg,#ffe694,#ffcf47 55%,#c9891a)}.achCount{font-family:var(--font-display);font-size:12.5px;color:#f4ece0;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.achCount i{font-style:normal;font-size:10px;color:#a89c8b}.achSide{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex-shrink:0}.achSteps{justify-content:flex-end}.achSteps{display:flex;gap:3px}.achSteps i{width:6px;height:6px;border-radius:50%;background:#2b1a0a;box-shadow:inset 0 1px 2px #000c}.achSteps i.achStepOn{background:linear-gradient(180deg,#ffe694,#d99a22);box-shadow:inset 0 1px #fff9,0 0 5px #ffc85099}.achPrize{display:flex;align-items:center;justify-content:flex-end;min-height:44px}.achPrize .achChip{padding:4px 8px 5px;color:#f3e8d4;background:#17110b;border:2px solid var(--ach-metal);border-top-color:var(--ach-metal-hi);border-bottom-color:var(--ach-metal-lip);box-shadow:inset 0 2px 5px #000000b3,0 0 0 2px #00000073,0 2px 3px #0000008c;text-shadow:0 1px 2px rgba(0,0,0,.8)}.achChip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 4px;border-radius:6px;font-family:var(--font-display);font-size:13px;font-weight:400;color:#2a1a08;border:1.5px solid #150d05;background:linear-gradient(180deg,var(--ach-metal-hi) 0 3px,var(--ach-metal) 3px calc(100% - 4px),var(--ach-metal-lip) calc(100% - 4px) 100%);box-shadow:0 1px #0000008c;text-shadow:0 1px 0 rgba(255,255,255,.35)}.achChip{--ach-metal-hi: #e6b184;--ach-metal: #c8834a;--ach-metal-lip: #6d3a15}.achBand1 .achChip{--ach-metal-hi: #f2f7fb;--ach-metal: #cdd8e0;--ach-metal-lip: #6c7c88}.achBand2 .achChip{--ach-metal-hi: #ffeeae;--ach-metal: #ffc933;--ach-metal-lip: #9c6a0e}.achChip svg{width:14px;height:14px;display:block}.achClaimPrize{display:inline-flex;align-items:center;gap:3px;margin-right:6px}.achClaimPrize .achChip{padding:2px 5px 3px;font-size:11.5px;box-shadow:0 1px #ffffff4d,inset 0 0 0 1px #00000047}.achClaimPrize .achChip svg{width:11px;height:11px}.achClaimBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 7px;border-radius:10px;font-family:var(--font-display);font-size:12px;letter-spacing:.04em;color:var(--c-gold-dark);background:linear-gradient(180deg,#ffe27a,#ffc933 55%,#f5a10e);border:none;box-shadow:inset 0 2px #fff9,0 3px 0 var(--c-gold-lip),0 6px 10px #00000080;text-shadow:0 1px 0 rgba(255,255,255,.45)}.achStamp{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;color:#8ee0b4;padding:2px 7px;border:2px solid rgba(142,224,180,.55);border-radius:5px;transform:rotate(-6deg);opacity:.85}.profAchRow{margin:12px 0 4px;text-align:center}.profAchBtn{min-height:44px;min-width:140px;font-size:14px;font-weight:700;position:relative}.achBadge{width:auto;height:auto;min-width:18px;padding:1px 5px;font-size:11px;font-weight:700;color:#fff;text-align:center;line-height:16px;border-radius:9px;position:absolute;top:-4px;right:-4px;background:#e53e3e}.wordmark{display:inline-flex;align-items:center;font-family:var(--font-display);color:#fff;letter-spacing:.02em;paint-order:stroke fill;-webkit-text-stroke:.14em #0e1620;text-shadow:0 .07em 0 rgba(6,14,22,.55);-webkit-user-select:none;user-select:none}.wordmarkO{position:relative;display:inline-block;width:.92em;height:.92em;margin:0 .04em}.wordmarkO svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(70% 80% at 50% 32%,#14503f,#0e2418 72%)}.splashSlogan{font-family:var(--font-display);font-size:clamp(14px,2.6vw,20px);letter-spacing:.14em;color:#2ee6c8;text-shadow:0 2px 0 rgba(0,0,0,.5)}#splash.splashHide{opacity:0;transition:opacity .45s ease-out;pointer-events:none}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#1a1033,#0d0a1a);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#loading .loadArt{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 62%;animation:loadArtZoom 9s ease-out forwards}@keyframes loadArtZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}#loading .loadArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,6,18,.88) 0%,rgba(8,6,18,.55) 22%,transparent 45%)}#loading .loadVignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(118% 108% at 50% 42%,transparent 38%,rgba(4,8,14,.5) 82%,rgba(3,6,11,.82) 100%),radial-gradient(38% 22% at 50% 0%,rgba(4,10,16,.72) 0%,transparent 100%)}@media (prefers-reduced-motion: reduce){#loading .loadArt{animation:none}#loading .loadTrackFill{animation:none;transform:none;width:100%;opacity:.7}}#loading .loadModeSign{position:absolute;top:env(safe-area-inset-top);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 20px 9px;border-radius:0 0 16px 16px;background:linear-gradient(#294956,#16303a 62%,#102630);border:2px solid rgba(158,214,228,.28);border-top:0;box-shadow:inset 0 -3px #00000073,0 5px #040e1399,0 14px 26px #0000008c;animation:loadSignDrop .42s var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)) both}#loading .loadModeSign[hidden]{display:none}#loading .loadModeSign:before{content:"";position:absolute;top:0;left:-22px;right:-22px;height:6px;border-radius:0 0 3px 3px;background:linear-gradient(#4d7180,#24444f 55%,#0d1e25);box-shadow:0 2px 5px #0009}@keyframes loadSignDrop{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}#loading .loadModeIcon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:radial-gradient(68% 68% at 50% 42%,color-mix(in srgb,var(--load-accent, #f0b73c) 42%,transparent),#061218d9 78%);box-shadow:inset 0 2px #00000080,inset 0 -1px #beebf529,0 0 12px color-mix(in srgb,var(--load-accent, #f0b73c) 28%,transparent);filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}#loading .loadModeIcon svg{display:block;width:26px;height:26px}#loading .loadModeText{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}#loading .loadModeKicker{font-size:9px;letter-spacing:2.4px;color:#cfe9f09e}#loading .loadModeName{font-family:var(--font-display);font-size:21px;letter-spacing:.5px;color:#f4fbfd;text-shadow:0 2px 0 rgba(0,0,0,.55)}#loading.hidden{display:none}#loading.loadIn{animation:loadFadeIn .22s ease-out forwards}#loading.loadOut{animation:loadFadeOut .22s ease-in forwards}@keyframes loadFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadFadeOut{0%{opacity:1}to{opacity:0}}.loadContent{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;padding:0 12px calc(20px + env(safe-area-inset-bottom))}.loadBand{position:relative;display:flex;flex-direction:column;gap:7px;width:min(716px,100%);padding:7px 14px 9px;border-radius:14px;text-align:left;background:linear-gradient(#23444ff0,#0f222af5);border:2px solid rgba(158,214,228,.26);box-shadow:inset 0 2px #beebf54d,inset 0 -3px #00000073,0 6px #040e138c,0 14px 28px #00000080;animation:loadBandIn .36s var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes loadBandIn{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.loadBand:before,.loadBand:after{content:"";position:absolute;top:8px;bottom:8px;width:8px;background-repeat:no-repeat;background-size:8px 8px;background-position:0 0,0 100%;background-image:radial-gradient(circle at 50% 42%,#cfe9f0 0 24%,#7ea7b4 26% 52%,#0d1e25 56% 82%,transparent 84%),radial-gradient(circle at 50% 42%,#cfe9f0 0 24%,#7ea7b4 26% 52%,#0d1e25 56% 82%,transparent 84%);pointer-events:none}.loadBand:before{left:6px}.loadBand:after{right:6px}.loadBandRow{display:flex;align-items:center;gap:12px}.loadTipBadge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;margin:-15px 0 0 6px;border-radius:11px;background:radial-gradient(70% 70% at 50% 34%,#ffc95c47,#061218e6 72%);box-shadow:inset 0 2px #0000008c,inset 0 -1px #beebf52e,0 0 14px #ffc95c4d,0 3px 6px #0000008c;border:2px solid rgba(158,214,228,.3)}.loadTipBadge svg{display:block;width:22px;height:22px}.loadTipCol{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.loadTipLabel{font-size:9px;letter-spacing:2.2px;color:#f5c96a;text-transform:uppercase}.loadTip{font-size:14px;line-height:1.28;color:#eef7fa;margin:0}.loadProgress{display:flex;align-items:center;gap:10px;margin:0 8px}.loadLabel{flex:0 0 auto;font-size:11px;letter-spacing:2px;color:#e8f7fbe0;text-transform:uppercase}.loadTrack{position:relative;display:block;flex:1 1 auto;height:13px;border-radius:7px;overflow:hidden;background:linear-gradient(#6094a557,#345c6a66);box-shadow:inset 0 2px 3px #0000008c,inset 0 0 0 1px #beebf529,0 1px #beebf51f}.loadTrackFill{position:absolute;top:0;bottom:0;left:0;width:38%;border-radius:7px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--load-accent, #f0b73c) 45%,transparent) 34%,var(--load-accent, #f0b73c) 72%,#fff6de 92%,#fffdf5 100%);box-shadow:0 0 12px color-mix(in srgb,var(--load-accent, #f0b73c) 55%,transparent);animation:loadTrackSweep 1.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes loadTrackSweep{0%{transform:translate(-104%)}to{transform:translate(266%)}}.frTopBar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;flex-shrink:0;min-height:40px}.frTopBar>.friendsTitle{grid-column:2}.frTopBar>.friendsStatusBar{grid-column:3;justify-self:end}.friendsTitle{margin:0;font-size:clamp(20px,3.6vw,30px);color:#c9ffe4;text-shadow:0 2px 0 #0a2a20,0 4px 10px rgba(0,0,0,.65)}.friendsStatusBar{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#ffe9a8e0;padding:4px 10px;background:linear-gradient(#332d21,#241f15);border:1.5px solid rgba(250,204,21,.38);border-radius:999px;margin:0;width:fit-content;box-shadow:0 2px #00000059}.friendsStatusBar.hidden{display:none}.friendsStatusIcon{display:block;line-height:0;flex-shrink:0}.friendsStatusIcon svg{display:block}.friendsBody{display:grid;grid-template-columns:268px minmax(0,1fr);gap:12px;width:100%;min-height:0;flex:1;overflow:hidden;padding:0;align-items:stretch}.frSide{display:flex;flex-direction:column;gap:7px;min-width:0;overflow:hidden}.frMain{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.frCarnet{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:linear-gradient(160deg,#1f5f4c,#124436 55%,#0b2c23);border:2px solid rgba(169,255,216,.34);box-shadow:0 4px #03100c99,0 9px 16px #0006,inset 0 1px #ffffff2e;flex-shrink:0}.frCarnetAv{width:54px;height:54px;flex-shrink:0;line-height:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.frCarnetAv svg,.frCarnetAv img{width:100%;height:100%;display:block}.frCarnetCol{display:flex;flex-direction:column;gap:1px;min-width:0}.frCarnetRole{font-size:9.5px;font-weight:900;letter-spacing:.14em;color:#a9ffd8bf}.frCarnetName{font-family:var(--font-display);font-size:20px;line-height:1.05;color:#fff;text-shadow:0 2px 0 rgba(3,16,12,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frCarnetTagRow{display:flex;align-items:center;gap:8px}.frCarnetTag{font-size:12px;font-weight:800;letter-spacing:.04em;color:#a9ffd8;background:#00000061;padding:1px 7px;border-radius:999px}.frCarnetTrophies{color:#ffd97a;font-size:12px}.frCopyTagBtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:1px;padding:8px 12px;font-size:15px;letter-spacing:.06em;background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);color:var(--c-gold-dark);border:2px solid rgba(255,255,255,.68);border-radius:var(--r-md);box-shadow:var(--sh-btn-gold);flex-shrink:0}.frCopyTagBtn.is-copied{background:linear-gradient(#a9ffd8,#4ade80 55%,#22a95f);color:#06231b}.friendsSearchRow{display:flex;gap:6px;margin:0}.friendsSearchInput{flex:1;min-height:44px;padding:8px 10px;border-radius:var(--r-sm);border:2px solid rgba(169,255,216,.22);background:#00000073;color:#fff;font-size:13px;font-family:inherit;outline:none;min-width:0;box-shadow:var(--sh-track)}.friendsSearchInput::placeholder{color:#c9ffe480}.friendsSearchInput:focus{border-color:var(--clr-accent, #2ee6c8)}.friendsSearchBtn{padding:8px 12px;font-size:var(--fs-xs);min-height:44px}.friendsSearchResult{min-height:0}.frTally{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:2px}.frTallyTitle{margin-bottom:5px}.frTallyRows{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;gap:7px;padding:8px 10px;border-radius:var(--r-md);background:linear-gradient(#0f3128,#08201a);border:2px solid rgba(169,255,216,.16);box-shadow:inset 0 2px 6px #00000080,0 1px #ffffff0f}.frTallyHead{display:flex;align-items:baseline;gap:9px}.frTallyHead .frTallyPie{margin-left:auto;align-self:center}.frTallyNum{font-family:var(--font-display);font-size:34px;line-height:.9;color:#86efac;text-shadow:0 2px 0 rgba(3,16,12,.85),0 0 16px rgba(74,222,128,.38)}.frTallyLbl{font-size:11px;font-weight:900;letter-spacing:.12em;color:#c9ffe4c7;white-space:nowrap}.frTallyFaces{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 5px;align-content:center;justify-items:center;flex:1;min-height:0}.frTallyTile{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0}.frTallyFace{position:relative;width:100%;max-width:44px;aspect-ratio:1;border-radius:50%;padding:2px;background:radial-gradient(circle at 50% 30%,#1d5344,#0a201a);border:2px solid rgba(169,255,216,.3);box-shadow:0 2px #03100cb3,inset 0 1px #ffffff24;flex-shrink:0}.frTallyTile--online .frTallyFace{border-color:#4ade80b8}.frTallyTile--in_match .frTallyFace{border-color:#facc15b8}.frTallyTile--offline{opacity:.5}.frTallyTile--offline .frTallyFace{filter:grayscale(.65);border-color:#a9ffd82e}.frTallyFace .frAvatar{width:100%;height:100%}.frTallyName{max-width:100%;font-size:10.5px;font-weight:800;line-height:1.1;letter-spacing:.01em;color:#c9ffe4c7;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frTallyFace .friendDot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #0b241d}.frTallyMas{font-family:var(--font-display);font-size:15px;color:#c9ffe4b3}.frTallyNadie{font-size:11.5px;font-weight:700;line-height:1.3;color:#c9ffe48c}.frTallyPie{display:flex;align-items:center;gap:6px;opacity:.6}.frTallyPieLbl{font-size:11px;font-weight:700;color:#c9ffe4cc}.friendsSection{margin:0}.friendsSectionTitle{display:flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:900;letter-spacing:.1em;color:#c9ffe4e6;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.friendsSectionTitle:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#a9ffd857,#a9ffd800)}.frFindTitle{margin-top:2px}.frPendingTitle{color:#ffe9a8}.frPendingTitle:after{background:linear-gradient(90deg,#facc1573,#facc1500)}.friendsEmpty{color:var(--c-panel-text);font-size:var(--fs-sm);font-weight:700;text-align:center;padding:10px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);box-shadow:var(--sh-card)}.friendsEmptyArt{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}.friendCard{display:flex;align-items:center;position:relative;gap:9px;min-height:54px;padding:4px 8px;border-radius:var(--r-sm);background:linear-gradient(#123a2f,#071c17);border:2px solid rgba(169,255,216,.18);box-shadow:0 3px #03100c8c,inset 0 1px #ffffff1a;margin-bottom:5px;overflow:hidden}.friendCard--online{border-color:#4ade806b}.friendCard--online:before,.friendCard--in_match:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:#4ade80}.friendCard--in_match:before{background:#facc15}.friendCard--in_match{border-color:#facc156b}.friendCard--offline{opacity:.74}.friendCardPending{background:linear-gradient(#2b2413,#16110a);border-color:#facc159e}.friendCardPending:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:#facc15}.frAvatar{width:36px;height:36px;flex-shrink:0;line-height:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.frAvatar .rwdSvg,.frCarnetAv .rwdSvg{width:100%;height:100%}.frAvatar svg,.frAvatar img{width:100%;height:100%;display:block}.friendCol{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.friendSub{display:flex;align-items:center;gap:8px;min-width:0}.friendName{font-weight:900;font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendTag{font-size:12px;font-weight:800;color:#c9ffe499}.friendChip{display:inline-flex;align-items:center;gap:5px;padding:1px 7px 1px 5px;border-radius:999px;background:#00000057}.friendChip--online{background:#4ade802e}.friendChip--in_match{background:#facc152e}.friendDot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.friendPresence{font-size:12px;font-weight:800;color:#ffffffe0}.friendTrophies{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:900;color:#ffd97a;margin-left:auto}.friendTrophies svg{display:block;flex-shrink:0}.friendStatus{font-size:13px;color:var(--clr-accent, #2ee6c8);margin-left:auto}.frRank{display:flex;align-items:center;gap:6px;flex-shrink:0;width:153px;min-width:0;margin-left:auto;margin-right:8px;padding:3px 6px;border-radius:var(--r-sm);background:linear-gradient(180deg,#ffffff2b 0,#ffffff08 40%,#0000001a 62%,#00000052),var(--rank-color, #2d6b3f);border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff29,0 2px #03100c99}.frRankBadge{line-height:0;flex-shrink:0;color:var(--rank-ink, #a8f5c0);filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.frRankCol{display:flex;flex-direction:column;gap:0;min-width:0}.frRankName{font-size:9px;font-weight:900;letter-spacing:.04em;line-height:1.25;color:var(--rank-ink, #a8f5c0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frRankTrophies{margin-left:0;font-size:14px;line-height:1.15;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.friendActions{display:flex;align-items:center;gap:12px;flex-shrink:0}.friendAddBtn,.friendAcceptBtn{font-family:var(--font-display);font-size:14px;letter-spacing:.03em;padding:0 15px;min-height:44px;border-radius:var(--r-sm);border-width:2px}.friendRejectBtn,.friendRemoveBtn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:var(--r-sm);flex-shrink:0}.friendRejectBtn{color:#fff;background:linear-gradient(#ff7a5e,#e8442a);border:2px solid rgba(255,255,255,.45);box-shadow:inset 0 2px #ffffff4d,0 3px #8c1f14}.friendRemoveBtn{color:#e2fff0e6;background:linear-gradient(#26443c,#142d26);border:2px solid rgba(169,255,216,.3);box-shadow:inset 0 1px #ffffff24,0 3px #03100c99}.friendRemoveBtn:before,.friendRemoveBtn:after{content:none}.friendRejectBtn:after{top:3px;right:3px;bottom:55%;left:3px;border-radius:7px 7px 14px 14px}.friendRejectBtn:active,.friendRemoveBtn:active{transform:translateY(3px);box-shadow:none}#friends .friendAcceptBtn,#friends .friendAddBtn{background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);color:var(--c-gold-dark);border-color:#ffffffa6;box-shadow:var(--sh-btn-gold)}#friends .friendRejectBtn{background:linear-gradient(#ff7a5e,#e8442a);color:#fff;border-color:#ffffff73;box-shadow:inset 0 2px #ffffff4d,0 3px #8c1f14}#friends .friendRemoveBtn{background:linear-gradient(#26443c,#142d26);color:#e2fff0e6;border-color:#a9ffd84d;box-shadow:inset 0 1px #ffffff24,0 3px #03100c99}#friends .btn:disabled{opacity:.58;filter:saturate(.72);cursor:not-allowed}#friends .friendAcceptBtn:disabled,#friends .friendAddBtn:disabled{opacity:.84;filter:saturate(.94)}.homeSeasonBanner{position:absolute;left:calc(24px + var(--safe-l));bottom:74px;width:232px;min-height:104px;z-index:19;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:10px 12px 16px 10px;border-radius:12px 12px 0 0;background:linear-gradient(#22525e,#12333d);border:2.5px solid #0e1620;transform:skew(-6deg);box-shadow:inset 0 1.5px #ffffff2e;pointer-events:none;white-space:nowrap;overflow:hidden}.seasonHead{display:flex;align-items:center;gap:7px}.seasonWatermark{position:absolute;right:-18px;bottom:-10px;display:flex;color:var(--season-accent, #2EE6C8);opacity:.13;pointer-events:none}.seasonClock{display:flex;align-items:center;gap:5px;padding-top:7px;border-top:1.5px solid rgba(255,255,255,.12);color:var(--season-accent, #2EE6C8)}.seasonDays{font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#cfe9ee;paint-order:stroke fill;-webkit-text-stroke:2px #0b2028}.seasonGem{display:flex;color:var(--season-accent, #2EE6C8);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.seasonText{display:flex;flex-direction:column;gap:2px;line-height:1}.seasonEyebrow{font-size:8px;font-weight:800;letter-spacing:.22em;color:var(--season-accent, #2EE6C8);text-transform:uppercase}.seasonName{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 rgba(6,14,22,.55)}.seasonGem svg{width:17px;height:17px}#news{overflow:hidden;justify-content:flex-start;padding-top:0}#news>.btn.screenBackBtn{top:calc(10px + env(safe-area-inset-top));z-index:2}.newsTopBar{flex:0 0 auto;width:calc(100% + 28px);margin:0 -14px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(255,205,130,.1),transparent 78%),linear-gradient(180deg,#0a071cd1,#0a071c59);border-bottom:2px solid rgba(4,3,16,.85);box-shadow:0 3px 10px #0403108c}#news .title{margin:0;font-size:21px;line-height:1.05}@media (orientation: portrait){#news{padding-top:54px}}.newsBody{padding:8px 4px 16px;max-width:none;margin:0 auto;width:100%;flex:1;min-height:0;overflow-y:auto;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 14px),transparent 100%)}.newsMore{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:6px;padding:3px 12px 4px;border-radius:999px;background:#080518b8;border:1.5px solid rgba(255,255,255,.12);color:#e2d8ffd9;opacity:0;transition:opacity .18s ease;pointer-events:none}.newsMore.is-on{opacity:1;animation:newsMasAbajo 2.2s ease-in-out infinite}@keyframes newsMasAbajo{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@media (prefers-reduced-motion: reduce){.newsMore.is-on{animation:none}}.newsBody::-webkit-scrollbar{width:6px}.newsBody::-webkit-scrollbar-track{background:#06041499;border-radius:3px}.newsBody::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9c8ce0,#4c3f95);border-radius:3px;box-shadow:inset 0 1px #ffffff59}.newsCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}@media (orientation: portrait){.newsCards{grid-template-columns:minmax(0,1fr)}}.newsCard{position:relative;display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--news-accent, #2ee6c8) 22%,transparent) 0%,transparent 34%),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.12) 0%,transparent 62%),linear-gradient(#6b5fa8,#40376f);border:3px solid #0e1620;border-radius:14px;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #06041466,0 5px #0e1620,0 11px 18px #0403108c}.newsCards>.newsCard:first-child{border-color:color-mix(in srgb,var(--news-accent, #2ee6c8) 46%,#0e1620);box-shadow:inset 0 2px #ffffff2e,0 5px #0e1620,0 10px 18px #0604148c,0 0 22px color-mix(in srgb,var(--news-accent, #2ee6c8) 26%,transparent)}.newsCards>.newsCard:first-child .newsTitle{font-size:17px}.newsNew{position:absolute;z-index:3;top:10px;left:-25px;width:106px;padding:3px 0 4px;transform:rotate(-34deg);text-align:center;font-family:var(--font-display);font-size:11.5px;letter-spacing:.12em;color:#2b1602;background:linear-gradient(#ffe07a,#e8a516);border-top:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(120,76,4,.7);box-shadow:0 2px 7px #04031099;pointer-events:none}.newsArt{position:relative;flex:0 0 120px;overflow:hidden;border-right:3px solid #0e1620;box-shadow:inset 0 2px #ffffff52,inset -4px 0 10px #06041473}.newsArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,transparent 52%,rgba(8,5,26,.42) 100%);pointer-events:none}.newsArt svg{display:block;width:100%;height:100%}.newsMain{flex:1;min-width:0;padding:6px 10px 7px;display:flex;flex-direction:column;justify-content:flex-start}.newsHeader{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:8px;margin-bottom:3px}.newsKicker{grid-column:1;justify-self:start;font-family:var(--font-display);font-size:11px;line-height:1;letter-spacing:.14em;color:color-mix(in srgb,var(--news-accent, #2ee6c8) 88%,#ffffff);background:#09061a9e;border-left:3px solid var(--news-accent, #2ee6c8);border-radius:0 4px 4px 0;padding:3px 6px 3px 5px;text-shadow:0 1px 2px rgba(4,3,16,.9)}.newsTitle{grid-column:1 / -1;font-family:var(--font-display);font-size:16px;line-height:1.1;font-weight:400;letter-spacing:.03em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.4);margin:1px 0 0}.newsDate{grid-column:2;grid-row:1;align-self:center;font-size:11px;font-weight:800;letter-spacing:.06em;color:#e8e2ffd1;text-shadow:0 1px 2px rgba(4,3,16,.75)}.newsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;flex:1;justify-content:center}.newsBullet{font-size:11.5px;line-height:1.32;color:#faf8fff7;text-shadow:0 1px 2px rgba(6,4,20,.55);padding-left:13px;position:relative}.newsBullet:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--news-accent, #2EE6C8);box-shadow:0 1px #00000059}.leagueTitle{margin-bottom:6px}.leagueBody{padding:4px 12px;overflow-y:auto;max-height:calc(100vh - 96px);-webkit-overflow-scrolling:touch}@media (min-width: 760px){.leagueBody{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:16px}}.leagueHeader{display:block;width:fit-content;margin:0;padding:3px 13px;text-align:center;font-size:11px;font-weight:800;color:#e8e2ffe6;letter-spacing:.1em;text-transform:uppercase;background:#0c0a229e;border:1.5px solid rgba(176,160,255,.4);border-radius:var(--r-pill);box-shadow:0 2px #06061880}.leagueDivCard{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:14px 16px;margin-bottom:14px;text-align:center;box-shadow:var(--sh-card)}.leagueDivCurrent{border-width:3px;padding:0 12px 4px;margin-bottom:0;background:radial-gradient(120% 74% at 50% 0%,color-mix(in srgb,var(--divColor, #a78bfa) 26%,transparent) 0%,transparent 66%),radial-gradient(90% 60% at 50% 100%,color-mix(in srgb,var(--divColor, #a78bfa) 12%,transparent) 0%,transparent 72%),linear-gradient(#191540,#0d0b24);box-shadow:inset 0 2px color-mix(in srgb,var(--divColor, #a78bfa) 30%,transparent),0 6px #0606188c,0 10px 22px #00000073}.leagueCrest{position:relative;isolation:isolate;overflow:hidden;margin:0 -12px 2px;padding:7px 10px 0;border-radius:46% 46% 12px 12px/26% 26% 12px 12px;background:radial-gradient(30% 30% at 50% 42%,color-mix(in srgb,var(--divColor, #ffe2a8) 38%,transparent) 0%,transparent 74%),linear-gradient(90deg,color-mix(in srgb,var(--divColor, #a78bfa) 14%,#241d4e),color-mix(in srgb,var(--divColor, #a78bfa) 8%,#191340) 21%,#0b0921 29%,#06051a 38%,#06051a 62%,#0b0921 71%,color-mix(in srgb,var(--divColor, #a78bfa) 8%,#191340) 79%,color-mix(in srgb,var(--divColor, #a78bfa) 14%,#241d4e));box-shadow:inset 0 3px 10px #000000d9,inset 0 -2px #a092ff38,inset 0 0 0 2px #060514e6}.leagueCrest:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,3,16,.72) 0%,transparent 26%,transparent 74%,rgba(4,3,16,.72) 100%),repeating-linear-gradient(90deg,rgba(196,184,255,.13) 0 1.5px,transparent 1.5px 38px),repeating-linear-gradient(0deg,rgba(196,184,255,.22) 0 1.5px,transparent 1.5px 26px),repeating-linear-gradient(0deg,#ffffff09 0,#ffffff09 26px,#0000000f 26px,#0000000f 52px);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 22%,transparent 29%,transparent 71%,#000 78%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 22%,transparent 29%,transparent 71%,#000 78%,#000 100%)}.leagueCrest:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(34% 72% at 50% 44%,transparent 46%,rgba(4,3,16,.9) 100%);-webkit-mask-image:linear-gradient(90deg,transparent 21%,#000 30%,#000 70%,transparent 79%);mask-image:linear-gradient(90deg,transparent 21%,#000 30%,#000 70%,transparent 79%)}.leagueCrestRays{position:absolute;z-index:0;left:50%;top:46%;width:216px;height:216px;margin:-108px 0 0 -108px;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--divColor, #ffe4aa) 40%,#fff6dd) 0deg 11deg,transparent 11deg 30deg);opacity:.5;-webkit-mask-image:radial-gradient(circle,#000 18%,rgba(0,0,0,.55) 38%,transparent 62%);mask-image:radial-gradient(circle,#000 18%,rgba(0,0,0,.55) 38%,transparent 62%);animation:leagueRays 40s linear infinite}@keyframes leagueRays{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.leagueCrestRays{animation:none}}.leagueCrestMotes{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.leagueCrestMotes i{position:absolute;bottom:12%;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--divColor, #a78bfa) 55%,#fff);box-shadow:0 0 7px color-mix(in srgb,var(--divColor, #a78bfa) 70%,transparent);opacity:0;animation:leagueMote 6.5s ease-in-out infinite}.leagueCrestMotes i:nth-child(1){left:26%;animation-delay:0s}.leagueCrestMotes i:nth-child(2){left:41%;animation-delay:2.1s;transform:scale(.7)}.leagueCrestMotes i:nth-child(3){left:62%;animation-delay:3.4s}.leagueCrestMotes i:nth-child(4){left:76%;animation-delay:5s;transform:scale(.6)}@keyframes leagueMote{0%{opacity:0;transform:translate(0) scale(.6)}18%{opacity:.9}70%{opacity:.55}to{opacity:0;transform:translate(7px,-108px) scale(.9)}}@media (prefers-reduced-motion: reduce){.leagueCrestMotes i{animation:none;opacity:.5}}.leagueEmblemBig{position:relative;z-index:2;width:128px;height:128px;margin:0 auto;filter:drop-shadow(1px 3px 2px rgba(0,0,0,.8)) drop-shadow(8px 9px 5px rgba(0,0,0,.62)) drop-shadow(3px 14px 18px rgba(0,0,0,.5))}.leagueEmblemBig:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.22) 0%,transparent 66%)}.leagueEmblemBig svg{width:100%;height:100%;display:block}.leaguePedestal{position:relative;z-index:3;width:min(76%,214px);margin:-8px auto 4px;padding:5px 12px 3px;border-radius:8px 8px 10px 10px;background:linear-gradient(color-mix(in srgb,var(--divColor, #a78bfa) 18%,#37305c) 0 9px,transparent 9px),linear-gradient(#241e46,#150f30 58%,#0b0820);box-shadow:inset 0 1px #ffffff29,inset 0 -4px #04031099,0 5px #050412cc,0 12px 20px #00000080}.leaguePedestal:before{content:"";position:absolute;left:4%;right:4%;top:-8px;height:17px;border-radius:50%;background:radial-gradient(34% 150% at 50% 10%,rgba(0,0,0,.85) 0%,transparent 76%),linear-gradient(color-mix(in srgb,var(--divColor, #a78bfa) 26%,#4b4276),color-mix(in srgb,var(--divColor, #a78bfa) 12%,#2b2450));box-shadow:inset 0 2px #fff3}.leagueDivPlate{position:relative;z-index:2;display:block;width:fit-content;max-width:100%;margin:0 auto;padding:3px 21px 4px;border-radius:5px;background:linear-gradient(#12102c,#08061a);border:2px solid color-mix(in srgb,var(--divColor, #a78bfa) 62%,#0a0820);box-shadow:inset 0 1px color-mix(in srgb,var(--divColor, #a78bfa) 34%,transparent),0 2px #050412b3,0 0 16px color-mix(in srgb,var(--divColor, #a78bfa) 26%,transparent)}.leagueDivName{display:block;font-family:var(--font-display);font-size:clamp(20px,4.4vw,30px);line-height:1.08;letter-spacing:.03em;color:color-mix(in srgb,var(--divColor, #a78bfa) 40%,#ffffff);paint-order:stroke fill;-webkit-text-stroke:3px #07061a;text-shadow:0 2px 0 rgba(6,5,20,.8)}@media (min-width: 760px){.leagueEmblemBig{width:140px;height:140px}.leagueDivName{font-size:23px}}.leagueBar{position:relative;z-index:4;box-sizing:content-box;height:22px;background:linear-gradient(#5f5599,#4e457f 46%,#423a78);border:2px solid #0a0820;border-radius:var(--r-pill);overflow:hidden;margin-bottom:4px;box-shadow:inset 0 3px 5px #050412bf,inset 0 -2px #ffffff14}.leagueBar:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 2px),rgba(6,5,22,.55) calc(20% - 2px) 20%)}.leagueBarFill{position:relative;height:100%;border-radius:var(--r-pill);transition:width .4s ease;background-image:linear-gradient(#ffffff6b,#fff0 58%);box-shadow:inset 0 -3px #00000047}.leagueBarFill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;border-radius:3px;background:#fff;box-shadow:0 0 9px #fffc}.leagueLpText{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #07061a}.leagueGoal{display:flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 2px;font-size:12px;font-weight:800;letter-spacing:.02em;color:#e8e2ffeb}.leagueGoalNum{font-family:var(--font-display);font-size:17px;line-height:1;color:color-mix(in srgb,var(--divColor, #a78bfa) 45%,#ffffff);paint-order:stroke fill;-webkit-text-stroke:2px #0e1620}.leagueGoalDiv{color:color-mix(in srgb,var(--nextColor, #a78bfa) 42%,#ffffff)}.leagueGoalIcon{display:block;line-height:0}.leagueGoalIcon svg{display:block}.leagueStatRow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.leagueStat{display:flex;flex-direction:column;align-items:center;gap:0;padding:3px 2px 1px;background:#04101452;border-radius:var(--r-sm);box-shadow:var(--sh-track);min-width:0}.leagueStatIcon{display:block;line-height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.leagueStatIcon svg{display:block}.leagueStatVal{font-family:var(--font-display);font-size:15px;line-height:1.1;color:var(--c-white);paint-order:stroke fill;-webkit-text-stroke:2px #0e1620}.leagueStatLabel{font-size:var(--fs-xs);margin-top:-1px;color:var(--c-panel-head);letter-spacing:.04em;text-align:center;line-height:1.1}.leagueSectionHead{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.4)}.leagueSectionIcon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(#7c8cf0,#3f4bb0);border:2px solid #0e1620;box-shadow:0 2px #060e1680;-webkit-text-stroke:0}.leagueSectionIcon svg{display:block}.leagueDivList{display:flex;flex-direction:column;gap:4px}.leagueDivRow{display:flex;align-items:center;gap:10px;padding:5px 12px;background:linear-gradient(#2a2458,#191540);border:2px solid #100e2c;border-radius:var(--r-sm);box-shadow:var(--sh-plate)}.leagueDivRow--pasada{background:linear-gradient(#241f4c,#15123a);box-shadow:inset 0 2px #ffffff0f,0 3px #06061880}.leagueDivRow--pasada .leagueDivRowName{color:#e2ddffd1}.leagueDivRow--bloqueada{background:linear-gradient(#1b1840,#100e2c);box-shadow:inset 0 2px #ffffff0d,0 3px #06061880}.leagueDivRow--bloqueada .leagueDivIcon{filter:saturate(.45) brightness(.82)}.leagueDivRowText{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.leagueDivRowReq{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c4bcffb8}.leagueDivRowActive .leagueDivRowReq{color:#ffe096e6}.leagueDivRowActive{opacity:1;border-color:#ffd75e;background:radial-gradient(120% 140% at 0% 50%,rgba(255,215,94,.22) 0%,transparent 62%),linear-gradient(#3a3070,#221c4e);box-shadow:inset 0 2px #ffffff29,0 4px #06061899,0 0 0 3px #ffd75e2e;padding-top:7px;padding-bottom:7px}.leagueDivIcon{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.leagueDivIcon svg{width:100%;height:100%;display:block}.leagueDivRowName{font-size:var(--fs-sm);font-weight:var(--fw-heavy);color:var(--c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leagueDivRowActive .leagueDivRowName{color:#ffe9a8}.leagueDivAqui{flex-shrink:0;padding:2px 7px;font-size:9.5px;font-weight:900;letter-spacing:.1em;color:#2a1c00;background:linear-gradient(#ffe066,#ffb61e);border:1.5px solid #6b4a00;border-radius:var(--r-pill);box-shadow:0 2px #06061873}.leagueDivLock{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#d6d0ffe6;background:#060516a6;border:1.5px solid rgba(140,128,220,.35);box-shadow:inset 0 1px #ffffff14}.leagueDivLock svg{display:block}.leagueLadderNote{display:flex;align-items:center;gap:9px;margin-top:7px;padding:5px 10px;border-radius:var(--r-sm);background:linear-gradient(#1b1740,#100d2a);border:2px solid rgba(150,136,232,.28);box-shadow:inset 0 1px #ffffff12,0 3px #06061880}.leagueLadderNoteIcon{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#3a2704;background:linear-gradient(#ffd75e,#e0a115);box-shadow:inset 0 1px #fff9,0 2px #603e04b3}.leagueLadderNoteIcon svg{display:block}.leagueLadderNoteText{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.leagueLadderNoteText strong{font-family:var(--font-display);font-size:11.5px;line-height:1.05;letter-spacing:.04em;color:#ffd75e}.leagueLadderNoteText span{font-size:10px;font-weight:700;line-height:1.25;color:#cec7fad1}.leagueDivReward{display:grid;grid-template-columns:52px 42px 34px;align-items:center;gap:4px;flex-shrink:0;text-align:right}.leagueRewardBit--vacio{min-height:18px}.leagueRewardBit{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;font-family:var(--font-display);font-size:13px;line-height:1;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620}.leagueRewardBit svg{display:block;-webkit-text-stroke:0}.leagueClaimPanel{background:linear-gradient(135deg,#1e3a1e,#0e2d0e);border:2px solid #22c55e;border-radius:var(--r-md);padding:14px 16px;margin-bottom:14px;text-align:center;box-shadow:var(--sh-card)}.leagueClaimTitle{font-size:var(--fs-sm);font-weight:700;color:#22c55e;letter-spacing:1px;margin-bottom:6px}.leagueClaimDesc{font-size:20px;font-weight:700;margin-bottom:10px}.leagueClaimBtn{background:#22c55e;color:#0e1620;font-weight:800;font-size:20px;border-radius:8px;padding:8px 24px;cursor:pointer}.friendsCreateRoomBtn{width:100%;background:#7c3aed!important;font-weight:900;font-size:var(--fs-xs);min-height:44px;margin:0;flex-shrink:0}.friendInviteBtn{font-size:10px;padding:2px 8px;background:#7c3aed!important;min-height:28px}.friendlyTitle{margin-bottom:4px}.friendlyCode{font-size:clamp(16px,3.5vw,24px);font-weight:800;letter-spacing:2px;color:#facc15;text-align:center;margin-bottom:8px}.friendlyBody{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:6px}.friendlyTeam{display:flex;flex-direction:column;gap:4px;padding:4px 6px;border-radius:8px}.friendlyTeam0{background:#3b82f61f}.friendlyTeam1{background:#ef44441f}.friendlyTeamLabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7}.friendlySlots{display:flex;flex-direction:column;gap:4px}.friendlySlot{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff0d;border-radius:6px;font-size:13px}.friendlySlotMe{border:1px solid #facc15}.friendlySlotReady .friendlySlotName:after{content:" ✓";color:#4ade80}.friendlySlotName{font-weight:700;flex:1}.friendlySlotChar{opacity:.7;font-size:11px}.friendlyCharBtn,.friendlySwapBtn{font-size:10px;padding:2px 6px;min-width:0;min-height:28px}.friendlyActions{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;justify-content:center}.friendlyActions .btn{font-size:12px;padding:6px 12px}.friendlyStartBtn{background:#22c55e!important;color:#0e1620!important;font-weight:800!important}.friendlyReadyActive{background:#4ade80!important;color:#0e1620!important}.friendlyInfo{font-size:13px;opacity:.8;padding:4px 0;text-align:center;width:100%}.friendlyCharPicker,.friendlyModePicker,.friendlyMapPicker{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1620f2;display:flex;flex-wrap:wrap;gap:6px;padding:12px;align-content:flex-start;overflow-y:auto;z-index:10}.friendlyCharPickItem,.friendlyModePickItem,.friendlyMapPickItem{font-size:12px;padding:6px 10px}.friendlyCharPickCancel,.friendlyModePickCancel,.friendlyMapPickCancel{width:100%;margin-top:8px;background:#6b7280!important}.prospectBody{display:flex;align-items:stretch;justify-content:center;gap:18px;width:100%;max-width:860px;margin:46px auto 0;flex:1;min-height:0;padding:0 0 6px}.prospectTitle{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(138px + env(safe-area-inset-left));height:44px;display:flex;align-items:center;margin:0;font-family:var(--font-display);font-size:19px;letter-spacing:.08em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.5);z-index:20}.prospectListHead{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(294px + env(safe-area-inset-left));height:44px;display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display);font-size:13px;letter-spacing:.1em;color:#2e1804c7;text-shadow:0 1px 0 rgba(255,232,184,.4);white-space:nowrap;pointer-events:none;z-index:19}.prospectTopRight{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;align-items:stretch;gap:0;min-height:44px;background:linear-gradient(#1d4a55,#143741);border:2px solid #0e1620;border-radius:var(--r-pill);box-shadow:inset 0 1.5px #fff3,0 3px #060e16b3;z-index:21}.prospectNeed{display:inline-flex;align-items:center;gap:5px;padding:4px 11px 4px 12px;font-size:13px;font-weight:900;color:#ffe9b0;background:linear-gradient(#06141a80,#040e149e);border-right:2px solid rgba(10,22,32,.85);border-radius:var(--r-pill) 0 0 var(--r-pill)}.prospectNeedLabel{font-size:var(--fs-xxs);font-weight:900;letter-spacing:.1em;color:#ffe9b09e}.prospectBalance{display:inline-flex;align-items:center;gap:7px;padding:4px 13px 4px 10px;font-size:13px;font-weight:900;color:#ffd95e}.prospectBalanceUnit{font-size:var(--fs-xxs);font-weight:900;letter-spacing:.1em;color:#d6ecf4a8}.prospectBalanceNum{font-size:15px;font-weight:900;letter-spacing:.02em}.prospectLeft{flex:0 1 262px;min-width:210px;display:flex;min-height:0;max-height:100%}.prospectTarget{--console-h: 117px;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden;border:2.5px solid var(--rar, #fff);border-radius:var(--r-md);background:linear-gradient(var(--c-panel-light),var(--c-panel));box-shadow:var(--sh-card)}.prospectTargetPortrait{position:relative;flex:1 1 auto;min-height:120px;overflow:hidden;background:radial-gradient(86% 60% at 50% 28%,rgba(255,255,255,.09) 0%,transparent 72%),linear-gradient(to bottom,var(--rar-deep, #12303a) 0%,#08202a 58%,#04121a 100%)}.prospectRays{position:absolute;left:50%;top:44%;z-index:0;width:330px;height:330px;margin:-165px 0 0 -165px;pointer-events:none;opacity:.32;background:radial-gradient(closest-side,rgba(255,255,255,.16),transparent 66%),repeating-conic-gradient(from 0deg at 50% 50%,var(--rar, #fff) 0deg 3.2deg,transparent 3.2deg 15deg);-webkit-mask-image:radial-gradient(closest-side,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 36%,transparent 74%);mask-image:radial-gradient(closest-side,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 36%,transparent 74%);animation:prospectRaysSpin 54s linear infinite}@keyframes prospectRaysSpin{to{transform:rotate(360deg)}}.prospectDais{position:absolute;left:50%;bottom:calc(var(--console-h, 117px) - 6px);z-index:2;width:200px;height:40px;margin-left:-100px;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse 92% 78% at 50% 6%,#ffeecd80,#ffeecd00 52%),linear-gradient(to bottom,#9eacb06b,#60727c70 30%,#2636408f 68%,#0e1820a8);border:1px solid rgba(226,240,245,.14);box-shadow:0 7px 16px #00000080}.prospectDais:after{content:"";position:absolute;left:50%;top:11px;width:92px;height:23px;margin-left:-46px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(1,6,10,.86) 0%,rgba(1,6,10,.5) 44%,transparent 74%)}.prospectTargetPortrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 44% 27% at 50% 40%,rgba(255,224,172,.26) 0%,rgba(255,210,150,.08) 56%,transparent 78%),linear-gradient(to bottom,#fff0 0,#fff0 71%,#78685047 72%,#96806066 84%,#60503e80),radial-gradient(ellipse 70% 11% at 50% 71.5%,rgba(150,226,226,.16) 0%,transparent 100%),radial-gradient(120% 92% at 50% 46%,transparent 42%,rgba(4,14,20,.52) 100%)}.prospectTargetImg{position:absolute;inset:2px 0 calc(var(--console-h, 117px) + 6px);z-index:3;width:100%;height:calc(100% - var(--console-h, 117px) - 8px);object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 0 10px var(--rar-glow, rgba(255, 255, 255, .4))) drop-shadow(0 1.5px 0 rgba(2,10,16,.5)) drop-shadow(0 9px 9px rgba(0,0,0,.5))}.prospectTargetLabel{position:absolute;left:0;right:0;top:0;z-index:4;padding:6px 9px 12px;font-size:var(--fs-xxs);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#eafcffdb;background:linear-gradient(#041016b8,#04101600)}.prospectConsole{position:absolute;left:0;right:0;bottom:0;z-index:5;height:var(--console-h, 117px);display:flex;flex-direction:column;gap:6px;padding:7px 10px 9px;background:linear-gradient(#0410169e,#030d13eb 34%,#030d13f5);border-top:2px solid var(--rar, #fff);box-shadow:0 -10px 22px #020a1080}.prospectTargetName{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-display);font-size:17px;line-height:20px;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}.prospectTargetRarity{flex-shrink:0;padding:2px 8px 3px;font-family:var(--font-body);font-size:var(--fs-xxs);font-weight:900;letter-spacing:.12em;color:var(--rar, #fff);background:#051117c7;border:1.5px solid var(--rar, #fff);border-radius:var(--r-pill);box-shadow:0 0 11px -3px var(--rar, #fff),inset 0 1px #ffffff24;text-shadow:none}.prospectProgressBar{position:relative;width:100%;height:24px;flex-shrink:0;background:#01090eb8;border:1.5px solid rgba(120,190,205,.26);border-radius:var(--r-pill);box-shadow:inset 0 2px 5px #0009;overflow:hidden}.prospectProgressFill{position:absolute;left:0;top:0;height:100%;border-radius:var(--r-pill);background:linear-gradient(#ffe08a,#f0a832);box-shadow:0 0 8px #ffcd5073,inset 0 1.5px #ffffff73;transition:width .3s ease}.prospectProgressGhost{position:absolute;left:0;top:0;height:100%;border-radius:var(--r-pill);background:repeating-linear-gradient(115deg,#ffd67857 0,#ffd67857 5px,#ffd6781c 5px,#ffd6781c 10px);transition:width .3s ease}.prospectProgressText{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:5px;font-size:var(--fs-xs);font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);pointer-events:none}.prospectProgressText b{color:#fff}.prospectInvestBtn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--fs-sm);padding:4px 12px;min-height:var(--touch-min);width:100%}.prospectInvestVerb{letter-spacing:.06em}.prospectInvestCost{display:inline-flex;align-items:center;gap:4px;padding:1px 9px 2px 7px;font-size:14px;font-weight:900;color:#ffe9a8;background:#06140a6b;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px #ffe9a847}.prospectInvestFinal{background:linear-gradient(#ffd36a,#e8901f);color:#33210a;border-color:#2a1a06;box-shadow:0 4px #8a5410,0 0 18px -2px #ffc85ab3}.prospectInvestFinal .prospectInvestCost{color:#2a1a06;background:#ffffff47;box-shadow:inset 0 0 0 1.5px #3c24084d}.prospectInvestBtn.disabled{opacity:.55;filter:grayscale(.5);pointer-events:none}.prospectTargetEmpty{align-items:center;justify-content:center;gap:4px;padding:14px;border-color:#78becd4d;border-style:dashed}.prospectEmptyArt{display:flex;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));animation:emptyArtBreath 5s ease-in-out infinite}.prospectTargetEmpty .prospectTargetLabel{position:static;padding:0;background:none;text-align:center}.prospectNoTarget{max-width:190px;margin:2px 0 0;font-size:var(--fs-xs);font-weight:800;line-height:1.35;text-align:center;color:#d6ecf49e}@media (prefers-reduced-motion: reduce){.prospectEmptyArt,.prospectRays{animation:none}}.prospectRight{flex:1 1 536px;min-width:300px;max-width:536px;display:flex;flex-direction:column;min-height:0;max-height:100%;padding:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 56 56'%3E%3Cpolygon points='28,10 40,19 35.5,36 20.5,36 16,19' fill='none' stroke='%23FFFFFF' stroke-width='2.5' opacity='.05'/%3E%3C/svg%3E"),linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);box-shadow:var(--sh-card),inset 0 1.5px #ffffff29,inset 0 -16px 26px #020c1266}.prospectListCount{font-family:var(--font-body);font-size:var(--fs-xxs);font-weight:900;letter-spacing:.06em;padding:2px 8px 3px;border:2px solid #0e1620;border-radius:var(--r-pill);background:linear-gradient(#1d4a55,#143741);color:#d6ecf4b8;text-shadow:none}.prospectListCount b{color:#ffd95e}.prospectList{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:7px;flex:1 1 auto;min-height:0}.prospectCard{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:center;border:2px solid var(--rar, #fff);border-radius:var(--r-sm);background:linear-gradient(var(--c-panel-light),var(--c-panel));box-shadow:0 3px #0a1e2480;font:inherit;color:var(--c-text, #eafcff);opacity:1}.prospectCardArt{position:relative;width:100%;flex:1 1 auto;min-height:60px;overflow:hidden;background:radial-gradient(58% 24% at 50% 100%,rgba(2,10,16,.7) 0%,transparent 72%),radial-gradient(62% 42% at 50% 27%,rgba(214,238,250,.34) 0%,rgba(214,238,250,.13) 52%,transparent 78%),radial-gradient(78% 58% at 50% 20%,var(--rar-glow, rgba(255, 255, 255, .2)) 0%,transparent 80%),linear-gradient(to bottom,var(--rar-deep, #12303a) 0%,#061a22 78%,#04141b 100%)}.prospectCardArt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(84% 72% at 50% 34%,transparent 42%,rgba(3,13,19,.66) 100%),linear-gradient(to bottom,rgba(3,13,19,.34) 0%,transparent 22%)}.prospectCardImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:drop-shadow(-1.2px -1.2px 0 var(--rar-glow, rgba(255, 255, 255, .4))) drop-shadow(1.2px -.6px 0 rgba(226,246,255,.42)) drop-shadow(0 0 5px rgba(198,232,248,.5)) drop-shadow(2.5px 3.5px 4px rgba(2,10,16,.62))}.prospectCardRarity{position:absolute;left:0;top:0;z-index:2;padding:2px 6px 2.5px 5px;font-size:7.5px;font-weight:900;letter-spacing:.06em;color:#08161d;background:linear-gradient(var(--rar, #fff) 0%,var(--rar-deep, #12303a) 118%);border-bottom-right-radius:var(--r-sm);box-shadow:inset 0 1px #ffffff8c,1px 1px #030c1299,0 0 7px -1px var(--rar-glow, transparent);text-shadow:0 1px 0 rgba(255,255,255,.28)}.prospectCardPlate{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 3px 4px;background:linear-gradient(#04101800,#0410189e 34%,#030c12ed 72%,#030c12f7)}.prospectCardName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.9)}.prospectCardTail{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;font-size:var(--fs-xxs);font-weight:900;letter-spacing:.02em}.prospectTailCost{width:auto;padding:.5px 7px 1.5px;color:#2a1704;background:linear-gradient(#ffe08a,#f0a832);border-radius:var(--r-pill);box-shadow:inset 0 1px #ffffff8c,0 1px #030c128c;text-shadow:0 1px 0 rgba(255,255,255,.3)}.prospectTailOwn{width:auto;gap:2px;padding:0 6px 1px 4px;color:#8ae8ab;background:#061a148c;border:1px solid rgba(138,232,171,.42);border-radius:var(--r-pill)}.prospectTailOwn svg{width:9px;height:9px;flex:none}.prospectTailCur{color:#ffd95e;gap:4px}.prospectCardBar{flex:1 1 auto;height:5px;border-radius:var(--r-pill);background:#020c1299;overflow:hidden}.prospectCardBar>span{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(#ffe08a,#f0a832)}.prospectCard.prospectOwned{background:linear-gradient(#3c825f4d,#123a2c61)}.prospectCard.prospectCurrent{border-width:2.5px;box-shadow:0 0 12px -1px #ffd95eb3,0 3px #0a1e2480}.detailProspectBtn{display:none}#detail.locked.prospectable .detailProspectBtn{display:flex}#detail.locked.prospectable .detailRoadBtn{display:none}#detail.locked.prospectable .detailLockTag{color:#fbbf24}.homeEventBanner{position:absolute;right:calc(16px + var(--safe-r));top:52px;z-index:22;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:10px;border:2.5px solid #0e1620;cursor:pointer;white-space:nowrap;background:linear-gradient(var(--event-color, #6D28D9) 0%,color-mix(in srgb,var(--event-color, #6D28D9) 70%,#000) 100%);box-shadow:0 3px 8px #00000059,inset 0 1.5px #ffffff38;animation:eventPulse 2.5s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.homeEventBanner.hidden{display:none}@keyframes eventPulse{0%,to{box-shadow:0 3px 8px #00000059,inset 0 1.5px #ffffff38}50%{box-shadow:0 3px 14px #00000073,inset 0 1.5px #ffffff47,0 0 12px var(--event-color, #6D28D9)}}.eventBannerIcon{display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.eventBannerText{display:flex;flex-direction:column;gap:2px;line-height:1}.eventBannerName{font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.eventBannerCountdown{font-size:10px;font-weight:600;color:#fffc;letter-spacing:.04em}.stagePortrait .homeEventBanner{right:auto;left:50%;transform:translate(-50%);top:48px}.rotateOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0e2418;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.rotateTitle{font-size:24px;font-weight:900;letter-spacing:1px;color:#ffd23e;-webkit-text-stroke:1px #0e1620}.rotateSub{font-size:14px;font-weight:700;color:#cfe8db;opacity:.85}.rotateIcon{animation:rotateHint 2.4s ease-in-out infinite}@keyframes rotateHint{0%,55%,to{transform:rotate(0)}25%,40%{transform:rotate(90deg)}}@media (orientation: portrait){.rotateOverlay{display:flex}}@media (prefers-reduced-motion: reduce){.rotateIcon{animation:none}}#skins{box-shadow:inset 0 0 96px 26px #021e2c57,inset 0 -46px 70px -30px #01162266}.skinsTopRight{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;align-items:center;gap:7px;z-index:21}#skins .skinsTopRight .homeResource{min-height:44px;padding:4px 12px 4px 7px;font-size:13px}.skinsBody{display:flex;align-items:stretch;justify-content:center;gap:18px;width:100%;max-width:860px;margin:0 auto;flex:1;min-height:0;padding:46px 0 6px}.skinsLeft{flex:0 1 260px;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:0;max-height:100%;position:relative;padding:6px 10px 8px}.skinsLeft:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:150px 150px var(--r-md) var(--r-md);pointer-events:none;background:radial-gradient(ellipse 44% 26% at 50% 34%,rgba(255,216,152,.28) 0%,rgba(255,205,140,.09) 54%,transparent 78%),linear-gradient(to bottom,#fff0 0,#fff0 62.4%,#78685042 63.1%,#7a6a528a 64.2%,#96806066 76%,#60503e80),radial-gradient(ellipse 70% 11% at 50% 63.5%,rgba(150,226,226,.17) 0%,transparent 100%),linear-gradient(to bottom,#0a2530,#123845 44%,#17505c 63%,#0d2c34);box-shadow:inset 0 0 46px 18px #0412188c,inset 0 3px #b4f0fa29,0 0 26px 12px #061a216b,0 8px 18px #04161c59;border:1.5px solid rgba(11,40,49,.55)}.skinsProps{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:150px 150px var(--r-md) var(--r-md);overflow:hidden;z-index:1;pointer-events:none}.skinsProps:before{content:"";position:absolute;left:50%;top:-6%;width:78%;height:76%;transform:translate(-50%);background:radial-gradient(ellipse 26% 12% at 50% 0%,rgba(255,240,205,.3) 0%,rgba(255,232,186,.09) 55%,transparent 100%),conic-gradient(from 0deg at 50% -3%,transparent 0deg 150deg,rgba(255,232,186,.03) 157deg,rgba(255,232,186,.19) 170deg,rgba(255,230,182,.19) 190deg,rgba(255,232,186,.03) 203deg,transparent 210deg 360deg);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.18) 76%,transparent 96%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.18) 76%,transparent 96%)}.skinsPost{position:absolute;bottom:35%;width:13px;height:56%}.skinsPost:before{content:"";position:absolute;top:0;right:-13px;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0 37%,rgba(12,20,24,.72) 37% 39.5%,transparent 39.5% 68%,rgba(12,20,24,.72) 68% 70.5%,transparent 70.5%) 0 0 / 13px 100% no-repeat,linear-gradient(to right,#130f0a,#281f14 18%,#483927 52%,#655239 82%,#79634a) 0 0 / 13px 100% no-repeat,linear-gradient(to right,rgba(3,15,19,.5) 0%,rgba(3,15,19,.24) 40%,transparent 100%) 13px 0 / 13px 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 9%,rgba(0,0,0,.78) 17%,#000 24%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 9%,rgba(0,0,0,.78) 17%,#000 24%)}.skinsPost:after{content:"";position:absolute;left:-4px;bottom:-4px;width:21px;height:7px;border-radius:2px;background:linear-gradient(to right,#191309,#342818 24%,#574434,#715a3f);box-shadow:inset 0 1.5px #ffe8be2e,0 3px 8px #030f139e,0 1px 2px #030f13b3}.skinsPostL{left:8px}.skinsPostR{right:8px;transform:scaleX(-1)}.skinsPlate,.skinsCharName,.skinsSkinName,.skinsSkinMeta,.skinsActionBtn{flex-shrink:0}.skinsViewport,.skinsPlate,.skinsActionBtn{position:relative;z-index:2}.skinsPlate{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 8px;margin:2px 0 6px;max-width:100%}.skinsCharName{flex-basis:100%;text-align:center;font-size:10.5px;font-weight:900;letter-spacing:.22em;color:#c6e6f0b8;text-shadow:0 1px 2px rgba(4,18,24,.9);line-height:1.2}.skinsViewport{height:min(62vh,238px);aspect-ratio:1;touch-action:none;cursor:grab;flex:0 1 auto;min-height:0}.skinsViewport:active{cursor:grabbing}.skinsViewport:before{content:"";position:absolute;top:22%;right:-8%;bottom:2%;left:-8%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 58% 46% at 50% 76%,#ffe2aa2b,#ffe2aa00)}.skinsViewport canvas{width:100%;height:100%;display:block;position:relative;z-index:1;filter:drop-shadow(0 6px 5px rgba(6,26,32,.42))}.skinsPedestal{position:absolute;bottom:3.5%;left:50%;transform:translate(-50%);width:62%;height:15%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(6,26,32,.46) 0%,rgba(6,26,32,.15) 54%,transparent 76%);pointer-events:none}.skinsPedestal:before{content:"";position:absolute;left:50%;top:50%;width:88%;height:90%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(255,226,176,.42);background:radial-gradient(ellipse 50% 58% at 40% 30%,#fff0cd66,#fff0cd00),radial-gradient(ellipse at center,#0000 74%,#ffe7ba33 88%,#0000),linear-gradient(128deg,#9a8464,#6f5c44 48%,#3f3428);box-shadow:inset 0 2px #fff4d657,inset 0 -5px 9px #140e086b,0 5px #2c2116,0 10px 12px #03121673}.skinsPedestal:after{content:"";position:absolute;left:50%;top:40%;width:60%;height:40%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse 46% 30% at 50% 56%,#01090cdb,#01090c80 62%,#01090c00),radial-gradient(ellipse at center,rgba(2,13,16,.68) 0%,rgba(2,13,16,.44) 42%,rgba(2,13,16,.12) 70%,transparent 86%);filter:blur(1.4px)}.skinsFlash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(94,232,255,.35) 45%,transparent 70%)}@keyframes skinsFlash{0%{opacity:.9;transform:scale(.86)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){.skinsFlash{animation:none!important}}.skinsSkinName{font-family:var(--font-display);text-transform:uppercase;font-size:19px;line-height:1.35;color:var(--c-ink);text-shadow:var(--sh-stroke)}.skinsSkinMeta{display:flex;align-items:center;gap:8px;min-height:14px;line-height:1.3;text-shadow:0 1px 2px rgba(6,20,26,.9)}.skinsSkinRarity{font-size:var(--fs-xxs);font-weight:900;letter-spacing:.1em;padding:2.5px 9px;border-radius:999px;border:1.5px solid currentColor;background:#05161c9e;box-shadow:inset 0 1px #ffffff14}.skinsSkinRarity:empty{display:none}.skinsPreviewTag{font-size:var(--fs-xxs);font-weight:800;letter-spacing:.08em;color:#fdf8e8b3}.skinsActionBtn{min-width:190px;min-height:44px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-size:var(--fs-md);white-space:nowrap}.skinsActionBtn svg{vertical-align:-2px}.skinsActionBtn:disabled{opacity:.55}.skinsActionBtn.skinsActionOn:disabled{opacity:1;background:linear-gradient(180deg,#09302bf5,#10443bf5);border:1.5px solid rgba(126,240,190,.34);color:#8dffcf;font-size:var(--fs-sm);letter-spacing:.12em;text-shadow:0 1px 2px rgba(2,16,14,.8);box-shadow:inset 0 3px 5px #0000008c,inset 0 -1px #7ef0be33;cursor:default}.skinsActionBtn.skinsActionOn:disabled:after{display:none}.skinsActionBtn.skinsActionLocked:disabled{opacity:1;background:linear-gradient(#1a323ce6,#10242de6);border:1.5px solid rgba(150,180,196,.28);color:#d6e8f0d1;box-shadow:inset 0 2px 6px #020c1080}.skinsActionBuy{background:linear-gradient(#8ef17d,#4ecb43);color:#14403c;box-shadow:0 5px #2f8f2a,0 10px 14px #143c1e40}.skinsActionDiamond{background:linear-gradient(#b8f0ff,#58c2ee);color:#0c3550;box-shadow:0 5px #2b7ea6,0 10px 14px #143c7840}.skinsRight{flex:1 1 538px;min-width:300px;max-width:538px;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:10px;box-shadow:var(--sh-card);display:flex;flex-direction:column;min-height:0;max-height:100%}.skinsRightHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(120,190,205,.16)}.skinsGridHead{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.12em;color:var(--c-panel-head)}.skinsGridCount{font-family:var(--font-ui, inherit);font-size:var(--fs-xxs);font-weight:900;letter-spacing:.06em;color:#d6ecf49e}.skinsGridCount b{color:#ffd95e;font-weight:900}.skinsGrid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;min-height:0;flex:1 1 auto;padding-bottom:2px;scroll-snap-type:x proximity}.skinCard{display:flex;flex-direction:column;position:relative;min-width:116px;max-width:250px;flex:1 1 0;scroll-snap-align:start;overflow:hidden;padding:0;background:#0a262e8c;border:2px solid var(--frame, #9fb3c8);border-radius:var(--r-sm);cursor:pointer;font:inherit;color:inherit;text-align:center;box-shadow:var(--sh-plate);transition:transform var(--dur-normal, .15s) ease,box-shadow var(--dur-normal, .15s) ease}.skinCard:active{transform:scale(.95);box-shadow:var(--sh-plate-active)}.skinCardSel{box-shadow:0 0 0 2px #ffffffd9,0 0 12px var(--frame, #9fb3c8),var(--sh-plate);background:#184654d9;position:relative}.skinCardSel:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,#ffffff59,#fff0 70%);opacity:.1;animation:skinSelBreath 3.2s ease-in-out infinite}@keyframes skinSelBreath{0%,to{opacity:.1}50%{opacity:.55}}.skinCardLocked .skinCardFace{filter:grayscale(.7) brightness(.55)!important}.skinCardLocked[data-finish] .skinCardArt:after{mix-blend-mode:normal;background:none}.skinCardLocked .skinCardGlow{opacity:.35}.skinCardLocked .skinCardArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#06101673;z-index:2}.skinCardLocked .skinCardName{color:#fdf8e8b8}.skinCardArt{position:relative;width:100%;flex:1 1 auto;min-height:96px;overflow:hidden;background:linear-gradient(#041016eb,#081e26c7);box-shadow:inset 0 2px 6px #0000008c}.skinCardGlow{position:absolute;left:50%;bottom:-34%;width:118%;height:96%;transform:translate(-50%);border-radius:50%;opacity:.55;filter:blur(6px) hue-rotate(var(--skinHue, 0deg)) saturate(var(--skinSat, 1));z-index:0}.skinCardFace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 8%;z-index:1;image-rendering:auto;pointer-events:none;filter:hue-rotate(var(--skinHue, 0deg)) saturate(var(--skinSat, 1))}.skinCard[data-finish=brasa] .skinCardFace{filter:hue-rotate(var(--skinHue, 0deg)) brightness(.42) contrast(1.8) saturate(calc(1.35 * var(--skinSat, 1))) drop-shadow(2px 0 1.5px rgba(126,196,255,.85)) drop-shadow(-1.5px -1px 1.5px rgba(150,210,255,.5))}.skinCard[data-finish=brasa] .skinCardArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(96% 44% at 50% 112%,rgba(255,96,12,.8),transparent 66%),radial-gradient(62% 26% at 50% 96%,rgba(255,196,70,.5),transparent 72%)}.skinCard[data-finish=brasa] .skinCardGlow{background:radial-gradient(ellipse at 50% 62%,rgba(255,132,26,.95) 0%,rgba(216,60,8,.7) 44%,rgba(96,18,4,.35) 72%,transparent 100%)!important;filter:blur(7px);opacity:.82}.skinCard[data-finish=metal] .skinCardFace{filter:hue-rotate(var(--skinHue, 0deg)) saturate(var(--skinSat, 1)) grayscale(.55) contrast(1.9) brightness(1.06)}.skinCard[data-finish=metal] .skinCardArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(108deg,#00000073 18%,#fff6d6d9 38%,#00000080 52%,#ffeec48c 72%,#0006 88%)}.skinCard[data-finish=cristal] .skinCardFace{filter:hue-rotate(var(--skinHue, 0deg)) brightness(1.28) contrast(1.3) saturate(calc(.68 * var(--skinSat, 1)))}.skinCard[data-finish=cristal] .skinCardArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:plus-lighter;background:linear-gradient(160deg,rgba(126,214,255,.34),transparent 46%),linear-gradient(20deg,rgba(180,240,255,.26),transparent 52%)}.skinCardFx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.skinCardFx:before,.skinCardFx:after{content:"";position:absolute;left:0;right:0;top:-100%;height:200%;background-repeat:repeat;background-size:100% 50%;will-change:transform}@keyframes skinFxRise{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes skinFxSway{0%,to{transform:translate(-2.5%)}50%{transform:translate(2.5%)}}.skinCard[data-finish=brasa] .skinCardFx{animation:skinFxSway 5.3s ease-in-out infinite}.skinCard[data-finish=brasa] .skinCardFx:before{background-image:radial-gradient(circle at 21% 9%,rgba(255,232,168,.98) 0 1.2px,rgba(255,168,52,.4) 2.6px,transparent 4.6px),radial-gradient(circle at 68% 26%,rgba(255,186,72,.95) 0 1.5px,rgba(255,128,26,.36) 3.2px,transparent 5.4px),radial-gradient(circle at 38% 47%,rgba(255,244,202,.92) 0 1px,rgba(255,180,64,.34) 2.4px,transparent 4.2px),radial-gradient(circle at 83% 63%,rgba(255,156,36,.95) 0 1.4px,rgba(238,96,14,.34) 3px,transparent 5px),radial-gradient(circle at 52% 84%,rgba(255,210,116,.92) 0 1.2px,rgba(255,148,34,.34) 2.7px,transparent 4.6px),radial-gradient(circle at 12% 71%,rgba(255,170,48,.88) 0 1.1px,rgba(240,104,16,.3) 2.5px,transparent 4.4px);animation:skinFxRise 5.6s linear infinite}.skinCard[data-finish=brasa] .skinCardFx:after{opacity:.55;filter:blur(.7px);background-image:radial-gradient(circle at 44% 16%,rgba(255,148,36,.9) 0 1px,transparent 2.2px),radial-gradient(circle at 76% 39%,rgba(255,190,90,.75) 0 .9px,transparent 2px),radial-gradient(circle at 27% 61%,rgba(255,130,24,.85) 0 1.1px,transparent 2.3px),radial-gradient(circle at 61% 92%,rgba(255,176,66,.8) 0 1px,transparent 2.1px);animation:skinFxRise 9.1s linear infinite}@keyframes skinFxFall{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.skinCard[data-finish=cristal] .skinCardFx:before{mix-blend-mode:screen;background-image:radial-gradient(circle at 26% 14%,rgba(226,248,255,.95) 0 1.4px,transparent 3px),radial-gradient(circle at 71% 33%,rgba(150,216,255,.9) 0 1.1px,transparent 2.4px),radial-gradient(circle at 45% 58%,rgba(240,252,255,.9) 0 1.5px,transparent 3.2px),radial-gradient(circle at 88% 76%,rgba(168,226,255,.85) 0 1.1px,transparent 2.4px),radial-gradient(circle at 15% 88%,rgba(226,248,255,.8) 0 1.2px,transparent 2.6px);animation:skinFxFall 11s linear infinite}.skinCard[data-finish=cristal] .skinCardFx:after{opacity:.6;filter:blur(.8px);mix-blend-mode:screen;background-image:radial-gradient(circle at 57% 21%,rgba(190,232,255,.8) 0 1px,transparent 2.2px),radial-gradient(circle at 33% 44%,rgba(226,248,255,.7) 0 .9px,transparent 2px),radial-gradient(circle at 79% 69%,rgba(160,220,255,.75) 0 1.1px,transparent 2.3px);animation:skinFxFall 16.5s linear infinite}.skinCard[data-finish=metal] .skinCardFx:before{top:0;height:100%;mix-blend-mode:screen;background-image:linear-gradient(104deg,transparent 43%,rgba(255,250,226,.42) 48%,rgba(255,255,255,.85) 50%,rgba(255,248,220,.4) 52.5%,transparent 58%);background-size:100% 100%;animation:skinFxGlint 4.2s ease-in-out infinite}@keyframes skinFxGlint{0%,58%{transform:translate(-135%)}to{transform:translate(135%)}}.skinCard[data-finish=metal] .skinCardFx:after{top:0;height:100%;animation:none;mix-blend-mode:screen;opacity:.5;background-image:linear-gradient(104deg,transparent 20%,rgba(255,250,230,.3) 25%,transparent 30%,transparent 66%,rgba(255,250,230,.22) 70%,transparent 75%);background-size:100% 100%}.skinCardLocked .skinCardFx{opacity:.42}@media (prefers-reduced-motion: reduce){.skinCardFx,.skinCardFx:before,.skinCardFx:after,.skinsFx,.skinsFx:before,.skinsFx:after{animation:none!important}}.skinsFx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:50%}.skinsFx:before,.skinsFx:after{content:"";position:absolute;left:0;right:0;top:-100%;height:200%;background-repeat:repeat;background-size:100% 50%;will-change:transform}.skinsViewport[data-finish=brasa] .skinsFx{animation:skinFxSway 6.1s ease-in-out infinite}.skinsViewport[data-finish=brasa] .skinsFx:before{background-image:radial-gradient(circle at 24% 11%,rgba(255,228,156,.95) 0 1.7px,transparent 3.4px),radial-gradient(circle at 66% 28%,rgba(255,164,46,.9) 0 2px,transparent 3.8px),radial-gradient(circle at 41% 52%,rgba(255,242,196,.88) 0 1.5px,transparent 3px),radial-gradient(circle at 81% 67%,rgba(255,136,26,.9) 0 1.9px,transparent 3.6px),radial-gradient(circle at 55% 87%,rgba(255,198,92,.88) 0 1.6px,transparent 3.2px);animation:skinFxRise 6.8s linear infinite}.skinsViewport[data-finish=brasa] .skinsFx:after{opacity:.5;filter:blur(1px);background-image:radial-gradient(circle at 36% 19%,rgba(255,150,38,.85) 0 1.3px,transparent 2.8px),radial-gradient(circle at 74% 45%,rgba(255,192,96,.7) 0 1.2px,transparent 2.6px),radial-gradient(circle at 18% 74%,rgba(255,128,22,.8) 0 1.4px,transparent 2.9px);animation:skinFxRise 11.4s linear infinite}.skinsViewport[data-finish=cristal] .skinsFx:before{mix-blend-mode:screen;background-image:radial-gradient(circle at 29% 16%,rgba(230,250,255,.9) 0 1.8px,transparent 3.6px),radial-gradient(circle at 69% 36%,rgba(154,218,255,.85) 0 1.5px,transparent 3px),radial-gradient(circle at 47% 61%,rgba(240,252,255,.85) 0 1.9px,transparent 3.8px),radial-gradient(circle at 84% 80%,rgba(170,228,255,.8) 0 1.4px,transparent 2.9px);animation:skinFxFall 13s linear infinite}.skinsViewport[data-finish=cristal] .skinsFx:after{opacity:.55;filter:blur(1.1px);mix-blend-mode:screen;background-image:radial-gradient(circle at 59% 24%,rgba(196,236,255,.75) 0 1.3px,transparent 2.7px),radial-gradient(circle at 22% 51%,rgba(230,250,255,.7) 0 1.2px,transparent 2.5px);animation:skinFxFall 19s linear infinite}.skinsViewport[data-finish=metal] .skinsFx:before{top:0;height:100%;mix-blend-mode:screen;background-image:linear-gradient(104deg,transparent 44%,rgba(255,250,226,.34) 48%,rgba(255,255,255,.7) 50%,rgba(255,248,220,.32) 52.5%,transparent 57%);background-size:100% 100%;animation:skinFxGlint 4.8s ease-in-out infinite}.skinCardLock{position:absolute;right:3px;top:3px;z-index:4;line-height:0;color:#ffd95e;background:#08121ae0;box-shadow:0 0 0 1px #ffd95e59;border-radius:50%;padding:2px}.skinCardFoot{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;min-width:0;padding:6px 6px 7px;background:linear-gradient(#09222af5,#06181ff5);border-top:1.5px solid var(--frame, #9fb3c8)}.skinCardName{max-width:100%;font-size:var(--fs-md);font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:var(--c-ink);text-shadow:var(--sh-stroke);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skinCardRar{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:10px 4px 3px;font-size:var(--fs-xxs);font-weight:900;letter-spacing:.14em;color:var(--frame, #9fb3c8);text-shadow:0 1px 3px rgba(3,14,20,.95);background:linear-gradient(#04101600,#041016d1)}.skinCardHi .skinCardRar{left:50%;right:auto;bottom:5px;z-index:4;transform:translate(-50%);max-width:calc(100% - 14px);padding:3px 15px;white-space:nowrap;color:#1a0a2e;letter-spacing:.16em;text-shadow:0 1px 0 rgba(255,255,255,.42);background:linear-gradient(180deg,#ffffffb8,#ffffff1f 46%,#00000038),var(--frame, #9fb3c8);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%,6px 50%)}.skinCardTail{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:4px 10px;border-radius:999px;font-size:var(--fs-xxs);font-weight:800;letter-spacing:.05em;white-space:nowrap;overflow:hidden;border:1px solid rgba(160,200,216,.22);background:#04141b80;color:#a8bccb}.skinCardTail svg{flex-shrink:0}.skinCardTailOn{border-color:#7ef0be4d;background:linear-gradient(180deg,#082c28f2,#0e3e36f2);box-shadow:inset 0 2px 3px #00000080,inset 0 -1px #7ef0be38;color:#8dffcf;text-shadow:0 1px 2px rgba(2,18,14,.9)}.skinCardTailOwn{border-color:#7842068c;background:linear-gradient(180deg,#ffdf7a,#f5b12a 58%,#e09a12);box-shadow:inset 0 1px #ffffffbf,0 2px #9a5f08,0 3px 5px #020c1073;color:#40270a;text-shadow:0 1px 0 rgba(255,255,255,.4)}.skinCardTailBuy{border-color:#7842068c;background:linear-gradient(180deg,#ffe9a8,#ffc93f 58%,#edac16);box-shadow:inset 0 1px #fffc,0 2px #a06b0c,0 3px 5px #020c1073;color:#40270a;text-shadow:0 1px 0 rgba(255,255,255,.45)}.skinCardHi{border-color:#06121ad9;box-shadow:0 0 22px -3px var(--frame, #9fb3c8),0 6px 14px #020a1099,var(--sh-plate)}.skinCardHi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border-radius:inherit;padding:3px;background:linear-gradient(115deg,rgba(255,255,255,.92) 0%,var(--frame, #9fb3c8) 22%,rgba(12,6,26,.55) 44%,var(--frame, #9fb3c8) 66%,rgba(255,255,255,.92) 88%,var(--frame, #9fb3c8) 100%);background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:skinFrameSweep 5.8s linear infinite}@keyframes skinFrameSweep{0%{background-position:150% 0}to{background-position:-150% 0}}.skinCardRays{position:absolute;left:50%;top:34%;width:190%;aspect-ratio:1;z-index:0;pointer-events:none;color:var(--frame, #9fb3c8);opacity:.34;background:repeating-conic-gradient(from 0deg,currentColor 0deg 3.4deg,transparent 3.4deg 12deg);-webkit-mask:radial-gradient(closest-side,#000 6%,rgba(0,0,0,.62) 40%,transparent 76%);mask:radial-gradient(closest-side,#000 6%,rgba(0,0,0,.62) 40%,transparent 76%);transform:translate(-50%,-50%);animation:skinRaysSpin 32s linear infinite}@keyframes skinRaysSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.skinCardLocked .skinCardRays{opacity:.14}@media (prefers-reduced-motion: reduce){.skinCardRays{animation:none}.skinCardHi:before{animation:none;background-position:50% 0}}.skinCardHi .skinCardArt:before{content:"";position:absolute;top:-30%;right:-60%;bottom:-30%;left:-60%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.26) 50%,transparent 58%);animation:skinSheen 4.6s ease-in-out infinite}@keyframes skinSheen{0%,68%{transform:translate(-55%)}to{transform:translate(55%)}}@media (prefers-reduced-motion: reduce){.skinCardHi .skinCardArt:before{animation:none;opacity:.35}}.skinsRandomBtn{min-height:44px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:var(--fs-xxs);letter-spacing:.06em;flex-shrink:0;white-space:nowrap;background:#ffcd2e21;border:1.5px solid rgba(255,205,46,.5);color:#ffd95e;text-shadow:0 1px 2px rgba(24,14,2,.8);box-shadow:inset 0 1px #ffe29629,0 2px #1a100499}.skinsRandomBtn svg{color:#ffd95ed9}.skinsRandomBtn.hidden{display:none}.skinsRandomOn{background:linear-gradient(#7ff0ff,#35bfe4);border-color:#ffffff8c;color:#08343f;text-shadow:none;box-shadow:inset 0 1px #ffffff80,0 3px #1d84a4}.skinsRandomOn svg{color:#08343f}@media (orientation: portrait){.skinsBody{flex-direction:column;overflow-y:auto;gap:10px;padding:46px 0 6px}.skinsLeft,.skinsRight{flex:0 0 auto;width:100%;max-width:360px;max-height:none}.skinsGrid{min-height:186px}}.rwdFlyLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none;overflow:hidden}.rwdFlyNode{position:absolute;left:0;top:0;opacity:0;will-change:transform;filter:drop-shadow(0 2px 3px rgba(6,24,30,.45))}.flipGhost{position:fixed;z-index:9985;pointer-events:none;transform-origin:top left;object-fit:contain;will-change:transform,opacity;translate:calc(var(--flip-dx, 0) * (1 - var(--flip)) * 1px) calc(var(--flip-dy, 0) * (1 - var(--flip)) * 1px);scale:calc(var(--flip-s, 1) + (1 - var(--flip-s, 1)) * var(--flip));filter:drop-shadow(0 6px 6px rgba(0,0,0,.3));animation:flipGhostOut var(--flip-fade, 95ms) linear var(--flip-hold, 155ms) both}.flipDest{animation:flipDestIn var(--flip-fade, 95ms) linear var(--flip-hold, 155ms) both}@keyframes flipGhostOut{0%{opacity:1}to{opacity:0}}.flipGhostRelay{animation:flipGhostRelay var(--flip-flight, .25s) linear both}@keyframes flipGhostRelay{0%{opacity:0}15%{opacity:1}62%{opacity:1}to{opacity:0}}@keyframes flipDestIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.flipGhost{display:none}.flipDest{animation-duration:.01ms!important;animation-delay:0ms!important}}.rwdGhost{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px + var(--slot, 0) * 44px);right:calc(env(safe-area-inset-right,0px) + 12px);display:flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;background:#0a1e24b8;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px #06181e66;opacity:0;transform:translateY(-8px) scale(.9);transition:opacity .18s ease-out,transform .18s var(--ease-bounce, ease-out)}.rwdGhost.rwdGhostOn{opacity:1;transform:translateY(0) scale(1)}.rwdGhostVal{font-family:var(--font-display);font-size:var(--fs-sm);color:#fff;text-shadow:0 2px 0 rgba(10,30,36,.6);font-variant-numeric:tabular-nums}.rwdGhostIcon{display:flex}.rwdPop{display:inline-block;scale:calc(1 + var(--pop) * .18)}@media (prefers-reduced-motion: reduce){.rwdPop{scale:calc(1 + var(--pop) * .08)}.rwdGhost{transition:opacity .18s ease-out;transform:none}}#controlsEditor{z-index:26;justify-content:flex-start;background-color:#141f26;background-image:radial-gradient(58% 88% at 44% -14%,rgba(255,214,148,.32) 0%,transparent 62%),radial-gradient(46% 70% at 104% 62%,rgba(112,200,218,.14) 0%,transparent 72%),radial-gradient(124% 94% at 46% 42%,transparent 26%,rgba(3,9,12,.9) 100%),repeating-linear-gradient(3deg,rgba(0,0,0,.34) 0 2px,rgba(255,255,255,.045) 2px 4px,transparent 4px 46px),repeating-linear-gradient(114deg,rgba(0,0,0,.14) 0 22px,transparent 22px 74px),linear-gradient(174deg,#2b3f4a,#1c2c34 46%,#0b1419);overflow:hidden}.ctlHead{display:flex;flex-direction:column;align-items:center;gap:2px;width:min(760px,calc(100% - 264px));flex-shrink:0}#ctlTitle{font-size:var(--fs-xl);letter-spacing:.08em;-webkit-text-stroke:5px #0a1418;text-shadow:0 2px 0 rgba(255,198,106,.5),0 4px 12px rgba(3,10,13,.85)}.ctlSubtitle{font-size:var(--fs-sm);color:var(--dim);text-align:center}.ctlBody{display:flex;gap:12px;align-items:stretch;width:min(760px,96vw);flex:1;min-height:0;padding:2px 0 1px}.ctlPanel{background:linear-gradient(var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:3px 10px;box-shadow:0 4px #0a1e2473;display:flex;flex-direction:column;gap:4px;min-height:0}.ctlSide>.ctlPanel{flex-shrink:0}.ctlPanelLabel{font-size:var(--fs-xs);font-weight:900;letter-spacing:.6px;color:var(--dim)}.ctlPreviewPanel{flex:1 1 46%;min-width:0;align-items:center}.ctlPreview{position:relative;flex:1;min-height:0;max-width:100%;aspect-ratio:844 / 390;border:3px solid #0a1418;border-radius:10px;background:#0b1a1f;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff1a,0 3px #030a0dbf,0 8px 16px #030a0d80;overflow:hidden}.ctlScene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ctlSceneFloor{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#55402c;background-image:radial-gradient(42% 64% at 50% 50%,rgba(255,206,128,.46) 0%,transparent 74%),repeating-linear-gradient(90deg,rgba(0,0,0,.32) 0 1px,rgba(255,226,176,.11) 1px 2px,transparent 2px 26px),repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 1px,rgba(255,226,176,.11) 1px 2px,transparent 2px 26px),linear-gradient(168deg,#674c33,#3b2a1c)}.ctlSceneWall{position:absolute;border-radius:2px 2px 0 0;background:#6f6552;box-shadow:inset 0 0 0 1px #140d07b3}.ctlSceneWall:after{content:"";position:absolute;left:0;right:0;top:100%;height:34%;border-radius:0 0 2px 2px;background:#322b21;box-shadow:0 2px 4px #0009}.ctlSceneWall--a{left:17%;top:24%;width:13%;height:15%}.ctlSceneWall--b{right:19%;bottom:26%;width:15%;height:13%}.ctlSceneBush{position:absolute;border-radius:46% 54% 50% 50%;background:radial-gradient(60% 60% at 40% 34%,#4f7f43,#2c4d29 78%,#1c301a66)}.ctlSceneBush--a{left:30%;bottom:16%;width:12%;height:18%}.ctlSceneBush--b{right:31%;top:14%;width:11%;height:17%}.ctlSceneMine{position:absolute;left:50%;top:50%;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff6d6,#ffc65e 40%,#b8660f 72%,#3a1f06);box-shadow:0 0 14px #ffb84ad9}.ctlSceneMine:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle,transparent 56%,#7a5b39 58%,#2e2116 100%);box-shadow:0 2px 5px #0009;z-index:-1}.ctlSceneGem{position:absolute;width:3.4%;aspect-ratio:.86;clip-path:polygon(50% 0%,100% 36%,79% 100%,21% 100%,0% 36%);background:linear-gradient(100deg,#9df3ff,#9df3ff 46%,#2aa6c4 46%,#2aa6c4);filter:drop-shadow(0 1px 2px rgba(0,0,0,.65)) drop-shadow(0 0 4px rgba(90,220,245,.5))}.ctlSceneGem--a{left:44%;top:39%}.ctlSceneGem--b{left:58%;top:58%}.ctlSceneGem--c{left:36%;top:62%}.ctlSceneUnit{position:absolute;width:7%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #081014b3,inset 0 1px #ffffff73,0 1px 3px #000000b3}.ctlSceneUnit:before{content:"";position:absolute;left:6%;right:6%;bottom:-14%;height:34%;border-radius:50%;background:radial-gradient(closest-side,#0000009e,#0000);z-index:-1}.ctlSceneUnit:after{content:"";position:absolute;left:-18%;right:-18%;bottom:108%;height:3px;border-radius:2px;background:linear-gradient(90deg,currentcolor 0 72%,rgba(0,0,0,.55) 72% 100%);box-shadow:0 0 0 1px #000000bf}.ctlSceneUnit--ally{left:39%;top:61%;color:#46e0ff;background:radial-gradient(60% 60% at 40% 32%,#9ceeff,#2196c4 62%,#10496a)}.ctlSceneUnit--foe{right:38%;top:27%;color:#ff6b5c;background:radial-gradient(60% 60% at 40% 32%,#ffb3a4,#d1483a 62%,#5f1a12)}.ctlSceneVeil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(122% 104% at 50% 46%,transparent 34%,rgba(4,12,16,.72) 100%),#0612181a}.ctlReach{position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(180,226,240,.34);background:radial-gradient(closest-side,rgba(120,200,225,.09),transparent 78%);pointer-events:none}.ctlReach--l{left:-13%;bottom:-30%}.ctlReach--r{right:-13%;bottom:-30%}.ctlMini{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.82);background:#ffffff24;box-sizing:border-box;pointer-events:none;display:grid;place-items:center;box-shadow:0 0 0 2px #040c10b8,inset 0 1px #fff6,0 2px 6px #030a0db3;transition:left .12s ease-out,top .12s ease-out,width .12s ease-out,height .12s ease-out}.ctlMiniKnob{width:43%;height:43%;border-radius:50%;background:radial-gradient(60% 60% at 40% 32%,#ffffff9e,#ffffff3d);box-shadow:inset 0 0 0 1px #fff6,0 1px 2px #00000080}.ctlMiniGlyph{width:52%;height:52%}.ctlMini-super{border-color:var(--gold);background:radial-gradient(58% 58% at 40% 30%,#ffe8a09e,#ffb02061);box-shadow:0 0 8px #ffc9338c,0 2px 5px #030a0d8c}.ctlMini-gadget{border-color:#2fae72;background:radial-gradient(58% 58% at 40% 30%,#96f0c38c,#2fae726b)}.ctlMini-emote{border-color:#ffffffa6;background:radial-gradient(58% 58% at 40% 30%,#ffffff75,#fff3)}.ctlMini:not(.active){opacity:.62}.ctlMini.active{border-color:#ffe27a;background:radial-gradient(58% 58% at 40% 30%,#fff6d6b3,#ffc9336b);box-shadow:0 0 0 2px #ffc9338c,0 0 18px #ffc933cc,0 2px 6px #030a0d99}.ctlMini.active:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;border:1.5px dashed rgba(255,226,122,.72)}.ctlMini.active:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 4%,#ffe27a 0 1.6px,transparent 1.9px),radial-gradient(circle at 50% 96%,#ffe27a 0 1.6px,transparent 1.9px),radial-gradient(circle at 4% 50%,#ffe27a 0 1.6px,transparent 1.9px),radial-gradient(circle at 96% 50%,#ffe27a 0 1.6px,transparent 1.9px)}.ctlSide{flex:1 1 54%;min-width:0;display:flex;flex-direction:column;gap:3px;min-height:0;overflow-y:auto}.ctlSlotRow{display:flex;gap:6px;flex-shrink:0}.ctlSlotChip{flex:1;min-width:0;min-height:44px;padding:3px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;border-radius:10px;background:#0000004d;color:#e2f0f5d1;font-family:inherit;font-weight:900;font-size:var(--fs-xs);letter-spacing:.3px;cursor:pointer;box-shadow:var(--sh-track);transition:background .15s,color .15s,box-shadow .15s}.ctlSlotChip svg{width:22px;height:22px;flex:0 0 auto}.ctlSlotChip.active{background:var(--gold);color:#4a3200;box-shadow:0 3px 0 var(--c-gold-lip),0 6px 10px #040e1242}.ctlSlotChip.active svg path,.ctlSlotChip.active svg circle{stroke:#4a3200}.ctlSlotChip.active svg [fill="#fff"]{fill:#fff8e2}.ctlSliderRow{display:flex;align-items:center;gap:10px}.ctlSliderRow label{flex:0 0 62px;font-size:var(--fs-sm);font-weight:800;color:var(--dim)}.ctlSliderIcon{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(#43606c,#22333c);border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff47,0 2px #060e1680;pointer-events:none}.ctlSliderRow input[type=range]{flex:1;min-width:0}.ctlSliderVal{flex:0 0 58px;text-align:center;font-size:var(--fs-xs);font-weight:900;font-variant-numeric:tabular-nums;color:#ffe27a;padding:4px 0;border-radius:7px;background:#0000008c;box-shadow:inset 0 0 0 1px #ffe27a6b}.ctlSliderVal .ctlSliderUnit{font-size:.82em;opacity:.72;margin-left:1px}.ctlHandRow{display:flex;gap:10px;align-items:center}.ctlPresetRow{display:flex;flex:1 1 auto;padding:3px;gap:3px;border-radius:12px;background:#0000006b;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff14}.ctlPresetRow .qualityBtn{min-width:0;min-height:44px;border-radius:9px;box-shadow:none;background:transparent}.ctlPresetRow .qualityBtn.active{background:var(--gold);color:#4a3200;box-shadow:0 2px 0 var(--c-gold-lip),0 4px 8px #040e1259}.ctlResetBtn{flex:0 0 auto;min-height:44px;font-size:var(--fs-xs);padding:0 12px;margin-left:12px;background:linear-gradient(180deg,#2c4450,#1b2f39);color:#e6f2f7;border:2px solid #0d1c22;box-shadow:inset 0 1px #ffffff29,0 2px #08141ab3;text-shadow:0 1px 0 rgba(0,0,0,.55);position:relative}.ctlResetBtn:not(.ctlResetIdle){border-color:#b4553c;box-shadow:inset 0 1px #ffc8b038,0 0 0 1px #ff8a6a4d,0 2px #08141ab3}.ctlResetBtn:before{content:"";position:absolute;left:-13px;top:12%;bottom:12%;width:2px;border-radius:1px;background:#ffffff24}#clawWipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;display:none;pointer-events:none}#clawWipe.clawWipe--on{display:block;pointer-events:auto}.clawBand{position:absolute;top:-12vh;height:124vh;border-left:3px solid var(--c-gem, #2ee6c8);background:linear-gradient(100deg,#0b131c,#14313c 55%,#0b131c);box-shadow:-14px 0 30px #2ee6c861;transform:translate3d(150vw,0,0) skew(-11deg)}.clawBand[data-band="0"]{left:-8vw;width:38vw}.clawBand[data-band="1"]{left:30vw;width:46vw}.clawBand[data-band="2"]{left:76vw;width:42vw}.clawWipe--cover .clawBand{transition:transform .1s cubic-bezier(.16,1,.3,1);transform:translateZ(0) skew(-11deg);will-change:transform}.clawWipe--reveal .clawBand{transition:transform 115ms cubic-bezier(.42,0,.9,.4);transform:translate3d(-160vw,0,0) skew(-11deg);will-change:transform}@media (prefers-reduced-motion: reduce){.clawWipe--cover .clawBand,.clawWipe--reveal .clawBand{transition:none}}.odo{font-variant-numeric:tabular-nums}.odoCol{position:relative;display:inline-block;height:1em;line-height:1em;clip-path:inset(0)}.odoGhost{visibility:hidden}.odoStrip{position:absolute;top:0;left:0}.odoDigit{display:block;height:1em;line-height:1em}@media (prefers-reduced-motion: reduce){.odoStrip{transition:none!important}}#mapEditor{background-color:#17212a;background-image:radial-gradient(56% 88% at 38% -16%,rgba(255,222,166,.42) 0%,transparent 66%),radial-gradient(46% 70% at 106% 56%,rgba(126,194,224,.17) 0%,transparent 74%),radial-gradient(126% 100% at 42% 40%,transparent 34%,rgba(14,10,6,.58) 100%),repeating-linear-gradient(92deg,rgba(0,0,0,.26) 0 3px,rgba(255,255,255,.07) 3px 5px,transparent 5px 149px),repeating-linear-gradient(1.5deg,rgba(0,0,0,.05) 0 3px,transparent 3px 23px),repeating-linear-gradient(.6deg,rgba(255,226,178,.035) 0 2px,transparent 2px 37px),repeating-linear-gradient(2.2deg,rgba(0,0,0,.05) 0 5px,transparent 5px 61px),linear-gradient(172deg,#5b452f,#402f22 44%,#2a2015);overflow:hidden}.mapEdHead{align-self:stretch;width:auto;margin-left:124px;margin-right:calc((100% - min(860px,97vw))/2);flex-shrink:0;min-height:56px;display:flex;align-items:center;justify-content:flex-start;gap:12px}#mapEdTitle{flex:0 0 auto}#mapEdTitle{font-size:var(--fs-xl)}.mapEdBody{display:flex;gap:10px;align-items:stretch;width:min(860px,97vw);flex:1;min-height:0;padding:6px 0 4px}.mapEdMain{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mapEdCanvasPanel{flex:0 0 auto;align-self:center;height:100%;min-width:0;min-height:0;background-color:#2c3a24;background-image:radial-gradient(circle at 9px 9px,rgba(255,233,182,.7) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 9px) 9px,rgba(255,233,182,.7) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at 9px calc(100% - 9px),rgba(255,233,182,.7) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),rgba(255,255,255,.34) 0 1.6px,rgba(0,0,0,.5) 2px 3.2px,transparent 3.4px);border:3px solid #6b5330;border-radius:var(--r-md);padding:4px;box-shadow:inset 0 1px #ffe7b066,inset 0 0 0 1px #180e048c,0 3px #22160ae6,10px 14px 22px #0c08049e}#mapEdCanvas{display:block;width:100%;height:100%;touch-action:none}.mapEdSide{flex:0 0 222px;display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:3px 5px 5px;border:2px solid #0a1418;border-radius:var(--r-md);background:linear-gradient(178deg,rgba(255,255,255,.07),transparent 34%),linear-gradient(172deg,#2c3f49,#1b2a32 58%,#121d24);box-shadow:inset 0 1px #ffffff2e,0 3px #030a0dcc,0 9px 18px #03080c80}.mapEdRow{display:flex;align-items:center;gap:8px;flex-shrink:0}.mapEdPanelLabel{font-size:var(--fs-xs);font-weight:900;letter-spacing:.6px;color:var(--dim);flex-shrink:0}.mapEdSelect{flex:1;min-width:0;min-height:44px;border-radius:10px;border:2px solid var(--c-panel-border);background-color:#061a20b8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.4 1.6 6 6.2l4.6-4.6' fill='none' stroke='%23ffc63f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:#fff;font-family:inherit;font-weight:900;font-size:var(--fs-xs);letter-spacing:.4px;padding:0 26px 0 9px;box-shadow:var(--sh-track)}.mapEdSelect option{background:#0d2830;color:#fff}.mapEdPalette{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.mapEdGroupLabel{font-size:var(--fs-xs);font-weight:900;letter-spacing:1px;color:#ffffffeb;text-shadow:0 1px 0 rgba(0,0,0,.55);padding-left:2px}.mapEdGroup{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:2px}.mapEdBrush{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:3px;border:none;border-radius:10px;background:#04141a9e;color:#eaf2f6;font-family:inherit;font-weight:900;font-size:var(--fs-xs);letter-spacing:.2px;cursor:pointer;box-shadow:var(--sh-track)}.mapEdBrush.active{background:var(--gold);color:#4a3200;outline:2px solid rgba(255,255,255,.85);outline-offset:-2px;transform:translateY(-1px);box-shadow:0 3px 0 var(--c-gold-lip),0 7px 12px #040e1257}.mapEdBrushIcon{display:grid;place-items:center;line-height:0;padding:2px;border-radius:7px;background:linear-gradient(#e6f0f4,#a9c1cb);box-shadow:inset 0 -1px #00000040,0 1px #00000073}.mapEdTools{display:flex;gap:6px;flex-shrink:0}.mapEdToolBtn{flex:1;min-width:44px;min-height:46px;padding:2px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:9px;letter-spacing:.2px}.mapEdToolBtn:not(:disabled){background:linear-gradient(#6d8ba0,#47606f 52%,#33454f);color:#f4fbff;border-color:#d6eefc8c;box-shadow:inset 0 1px #ffffff6b,0 3px #061014c7;text-shadow:0 1px 0 rgba(0,0,0,.6)}.mapEdToolBtn:not(:disabled):after{background:none}.mapEdToolIcon{display:grid;place-items:center;line-height:0}.mapEdToolLabel{line-height:1}.mapEdToolBtn:disabled{opacity:1;filter:none;background:#0e1e269e;color:#d8ecf8b8;border-color:#a0c4d83d;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px #ffffff14;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(226,244,255,.14)}.mapEdToolBtn:disabled:after{background:none}.mapEdVerdict{flex:1 1 auto;display:flex;align-items:stretch;justify-content:flex-end;gap:6px;min-width:0}.mapEdDiag{flex:1 1 auto;min-width:0;height:50px;display:flex;align-items:center;gap:9px;overflow:hidden;border-radius:var(--r-md);border:2px solid rgba(255,176,74,.6);background:linear-gradient(#3b2a14,#22170a);box-shadow:inset 0 1px #ffd69647,inset 0 0 0 1px #0c070299,0 3px #140c04cc,0 7px 14px #08050280;padding:5px 7px;font-size:var(--fs-xs);line-height:1.35}.mapEdDiag.mapEdDiagOk{border-color:#2ee6c899;background:#08343073}.mapEdPlayBtn{flex:0 0 auto;min-width:122px;min-height:50px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fs-xs);letter-spacing:.4px}.mapEdPlayIcon{display:grid;place-items:center;line-height:0}.mapEdPlayBtn:disabled{opacity:1;filter:none;background:linear-gradient(#4a3315,#2a1c0a);box-shadow:inset 0 1px #ffd6963d,0 3px #140c04d9,0 7px 14px #08050280;color:#ffc27a;position:relative;isolation:isolate;border:2.5px solid rgba(255,176,74,.62);box-shadow:inset 0 0 14px #ff96281f;text-shadow:none}.mapEdPlayBtn:disabled:after{background:none}.mapEdPlayBtn:disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:repeating-linear-gradient(-45deg,#ffb04a26 0,#ffb04a26 7px,#ffb04a00 7px,#ffb04a00 15px)}.mapEdDiagMore{display:inline-block;margin-left:8px;padding:0 6px;border-radius:8px;background:#ffb04a38;border:1px solid rgba(255,176,74,.5);color:#ffd7a4;font-weight:900;font-size:9px;line-height:14px;vertical-align:1px;white-space:nowrap}.mapEdDiagHead{display:flex;align-items:center;gap:5px;flex:0 0 auto;font-weight:900;letter-spacing:.6px;color:#ffb04a;border-right:1px solid rgba(255,255,255,.16);padding-right:9px}.mapEdDiagHeadIcon{display:grid;place-items:center;line-height:0}.mapEdDiagList{flex:1 1 auto;min-width:0;max-height:100%;overflow-y:auto}.mapEdDiagCount{min-width:18px;text-align:center;border-radius:9px;padding:1px 5px;background:#ff3e3ed9;color:#fff;font-size:9px}.mapEdDiag.mapEdDiagOk .mapEdDiagHead{color:#7df0dc}.mapEdDiagItem{display:flex;align-items:flex-start;gap:5px;color:#eef4f8;line-height:17px}.mapEdDiagBullet{flex:0 0 auto;display:grid;place-items:center;line-height:0;color:#ffb04a;margin-top:1px}.mapEdLibBtn{flex-shrink:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:var(--fs-xs);letter-spacing:.3px;background:linear-gradient(#41596a,#2b3d4a 52%,#1e2c36);color:#e8f2f8;border:2px solid rgba(190,222,240,.3);box-shadow:inset 0 1px #fff3,0 3px #040c10b8;text-shadow:0 1px 0 rgba(0,0,0,.55)}.mapEdLibBtn:after{background:none}.mapEdLibIcon{display:grid;place-items:center;line-height:0;color:var(--gold)}#mapEdLibrary{background:#041218fb}.mapLibBox{max-width:min(720px,96vw);max-height:96vh;overflow-y:auto;text-align:left;padding:12px 16px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(circle at 12px 12px,rgba(255,233,182,.72) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 12px) 12px,rgba(255,233,182,.72) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at 12px calc(100% - 12px),rgba(255,233,182,.72) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),rgba(255,233,182,.72) 0 1.6px,rgba(28,16,4,.6) 2px 3.2px,transparent 3.4px),repeating-linear-gradient(1.2deg,rgba(0,0,0,.05) 0 2px,transparent 2px 17px),repeating-linear-gradient(.5deg,rgba(190,236,226,.028) 0 2px,transparent 2px 29px),repeating-linear-gradient(1.9deg,rgba(0,0,0,.045) 0 3px,transparent 3px 43px),linear-gradient(168deg,#1d3a3e,#162c30 46%,#0e1e22);border:3px solid #6b5330;box-shadow:inset 0 1px #ffe7b057,inset 0 0 0 1px #060e1099,0 3px #140c04d9,10px 16px 26px #040a0ca8}.mapLibBody{display:flex;align-items:stretch;gap:12px;min-height:0}.mapLibCol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}.mapLibHead{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;padding-bottom:6px;border-bottom:2px solid rgba(150,118,60,.5);box-shadow:0 1px #ffe2a81f}.mapLibTitle{font-size:27px}.mapLibCount{font-size:var(--fs-sm);font-weight:900;color:#bfdde7;flex-shrink:0}.mapLibSaveRow{display:flex;align-items:center;gap:12px;margin-bottom:7px}.mapLibInput{flex:1 1 auto;min-width:0;min-height:44px;background:#030e13b3;border:2px solid var(--c-panel-border);border-radius:var(--r-md);color:#fff;font:inherit;font-size:var(--fs-sm);padding:0 9px}.mapLibSaveBtn{flex:0 0 auto;min-height:52px;min-width:138px;padding:0 16px;font-size:16px;letter-spacing:.03em;box-shadow:inset 0 1px #fff6,0 5px 0 var(--c-gold-lip),0 9px 14px #78500061}.mapLibSaveBtn:active{transform:translateY(3px);box-shadow:inset 0 1px #fff6,0 2px 0 var(--c-gold-lip)}.mapLibList{flex:1 1 auto;min-height:104px;max-height:196px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%)}.mapLibList.mapLibListWhole{mask-image:none;-webkit-mask-image:none}.mapLibBlank{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;min-height:0}.mapLibSlot{display:flex;align-items:center;gap:7px;padding:4px 6px;border:2px solid var(--c-panel-border);border-radius:var(--r-md);background:#030e138c;text-align:left;min-height:0;overflow:hidden}.mapLibSlotLead{flex:1.35 1 0;font:inherit;color:inherit;cursor:pointer;border-color:#c9a24a8c;background:linear-gradient(#224a5680,#06161ca8);box-shadow:inset 0 1px #ffe7b029,0 2px 6px #030a0c80}.mapLibSlotLead:active{transform:translateY(1px)}.mapLibSlotLead:focus-visible{outline:2px solid var(--c-blue-light);outline-offset:2px}.mapLibSlotGhost{flex:1 1 0;min-height:26px}.mapLibSlotGhost2{margin-right:5%;opacity:.6}.mapLibSlotGhost3{margin-right:11%;opacity:.34}.mapLibSlotThumb{flex:0 0 auto;width:66px;height:100%;max-height:42px;border:2px solid var(--c-panel-border);border-radius:var(--r-sm);overflow:hidden;display:block;line-height:0}.mapLibSlotArt{display:block;width:100%;height:100%}.mapLibSlotText{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.mapLibSlotName{font-family:var(--font-display);font-weight:400;font-size:15px;line-height:1.05;letter-spacing:.03em;color:#f2d79f;text-shadow:var(--sh-text)}.mapLibSlotBody{font-size:var(--fs-xs);line-height:1.34;color:#d4e8eec2}.mapLibSlotFill{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:400;font-size:12px;letter-spacing:.12em;color:#c4dee899}.mapLibSlotNum{flex:0 0 auto;padding-right:4px;font-family:var(--font-display);font-weight:400;font-size:16px;letter-spacing:.04em;color:#e8c8849e}.mapLibSlotLead .mapLibSlotNum{color:#e8c884}.mapLibRow{display:flex;align-items:center;gap:7px;background:#030e138c;border:2px solid var(--c-panel-border);border-radius:var(--r-md);padding:4px 6px;cursor:pointer}.mapLibRow:active{background:#143442bf}.mapLibRow:focus-visible{outline:2px solid var(--c-blue-light);outline-offset:2px}.mapLibRowSure{border-color:#ff9a90;background:#4a1612b8}.mapLibThumbWrap{position:relative;flex:0 0 auto;display:block;line-height:0}.mapLibThumbPen{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(3,14,19,.9);background:var(--c-blue);color:#eaf7ff;display:grid;place-items:center;pointer-events:none}.mapLibThumb{flex:0 0 auto;width:66px;height:42px;border:2px solid var(--c-panel-border);border-radius:var(--r-sm);background:#030e13b3;display:block}.mapLibRowText{flex:1 1 auto;min-width:0}.mapLibRowName{font-size:var(--fs-sm);font-weight:900;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapLibRowMode{font-size:var(--fs-xs);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapLibRowBtns{display:flex;gap:5px;flex-shrink:0;align-items:center}.mapLibRowBtn{min-height:44px;min-width:44px;border-radius:var(--r-sm);border:2px solid rgba(255,255,255,.5);font:inherit;font-weight:900;letter-spacing:.3px;cursor:pointer;display:grid;place-items:center;padding:0 7px}.mapLibRowBtn:active{transform:translateY(2px)}.mapLibWordBtn{padding:0 11px;font-size:var(--fs-xs);color:var(--c-white);background:linear-gradient(var(--c-blue-light) 0%,var(--c-blue) 100%);text-shadow:0 1px 0 rgba(0,0,0,.45);box-shadow:0 3px 0 var(--c-blue-lip),0 4px 6px #0006}.mapLibIconBtn{padding:0;background:#0a2630e6;border-color:#7ec4d680;color:#bfe4f0;box-shadow:0 3px #041218d9,0 4px 6px #00000059}.mapLibRowSure .mapLibRowMode{color:#ffc9c2;font-weight:900}.mapLibRowUnfinished{font-size:var(--fs-xs);font-weight:900;color:#ffb04a;line-height:1.2;white-space:nowrap}.mapLibRowBtn:disabled{opacity:.42;cursor:default}.mapLibRowBtn:disabled:active{transform:none}.mapLibDelBtn{margin-left:9px;background:#3a1411eb;border-color:#b04a42;color:#ff9a8c;box-shadow:0 3px #3a100d,0 4px 6px #00000073}.mapLibSure,.mapLibDelSure{padding:0 11px;font-size:var(--fs-xs);background:linear-gradient(#e0483c,#b02f26);border-color:#ff9a90;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:0 3px #6d1a15,0 4px 6px #00000073}.mapLibCodeBlock{flex:0 0 38%;padding:8px 10px 10px;border:2px solid rgba(150,118,60,.3);border-radius:var(--r-md);background:linear-gradient(#00000038,#0000005c);box-shadow:inset 0 2px 6px #00000073,inset 0 -1px #ffe2a814}.mapLibHelp{font-size:var(--fs-xs);color:var(--dim);line-height:1.35}.mapLibShareBlock{margin-top:auto;padding-top:7px;border-top:2px solid rgba(150,118,60,.28)}.mapLibShareLabel{margin-bottom:3px}.mapLibShareHelp{font-size:10px;line-height:1.3;color:#c8e0e880}.mapLibCode{width:100%;min-height:44px;background:#030e13b3;border:2px solid var(--c-panel-border);border-radius:var(--r-md);color:#cfe9f2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;padding:5px 7px;overflow-x:auto;text-overflow:ellipsis;white-space:nowrap}.mapLibCode::selection{background:var(--c-gold);color:#17232a}.mapLibCode:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 2px #ffc73d47}.mapLibCode.mapLibCodeBad{border-color:#ffb04a;box-shadow:0 0 0 2px #ffb04a47}.mapLibImportBtn{align-self:stretch;width:100%;min-height:44px;padding:0 20px;font-size:12px;-webkit-text-stroke-width:1.4px;box-shadow:0 4px 0 var(--c-blue-lip),0 7px 10px #143c784d}#mapEdLibrary{background:radial-gradient(ellipse at 50% 50%,#02090bb8 0,#02090bb8 34%,#02090bfb),var(--c-overlay)}.mapLibFoot{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-top:2px;padding-top:7px;border-top:2px solid rgba(150,118,60,.5);box-shadow:0 -1px #ffe2a81a}.mapLibFootSlot{position:relative;flex:1 1 auto;min-width:0;min-height:38px;display:flex;align-items:center}.mapLibCapacity{display:flex;align-items:center;gap:9px;min-width:0}.mapLibCapLabel{flex:0 0 auto;font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.12em;color:#e8c884b3}.mapLibCapBar{display:flex;gap:3px;align-items:center;min-width:0;overflow:hidden}.mapLibCapBar i{flex:0 0 auto;width:9px;height:14px;border-radius:2px;background:#030e13b8;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffe7b017}.mapLibCapBar i.mapLibCapNext{border:1.5px solid rgba(232,200,132,.85);background:#c9a24a29;box-shadow:inset 0 0 4px #f4d78e66,0 0 5px #c9a24a59}.mapLibCapBar i.mapLibCapOn{background:linear-gradient(#f4d78e,#c9a24a);box-shadow:inset 0 1px #fff6dcb3,0 0 6px #c9a24a73}.mapLibMsg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;min-width:0;font-size:var(--fs-xs);line-height:1.35;border-left:4px solid rgba(46,230,200,.75);background:#08343066;color:#d8fbf4;padding:5px 9px}.mapLibMsg.mapLibMsgOff{visibility:hidden}.mapLibMsg.mapLibMsgBad{border-left-color:#ffb04a;background:#18120a8c;color:#ffe6c4}.mapLibCloseBtn{min-height:44px;min-width:150px;padding:0 18px;font-family:var(--font-display);font-weight:400;font-size:15px;letter-spacing:.04em;border-radius:var(--r-sm);border:2px solid rgba(150,214,232,.6);background:linear-gradient(#78b0c438,#0a1e2857);color:#dff2fa;text-shadow:var(--sh-text);box-shadow:inset 0 1px #ffffff38,0 4px #061218cc,0 7px 10px #040c1057;cursor:pointer;flex-shrink:0}.mapLibCloseBtn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff38,0 1px #061218cc}.hubMenu{max-height:calc(100vh - 78px);overflow-y:auto}#versus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;--vsFace: clamp(70px, 22vh, 108px);z-index:9500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='390' viewBox='0 0 150 390' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L150 0 L128 34 L142 70 L112 108 L134 146 L104 186 L126 226 L98 266 L120 306 L94 346 L112 390 L0 390 Z' fill='%23050a0f'/%3E%3Cpath d='M0 0 L118 0 L98 36 L110 72 L84 110 L102 148 L76 188 L94 228 L70 268 L88 308 L66 348 L80 390 L0 390 Z' fill='%23132330' stroke='%234a7185' stroke-opacity='0.55' stroke-width='3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='390' viewBox='0 0 150 390' preserveAspectRatio='none'%3E%3Cg transform='translate(150,0) scale(-1,1)'%3E%3Cpath d='M0 0 L150 0 L128 34 L142 70 L112 108 L134 146 L104 186 L126 226 L98 266 L120 306 L94 346 L112 390 L0 390 Z' fill='%23050a0f'/%3E%3Cpath d='M0 0 L118 0 L98 36 L110 72 L84 110 L102 148 L76 188 L94 228 L70 268 L88 308 L66 348 L80 390 L0 390 Z' fill='%23132330' stroke='%234a7185' stroke-opacity='0.55' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"),conic-gradient(from 168deg at 50% -18%,#ffc78000,#ffc78029 10deg,#ffd8a042,#ffc78029 14deg,#ffc78000 24deg),linear-gradient(158deg,#ff5b4b33,#ff5b4b00 46%),linear-gradient(-22deg,#3aa0ff38,#3aa0ff00 46%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='844' height='390' viewBox='0 0 844 390' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='2'%3E%3Cpath d='M0 66 C170 46 330 84 520 60 C660 42 760 70 844 54'/%3E%3Cpath d='M0 178 C200 158 340 200 540 172 C690 152 780 186 844 166'/%3E%3Cpath d='M0 296 C160 320 350 274 530 302 C680 324 780 288 844 308'/%3E%3C/g%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.2' stroke-width='3'%3E%3Cpath d='M0 74 C170 54 330 92 520 68 C660 50 760 78 844 62'/%3E%3Cpath d='M0 186 C200 166 340 208 540 180 C690 160 780 194 844 174'/%3E%3Cpath d='M0 304 C160 328 350 282 530 310 C680 332 780 296 844 316'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(125% 95% at 50% 50%,#17222f,#070c12);background-repeat:no-repeat;background-size:17% 100%,17% 100%,cover,cover,cover,100% 100%,cover;background-position:left top,right top,center,center,center,center,center;touch-action:none}#versus-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 clamp(60px,14vw,130px) #000000bf}#versus-overlay.vsOut{opacity:0;transition:opacity var(--vsFade, .26s) ease-in}.vsHeader{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;margin-bottom:2px;opacity:0;transform:translateY(-10px);transition:opacity .22s ease-out,transform .26s ease-out}.vsHeader.vsIn{opacity:1;transform:translateY(0)}.vsMode,.vsMap{font-family:Luckiest Guy,Lilita One,sans-serif;text-shadow:0 2px 5px rgba(0,0,0,.85);letter-spacing:.06em}.vsMode{font-size:clamp(16px,3vw,24px);color:var(--c-gold, #ffc933)}.vsSep{width:clamp(46px,9vw,80px);height:2px;border-radius:1px;background:linear-gradient(90deg,#fff0,#ffc933b3,#fff0);font-size:0}.vsMap{font-size:clamp(10px,1.7vw,13px);text-transform:uppercase;letter-spacing:.14em;color:#ffffffb3}.vsSide{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:7px 0}.vsSide:before{content:"";position:absolute;left:-12%;right:-12%;top:0;bottom:0;transform:skewY(-5deg);background:repeating-linear-gradient(115deg,#ffffff0d 0,#ffffff0d 9px,#fff0 9px,#fff0 24px),linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--vsTeam) 16%,var(--vsTeam) 84%,rgba(0,0,0,0) 100%);opacity:.26;border-top:2px solid var(--vsTeam);border-bottom:2px solid var(--vsTeam);box-shadow:0 0 26px -6px var(--vsTeam);transform-origin:center;scale:.3 1;transition:scale .32s cubic-bezier(.22,1,.36,1)}.vsSide.vsIn:before{scale:1 1}.vsAway:before,.vsAway:after{top:-90px}.vsHome:before,.vsHome:after{bottom:-90px}.vsSide:after{content:"";position:absolute;left:-12%;right:-12%;top:0;bottom:0;pointer-events:none;transform:skewY(-5deg);background:repeating-linear-gradient(115deg,var(--vsTeam) 0 5px,rgba(0,0,0,0) 5px 20px);opacity:.5;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 74%,#000 100%);mask-image:linear-gradient(90deg,#000,#0000 26%,#0000 74%,#000)}.vsTeamTag{position:absolute;left:max(env(safe-area-inset-left,0px) + 10px,clamp(14px,3vw,30px));top:50%;transform:translateY(-50%);font-family:Luckiest Guy,Lilita One,sans-serif;font-size:clamp(11px,1.9vw,14px);letter-spacing:.08em;color:#fff;background:#091220e6;border:2px solid var(--vsTeam);border-radius:999px;box-shadow:0 0 0 2px #04080ebf,0 3px 9px #0000008c;padding:2px 10px;text-shadow:0 2px 3px rgba(0,0,0,.7);white-space:nowrap;pointer-events:none;z-index:1}@media (max-width: 699px){.vsTeamTag{display:none}}.vsRow{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:clamp(16px,9vw,84px)}.vsAway .vsRow{transform:translate(clamp(-26px,-3vw,-10px))}.vsHome .vsRow{transform:translate(clamp(10px,3vw,26px))}.vsCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(var(--vsFace) + 30px);opacity:0;transition:opacity var(--vsSlide, .34s) ease-out,transform var(--vsSlide, .34s) cubic-bezier(.22,1,.36,1)}.vsHome .vsCard{transform:translate(-46px)}.vsAway .vsCard{transform:translate(46px)}.vsCard.vsIn{opacity:1;transform:translate(0)}.vsCard:before{content:"";position:absolute;top:calc(var(--vsFace) - 5px);left:50%;width:calc(var(--vsFace) * .8);height:calc(var(--vsFace) * .17);transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#0000009e,#0000004d 55%,#0000);pointer-events:none}.vsFace{width:var(--vsFace);height:var(--vsFace);border-radius:50%;object-fit:cover;border:4px solid var(--vsTeam, #888);background:radial-gradient(56% 30% at 50% 92%,#0000009e,#0000),repeating-conic-gradient(from 8deg at 50% 44%,#ffffff16,#ffffff16 7deg,#fff0 7deg,#fff0 22deg),radial-gradient(78% 78% at 50% 28%,color-mix(in srgb,var(--vsTeam, #888) 42%,transparent),#070e15e6 76%);box-shadow:inset 0 7px 11px -7px #ffffff8c,inset 0 -11px 15px -7px #000000bf,0 7px 16px #0009,0 0 22px -6px var(--vsTeam);flex-shrink:0}.vsCard:after{content:"";position:absolute;top:0;left:50%;width:var(--vsFace);height:var(--vsFace);transform:translate(-50%);border-radius:50%;pointer-events:none;background:linear-gradient(152deg,#fff4e033,#fff4e012 24%,#fff4e000 44%)}.vsCard.vsMe:after{transform:translate(-50%) scale(1.12)}.vsCard.vsMe .vsFace{transform:scale(1.12);box-shadow:0 0 0 3px #ffffffeb,0 0 20px #fff6,0 7px 16px #0009}.vsName{font-family:Luckiest Guy,Lilita One,sans-serif;font-size:clamp(12px,2vw,15px);line-height:1.4;letter-spacing:.02em;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.7);background:#091220e6;border:2px solid var(--vsTeam, #444);border-radius:999px;box-shadow:0 0 0 2px #04080ebf,0 3px 9px #0000008c;padding:1px 11px;max-width:calc(var(--vsFace) + 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsBadge{position:relative;font-family:Luckiest Guy,Lilita One,sans-serif;font-size:clamp(44px,9vw,76px);line-height:.95;letter-spacing:.04em;color:#ffc933;-webkit-text-stroke:5px rgba(6,12,18,.92);paint-order:stroke fill;text-shadow:0 3px 0 rgba(120,62,0,.55);filter:drop-shadow(0 6px 10px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(255,201,51,.4));opacity:0;transform:scale(.5);transition:opacity .22s ease-out,transform var(--vsBadge, .28s) cubic-bezier(.34,1.56,.64,1);z-index:1}.vsBadge.vsIn{opacity:1;transform:scale(1)}.vsBadge:before{content:"";position:absolute;left:50%;top:50%;width:2.3em;height:1.02em;transform:translate(-50%,-50%) skewY(-5deg);border-radius:10px;background:linear-gradient(180deg,#ff5b4b52,#0b121cf5 46%,#0b121cf5 54%,#3aa0ff52),#0b121c;border:2px solid rgba(255,201,51,.85);box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000080,0 5px #00000073,0 0 22px #ffc93338;z-index:-1}@media (prefers-reduced-motion: reduce){.vsHome .vsCard,.vsAway .vsCard,.vsBadge,.vsHeader{transform:none}.vsSide:before{scale:1 1}}.luFx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.luPanel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5vh;box-sizing:border-box}.luCard{position:relative;width:clamp(300px,54%,440px);box-sizing:border-box;padding:0 14px 2vh;display:flex;flex-direction:column;align-items:center;gap:1vh;border-radius:16px;background:linear-gradient(180deg,#142c39f7,#08161efa);box-shadow:inset 0 2px #ffffff2e,inset 0 -7px 16px #00000073,0 0 0 2px #040e13d9,0 10px 28px #0000008c;opacity:0;transform:translateY(16px)}.luFx.luIn .luCard{opacity:1;transform:translateY(0);transition:opacity .28s ease-out 90ms,transform .42s cubic-bezier(.16,1,.3,1) 90ms}.luFx.luOut .luCard{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luStage{position:relative;display:flex;align-items:center;justify-content:center;margin-top:clamp(-52px,-10.5vh,-37px)}.luVeil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 24% 47% at 52% 31%,#030e1300,#030d128c 52%,#02090df2);opacity:0}.luSpot{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 13% 25% at 52% 29%,#ffeec45c,#ffd07424 55%,#ffbe4600 80%),radial-gradient(ellipse 24% 46% at 52% 34%,#ffc65e2b,#ffb43c00 74%);mix-blend-mode:screen;opacity:0}.luFx.luIn .luSpot{opacity:1;transition:opacity .42s ease-out .12s}.luFx.luOut .luSpot{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luFx.luIn .luVeil{opacity:1;transition:opacity calc(var(--luStampMs, .24s) * .6) ease-out}.luFx.luOut .luVeil{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luStamp{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:clamp(74px,21vh,104px);height:clamp(74px,21vh,104px);border-radius:50%;background:radial-gradient(circle at 50% 34%,#fff8d8,#ffdd7a 46%,#f7b62c 78%,#e09414);border:3px solid rgba(255,249,219,.92);box-shadow:inset 0 4px #ffffff8c,inset 0 -5px 10px #96540659,0 0 0 3px #3a1e0473,0 6px 14px #0006,0 0 34px #ffc9338c;transform:scale(2.35) rotate(-11deg);opacity:0}.luStamp:before,.luStamp:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.luStamp:before{top:7%;right:7%;bottom:7%;left:7%;border:2px solid rgba(255,250,224,.5);box-shadow:inset 0 2px 4px #8c4e0666}.luStamp:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(122deg,#ffffff9e,#ffffff29,#fff0 34%,#fff0 78%,#ffffff24)}.luFx.luIn .luStamp{transform:scale(1) rotate(0);opacity:1;transition:transform var(--luStampMs, .24s) cubic-bezier(.2,.9,.25,1),opacity calc(var(--luStampMs, .24s) * .45) ease-out}.luFx.luOut .luStamp{transform:scale(1.12) rotate(0);opacity:0;transition:transform var(--luOutMs, .26s) ease-in,opacity var(--luOutMs, .26s) ease-in}.luGlow{position:absolute;width:clamp(104px,29vh,155px);height:clamp(104px,29vh,155px);border-radius:50%;background:radial-gradient(circle,#ffe08280,#ffc83c38 42%,#ffbe2800 72%);opacity:0;transform:scale(.6)}.luFx.luIn .luGlow{opacity:1;transform:scale(1);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .42s ease-out}.luFx.luOut .luGlow{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luKicker{position:relative;font-size:clamp(7px,1.7vh,9px);font-weight:900;letter-spacing:.12em;color:#7a4a06;margin-bottom:-1px}.luLvl{position:relative;font-size:clamp(22px,5.8vh,30px);font-weight:900;line-height:1;letter-spacing:.01em;color:#3c2400;text-shadow:0 2px 0 rgba(255,255,255,.5)}.luRays{position:absolute;left:50%;bottom:calc(5vh + var(--luCardH, 112px));width:clamp(240px,68vh,340px);height:clamp(180px,52vh,240px);background:repeating-conic-gradient(from 0deg,#ffd97a4d,#ffd97a4d 7deg,#ffd97a00 7deg,#ffd97a00 22deg);-webkit-mask-image:radial-gradient(closest-side,#000 10%,rgba(0,0,0,.5) 38%,transparent 74%);mask-image:radial-gradient(closest-side,#000 10%,rgba(0,0,0,.5) 38%,transparent 74%);opacity:0;transform:translate(-50%,50%) scale(.7) rotate(0)}.luFx.luIn .luRays{opacity:1;transform:translate(-50%,50%) scale(1) rotate(0);transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .38s ease-out;animation:luRaysSpin 22s linear .52s infinite}.luFx.luOut .luRays{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}@keyframes luRaysSpin{0%{transform:translate(-50%,50%) scale(1) rotate(0)}to{transform:translate(-50%,50%) scale(1) rotate(360deg)}}.luMotes{position:absolute;left:50%;bottom:calc(5vh + var(--luCardH, 112px));width:0;height:0}.luMote{position:absolute;left:0;top:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd97a 42%,#ffbe3c00 72%);opacity:0}.luFx.luIn .luMote{animation:luMoteRise var(--luMoteDur, 2.6s) linear var(--luMoteDelay, 0ms) infinite}.luFx.luOut .luMotes{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}@keyframes luMoteRise{0%{transform:translate(var(--luMoteX, 0px),12px) scale(.5);opacity:0}18%{opacity:1}72%{opacity:.85}to{transform:translate(var(--luMoteX, 0px),-72px) scale(1.05);opacity:0}}.luTitle{font-size:clamp(11px,3.1vh,16px);font-weight:900;letter-spacing:.06em;text-align:center;line-height:1.15;color:#fff6de;padding:.35vh 12px;border-radius:8px;background:linear-gradient(180deg,#0410169e,#04101647);text-shadow:0 2px 0 rgba(20,8,0,.9);opacity:0;transform:translateY(10px)}.luFx.luIn .luTitle{opacity:1;transform:translateY(0);transition:opacity .3s ease-out .14s,transform .38s cubic-bezier(.16,1,.3,1) .14s}.luFx.luOut .luTitle{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luGains{display:flex;gap:8px;width:100%;justify-content:center}.luGain{display:flex;align-items:center;gap:6px;flex:1 1 0;min-width:0;padding:.7vh 9px;border-radius:999px;background:linear-gradient(180deg,#172e3af5,#0c1b24f5);box-shadow:inset 0 1px #ffffff29,inset 0 -2px 6px #0006,0 0 0 1.5px #040e13bf,0 3px 8px #00000061;opacity:0;transform:translateY(9px)}.luFx.luIn .luGain{opacity:1;transform:translateY(0);transition:opacity .26s ease-out calc(.24s + var(--luGainDelay, 0ms)),transform .36s cubic-bezier(.16,1,.3,1) calc(.24s + var(--luGainDelay, 0ms))}.luFx.luOut .luGain{opacity:0;transition:opacity var(--luOutMs, .26s) ease-in}.luGainIcon{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 auto;border-radius:50%;box-shadow:inset 0 -2px 4px #0000004d,inset 0 1px #ffffff4d}.luGain-hp .luGainIcon{background:linear-gradient(180deg,#4fd18a,#26a163)}.luGain-dmg .luGainIcon{background:linear-gradient(180deg,#ffc24d,#e8901a)}.luGainLabel{font-size:clamp(8px,2vh,11px);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#d2e8f0d1}.luGainTo{margin-left:auto;font-size:clamp(11px,2.6vh,14px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.luGainDelta{font-size:clamp(9px,2.2vh,12px);font-weight:900;color:#7dffb4;text-shadow:0 0 10px rgba(60,230,140,.45);font-variant-numeric:tabular-nums}.luRing{position:absolute;width:clamp(74px,21vh,104px);height:clamp(74px,21vh,104px);border-radius:50%;border:3px solid rgba(255,231,160,.9);transform:scale(.42);opacity:0}.luFx.luIn .luRing{transform:scale(2.1);opacity:0;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .52s ease-out;animation:luRingFlash .52s ease-out}@keyframes luRingFlash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}.luBurst{position:absolute;width:0;height:0}.luShard{position:absolute;top:-1.5px;left:0;height:3px;width:14px;border-radius:999px;background:linear-gradient(90deg,#fff,#ffd95e 42%,#ff8f1f00);box-shadow:0 0 6px #ffb028d9;transform-origin:0 50%;opacity:1}@keyframes luShardFade{0%{opacity:.85}14%{opacity:1}52%{opacity:1}to{opacity:0}}.luFx.luReduced .luStamp{transform:scale(1) rotate(0)}.luFx.luReduced.luIn .luStamp{transition:opacity var(--luStampMs, .24s) ease-out}.luFx.luReduced.luOut .luStamp{transform:scale(1) rotate(0);transition:opacity var(--luOutMs, .26s) ease-in}.luFx.luReduced .luRing{display:none}.dgFx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;overflow:hidden;transform:translateZ(0)}.dgScrim{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dgAntMs) ease-out}.dgArmed .dgScrim{opacity:1}.dgRevealed .dgScrim{opacity:.88;transition:opacity var(--dgRevealMs, .38s) ease-out}.dgStage{position:absolute;width:0;height:0;transform:translate(-50%,-50%)}.dgPrizeStage{left:50%;top:50%}.dgStage>*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dgGlow{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#ffd65cd9,#ffb03059 42%,#ffa02800 72%);opacity:0;transform:translate(-50%,-50%) scale(.25);transition:opacity var(--dgAntMs) ease-in,transform var(--dgAntMs) ease-in}.dgArmed .dgGlow{opacity:.6;transform:translate(-50%,-50%) scale(1)}.dgCracked .dgGlow{opacity:.9;transform:translate(-50%,-50%) scale(1.35);transition:opacity var(--dgCrackMs) ease-out,transform var(--dgCrackMs) ease-out}.dgRevealed .dgGlow{opacity:.32;transform:translate(-50%,-50%) scale(1.6);transition:opacity var(--dgHoldMs, .9s) ease-out,transform var(--dgHoldMs, .9s) ease-out}.dgCharging{animation:dgCharge var(--dgAntMs, .62s) linear both}@keyframes dgCharge{0%{transform:translateZ(0) rotate(0) scale(1)}10%{transform:translate3d(-3px,0,0) rotate(-3deg) scale(1.04,.96)}24%{transform:translate3d(3px,-1px,0) rotate(3deg) scale(1.05,.95)}38%{transform:translate3d(-4px,1px,0) rotate(-4deg) scale(1.07,.93)}52%{transform:translate3d(4px,-1px,0) rotate(4deg) scale(1.09,.91)}66%{transform:translate3d(-5px,2px,0) rotate(-5deg) scale(1.12,.89)}80%{transform:translate3d(5px,-2px,0) rotate(5deg) scale(1.15,.86)}92%{transform:translate3d(-4px,3px,0) rotate(-3deg) scale(1.19,.83)}to{transform:translate3d(0,4px,0) rotate(0) scale(1.22,.8)}}.dgSpent{animation:none}.dgFlash{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffecaa80 38%,#ffecaa00 70%);opacity:0}.dgCracked .dgFlash{animation:dgFlash var(--dgCrackMs, .2s) ease-out both}@keyframes dgFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.dgWave{width:90px;height:90px;border-radius:50%;border:3px solid rgba(255,226,130,.9);opacity:0}.dgCracked .dgWave{animation:dgWave .52s cubic-bezier(.16,1,.3,1) both}@keyframes dgWave{0%{opacity:.95;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}.dgBurst{width:0;height:0}.dgShard{position:absolute;left:0;top:0;border-radius:1.5px;background:linear-gradient(140deg,#fff2c0,#ffc94a 55%,#ff9d2e);opacity:0;will-change:transform,opacity}@keyframes dgShardFade{0%{opacity:0}6%{opacity:1}55%{opacity:1}to{opacity:0}}.dgRays{width:260px;height:260px;border-radius:50%;background:conic-gradient(from 0deg,#ffe28280,#ffe28280 8deg,#ffe28200 8deg,#ffe28200 30deg);mask-image:radial-gradient(circle,#000 22%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 22%,transparent 68%);opacity:0;transition:opacity var(--dgRevealMs) ease-out}.dgRevealed .dgRays{opacity:.45;animation:dgRaysSpin 9s linear infinite}@keyframes dgRaysSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dgCard{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transform:translate(-50%,-50%) scale(.3);white-space:nowrap}.dgCard:before{content:"";position:absolute;left:50%;top:50%;width:340px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#060a16eb,#060a16b8 42%,#060a1600 72%);z-index:-1}.dgRevealed .dgCard{animation:dgCardIn var(--dgRevealMs, .38s) cubic-bezier(.34,1.56,.64,1) both}@keyframes dgCardIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dgKicker{font-family:var(--font-display);text-transform:uppercase;font-size:13px;letter-spacing:.14em;color:#ffe9a8;text-shadow:0 1px 3px rgba(0,0,0,.75)}.dgPrize{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:54px;line-height:1.05;color:#ffd23e;text-shadow:-2px 0 0 #3a2200,2px 0 0 #3a2200,0 -2px 0 #3a2200,0 2px 0 #3a2200,0 3px 8px rgba(0,0,0,.8),0 0 18px rgba(255,190,60,.6)}.dgPrize svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dgLidBlow{animation:dgLidBlow .52s cubic-bezier(.16,1,.3,1) both}@keyframes dgLidBlow{0%{transform:translateZ(0) rotate(0);opacity:1}30%{transform:translate3d(-4px,-34px,0) rotate(-16deg);opacity:1}to{transform:translate3d(-10px,-72px,0) rotate(-38deg);opacity:0}}.dgBaseFade{animation:dgBaseFade .26s ease-out both}@keyframes dgBaseFade{0%{transform:scale(1);opacity:1}to{transform:scale(.72);opacity:0}}.dgFx.dgOut{opacity:0;transition:opacity var(--dgOutMs, .26s) ease-in}.dgFx.dgReduced .dgFlash,.dgFx.dgReduced .dgWave,.dgFx.dgReduced .dgBurst{display:none}.dgFx.dgReduced .dgRevealed .dgRays,.dgFx.dgReduced.dgRevealed .dgRays{animation:none}.dgFx.dgReduced.dgRevealed .dgCard{animation:dgCardFade var(--dgRevealMs, .38s) ease-out both}@keyframes dgCardFade{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#draft{display:flex;flex-direction:column;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-screen);overflow:hidden;background-color:#12323c;background-image:radial-gradient(126% 108% at 50% 38%,transparent 28%,rgba(3,12,18,.74) 100%),radial-gradient(21% 52% at 20% 2%,rgba(255,201,128,.34) 0%,transparent 70%),radial-gradient(21% 52% at 80% 2%,rgba(255,201,128,.34) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='104' viewBox='0 0 60 104'%3E%3Cpath d='M30 0 V19' stroke='%23375c67' stroke-width='4'/%3E%3Cpath d='M30 0 V19' stroke='%2306161c' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3Cpath d='M16 18 h28 l-5 12 h-18 z' fill='%231d3a45'/%3E%3Cpath d='M16 18 h28 l-1.5 3.5 h-25 z' fill='%233d6472'/%3E%3Cpath d='M18 29 h24 l4 38 -7 12 h-18 l-7 -12 z' fill='%23f0a94e'/%3E%3Cpath d='M20 31 h20 l3 34 -6 10 h-14 l-6 -10 z' fill='%23ffd58a'/%3E%3Cpath d='M23 33 h5 l-4 32 h-5 z' fill='%23fff6dc'/%3E%3Cg stroke='%2306161c' stroke-width='3.5' fill='none'%3E%3Cpath d='M23 30 v42'/%3E%3Cpath d='M37 30 v42'/%3E%3C/g%3E%3Cpath d='M14 66 h32 l-6 13 h-20 z' fill='%230b2028'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='104' viewBox='0 0 60 104'%3E%3Cpath d='M30 0 V19' stroke='%23375c67' stroke-width='4'/%3E%3Cpath d='M30 0 V19' stroke='%2306161c' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3Cpath d='M16 18 h28 l-5 12 h-18 z' fill='%231d3a45'/%3E%3Cpath d='M16 18 h28 l-1.5 3.5 h-25 z' fill='%233d6472'/%3E%3Cpath d='M18 29 h24 l4 38 -7 12 h-18 l-7 -12 z' fill='%23f0a94e'/%3E%3Cpath d='M20 31 h20 l3 34 -6 10 h-14 l-6 -10 z' fill='%23ffd58a'/%3E%3Cpath d='M23 33 h5 l-4 32 h-5 z' fill='%23fff6dc'/%3E%3Cg stroke='%2306161c' stroke-width='3.5' fill='none'%3E%3Cpath d='M23 30 v42'/%3E%3Cpath d='M37 30 v42'/%3E%3C/g%3E%3Cpath d='M14 66 h32 l-6 13 h-20 z' fill='%230b2028'/%3E%3C/svg%3E"),radial-gradient(56% 40% at 50% 34%,rgba(255,198,134,.2) 0%,transparent 74%),radial-gradient(32% 66% at 0% 58%,color-mix(in srgb,var(--c-team0) 26%,transparent) 0%,transparent 72%),radial-gradient(32% 66% at 100% 58%,color-mix(in srgb,var(--c-team1) 24%,transparent) 0%,transparent 72%),linear-gradient(180deg,rgba(3,11,15,.72) 0%,transparent 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='844' height='390' viewBox='0 0 844 390' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2' opacity='.07'%3E%3Cpath d='M0 44 L128 31 L241 52 L392 36 L523 58 L664 39 L844 55'/%3E%3Cpath d='M0 149 L96 168 L263 141 L419 163 L571 137 L713 160 L844 143'/%3E%3Cpath d='M0 271 L152 254 L288 279 L461 251 L602 275 L757 253 L844 268'/%3E%3C/g%3E%3Cg fill='none' stroke='%23000000' stroke-width='3' opacity='.15'%3E%3Cpath d='M0 50 L128 37 L241 58 L392 42 L523 64 L664 45 L844 61'/%3E%3Cpath d='M0 155 L96 174 L263 147 L419 169 L571 143 L713 166 L844 149'/%3E%3Cpath d='M0 277 L152 260 L288 285 L461 257 L602 281 L757 259 L844 274'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#0a2028,#1b4d5a 42%,#123742 78%,#0a242c);background-repeat:no-repeat;background-size:cover,cover,cover,45px 78px,45px 78px,cover,cover,cover,100% 96px,100% 100%,cover;background-position:center,center,center,left 20% top 0,left 80% top 0,center,center,center,left top,left top,center}.draftHead{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);width:min(700px,calc(100% - 240px));margin:0 auto;min-height:52px;flex-shrink:0}.draftBar{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;border-radius:var(--r-pill);border:2.5px solid rgba(255,255,255,.42);background:var(--c-panel);box-shadow:inset 0 -4px #00000038,0 5px #081a2080,0 10px 14px #081a204d}.draftBarMain{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.draftTurn{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.04em;color:var(--c-white);text-align:center;white-space:nowrap;min-width:0;line-height:1.1}.draftTurn.draftTurnBan,.draftTurn.draftTurnPick{color:var(--c-gold)}.draftTurn.draftTurnWait{color:#fff9}.draftTurn.draftTurnDone{color:var(--c-gold);font-size:var(--fs-md)}.draftClock{--draftProg: 1;--draftDial: var(--c-gold);flex:0 0 auto;width:58px;height:58px;border-radius:var(--r-pill);display:grid;place-items:center;background:conic-gradient(var(--draftDial) calc(var(--draftProg) * 360deg),rgba(255,255,255,.16) 0)}.draftClockNum{width:46px;height:46px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--c-panel);border:2px solid rgba(255,255,255,.35);font-family:var(--font-display);font-size:26px;color:var(--c-white)}.draftClock.draftClockThinking{--draftDial: var(--c-team1);--draftProg: .3;animation:draftThinking 1.1s linear infinite}.draftClock.draftClockThinking .draftClockNum{font-size:20px;color:#ffffffa6;animation:draftThinking 1.1s linear infinite reverse}@keyframes draftThinking{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.draftClock.draftClockDone{--draftProg: 1}.draftClock.draftClockDone .draftClockNum{background:var(--c-gold);color:var(--c-gold-dark)}.draftClock.draftClockDone .draftClockNum:after{content:"";width:18px;height:9px;margin-top:-5px;border-left:4px solid var(--c-gold-dark);border-bottom:4px solid var(--c-gold-dark);border-radius:1px;transform:rotate(-45deg)}.draftClock.draftClockUrgent{--draftDial: var(--c-danger);animation:draftAlarm .5s ease-in-out infinite}.draftClock.draftClockUrgent .draftClockNum{background:var(--c-danger)}@keyframes draftAlarm{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.draftPips{align-self:center;display:flex;gap:5px;align-items:center;flex-shrink:0;padding:3px 7px;border-radius:var(--r-pill);background:#00000052;box-shadow:inset 0 2px 3px #04101480}.draftPip{width:12px;height:12px;flex-shrink:0;background:#ffffff24;border:2px solid rgba(255,255,255,.28)}.draftPipBan{border-radius:2px}.draftPipPick{border-radius:var(--r-pill)}.draftPipSide0{border-color:color-mix(in srgb,var(--c-team0) 70%,transparent)}.draftPipSide1{border-color:color-mix(in srgb,var(--c-team1) 70%,transparent)}.draftPipPast.draftPipSide0{background:var(--c-team0);border-color:var(--c-team0)}.draftPipPast.draftPipSide1{background:var(--c-team1);border-color:var(--c-team1)}.draftPip.draftPipNow{width:17px;height:17px;background:var(--c-gold);border-color:var(--c-white);animation:draftAlarm 1.1s ease-in-out infinite}.draftGo{align-self:stretch;height:10px;border-radius:var(--r-pill);background:#0000006b;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 3px #04101480;overflow:hidden;flex-shrink:0;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.draftGo.draftGoOn{opacity:1}.draftGoFill{display:block;height:100%;background:var(--c-gold);transform-origin:left center}.draftBody{flex:1;align-self:stretch;display:grid;grid-template-columns:138px 1fr 138px;gap:var(--sp-sm);min-height:0}.draftTeam{display:flex;flex-direction:column;gap:5px;padding:7px 7px 9px;border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--draftSide) 20%,var(--c-panel-light)) 0%,var(--c-panel) 62%);border:2.5px solid rgba(255,255,255,.28);box-shadow:inset 0 -5px #00000038,0 5px #10323866,0 10px 14px #10323840;min-height:0;overflow:hidden}.draftTeamMine{--draftSide: var(--c-team0);border-top-color:var(--c-team0)}.draftTeamTheirs{--draftSide: var(--c-team1);border-top-color:var(--c-team1)}.draftTeamTag{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;color:var(--c-white);text-align:center;background:var(--draftSide);border-radius:var(--r-pill);padding:3px 8px;box-shadow:inset 0 -3px #00000040;-webkit-text-stroke:2px rgba(10,30,36,.55);paint-order:stroke fill;flex-shrink:0}.draftSlot{position:relative;display:flex;align-items:center;gap:6px;flex:1 1 auto;min-height:40px;max-height:58px;padding:0 6px;border-radius:var(--r-sm);background:#00000047;border:2.5px solid rgba(255,255,255,.14);box-shadow:inset 0 2px 4px #04101473}.draftSlot:not(.draftSlotFull):after{content:"";position:absolute;left:6px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:var(--r-pill);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23ffffff' opacity='.2'%3E%3Ccircle cx='16' cy='12' r='6'/%3E%3Cpath d='M16 20 c-6 0 -9 4 -9.6 8 h19.2 c-0.6 -4 -3.6 -8 -9.6 -8 z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 78% auto no-repeat,#0000004d;box-shadow:inset 0 2px 4px #030c1099,inset 0 -1.5px #ffffff14;overflow:hidden}.draftSlot:not(.draftSlotFull):before{content:attr(data-n);position:absolute;left:46px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:20px;letter-spacing:.04em;color:#ffffff57;text-shadow:0 1.5px 0 rgba(0,0,0,.45)}.draftSlot.draftSlotFull{border-color:var(--draftSide);background:color-mix(in srgb,var(--draftSide) 26%,rgba(0,0,0,.4));box-shadow:inset 0 -4px #00000040,0 3px #10323873}.draftSlot.draftSlotActive{border-color:var(--c-gold);animation:draftPulse .9s ease-in-out infinite}@keyframes draftPulse{0%,to{opacity:1}50%{opacity:.55}}.draftSlotFace{width:32px;height:32px;border-radius:var(--r-pill);object-fit:cover;background:#0000004d;border:2px solid rgba(255,255,255,.45)}.draftSlotName{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:2px rgba(10,30,36,.8);paint-order:stroke fill;text-shadow:0 1.5px 0 rgba(10,30,36,.5)}.draftSlotYou{position:absolute;z-index:4;top:2px;right:2px;padding:0 5px;border-radius:var(--r-pill);background:var(--c-gold);color:var(--c-gold-dark);font-family:var(--font-display);font-size:var(--fs-xs);line-height:18px;box-shadow:var(--sh-sticker)}.draftBanCap{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;color:#ffffffb8;text-align:center;margin-top:2px}.draftBanRow{display:flex;gap:6px;justify-content:center}.draftBanSlot{width:56px;height:56px;border-radius:var(--r-sm);background:#0000004d;border:2.5px solid rgba(255,255,255,.14);position:relative;overflow:hidden;flex:0 0 auto}.draftBanSlot img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(.75) brightness(.95)}.draftBanSlot.draftBanFull{border-color:var(--c-danger);box-shadow:0 3px #10323873}.draftBanSlot.draftBanFull:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg stroke-linecap='round' fill='none'%3E%3Cg stroke='%23100405' stroke-width='11' opacity='.55'%3E%3Cpath d='M9 10 L31 32'/%3E%3Cpath d='M31 10 L9 32'/%3E%3C/g%3E%3Cg stroke='%23111' stroke-width='9.5'%3E%3Cpath d='M9 9 L31 31'/%3E%3Cpath d='M31 9 L9 31'/%3E%3C/g%3E%3Cg stroke='%23e0313a' stroke-width='6'%3E%3Cpath d='M9 9 L31 31'/%3E%3Cpath d='M31 9 L9 31'/%3E%3C/g%3E%3Cg stroke='%23ff8a8f' stroke-width='2' opacity='.8'%3E%3Cpath d='M10.5 7.8 L30 27.3'/%3E%3Cpath d='M29.5 7.8 L10 27.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:84% auto}.draftPool{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:9px;min-height:0;padding:9px;border-radius:var(--r-md);background:linear-gradient(180deg,#06121870,#0612183d);box-shadow:inset 0 4px 7px #030c108c,inset 0 -2px #ffffff12;transition:opacity var(--dur-normal) var(--ease-out)}.draftChip{position:relative;min-width:44px;min-height:44px;display:block;padding:0;border:2.5px solid rgba(255,255,255,.42);border-radius:var(--r-sm);background:linear-gradient(180deg,var(--c-panel-light),var(--c-panel));box-shadow:inset 0 -4px #00000038,0 4px #10323873,0 8px 10px #10323838;color:var(--c-ink);cursor:pointer;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out)}.draftChip:active{transform:translateY(3px);box-shadow:inset 0 -2px #00000038,0 1px #10323873}.draftChipFace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;pointer-events:none}.draftChipName{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1px 2px;background:#08181edb;font-family:var(--font-display);font-size:var(--fs-xs);line-height:1.35;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:1.75px rgba(10,30,36,.85);paint-order:stroke fill}.draftChipMark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;pointer-events:none}.draftChip.draftChipTaken{pointer-events:none;box-shadow:none;transform:translateY(3px)}.draftChip.draftChipBanned{border-color:#ffffff2e}.draftChip.draftChipBanned .draftChipFace{filter:grayscale(.85) brightness(.95) contrast(.92)}.draftChip.draftChipBanned .draftChipMark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg stroke-linecap='round' fill='none'%3E%3Cg stroke='%23100405' stroke-width='11' opacity='.55'%3E%3Cpath d='M9 10 L31 32'/%3E%3Cpath d='M31 10 L9 32'/%3E%3C/g%3E%3Cg stroke='%23111' stroke-width='9.5'%3E%3Cpath d='M9 9 L31 31'/%3E%3Cpath d='M31 9 L9 31'/%3E%3C/g%3E%3Cg stroke='%23e0313a' stroke-width='6'%3E%3Cpath d='M9 9 L31 31'/%3E%3Cpath d='M31 9 L9 31'/%3E%3C/g%3E%3Cg stroke='%23ff8a8f' stroke-width='2' opacity='.8'%3E%3Cpath d='M10.5 7.8 L30 27.3'/%3E%3Cpath d='M29.5 7.8 L10 27.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(72% 72% at 50% 46%,#040c1057,#040c101a);background-repeat:no-repeat;background-size:66% auto,cover;background-position:center 44%,center}.draftChip.draftChipMine{border-color:var(--c-team0);--draftMark: var(--c-team0)}.draftChip.draftChipTheirs{border-color:var(--c-team1);--draftMark: var(--c-team1)}.draftChip.draftChipMine .draftChipMark,.draftChip.draftChipTheirs .draftChipMark{box-shadow:inset 0 0 0 4px var(--draftMark)}.draftChip.draftChipMine .draftChipFace,.draftChip.draftChipTheirs .draftChipFace{filter:brightness(.68) saturate(.85)}.draftPool.draftPoolLocked{opacity:.55}.draftPool.draftPoolLocked .draftChip{pointer-events:none}@media (max-height: 380px){.draftBody{grid-template-columns:122px 1fr 122px}.draftSlot{max-height:46px}.draftSlotFace{width:28px;height:28px}.draftBanSlot{width:46px;height:46px}.draftClock{width:44px;height:44px}.draftClockNum{width:34px;height:34px;font-size:19px}}