@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-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}.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);transition:transform 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:active{transform:scale(.92) translateY(5px);box-shadow:var(--sh-btn-gold-active);transition:transform 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;transition:transform var(--dur-release) var(--ease-bounce),box-shadow .12s,border-color var(--dur-normal);position:relative;box-shadow:var(--sh-card)}.cardBase:hover{transform:translateY(-3px);border-color:#fff9}.cardBase:active{transform:scale(.92) translateY(2px);box-shadow:0 1px #0a1e248c;transition:transform 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}}: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:#4a58b8;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.4) 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,#6a78d8,#4a58b8 52%,#35418f)}#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:#3d8fa6;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.42) 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,#5cb4c9,#3d8fa6 52%,#2c6e84)}#friends{background-color:#48a668;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,#6cc688,#48a668 52%,#35854f)}#settings{background-color:#5a7480;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.35) 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,#7c98a4,#5a7480 52%,#46606c)}#news{background-color:#4a7fb5;background-image:radial-gradient(60% 75% at 50% 58%,rgba(255,255,255,.4) 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,#6ba0d4,#4a7fb5 52%,#38648f)}.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-name:screenFadeIn}.screen-out[data-dir=swap-left],.screen-out[data-dir=swap-right]{animation-name:screenFadeOut}.screen-in[data-dir=swap-right] .swapSlide{animation:screenEnterRight var(--dur-screen) var(--ease-out) both}.screen-in[data-dir=swap-left] .swapSlide{animation:screenEnterLeft var(--dur-screen) var(--ease-out) both}.screen-out[data-dir=swap-right] .swapSlide{animation:screenExitRight .2s var(--ease-in) both}.screen-out[data-dir=swap-left] .swapSlide{animation:screenExitLeft .2s var(--ease-in) both}@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}@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}.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{color:#bfe6ee}.modeCarousel{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-content:flex-start;max-width:780px;width:100%;flex:1;min-height:0;overflow-y:auto;margin-bottom:10px;padding:6px 4px 12px}.eventCard{position:relative;width:232px;height:142px;flex-shrink:0;border:2.5px solid rgba(255,255,255,.35);border-radius:14px;overflow:hidden;padding:0;background:#143741;font-family:inherit;text-align:left;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .15s;box-shadow:0 5px #0a1e248c,0 10px 14px #0a282e40}.eventCard:hover{transform:translateY(-3px);border-color:#fff9}.eventCard:active{transform:translateY(2px);box-shadow:0 1px #0a1e248c}.eventCard.active{border-color:#fff;box-shadow:0 0 0 4px var(--mode-accent, var(--gold)),0 7px #0a1e248c,0 12px 18px #0a282e4d;transform:translateY(-3px)}.eventArt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.eventHead{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:6px 9px;background:linear-gradient(#0a2026eb,#0a2026b8);border-bottom:2.5px solid var(--mode-accent, var(--gold))}.eventIcon{width:25px;height:25px;flex:0 0 auto;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.4))}.eventIcon svg{width:100%;height:100%;display:block}.eventText{display:flex;flex-direction:column;min-width:0}.eventName{font-family:var(--font-display);font-weight:400;font-size:13px;letter-spacing:.02em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0d2a32;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventCard.active .eventName{color:var(--mode-accent, var(--gold))}.eventSub{font-size:9.5px;font-weight:700;color:#bfe6ee;line-height:1.25;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventDayBadge{position:absolute;top:4px;right:4px;z-index:2;padding:2px 7px;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{position:absolute;bottom:4px;right:4px;z-index:2;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;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}.eventCard.eventOfDay{border-color:#ff8a3d}.noveltyBadge{position:absolute;top:4px;left:4px;z-index:2}.noveltyDot{position:absolute;top:3px;right:3px;z-index:2}.menuGateNew{position:absolute;top:-4px;right:-4px;z-index:3;background:var(--clr-primary, #2EE6C8);color:#0e1620;font-size:9px;font-weight:800;letter-spacing:.02em;padding:2px 5px;border-radius:6px;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));justify-content:flex-start;gap:6px;overflow:hidden}.selectTopBar{display:flex;align-items:center;gap:6px 14px;width:100%;max-width:1000px;padding-left:128px;padding-right:4px;flex-wrap:wrap;flex-shrink:0}.selectTitle{font-size:clamp(20px,3.4vw,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:#0a181e80;border:2px solid rgba(255,255,255,.28);border-radius:999px;padding:3px 5px}.selectSortLabel{font-family:var(--font-display);font-size:10px;color:#ffffffb3;padding:0 4px;letter-spacing:.5px}.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)}.selectSortChip{font-size:11px;color:#eaf6fc;background:transparent;border:none;border-radius:999px;padding:5px 10px;min-height:44px;min-width:44px}.selectSortChip.selectSortOn{background:linear-gradient(#ffe066,#f0a91e);color:#3a2100;box-shadow:inset 0 1px #ffffff80}.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:linear-gradient(#ffe066,#f0a91e)}.selectSortDir.selectSortDirActive{color:#3a2100}.selectFavFilter{display:flex;align-items:center;gap:5px;min-height:44px;padding:4px 14px 4px 12px;border-radius:999px;background:#0a181e80;border:2px solid rgba(255,255,255,.28);color:#eaf6fc;font-size:11.5px;letter-spacing:.4px}.selectFavStar{display:flex}.selectFavFilter.selectFilterOn{background:linear-gradient(#ffe27a,#f0a91e);border-color:#b06f00;color:#3a2100}@media (max-width: 760px){.selectTopBar{padding-left:118px}.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,.friendsBody,.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,156px);gap:12px;justify-content:center;align-content:start;max-width:700px;width:100%;flex:1;min-height:0;overflow-y:auto;padding:20px 4px 8px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 18px),transparent)}.card{border:2.5px solid rgba(255,255,255,.45);border-radius:14px;padding:0;cursor:pointer;text-align:center;width:156px;height:200px;overflow:hidden;transition:transform .12s,box-shadow .12s,border-color .15s;position:relative;box-shadow:inset 0 -5px #00000038,0 6px #10323866,0 12px 16px #10323840}.cardPortrait{position:absolute;left:4%;top:5%;width:92%;height:82%;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:8px;z-index:2}.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:34px;z-index:2}.card.locked .cardName{bottom:6px}.card:hover{transform:translateY(-4px);border-color:#ffffffb3}.card.sel{border-color:#fff;box-shadow:0 0 0 4px var(--gold),0 8px #10323866,0 14px 22px #10323859;transform:translateY(-4px)}.card.locked{filter:grayscale(1) brightness(.5);cursor:not-allowed}.card.locked:hover{transform:none;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}.lvlBadge{position:absolute;top:7px;left:7px;z-index:2;background:#0a181eb8;border:1.5px solid rgba(255,255,255,.35);color:var(--gold);font-size:11px;font-weight:900;padding:3px 8px;border-radius:9px;letter-spacing:.3px}.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{position:absolute;bottom:36px;right:5px;z-index:3;background:#e83030;color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:7px;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 1px 4px #00000059;pointer-events:none;animation:newPulse 2s ease-in-out infinite}@keyframes newPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fwBadge{position:absolute;top:7px;left:5px;z-index:3;background:#4ae04a;color:#0b3c0b;font-size:8px;font-weight:900;padding:2px 5px;border-radius:7px;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 1px 4px #00000059;pointer-events:none;animation:newPulse 2s ease-in-out infinite;display:flex;align-items:center;gap:2px}.fwBadge svg{width:9px;height:9px}.cardTrophies{position:absolute;top:7px;right:7px;z-index:2;background:#0a181eb8;border:1.5px solid rgba(255,255,255,.35);color:var(--gold);font-size:11px;font-weight:900;padding:3px 8px;border-radius:9px;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.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)}.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}.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:flex-start;min-height:0;max-height:100%;overflow-y:auto}.detailBanner{background:linear-gradient(#fff,#e8f4f6);transform:skew(-8deg);border-radius:6px;padding:5px 18px;box-shadow:0 4px #10323859,0 8px 12px #10323833}.detailBanner span{display:block;transform:skew(8deg);font-family:var(--font-display);font-size:24px;color:#123a44;letter-spacing:.04em}.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{margin:7px 0 0 2px;font-size:12.5px;font-weight:900;color:#ffd95e;background:linear-gradient(#1d4a55,#143741);border:1.5px solid rgba(255,255,255,.3);padding:3px 13px;border-radius:999px}.detailPower{margin:6px 0 0 2px;width:100%;display:flex;flex-direction:column;gap:4px}.powerBarWrap{height:8px;background:#0006;border-radius:999px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.powerBarFill{height:100%;background:linear-gradient(90deg,#ffd95e,#ffb930);border-radius:999px;transition:width .4s ease;width:0%}.powerBonus{font-size:11px;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{background:linear-gradient(#7a8a9a,#5b6577);box-shadow:0 3px #3a4455;cursor:default}.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;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:9px 0 0;font-size:12.5px;font-weight:700;line-height:1.38;text-align:left;color:#eafcff;background:linear-gradient(#143741e0,#102d36e0);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 11px;box-shadow:0 4px #0a1e2459}.detailActions{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:7px;width:100%}.detailChoose{font-size:20px;padding:8px 0;min-height:var(--touch-min);width:100%;border-radius:12px}.detailRoadBtn,#detail.locked .detailChoose,#detail.locked .detailLvl{display:none}#detail.locked .detailLockTag{display:block}#detail.locked .detailRoadBtn{display:flex}.detailSkinRow{width:100%;margin-top:8px}.skinRowLabel{font-size:10px;font-weight:900;letter-spacing:.12em;color:#eafcff80;margin-bottom:4px}.skinRowChips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.skinChip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:#143741b3;border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 6px 5px;min-width:56px;cursor:pointer;transition:border-color var(--dur-release, .25s) var(--ease-bounce, ease);font:inherit;color:inherit}.skinChip:active{transform:scale(.92);transition-duration:var(--dur-press, 80ms)}.skinActive{border-color:#5ee8ff;background:#1e505fd9}.skinLocked{opacity:.7}.skinPreviewing{opacity:1;border-color:#ffd95e;border-style:dashed}.skinChipBuy{font-size:9px;font-weight:900;letter-spacing:.04em;color:#14403c;background:linear-gradient(#8ef17d,#4ecb43);border:1.5px solid #0e1620;border-radius:6px;padding:2px 7px;box-shadow:0 2px #0e1620}.skinChipBuyDiamond{color:#0c3550;background:linear-gradient(#b8f0ff,#58c2ee)}.skinChipBuyDiamond svg{vertical-align:-1.5px}.skinSwatch{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center}.skinInitial{font-size:18px;font-weight:900;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5)}.skinChipName{font-size:9px;font-weight:800;color:#eafcff;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.skinChipPrice{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:800;color:#ffd95e}.skinChipEquipped{font-size:8px;font-weight:900;color:#5ee8ff;letter-spacing:.06em}.skinChipSource{display:flex;align-items:center;gap:2px;font-size:8px;font-weight:700;color:#a0b0c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.skinRandomToggle{display:flex;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;border:1.5px solid rgba(94,232,255,.3);border-radius:6px;background:#00000040;cursor:pointer;font:inherit;color:#eafcff99;font-size:9px;font-weight:800;letter-spacing:.06em;min-height:32px;transition:background .15s,border-color .15s}.skinRandomToggle:active{transform:scale(.95)}.skinRandomOn{border-color:#5ee8ff;color:#5ee8ff;background:#5ee8ff1a}.skinRandomIcon{font-size:14px}.detailCenter{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}.detailPedestal{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:62%;height:13%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(16,60,66,.32),rgba(16,60,66,.06) 60%,transparent 75%);box-shadow:0 0 26px 5px #2ee6c824;pointer-events:none}.detailCenter:before{content:"";position:absolute;left:50%;top:52%;width:380px;height:380px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 40%,transparent 66%),repeating-conic-gradient(rgba(255,255,255,.07) 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:detailRays 40s linear infinite;pointer-events:none}@keyframes detailRays{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.detailCenter:before{animation:none}}.detailViewport{width:min(100%,76vh,380px);aspect-ratio:1;touch-action:none;cursor:grab}.detailViewport:active{cursor:grabbing}.detailViewport canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 10px rgba(16,50,56,.3))}.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:12px;box-shadow:var(--sh-card);display:flex;flex-direction:column;min-height:0;max-height:100%;overflow-y:auto}@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}}.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}.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}.detailSuper{margin-top:12px;text-align:left;background:linear-gradient(#3c2a068c,#281c048c);border:1.5px solid rgba(255,201,51,.55);border-radius:12px;padding:9px 11px;box-shadow:inset 0 2px #ffe27a26}.detailSuperHead{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#ffc933}.detailSuperName{font-family:var(--font-display);font-size:17px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px rgba(90,58,0,.8);margin-top:3px}.detailSuperDesc{margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.4;color:#ffe9a8}.detailCharStats{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.detailCharStatRow{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:12px;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:16px}.loreCard.hidden{display:none}.loreCardBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#061216e0}.loreCardPanel{position:relative;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;background:linear-gradient(170deg,var(--c-panel-light),var(--c-panel));border:2px solid var(--c-panel-border);border-radius:var(--r-lg, 16px);padding:20px 22px 16px;box-shadow:0 12px 40px #0009;animation:loreCardIn .3s var(--ease-bounce, ease) forwards}@keyframes loreCardIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}.loreCardHeader{text-align:center;margin-bottom:12px}.loreCardName{display:block;font-family:var(--font-display);font-size:26px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px rgba(10,30,36,.7)}.loreCardApodo{display:block;font-size:13px;font-style:italic;color:#cfe6da;margin-top:2px}.loreCardBody{margin-bottom:14px}.loreCardText{font-size:13.5px;line-height:1.65;color:#e4f4ec;text-align:left}.loreCardClose{display:block;margin:0 auto;min-width:120px;min-height:var(--touch-min, 44px);font-size:14px}.detailLoreBtn{font-size:12px;min-height:var(--touch-min, 44px)}.detailLoreBtn.loreLocked{opacity:.5;pointer-events:none}#road{background-color:#2f7fe8;background-image:radial-gradient(70% 80% at 30% 18%,rgba(255,255,255,.2) 0%,transparent 62%),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"),linear-gradient(165deg,#55a9f5,#2f7fe8 52%,#1d5ec4);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)}.roadTrophyChip{position:absolute;top:14px;right:14px}.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}.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;padding:10px var(--sp-screen) 6px}.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:128px;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}.roadColChar .roadTile{min-height:160px;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),linear-gradient(#b184ff,#7440d8)}.roadRwd{display:flex;flex-direction:column;align-items:center;gap:1px}.roadRwd svg{filter:drop-shadow(0 2.5px 1px rgba(0,0,0,.3))}.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}.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))}.rwdBanner{display:block;width:106px;height:42px;border-radius:9px;border:2.5px solid #0e1620;box-shadow:inset 0 2px #ffffff4d,0 3px #0000004d}.roadRwd b{font-family:var(--font-display);font-weight:400;font-size:19px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.5)}.roadTileLabel{font-family:var(--font-display);font-size:13.5px;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:.75}.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}.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:14px;background:#091428bf;box-shadow:inset 0 3px 4px #00000080,0 2px #ffffff26}.roadRail i{display:block;height:100%;background:linear-gradient(#ffb340,#f57e0e 60%,#d95f00);box-shadow:inset 0 2px #ffffff73}.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:14px;font-family:var(--font-display);font-size:16px;color:#cfe4ff;paint-order:stroke fill;-webkit-text-stroke:2.25px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.55)}.roadThDone{color:#ffd23e}.roadNow{position:absolute;bottom:38px;transform:translate(-50%) skew(-5deg);display:flex;align-items: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>*{transform:skew(5deg)}.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)}.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:calc(56px + env(safe-area-inset-top));right:12px;z-index:5;display:flex;align-items:center;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}#pass,#quests{background-color:#3d2377;background-image:radial-gradient(70% 80% at 30% 18%,rgba(255,255,255,.16) 0%,transparent 62%),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"),linear-gradient(165deg,#5b34a8,#3d2377 52%,#241053)}#pass{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}.passTopBar{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.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;padding:5px 6px 5px 8px;border-radius:999px;background:#0e06249e;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;width:min(300px,42vw);height:18px;border-radius:999px;background:#0000008c;box-shadow:inset 0 2px 3px #0009;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;display:flex;flex-direction:column;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,255,255,.22);box-shadow:inset 0 2px #ffffff40,0 6px #0000004d,0 10px 24px #00000059}.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:10px;font-weight:400;color:#c8c0e0;text-align:center;line-height:1.3;padding:0 6px;opacity:.85}.passFeaturedArt{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.passFeaturedArt:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;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}.passDaysPill{padding:4px 14px;border-radius:999px;background:#00000061;box-shadow:inset 0 2px 3px #00000080;color:#ffd23e;font-family:var(--font-display);font-size:12px;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}}.passPremiumBtn{font-size:13px;padding:6px 16px;min-height:44px;background:linear-gradient(#9be5ff,#56c1f2,#2795d9);color:#073a55;font-family:var(--font-display);letter-spacing:.04em;display:flex;align-items:center;gap:6px;border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 2px #ffffff8c,0 4px #00000059;text-shadow:0 1px 0 rgba(255,255,255,.4)}.passPremiumConfirm{background:linear-gradient(#ffe27a,#f5a91e)!important}.passPremiumBadge{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;background:linear-gradient(#7ee996,#3fc561 55%,#23994a);border:2px solid rgba(255,255,255,.45);color:#fff;font-family:var(--font-display);font-size:12px;letter-spacing:.05em;box-shadow:inset 0 2px #ffffff73,0 4px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.35)}@keyframes passShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.passShake{animation:passShake .3s ease-out}.passTrackWrap{flex:1;min-width:0;display:flex;overflow:hidden}.passTrack{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;flex:1;min-width:0;padding:12px 6px 6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.passCol{display:flex;flex-direction:column;flex-shrink:0;width:96px;scroll-snap-align:center}.passTile{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;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,#a95ef5,#8236dd 55%,#5f22b4)}.passTileFree{background:linear-gradient(170deg,#5a71ca,#40529f 55%,#2d3a7e)}.passTileIcon svg{display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.passTileAmt{font-family:var(--font-display);font-size:15px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45)}.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:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#12082a94}.passLocked{opacity:.92}.passPremLocked .passTileIcon,.passPremLocked .passTileAmt,.passPremLocked .passRwdTag{opacity:.88}.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}@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}.passPremiumBtn,.passPremiumBadge{grid-area:2 / 2;justify-self:end}.passCol{width:88px;justify-content:center;gap:0}.passTile{max-height:150px}}.questsTopBar{margin:0 auto}.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:14px;min-height:44px;z-index:21}#settings{z-index:25}.settingsBody{display:flex;flex-direction:column;gap:8px;width:min(440px,92vw);margin-bottom:10px;padding-top:24px;flex:1;min-height:0;overflow-y:auto}.settingRow{display:flex;flex-direction:column;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 16px;flex-shrink: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}.settingsSection{display:flex;align-items:center;gap:7px;margin:10px 2px 0;font-family:var(--font-display);font-size:13px;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]{width:100%;height:44px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.settingRow input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:#00000073;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 2px 3px #0006}.settingRow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;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}.settingRow input[type=range]::-moz-range-track{height:12px;border-radius:6px;background:#00000073;border:2px solid rgba(255,255,255,.18)}.settingRow 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:center;justify-content:space-between;gap:12px}.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:12px;letter-spacing:.3px;cursor:pointer;transition:background .15s,color .15s}.qualityBtn.active{background:var(--gold);color:#4a3200}.toggle{width:64px;height:44px;border-radius:22px;background:#0006;border:2px solid rgba(255,255,255,.2);position:relative;cursor:pointer;padding:0;flex-shrink:0}.toggle .toggleKnob{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:#fff;transition:transform .15s ease-out}.toggle.on{background:var(--gold);border-color:var(--gold)}.toggle.on .toggleKnob{transform:translate(20px);background:#4a3200}.settingRowActions{flex-direction:row;gap:10px}.btnSmall{font-size:12px;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}#credits{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;overflow-y:auto}.creditsBody{max-width:480px;width:100%;text-align:center;font-size:var(--fs-sm);color:var(--c-panel-text);line-height:1.5}.creditsBody p{margin:8px 0}.creditsBody hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:16px 0}#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(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;font-weight:900;font-size:calc(28px * var(--hud-text-scale, 1));-webkit-text-stroke:2px #0006}.tScore.t0{color:var(--c-team0)}.tScore.t1{color:var(--c-team1)}.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:0%;transition:width .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%;transition:width .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:18px;color:#fff;opacity:.9;min-width:56px;text-align:center}.clock.urgent{color:#ffc24a;animation:cdPop .5s steps(2) infinite}#countdown{position:absolute;top:62px;left:50%;transform:translate(-50%);font-size:clamp(18px,4vw,28px);font-weight:900;color:var(--gold);-webkit-text-stroke:1px #5a3a00;text-shadow:0 3px 0 rgba(0,0,0,.5);display:none;white-space:nowrap}#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}#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)}}#ammoHud{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(170px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px;padding:8px 10px;background:#08141052;border:1.5px solid rgba(255,255,255,.12);border-radius:12px}.ammoSeg{display:flex;gap:5px}.ammoSeg i{width:34px;height:12px;border-radius:6px;background:#00000080;border:2px solid rgba(255,255,255,.25)}.ammoSeg i.full{background:#ff8a3d;border-color:#ffc48a}#hpHud{width:120px;height:14px;border-radius:8px;background:#00000080;border:2px solid rgba(255,255,255,.25);overflow:hidden}#hpHud i{display:block;height:100%;background:linear-gradient(#8cf08c,#3dbb3d)}#supHud{width:120px;height:10px;border-radius:6px;background:#00000080;border:2px solid rgba(255,255,255,.25);overflow:hidden}#supHud i{display:block;height:100%;background:linear-gradient(#ffe9a8,#ffb300)}#touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:none}.stick{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));width:136px;height:136px;border-radius:50%;background:#ffffff12;border:2px solid rgba(255,255,255,.2);touch-action:none}#stickL{left:calc(20px + env(safe-area-inset-left))}#stickR{right:calc(20px + env(safe-area-inset-right))}.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;right:calc(40px + env(safe-area-inset-right));bottom:calc(178px + env(safe-area-inset-bottom));width:76px;height:76px;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}#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)}}#btnGadget{position:absolute;right:calc(130px + env(safe-area-inset-right));bottom:calc(178px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;background:#78c8ff38;border:2px solid #78c8ff;color:#78c8ff;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;z-index:16}#btnGadget.ready{background:#78c8ff;color:#1a3040;box-shadow:0 0 16px #78c8ff}#btnGadget.cooldown{opacity:.4}#btnGadget.hidden{display:none}#btnEmote{position:absolute;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:44px;height:44px;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:killcamPulse 1.2s ease-in-out infinite}@keyframes killcamPulse{0%,to{opacity:1}50%{opacity:.6}}#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}.replayList{display:flex;flex-direction:column;gap:8px;padding:8px 16px;overflow-y:auto;max-height:50vh}.replayCard{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;cursor:pointer;min-height:44px;transition:background .15s}.replayCard:active{background:#ffffff2e}.replayCard .rcIcon{width:36px;height:36px;border-radius:50%;background:#2ee6c833;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.replayCard .rcInfo{flex:1;min-width:0}.replayCard .rcMode{font-family:var(--font-ui, sans-serif);font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replayCard .rcSub{font-size:11px;color:#ffffff8c}.replayCard .rcResult{font-family:var(--font-display, "Bungee", sans-serif);font-size:12px;padding:3px 8px;border-radius:4px;flex-shrink:0}.replayCard .rcResult.win{background:#22c55e;color:#fff}.replayCard .rcResult.loss{background:#ef4444;color:#fff}.replayCard .rcResult.draw{background:#a78bfa;color:#fff}.replayCard .rcExport{background:none;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;padding:6px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.replayCard .rcExport:active{background:#ffffff26}.replayEmpty{text-align:center;color:#fff6;padding:32px 16px;font-size:14px}.replayImport{padding:8px 16px;display:flex;gap:8px;align-items:flex-start}.replayImportArea{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-family:monospace;font-size:11px;padding:8px;resize:none}.replayImportBtn{flex-shrink:0;min-height:44px}#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}.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}.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}#end{gap:2px}#endTitle{font-size:clamp(28px,7vw,72px);flex-shrink:0;animation:titlePop .5s cubic-bezier(.2,1.4,.4,1) both}#againBtn{flex-shrink:0;margin-bottom:6px}@keyframes titlePop{0%{transform:rotate(-2deg) scale(.3);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}.endbody{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap;margin:4px 0 8px;flex:1;min-height:0;overflow-y:auto}.endchar{width:200px;max-width:40vw;flex-shrink:0;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55));animation:charRise .5s ease-out both}@keyframes charRise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.endchar canvas{width:100%;height:auto;display:block}.endinfo{display:flex;flex-direction:column;align-items:stretch;max-width:380px}#endStats{margin:4px 0 0;background:linear-gradient(#1d4a55,#143741);border:2px solid rgba(255,255,255,.22);box-shadow:0 4px #0a1e2473;border-radius:16px;padding:14px 24px;font-size:15px;min-width:290px}#endStats div{display:flex;justify-content:space-between;gap:30px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08)}#endStats div:last-child{border:none}.endPlayerStats{display:flex;justify-content:center;gap:12px;margin:6px 0 4px}.endStatCell{display:flex;flex-direction:column;align-items:center;background:#143741b3;border-radius:10px;padding:6px 10px;min-width:54px}.endStatVal{font-size:18px;font-weight:900;color:var(--gold)}.endStatLabel{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.endQuests{margin:6px 0 0}.endQuestRow{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11px}.endQuestDesc{flex:1;color:#cde5f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.endQuestBar{width:60px;height:7px;background:#ffffff1f;border-radius:4px;overflow:hidden}.endQuestFill{height:100%;background:var(--gold);border-radius:4px;transition:width .6s ease-out}.endQuestProg{color:var(--gold);font-weight:700;min-width:60px;text-align:right}.endMastery{margin:6px 0 0}.endMasteryLabel{font-size:11px;color:#cde5f0;margin-bottom:3px}.endMasteryBar{width:100%;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.endMasteryFill{height:100%;background:linear-gradient(90deg,#a855f7,#d946ef);border-radius:4px;transition:width .6s ease-out}.endMasteryTier{font-size:10px;color:var(--dim)}.endHints{margin:6px 0 0}.endHintRow{display:flex;align-items:center;gap:8px;margin-bottom:4px}.endHintBar{flex:0 0 60px;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.endHintFill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .4s ease-out}.endHintText{font-size:11px;color:#fbbf24;font-weight:600}#endRewards{margin:14px 0 0;background:linear-gradient(#1d4a55,#143741);border:2px solid rgba(255,255,255,.22);box-shadow:0 4px #0a1e2473;border-radius:16px;padding:12px 20px;display:flex;flex-direction:column;gap:8px;min-width:290px;animation:charRise .5s .15s ease-out both}.rewardRow{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.rewardIcon{font-size:20px;width:24px;text-align:center}.rewardValue{color:var(--gold);min-width:44px}.rewardValue.neg{color:var(--c-danger)}.rewardTotal{color:var(--dim);font-size:13px;font-weight:600}#endUnlock{margin-top:4px;background:linear-gradient(160deg,#ffdf7a,#ffb300);color:#4a3200;font-weight:900;font-size:14px;padding:10px 14px;border-radius:12px;text-align:center;box-shadow:0 6px 14px #0006;animation:unlockPop .4s cubic-bezier(.2,1.4,.4,1) both}@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(18px);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}}.mvpBadge{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#4a2800;font-size:10px;font-weight:900;padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:middle;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.3)}#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}.pausebtns{display:flex;flex-direction:column;gap:10px;width:min(300px,82vw)}.pausebtns .btn{width:100%;padding:13px 20px;font-size:18px}.pausebtns .btnDanger{margin-top:8px}#pause{padding-bottom:18px}.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;transition:opacity .8s ease}.hint.hintFaded{opacity:0;pointer-events:none}#home{display:block;padding:0;overflow:hidden;background-color:#4ec4cf;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(160deg,#6adbe4,#4ec4cf,#46bfae,#54d4a0,#6adbe4);background-size:100% 100%,56px 56px,100% 300%;animation:hubGradient 12s ease-in-out infinite}@keyframes hubGradient{0%{background-position:0 0,0 0,0% 0%}50%{background-position:0 0,0 0,0% 100%}to{background-position:0 0,0 0,0% 0%}}@media (prefers-reduced-motion: reduce){#home{animation:none}}.homeStage{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}.stagePortrait .dailyCallout{right:14px;bottom:182px}.stagePortrait .homeAction{right:14px;height:156px}.stagePortrait .homeModeCard{bottom:92px}.stagePortrait .homePassCard{transform:skew(-6deg) scale(.8);transform-origin:bottom left;bottom:14px}.stagePortrait .homePassCard:active{transform:skew(-6deg) scale(.8) translateY(4px)}.homeGlow{position:absolute;left:50%;bottom:-10px;width:560px;height:340px;transform:translate(-50%);pointer-events:none;will-change:transform;background:radial-gradient(50% 55% at 50% 72%,rgba(255,255,255,.42) 0%,transparent 60%),radial-gradient(60% 65% at 50% 75%,rgba(46,230,200,.14) 0%,transparent 70%)}.homeVeta{position:absolute;pointer-events:none;filter:drop-shadow(0 0 14px rgba(46,230,200,.4))}.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 10px rgba(46,230,200,.3))}50%{filter:drop-shadow(0 0 24px rgba(46,230,200,.6))}}.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:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff3,0 4px #060e16d9,0 8px 14px #0a282e40}.homeTop{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:21}.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:#00000073;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-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(10,30,36,.6)}.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-size:12.5px;font-weight:900;color:#ffe9a8;background:#00000052;padding:2.5px 10px;border-radius:999px;text-shadow:0 1.5px 0 rgba(0,0,0,.4)}.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-family:var(--font-display);font-size:15px;font-weight:400;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.55)}.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;transition:transform var(--dur-release) var(--ease-bounce)}.homeBarBtn:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:11px;background:linear-gradient(#1d4a55,#143741);border:2px solid rgba(8,20,26,.9);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}.homeLeftCol{position:absolute;left:16px;top:80px;width:150px;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:14px;padding:6px 7px;cursor:pointer;font-family:inherit;position:relative;border:3px 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:92px;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:-30px;width:360px;height:360px;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;bottom:-8px;width:240px;height:64px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(46,230,200,.18) 0%,rgba(46,230,200,.05) 40%,transparent 65%),radial-gradient(ellipse at center,rgba(10,40,46,.45) 0%,rgba(10,40,46,.12) 55%,transparent 72%);pointer-events:none;box-shadow:0 0 28px 4px #2ee6c81f}.heroViewport{width:230px;aspect-ratio:1;position:relative;filter:drop-shadow(0 12px 10px rgba(16,50,56,.35));pointer-events:auto;touch-action:none;cursor:grab}.heroViewport:active{cursor:grabbing}.heroViewport canvas{width:100%;height:100%;display:block}.homePassCard{position:absolute;left:14px;bottom:12px;z-index:20;display:flex;align-items:center;gap:8px;height:64px;padding:6px 12px 6px 8px;border-radius:14px;background:linear-gradient(#ffcf3e,#f5a10e 60%,#e08900);border:3px 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: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:14px;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% + 148px);bottom:170px;z-index:20}.dailyCallout{position:absolute;right:16px;bottom:88px;z-index:21;display:flex;align-items:center;gap:9px;min-height:56px;padding:7px 16px 8px 12px;border-radius:14px;background:linear-gradient(#ffe36b,#ffb01f 55%,#f09000);border:3px solid #0e1620;box-shadow:inset 0 2px #ffffff8c,0 5px #0e1620,0 9px 16px #5a3c0059,0 0 22px #ffc83c73;transform:skew(-6deg);cursor:pointer;animation:calloutBob 2.1s ease-in-out infinite;transition:transform .12s}.dailyCallout:active{animation:none;transform:skew(-6deg) translateY(4px)}.dailyCallout:after{content:"";position:absolute;bottom:-10px;right:34px;width:15px;height:15px;background:#f09000;border-right:3px solid #0e1620;border-bottom:3px solid #0e1620;transform:rotate(45deg)}.calloutGift{display:flex;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3));transform:skew(6deg) rotate(-8deg)}.calloutText{display:flex;flex-direction:column;align-items:center;gap:4px}.calloutLabel{font-family:var(--font-display);font-size:15px;color:#fff;letter-spacing:.04em;paint-order:stroke fill;-webkit-text-stroke:3px #0e1620;text-shadow:0 2px 0 rgba(6,14,22,.5);white-space:nowrap}.calloutPips{display:flex;gap:4px}.calloutPip{width:11px;height:11px;border-radius:50%;border:2px solid #0e1620;background:#00000038;box-sizing:border-box}.calloutPip.done{background:#2ee6c8}.calloutPip.now{background:#fff;animation:streakPulse 1.2s ease-in-out infinite}@keyframes calloutBob{0%,to{transform:skew(-6deg) translateY(0)}50%{transform:skew(-6deg) translateY(-5px)}}.dailyBox{position:relative;overflow:hidden;max-width:470px;padding:16px 20px 14px;background:linear-gradient(160deg,#a855f7,#7c3aed 45%,#4c1d95);border:3px solid #0e1620;border-radius:20px;box-shadow:inset 0 2px #ffffff59,0 6px #0e1620,0 16px 34px #1408328c}.dailyRays{position:absolute;left:50%;top:40%;width:620px;height:620px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,255,255,.09) 0 10deg,transparent 10deg 26deg);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:12px;background:linear-gradient(#ff6b55,#d92c1a);border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #fff6,0 3px #0e1620;cursor:pointer}.dailyX:active{transform:translateY(2px);box-shadow:inset 0 1.5px #fff6,0 1px #0e1620}.dailyTitle{font-size:30px;color:#ffd23f;-webkit-text-stroke:6px #0e1620;text-shadow:0 4px 0 rgba(6,14,22,.5)}.dailyCalendar{position:absolute;left:12px;top:10px;display:grid;place-items:center;filter:drop-shadow(0 4px 0 rgba(0,0,0,.28));transform:rotate(-7deg)}.dailyCalendarNum{position:absolute;top:26px;font-family:var(--font-display);font-weight:400;font-size:25px;color:#4c1d95;line-height:1}.dailySub{margin-top:6px;font-size:12px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.4)}.dailyCards{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px}.dailyCard{flex:1 1 0;min-width:0;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;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;color:#ffffffe6;text-shadow:0 1px 0 rgba(0,0,0,.35);white-space:nowrap}.dailyCardIcon{display:flex;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.dailyCardAmount{font-style:normal;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,0,.45);white-space:nowrap}.dailyCard.done{opacity:.55;border-color:#2ee6c8;filter:saturate(.5)}.dailyCard.golden{border-color:#ffd23f}.dailyCard.today{flex:1.7 1 0;height:108px;background:linear-gradient(#ffe36b,#ffb01f 60%,#f09000);border-color:#0e1620;box-shadow:inset 0 2px #ffffff8c,0 4px #0e1620,0 0 24px #ffd250cc;cursor:pointer;animation:streakPulse 1.4s ease-in-out infinite}.dailyCard.today .dailyCardDay{color:#6b3c00;text-shadow:none}.dailyCard.today .dailyCardAmount{font-size:14px}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.dailyClaimBtn{margin-top:12px;min-height:48px;padding:10px 44px;font-size:19px}.dailyFindsRow{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;gap:9px}.dailyFindsLabel{font-size:11px;color:#fffc}.dailyFindsSlots{display:flex;gap:5px}.dailyFindsSlots .findSlot{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#00000047;transition:background .3s,border-color .3s}.dailyFindsSlots .findSlot.filled{background:#ffd23f;border-color:#fff0b8;box-shadow:0 0 5px #ffd23f}.dailyFindsSlots .findSlot.empty{background:#ffffff1a}.menuGateLockedVisible{pointer-events:none}.menuGateLockedVisible>*:not(.menuGateLockChip){filter:grayscale(.75) brightness(.72)}.menuGateLockedVisible .menuGateLockChip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(6deg);z-index:3;display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:10px;background:#0a121aeb;border:2px solid #0e1620;color:#ffd23f;font-size:13px;font-weight:800}.homeHint{position:absolute;left:50%;bottom:80px;transform:translate(-50%);font-size:11px;font-weight:600;color:#fbbf24;text-shadow:0 1px 3px rgba(0,0,0,.7);text-align:center;white-space:nowrap;pointer-events:none;z-index:18;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:1}}.homeAction{position:absolute;left:0;right:14px;bottom:12px;height:64px;z-index:20;pointer-events:none}.homeModeCard{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:flex;align-items:center;gap:10px;width:210px;height:56px;border-radius:12px;padding:7px 11px;cursor:pointer;color:inherit;font-family:inherit;text-align:left;pointer-events:auto}.homeModeCard:active{transform:translate(-50%) translateY(4px);box-shadow:0 0 #0a1e248c}.modeCardIcon{flex:0 0 auto;width:40px;height:40px;border-radius:9px;background:linear-gradient(160deg,#2ee6c8,#14907c);border:2px solid rgba(8,20,26,.85);display:grid;place-items:center;box-shadow:inset 0 1.5px #ffffff59,inset 0 -4px #00000040}.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:64px;pointer-events:auto;font-family:var(--font-play);font-size:28px;padding:0 38px;border-radius:14px;color:#5b3a00;background:linear-gradient(#ffe066,#ffcd2e 42%,#ffa714);border:3px solid #0e1620;transform:skew(-6deg);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:transform 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{transform:skew(-6deg) scale(.92) translateY(4px);box-shadow:0 1px #0e1620;transition:transform var(--dur-press) ease-in,box-shadow var(--dur-fast)}.homeBarBtn:active{transform:scale(.92) translateY(3px);transition:transform var(--dur-press) ease-in}.homeBarBtn:active:before{box-shadow:0 1px #0a1e248c}#shop{background-color:#2496ec;background-image:radial-gradient(70% 80% at 30% 18%,rgba(255,255,255,.22) 0%,transparent 62%),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"),linear-gradient(165deg,#4cb6f8,#2496ec 52%,#1668c8);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;width:auto;align-self:stretch;margin-left:calc(-12px - env(safe-area-inset-left));margin-right:calc(-12px - env(safe-area-inset-right))}.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(#0c2a56b8,#081c3ec7);border:3px solid #0e1620;box-shadow:inset 0 2px #ffffff24,0 5px #0e1620}.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-rows:repeat(2,1fr);grid-auto-flow:column;gap:10px;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:6px;padding:12px 10px 10px}.shopCardBig .shopCardArt .rwdChar{max-height:170px}.shopCardBig .shopCardArt .rwdSvg{max-height:84px}.shopCardBig .shopCardArt .rwdBanner{width:132px;height:52px}.shopCardBig .shopCardName{font-size:15px}.shopCardBig .shopCardArt{position:relative;isolation:isolate}.shopCardBig .shopCardArt:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.16) 42%,transparent 68%),repeating-conic-gradient(rgba(255,255,255,.22) 0deg 12deg,transparent 12deg 30deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);animation:shopArtRays 24s linear infinite}@keyframes shopArtRays{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.shopCardBig .shopCardArt:before{animation:none}}.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}.shopOldPrice{text-decoration:line-through;opacity:.65;font-size:11px;margin-right:1px}.shopDailyGrid .shopCard .shopItemTimer~.shopCardArt{margin-top:16px}.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){.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:8px;min-height:130px;background:linear-gradient(170deg,#1b4a3a,#0e2e2e);border:2.5px solid #3fe080;box-shadow:0 0 18px #3fe0804d,inset 0 0 20px #3fe08014}.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)}}.shopGiftWiggle{animation:shopGiftWiggle .4s ease-in-out}@keyframes shopGiftWiggle{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}to{transform:rotate(0)}}.shopGiftLidPop{animation:shopGiftLidPop .35s ease-out forwards}@keyframes shopGiftLidPop{0%{transform:translateY(0) rotate(0);opacity:1}60%{transform:translateY(-28px) rotate(-12deg);opacity:1}to{transform:translateY(-40px) rotate(-18deg);opacity:0}}.shopGiftReveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:shopGiftRevealPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes shopGiftRevealPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.shopGiftReward{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)}.shopGiftAmount{font-size:24px}.shopGiftBurst{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}@keyframes shopGiftBurst{0%{transform:scale(.3);opacity:1}to{transform:scale(2.5);opacity:0}}.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:60px 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:10px 14px calc(10px + 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:20px;padding-right:4px;-webkit-overflow-scrolling:touch}.profFavPanel{position:relative;overflow:hidden;isolation:isolate;flex:0 0 clamp(200px,30%,300px);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 2px #ffffff40,0 5px #0e1620,0 10px 16px #0a1e244d;background:linear-gradient(160deg,#2ee6c8,#0d9488)}.profFavPanel: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)}.profFavImg{width:100%;max-width:210px;flex:1 1 0;min-height:0;object-fit:contain;margin:auto 0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.profFavPlate{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px 9px;border-radius:12px;background:#0a121ae0;border:2.5px solid #0e1620;box-shadow:inset 0 1.5px #ffffff26}.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 .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:flex;align-items:center;max-width:250px;padding:3px 12px;border-radius:10px;border:2.5px solid #0e1620;background:linear-gradient(#1d4a55,#143741);box-shadow:inset 0 1.5px #ffffff40,0 3px #0e1620}.profNamePlate .profNameInput{background:transparent;border:none;outline:none;width:100%;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)}.profTrophyRow{display:flex;align-items:center;gap:10px;padding:5px 12px;border-radius:12px;background:#0a121a99;border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff14;margin-bottom:10px}.profTrophyNums{display:flex;align-items:baseline;gap:5px}.profTrophyNums b{font-family:var(--font-display);font-weight:400;font-size:20px;color:#ffd23f;text-shadow:0 2px 0 rgba(6,14,22,.5)}.profTrophyNums i{font-style:normal;font-size:11.5px;font-weight:700;color:#ffffff8c}.profTrophyBar{flex:1;height:9px;border-radius:5px;background:#00000080;border:1px solid #0e1620;overflow:hidden}.profTrophyBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(#ffe887,#f5a91e)}.profStatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.profStat2{display:flex;flex-direction:column;gap:3px;padding:5px 9px;border-radius:10px;background:#0a121a9e;border:2px solid #0e1620;box-shadow:inset 0 1px #ffffff14}.profStat2 b{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profStat2Body{display:flex;align-items:center;gap:6px}.profStat2Body i{font-style:normal;font-weight:900;font-size:15px;color:#fff}.profTitleRow{display:flex;align-items:center;gap:2px;margin-bottom:8px}.profBattleCard{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;border:3px solid #0e1620;padding:8px 52px 8px 10px;box-shadow:inset 0 2px #ffffff4d,0 4px #0e1620;margin-bottom:12px;background:linear-gradient(160deg,#2ee6c8,#0d9488)}.profBattleCard: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)}.profBattleCard>.profEditBtn{position:absolute;right:2px;bottom:2px}.profBattleEmotes{display:flex;gap:8px;flex-wrap:wrap}.profBattleSlot{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#0a121a99;border:2px solid #0e1620}.profBattleSlot svg{width:30px;height:30px}.profBattleSlot.empty{border-style:dashed;opacity:.55}.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{font-size:12px;font-family:var(--font-display);opacity:.9}.profTitle[data-rarity=raro]{color:#5ebbff}.profTitle[data-rarity=epico]{color:#d87aff}.profTitle[data-rarity=legendario]{color:gold}.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;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:#14403c;background:linear-gradient(#ffe27a,#ffc933);border-radius:999px;padding:1.5px 7px;box-shadow:0 1.5px #0000004d}.profTagCopy{font-family:var(--font-display);font-size:11px;letter-spacing:.04em;padding:0 12px;border:2px solid rgba(255,255,255,.5);border-radius:9px;background:linear-gradient(var(--c-blue-light, #58a7f0) 0%,var(--c-blue, #2f7fd4) 100%);color:#fff;paint-order:stroke fill;-webkit-text-stroke:1.8px #174a86;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1.5px #fff6,0 3px #174a86;transition:transform .12s}.profTagCopy:active{transform:translateY(2px);box-shadow:inset 0 1.5px #fff6,0 1px #174a86}.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}.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 center,#1a2a1f,#0a120e)}.geodeStage{display:flex;flex-direction:column;align-items:center;gap:12px}.geodeRock{position:relative;width:clamp(150px,42vmin,210px);height:clamp(150px,42vmin,210px);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.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 12px 20px rgba(0,0,0,.55));z-index:1}.geodeShake{animation:geodeShake .22s cubic-bezier(.36,.07,.19,.97)}@keyframes geodeShake{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.06,.92) rotate(-2.5deg) translate(-3px)}55%{transform:scale(.95,1.06) rotate(2deg) translate(3px)}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}.geodeFlash.on{animation:geodeFlash .5s ease-out}@keyframes geodeFlash{0%{opacity:0}12%{opacity:.95}to{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 .4s ease-out forwards;z-index:3}@keyframes geodeSpark{0%{transform:translate(-50%,-50%) translate(0);opacity:1}to{transform:translate(-50%,-50%) translate(var(--spark-dx),var(--spark-dy));opacity:0}}.geodeTapHint{font-size:14px;color:#fff9;text-align:center;animation:geodePulse 1.5s ease-in-out infinite}@keyframes geodePulse{0%,to{opacity:.6}50%{opacity:1}}.geodeReveal{display:flex;flex-direction:column;align-items:center;gap:10px}.geodeRarityLabel{font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.geodeRewardCard{display:flex;flex-direction:column;align-items:center;gap:8px;background:#00000080;border:2px solid;border-radius:12px;padding:16px 24px;min-width:180px}.geodeRewardIcon{display:flex;align-items:center;justify-content:center}.geodeRewardIconText{font-size:28px;font-weight:900;color:gold}.geodeRewardLabel{font-size:15px;color:#fff;text-align:center}.geodeDupe{font-size:12px;color:#ffffff80}.geodeClaimBtn{min-width:140px;min-height:48px;font-size:16px;font-weight:800}@keyframes geodePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.geodeInfoBtn{position:absolute;bottom:12px;right:12px;font-size:12px;min-height:44px;padding:8px 10px;opacity:.7}.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:5}.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}.questsTitle{text-align:center;flex-shrink:0}.questsBody{padding:24px calc(30px + env(safe-area-inset-right)) 8px calc(30px + env(safe-area-inset-left));overflow:auto;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:flex-start;gap:18px;width:max-content;margin:0 auto;padding:2px 2px 6px}.questSection{display:flex;flex-direction:column;gap:8px;width:340px;flex:0 0 auto}@media (orientation: portrait){.questSections{flex-direction:column;width:100%;align-items:stretch}.questSection{width:100%}}.questSectionHead{display:flex;align-items:center;gap:8px;padding:2px 4px 0}.questSectionTitle{font-family:var(--font-display);font-size:15px;color:#ffd23e;paint-order:stroke fill;-webkit-text-stroke:2px #2a1550;text-shadow:0 2px 0 rgba(20,8,44,.55);letter-spacing:.5px}.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:10.5px;font-weight:800;color:#cdb8f0;text-align:right}.questSectionMeta svg{width:13px;height:13px}.questSection .questCards{max-width:none;margin:0}.questSection .questBonusBanner{margin-top:0}.questsClaimInfo{text-align:center;font-family:var(--font-display);font-size:14px;color:#6be5a0;margin-bottom:4px}.questsRerollInfo{text-align:center;font-size:12px;color:var(--c-dim, #8a9ba8);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:4px}.questCards{display:flex;flex-direction:column;gap:10px;max-width:600px;margin:0 auto}.questCard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#142837d9;border:2px solid rgba(255,255,255,.15);box-shadow:0 3px #08141a80,0 6px 12px #08141a4d;transition:transform .2s,opacity .2s}.questCard.questLarge{border-color:#7dd3fc59}.questCard.questReady{border-color:#6be5a099;box-shadow:0 3px #08141a80,0 0 12px #6be5a040}.questCard.questDone{opacity:.55}.questCard.questPop{animation:questPop .35s ease-out}@keyframes questPop{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.questIcon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff12}.questInfo{flex:1;min-width:0}.questDesc{font-family:var(--font-display);font-size:13px;color:#fff;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.questBar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-bottom:3px}.questBarFill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7dd3fc,#6be5a0);transition:width .3s ease}.questProgress{font-size:11px;color:var(--c-dim, #8a9ba8);margin-bottom:2px}.questRewards{font-size:11px;color:#ccc;display:flex;align-items:center;gap:2px}.questAction{flex-shrink:0;display:flex;align-items:center}.questClaimBtn{min-width:80px;min-height:44px;font-size:13px;font-weight:700;background:linear-gradient(180deg,#6be5a0,#38b56a);color:#fff;border:none;border-radius:8px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.3)}.questRerollBtn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer}.questClaimed{font-size:12px;font-weight:700;color:#6be5a0;text-transform:uppercase}.questBonusBanner{margin-top:10px;padding:10px 14px;border-radius:10px;background:#ffffff0f;font-family:var(--font-display);font-size:12px;color:#9ca3af;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.questBonusBanner.questBonusReady{background:linear-gradient(135deg,#ffc93326,#ffc9330d);border:1px solid rgba(255,201,51,.3);color:#ffc933}.questBonusBanner.questBonusDone{color:#6be5a0}.questBonusBtn{font-size:13px;padding:6px 16px;min-height:36px}.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}.questTiers{font-size:10px;color:#c084fc;margin-bottom:2px}.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}.achievementsBody{padding:10px 12px;overflow-y:auto;max-height:calc(100vh - 80px)}.achSection{margin-bottom:16px}.achSectionHead{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.achSectionTitle{font-family:var(--font-display);font-size:13px;font-weight:700;color:#dff4f8;letter-spacing:.04em}.achCard{flex-direction:column;align-items:stretch;padding:10px 12px}.achCard.achReady{border-color:#6be5a099;box-shadow:0 3px #08141a80,0 0 12px #6be5a040}.achCard.achDone{opacity:.55}.achInfo{flex:1}.achName{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.achDesc{font-size:12px;color:#9ca3af;margin-bottom:4px}.achMeta{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.achTier{font-size:10px;color:#c084fc}.achRewards{font-size:11px;color:#dff4f8;display:flex;align-items:center;gap:4px}.achRewards svg{vertical-align:-2px}.achInProgress{font-size:11px;color:#9ca3af}.achClaimBtn{margin-top:6px;align-self:flex-end}.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:center;justify-content:center;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.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{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:420px;padding:24px;text-align:center}.loadSpinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--clr-accent, #f59e0b);border-radius:50%;animation:loadSpin .8s linear infinite}@keyframes loadSpin{to{transform:rotate(360deg)}}.loadTip{font-size:15px;line-height:1.4;color:#e2e8f0;font-style:italic;margin:0}.loadLabel{font-size:11px;letter-spacing:2px;color:#ffffff73;text-transform:uppercase}.friendsTitle{margin-bottom:6px}.friendsStatusBar{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12.5px;font-weight:800;color:#ffe9a8;padding:6px 14px;background:linear-gradient(#3a3325,#2a2418);border:2px solid rgba(250,204,21,.55);border-radius:999px;margin:0 auto 10px;width:fit-content;box-shadow:0 3px #00000059}.friendsBody{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 12px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}.friendsSearchRow{display:flex;gap:6px;margin-bottom:10px}.friendsSearchInput{flex:1;padding:8px 10px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#00000059;color:#fff;font-size:15px;font-family:inherit;outline:none;min-width:0}.friendsSearchInput:focus{border-color:var(--clr-accent, #2ee6c8)}.friendsSearchBtn{padding:8px 14px;font-size:14px;min-height:38px}.friendsSearchResult{min-height:0;margin-bottom:10px}.friendsSection{margin-bottom:14px}.friendsSectionTitle{font-size:13px;font-weight:800;letter-spacing:.08em;color:#fff9;margin-bottom:6px}.friendsEmpty{color:#ffffffb3;font-size:14px;font-weight:700;text-align:center;padding:16px 0 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.friendsEmptyArt{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}.friendCard{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff12;margin-bottom:6px;flex-wrap:wrap}.friendCardPending{background:#facc151a}.friendDot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.friendName{font-weight:700;font-size:15px}.friendTag,.friendPresence{font-size:13px;color:#ffffff80}.friendTrophies{font-size:13px;color:#ffffff80;margin-left:auto}.friendStatus{font-size:13px;color:var(--clr-accent, #2ee6c8);margin-left:auto}.friendActions{display:flex;gap:6px;width:100%;margin-top:4px}.friendAddBtn,.friendAcceptBtn{font-size:13px;padding:5px 12px;min-height:32px}.friendRejectBtn{font-size:13px;padding:5px 12px;min-height:32px;background:#ffffff1a;color:#fff}.friendRemoveBtn{font-size:12px;padding:4px 10px;min-height:28px;background:#ff505033;color:#f88;margin-left:auto}.homeSeasonBanner{position:absolute;left:20px;bottom:74px;z-index:19;display:inline-flex;align-items:center;gap:7px;padding:4px 14px 11px 10px;border-radius:10px 10px 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}.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:7px;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:13px;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:14px}#news .title{margin-top:2px}@media (orientation: portrait){#news{padding-top:58px}}.newsBody{padding:24px 12px;max-width:640px;margin:0 auto;width:100%;flex:1;min-height:0;overflow-y:auto}.newsCards{display:flex;flex-direction:column;gap:14px}.newsCard{display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(var(--c-panel-light),var(--c-panel));border:3px solid #0e1620;border-radius:14px;box-shadow:inset 0 2px #ffffff24,0 5px #0e1620,0 10px 16px #0a1e244d}.newsArt{flex:0 0 64px;display:grid;place-items:center;background:repeating-linear-gradient(-32deg,rgba(255,255,255,.1) 0 10px,transparent 10px 24px),linear-gradient(170deg,var(--news-accent, #2ee6c8),color-mix(in srgb,var(--news-accent, #2ee6c8) 55%,#0e1620));border-right:3px solid #0e1620}.newsArt svg{filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}.newsMain{flex:1;min-width:0;padding:11px 14px 12px}.newsHeader{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;flex-wrap:wrap}.newsTitle{font-family:var(--font-display);font-size:17px;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:0}.newsMeta{margin-left:auto;display:flex;align-items:center;gap:6px}.newsVersion{font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;background:var(--news-accent, #2EE6C8);color:#0e1620;box-shadow:0 1.5px #0000004d}.newsDate{font-size:11px;color:#ffffff73}.newsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.newsBullet{font-size:13px;line-height:1.45;color:#eafcffd9;padding-left:15px;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:10px 16px 20px;overflow-y:auto;max-height:calc(100vh - 60px);-webkit-overflow-scrolling:touch}.leagueHeader{text-align:center;font-size:14px;color:#94a3b8;margin-bottom:12px;letter-spacing:.5px}.leagueDivCard{background:#1e2634d9;border:2px solid #334155;border-radius:12px;padding:14px 16px;margin-bottom:14px;text-align:center;box-shadow:0 4px #080e1699,0 10px 18px #080e164d}.leagueDivCurrent{border-width:3px}.leagueEmblemBig{width:96px;height:96px;margin:0 auto 6px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.4));position:relative}.leagueEmblemBig:before{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 65%);z-index:-1}.leagueEmblemBig svg{width:100%;height:100%;display:block}.leagueDivName{font-size:clamp(20px,5vw,32px);font-weight:800;margin-bottom:6px}.leagueLpText{font-size:14px;color:#e2e8f0;margin-bottom:8px}.leagueBar{height:10px;background:#1e293b;border-radius:5px;overflow:hidden;margin-bottom:8px}.leagueBarFill{height:100%;border-radius:5px;transition:width .4s ease}.leagueStats{font-size:12px;color:#94a3b8;margin-bottom:4px}.leagueDelta{font-size:11px;color:#64748b}.leagueDivList{display:flex;flex-direction:column;gap:6px}.leagueDivRow{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1e263499;border-radius:8px}.leagueDivRowActive{outline:2px solid rgba(255,255,255,.3)}.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:14px;font-weight:600;color:#e2e8f0;flex:1}.leagueDivReward{font-size:11px;color:#94a3b8;text-align:right}.leagueClaimPanel{background:linear-gradient(135deg,#1e3a1e,#0e2d0e);border:2px solid #22c55e;border-radius:12px;padding:14px 16px;margin-bottom:14px;text-align:center}.leagueClaimTitle{font-size:14px;font-weight:700;color:#22c55e;letter-spacing:1px;margin-bottom:6px}.leagueClaimDesc{font-size:16px;font-weight:700;margin-bottom:10px}.leagueClaimBtn{background:#22c55e;color:#0e1620;font-weight:800;font-size:16px;border-radius:8px;padding:8px 24px;cursor:pointer}.friendsCreateRoomBtn{width:100%;background:#7c3aed!important;font-weight:800;margin-bottom:8px}.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;flex-direction:column;align-items:center;gap:12px;padding:8px 16px 16px;overflow-y:auto;max-height:calc(100% - 40px)}.prospectHeader{text-align:center;width:100%}.prospectTitle{font-family:var(--font-display);font-size:20px;letter-spacing:.06em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:2.5px #0e1620;text-shadow:0 2.5px 0 rgba(6,14,22,.5);margin:0}.prospectSubtitle{font-size:12px;font-weight:700;color:#5b3a10;margin:3px 0 0}.prospectBalance{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#ffd95e;background:linear-gradient(#1d4a55,#143741);border:2px solid #0e1620;border-radius:999px;padding:4px 14px;margin-top:8px;box-shadow:inset 0 1.5px #fff3,0 3px #060e16b3}.prospectNoTarget{font-size:12.5px;font-weight:700;color:#5b3a10;text-align:center;margin:6px 0}.prospectTarget{display:flex;gap:12px;align-items:center;width:100%;max-width:400px;padding:12px;border:2.5px solid;border-radius:12px;background:linear-gradient(var(--c-panel-light),var(--c-panel));box-shadow:0 4px #0a1e2480,0 10px 16px #0a1e2440}.prospectTargetPortrait{width:76px;height:76px;border-radius:8px;overflow:hidden;background:#0000004d}.prospectTargetImg{width:100%;height:100%;object-fit:cover}.prospectTargetRight{flex:1;min-width:0}.prospectTargetLabel{font-size:10px;font-weight:700;letter-spacing:.1em;color:#eafcff80}.prospectTargetName{font-size:16px;font-weight:900;letter-spacing:.08em}.prospectProgressBar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;margin:4px 0;overflow:hidden}.prospectProgressFill{height:100%;border-radius:5px;transition:width .3s ease}.prospectProgressText{display:flex;align-items:center;gap:4px;font-size:11px;color:#eafcffb3}.prospectInvestBtn{margin-top:6px;font-size:13px;padding:6px 16px;min-height:var(--touch-min);width:100%}.prospectInvestBtn.disabled{opacity:.4;pointer-events:none}.prospectList{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:500px}.prospectCard{display:flex;gap:10px;align-items:center;width:100%;max-width:230px;padding:10px;border:2.5px solid;border-radius:12px;background:linear-gradient(var(--c-panel-light),var(--c-panel));box-shadow:0 3px #0a1e2480}.prospectCard.prospectOwned{opacity:.5}.prospectCard.prospectCurrent{box-shadow:0 0 8px #ffffff26}.prospectCardPortrait{width:62px;height:62px;border-radius:8px;overflow:hidden;flex-shrink:0}.prospectCardImg{width:100%;height:100%;object-fit:cover}.prospectCardInfo{flex:1;min-width:0}.prospectCardName{font-size:13px;font-weight:900;letter-spacing:.08em}.prospectCardRarity{font-size:9px;font-weight:700;letter-spacing:.12em}.prospectCardCost{display:flex;align-items:center;gap:3px;font-size:11px;color:#eafcffb3;margin-top:2px}.prospectCardProgress{display:flex;align-items:center;gap:3px;font-size:11px;color:#fbbf24;margin-top:2px}.prospectCardStatus{font-size:11px;font-weight:700;color:#4ade80;margin-top:2px}.prospectSelectBtn{margin-top:4px;font-size:11px;padding:4px 10px;min-height:var(--touch-min)}.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:16px;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}