:root{--bg: #05080d;--bg-2: #090d14;--glass-fill: rgba(217, 235, 255, .032);--glass-fill-2: rgba(217, 235, 255, .06);--glass-blur: 7px;--glass-edge: linear-gradient(135deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .1) 42%, rgba(255, 255, 255, .3));--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--green: #8cc72e;--green-2: #a6db42;--green-dim: #4d8017;--green-glow: rgba(140, 199, 46, .55);--hp: #73bf4d;--dire: #d94d38;--gold: #f2c747;--gold-2: #fad666;--gold-dim: #b88c1f;--gold-glow: rgba(242, 199, 71, .45);--mana: #4d94f2;--mana-2: #6badff;--text: #f0f2f5;--text-dim: #adb8c2;--text-faint: #7a858f;--dark: #0a0d05;--surface: #111821;--surface-2: #18212b;--surface-3: #1f2933;--accent: var(--green);--accent-2: var(--green-2);--accent-glow: var(--green-glow);--success: var(--hp);--error: var(--dire);--info: var(--mana);--radiant: var(--hp);--dire-dim: #4e2523;--radiant-dim: #1c4a2c;--booster-ai: #4d94f2;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--glass-shadow: 0 10px 24px -6px rgba(0, 0, 0, .42);--glass-top: inset 0 1.5px 1px rgba(255, 255, 255, .24);--glass-base: inset 0 -1px 1px rgba(0, 0, 0, .22);--elev-1: 0 4px 12px -2px rgba(0, 0, 0, .5);--elev-2: 0 8px 24px -4px rgba(0, 0, 0, .55);--elev-3: 0 16px 48px -8px rgba(0, 0, 0, .6);--font-display: "Russo One", "Oswald", system-ui, sans-serif;--font-cond: "Oswald", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-num: "Oswald", "Inter", system-ui, sans-serif;--grad-green: linear-gradient(180deg, #a6db42, #7fbd29 55%, #4d8017);--grad-gold: linear-gradient(180deg, #fad666, #b88c1f);--grad-mana: linear-gradient(90deg, #3373d9, #6badff);--grad-dual: linear-gradient(90deg, #73bf4d, #f2c747, #d94d38);--grad-display: linear-gradient(180deg, #ffffff 30%, #b6c2ce 95%);--touch: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:.1px}.app-shell{position:relative;width:100%;max-width:460px;margin:0 auto;min-height:100dvh;padding-top:var(--tg-top, 0px)}@media(min-width:500px){.app-shell{box-shadow:0 0 0 1px #ffffff0a}}body:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;z-index:-1;pointer-events:none;background:radial-gradient(120% 78% at 50% -6%,rgba(34,58,84,.6),transparent 58%),radial-gradient(130% 70% at 50% 112%,rgba(26,48,74,.5),transparent 64%),linear-gradient(180deg,#0a1119,#080d15 55%,#070c14)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{font-family:var(--font-display);font-weight:400;margin:0;letter-spacing:.005em}button{font-family:var(--font-body)}.screen{width:100%;padding:var(--screen-top, 20px) 18px 32px;min-height:100%;animation:fadeIn .24s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.eyebrow--accent{color:var(--accent)}.divider{height:1px;margin:16px 0;border:0;background:linear-gradient(90deg,transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes boltflash{0%,to{opacity:.55}50%{opacity:1}}.bolt{animation:boltflash 1.4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pop{animation:popIn .5s cubic-bezier(.2,.8,.2,1) both}.stagger>*{animation:fadeUp .45s ease both}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}:focus-visible{outline:2px solid rgba(140,199,46,.9);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tap48{position:relative}.tap48:after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--elev-1)}.card--elevated{background:var(--surface-2);box-shadow:var(--elev-2)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--touch);padding:12px 18px;border-radius:6px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);text-shadow:1px 2px 2px rgba(0,0,0,.55);background:#090d128c;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 5px #000c;cursor:pointer;transition:filter .12s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn:disabled{opacity:.4;cursor:default;text-shadow:none}.btn:not(:disabled):hover{border-color:#fff9;background:#ffffff0d;box-shadow:0 0 15px #000000e6}.btn-accent{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,#d84a1e);border:none;color:#fff;padding:14px 18px;font-size:16px;box-shadow:inset 0 1px #ffffff4d,0 0 22px -4px var(--accent-glow),0 6px 16px -6px #000000b3}.btn-accent:not(:disabled):hover{filter:brightness(1.18);transform:translateY(-1px);background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,#d84a1e);box-shadow:inset 0 1px #ffffff4d,0 0 32px -4px var(--accent-glow),0 8px 20px -6px #000000b3}.btn-accent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.3) 50%,transparent 58%);transform:translate(-130%);animation:btnShine 5.2s ease-in-out infinite}.btn-accent:disabled{box-shadow:none}.btn-accent:disabled:after{animation:none}.btn-gold{background:linear-gradient(180deg,#d9a44129,#d9a4410a);border:2px solid rgba(217,164,65,.5);color:var(--gold)}.btn-gold:not(:disabled):hover{border-color:#d9a441d9;background:linear-gradient(180deg,#d9a44133,#d9a4410f);box-shadow:0 0 15px #000000e6}.btn-ghost{color:var(--text-dim);background:none;border:none;box-shadow:none;font-family:var(--font-body);text-transform:none;letter-spacing:.02em;text-shadow:none}.btn-ghost:not(:disabled):hover{background:#ffffff0a;border:none;box-shadow:none}.btn-sm{min-height:40px;padding:8px 14px;font-size:13px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:0;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);cursor:pointer}.btn-icon:active{transform:scale(.94)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-num);font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.pill-gold{background:#d9a4411a;color:var(--gold);border-color:#d9a44159}.pill-info{background:#4e9fd11a;color:var(--info);border-color:#4e9fd159}.pill-accent{background:#f05a281a;color:var(--accent-2);border-color:#f05a2859}.input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;color:var(--text);font-size:13px}.input:focus{outline:none;border-color:var(--accent)}.coin-img{width:19px;height:19px;object-fit:contain;flex:none}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--r-sm);letter-spacing:.3px}.tag-accent{background:#f05a2824;color:var(--accent-2)}.bar{height:8px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px var(--accent-glow);transition:width .4s ease}.bar-fill--gold{background:linear-gradient(90deg,#b8862f,var(--gold));box-shadow:none}.stat{flex:1;border-radius:var(--r-md);padding:14px 10px;text-align:center;border:1px solid var(--line);background:var(--surface)}.stat-value{font-family:var(--font-num);font-weight:800;font-size:24px;line-height:1}.stat-label{font-size:11px;color:var(--text-dim);margin-top:6px;letter-spacing:.4px}.stat-radiant{background:linear-gradient(180deg,rgba(75,199,116,.1),var(--surface))}.stat-radiant .stat-value{color:var(--radiant)}.stat-gold{background:linear-gradient(180deg,rgba(217,164,65,.1),var(--surface))}.stat-gold .stat-value{color:var(--gold)}.toggle{flex:1;padding:9px 6px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;font-weight:600;background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);transition:all .12s ease}.toggle.is-active{background:#f05a2824;border-color:var(--accent);color:var(--accent-2)}.toggle:active{transform:scale(.97)}.topbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 14px}.res-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 8px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-num);font-weight:700;font-size:15px}.res-ico{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}.res-gt{background:radial-gradient(circle at 35% 28%,#f0c87a,var(--gold) 60%,#8a6420);color:#35270a}.res-exp{background:radial-gradient(circle at 35% 28%,#8cc4ea,var(--info) 60%,#2a5b7d);color:#06263c}.timer{font-family:var(--font-num);font-weight:700;font-size:15px;letter-spacing:1px}.timer.low{color:var(--error);animation:pulse .8s ease-in-out infinite}.pick{flex:1;position:relative;padding:18px 8px;border-radius:var(--r-lg);font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:1.5px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.pick:active{transform:scale(.97)}.pick-radiant{border:1.5px solid var(--radiant-dim);color:var(--radiant);background:#4bc77412}.pick-radiant.sel{background:linear-gradient(180deg,#58d584,#349c58);color:#06301a;border-color:transparent;box-shadow:0 10px 30px -10px var(--radiant)}.pick-dire{border:1.5px solid var(--dire-dim);color:var(--dire);background:#e05b5b12}.pick-dire.sel{background:linear-gradient(180deg,#ea7a6d,#d13f3f);color:#fff;border-color:transparent;box-shadow:0 10px 30px -10px var(--dire)}.pick-badge{position:absolute;top:-10px;right:-6px;min-width:30px;padding:3px 8px;border-radius:var(--r-pill);background:var(--error);color:#fff;font-family:var(--font-num);font-weight:800;font-size:13px;border:2px solid var(--bg)}.booster{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;color:var(--text-dim);font-size:11px;font-weight:600}.booster-hex{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface-3)}.booster-hex:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface)}.booster-hex>*{position:relative}.booster--ai .booster-hex{background:var(--booster-ai)}.booster--ai .booster-hex>*{color:var(--booster-ai)}.booster--x2 .booster-hex{background:var(--accent)}.booster--x2 .booster-hex>*{color:var(--accent-2)}.booster--info .booster-hex{background:var(--info)}.booster--info .booster-hex>*{color:var(--info)}.booster--locked .booster-hex{background:var(--line-strong)}.booster--locked .booster-hex>*{color:var(--text-faint)}.booster-x2-num{font-family:var(--font-display);font-weight:800;font-size:20px}.booster-count{position:absolute;top:40px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-num);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.booster:disabled{opacity:.45;cursor:default}.level-hex{width:34px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(180deg,#f0c87a,var(--gold) 55%,#8a6420);color:#35270a;font-family:var(--font-num);font-weight:800;font-size:14px}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeletonWave 1.4s ease-in-out infinite}@keyframes skeletonWave{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text-dim);font-size:13px;padding:32px 16px}.glass{position:relative;background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-edge) border-box;border:1.2px solid transparent;border-radius:var(--r-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-top),var(--glass-base),var(--glass-shadow)}.glass--flat{background:linear-gradient(#d9ebff06,#d9ebff06) padding-box,linear-gradient(135deg,#ffffff38,#ffffff0d 45%,#ffffff21) border-box;box-shadow:inset 0 1px .5px #ffffff1f}.glass--soft{background:linear-gradient(#d9ebff06,#d9ebff06) padding-box,var(--glass-edge) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass--gold{background:linear-gradient(#f2c74724,#f2c7470f) padding-box,linear-gradient(135deg,#f2c74799,#f2c74726) border-box}.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;width:100%;font-family:var(--font-cond);font-weight:700;text-transform:uppercase;transition:filter .12s ease,transform .1s ease}.g-btn:active:not(:disabled){transform:scale(.98)}.g-btn:disabled{opacity:.45;cursor:default}.g-btn--green{position:relative;overflow:hidden;min-height:56px;border-radius:28px;background:var(--grad-green);color:var(--dark);font-size:15px;letter-spacing:.16em;box-shadow:0 0 34px -2px var(--green-glow),inset 0 1.5px #ffffff80,0 4px 8px #0006}.g-btn--green:hover:not(:disabled){filter:brightness(1.06)}.g-btn--green:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);pointer-events:none;animation:gSheen 5s ease-in-out infinite}.g-btn--green:disabled:after{display:none}@keyframes gSheen{0%,70%{left:-60%}to{left:130%}}.g-btn--gold{min-height:44px;border-radius:22px;background:var(--grad-gold);color:#3a2c07;border:1px solid rgba(242,199,71,.55);font-size:13px;letter-spacing:.08em;padding:0 20px;box-shadow:0 0 22px -4px var(--gold-glow),inset 0 1px #fff0c899}.g-btn--gold:hover:not(:disabled){filter:brightness(1.05)}.g-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;cursor:pointer;color:var(--text)}.g-row-chevron{margin-left:auto;color:var(--text-faint);flex:none}.pucks{display:flex;gap:7px;flex-wrap:wrap}.puck{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}.puck--win{background:var(--hp);color:#eafff0;box-shadow:0 0 8px #73bf4d80,inset 0 1px #ffffff59}.puck--miss{background:var(--dire);color:#2a0a06;box-shadow:inset 0 1px #ffffff40}.puck--next{background:#ffffff14;border:1px solid rgba(255,255,255,.22)}.puck--now{border-color:#8cc72ee6;background:#8cc72e29;animation:puckNow 1.9s ease-in-out infinite}@keyframes puckNow{0%,to{box-shadow:0 0 #8cc72e80}50%{box-shadow:0 0 12px 2px #8cc72ebf}}.mana{height:7px;border-radius:999px;background:#0006;overflow:hidden}.mana-fill{display:block;height:100%;border-radius:999px;background:var(--grad-mana);box-shadow:0 0 8px #4d94f299;transition:width .4s ease}.dual-line{position:relative;height:3px;border-radius:2px;background:var(--grad-dual);overflow:hidden}.dual-line:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:dualShimmer 4s ease-in-out infinite}@keyframes dualShimmer{0%,62%{left:-40%}to{left:110%}}.gear{position:relative;overflow:hidden;height:64px;border-radius:14px;cursor:pointer;padding:5px;border:1.2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 1.5px 1px #ffffff2e,0 8px 20px -6px #00000080}.gear-shine{position:absolute;top:-60%;left:-35%;width:55%;height:190%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(14deg)}.gear--ai{background:linear-gradient(165deg,#4d94f233,#0a101a8c 70%) padding-box,linear-gradient(150deg,#78b2ffe6,#4d94f240) border-box;box-shadow:inset 0 1.5px 1px #fff3,0 0 16px -6px #4d94f2e6,0 8px 20px -6px #00000080}.gear--gold{background:linear-gradient(165deg,#f2c74733,#140f068c 70%) padding-box,linear-gradient(150deg,#fad666f2,#b88c1f4d) border-box;box-shadow:inset 0 1.5px 1px #ffffff3d,0 0 16px -6px #f2c747e6,0 8px 20px -6px #00000080}.gear--steel{background:linear-gradient(165deg,#c9d6e82b,#0c11198c 70%) padding-box,linear-gradient(150deg,#dee9f6d9,#96a8be40) border-box;box-shadow:inset 0 1.5px 1px #fff3,0 0 16px -7px #c9d6e8cc,0 8px 20px -6px #00000080}.gear--empty{opacity:.9;background:linear-gradient(165deg,#d9ebff0e,#0a0e1480 70%) padding-box,linear-gradient(150deg,#8cc72e8c,#8cc72e24) border-box;box-shadow:inset 0 1.5px 1px #ffffff24,0 8px 20px -6px #00000080}.gear--empty .gear-ico{opacity:.45;filter:none}.gear--empty .gear-name{color:var(--text-dim)}.gear-ico{position:relative;height:20px;display:flex;align-items:center;justify-content:center}.gear--ai .gear-ico{color:#8dc0ff;filter:drop-shadow(0 0 6px rgba(77,148,242,.9))}.gear--gold .gear-ico{color:var(--gold-2);filter:drop-shadow(0 0 6px rgba(242,199,71,.85))}.gear--steel .gear-ico{color:#dce6f2;filter:drop-shadow(0 0 6px rgba(201,214,232,.6))}.gear-ico b{font-family:var(--font-display);font-size:14px}.gear-name{position:relative;margin-top:1px;font-family:var(--font-cond);font-weight:600;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.gear-hint{position:relative;font-size:9px;letter-spacing:.02em;color:var(--text-dim)}.gear-num{position:absolute;top:5px;right:6px;padding:1px 5px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.16);font-family:var(--font-cond);font-weight:700;font-size:10px;letter-spacing:.3px}.gear--ai .gear-num{color:#8dc0ff}.gear--gold .gear-num{color:var(--gold-2)}.gear--steel .gear-num{color:#dce6f2}.gear-num--add{padding:0;width:18px;height:18px;border-radius:50%;border-color:transparent;display:flex;align-items:center;justify-content:center;background:var(--grad-green);color:var(--dark)!important;font-size:13px;line-height:1;font-weight:700;box-shadow:0 0 10px -2px var(--green-glow),inset 0 1px #ffffff73}.gear-hint--buy{color:var(--green);font-weight:600}.g-kicker{font-family:var(--font-cond);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--text-dim)}.g-kicker--accent{color:var(--green)}.g-kicker--gold{color:var(--gold)}.g-kicker--mana{color:var(--mana)}.logo-mark{display:block;width:auto;flex:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75)) drop-shadow(0 0 10px rgba(0,0,0,.5))}.logo-mini{display:inline-flex;align-items:center;flex:none;opacity:.88}.head-brand{display:flex;align-items:center;gap:9px;min-width:0}.logo-fallback{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:5px 10px;border-radius:6px;border:2.5px solid var(--dire);background:#d94d381f;font-family:var(--font-display);letter-spacing:1px;color:var(--text);box-shadow:0 0 14px -4px #d94d38e6}.board-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.board-col{text-align:center;font-family:var(--font-cond);font-weight:600;font-size:13px;letter-spacing:.16em}.board-col--rad{color:var(--hp);text-shadow:0 0 8px rgba(115,191,77,.4)}.board-col--dire{color:var(--dire);text-shadow:0 0 8px rgba(217,77,56,.4)}.dh-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.dh-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dh{position:relative;height:58px;border-radius:8px;overflow:hidden;background:linear-gradient(165deg,#2b3342,#1a1f29 36%,#0d0f17 71%);box-shadow:inset 0 1.5px 1px #ffffff1f}.dh--rad{border:1.3px solid rgba(115,191,77,.6)}.dh--dire{border:1.3px solid rgba(217,77,56,.6)}.dh-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.dh-photo--empty{background:#141a24}.dh:before{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(180deg,transparent,rgba(5,8,10,.92))}.dh:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px}.dh--rad:after{background:#73bf4de6}.dh--dire:after{background:#d94d38e6}.dh-role{position:absolute;top:6px;left:6px;z-index:1;padding:2px 6px;border-radius:3px;background:#00000080;font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.5px}.dh--rad .dh-role{border:.8px solid rgba(115,191,77,.5);color:var(--hp)}.dh--dire .dh-role{border:.8px solid rgba(217,77,56,.5);color:var(--dire)}.dh-name{position:absolute;left:10px;bottom:5px;z-index:1;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.3px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8)}.picks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.pick{position:relative;height:52px;border-radius:26px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:15px;line-height:1;letter-spacing:.14em;text-indent:.14em;background:transparent}.pick--rad{color:var(--hp);background:linear-gradient(#73bf4d1f,#73bf4d1f) padding-box,linear-gradient(135deg,#73bf4db3,#73bf4d33) border-box;border:1.2px solid transparent;box-shadow:0 0 14px -2px #73bf4d4d}.pick.sel:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;line-height:1;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.pick--rad.sel{background:linear-gradient(#73bf4d47,#73bf4d2e) padding-box,linear-gradient(135deg,var(--hp),rgba(115,191,77,.5)) border-box;box-shadow:0 0 22px -2px #73bf4d99}.pick--dire{color:var(--dire);background:linear-gradient(#d94d381a,#d94d381a) padding-box,linear-gradient(135deg,#d94d3899,#d94d382e) border-box;border:1.2px solid transparent;box-shadow:0 0 12px -2px #d94d3847}.pick--dire.sel{background:linear-gradient(#d94d3842,#d94d3829) padding-box,linear-gradient(135deg,var(--dire),rgba(217,77,56,.5)) border-box;box-shadow:0 0 22px -2px #d94d388c}.bonus{margin-top:14px;border-radius:16px;overflow:hidden}.bonus-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;cursor:pointer;text-align:left;background:none;border:none}.bonus-gem{width:13px;height:13px;flex:none;background:linear-gradient(160deg,var(--gold-2),var(--gold-dim));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 8px #f2c7478c}.bonus-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.bonus-sub{font-size:10.5px;color:var(--text-dim)}.bonus-count{flex:none;padding:2px 8px;border-radius:9px;background:#f2c74724;border:1px solid rgba(242,199,71,.45);font-family:var(--font-cond);font-weight:700;font-size:10px;color:var(--gold)}.bonus-chevron{flex:none;color:var(--text-dim);font-size:14px;line-height:1;transition:transform .22s ease}.bonus-chevron.open{transform:rotate(180deg);color:var(--gold)}.bonus-list{border-top:1px solid rgba(255,255,255,.09)}.bonus-market{padding:12px 14px 13px}.bonus-market+.bonus-market{border-top:1px solid rgba(255,255,255,.07)}.bonus-q{font-family:var(--font-cond);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--text-dim);line-height:1.3;margin-bottom:9px}.bonus-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bonus-opt{--c: 200, 214, 232;min-height:40px;padding:0 10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;border:1.2px solid transparent;background:linear-gradient(rgba(var(--c),.09),rgba(var(--c),.035)) padding-box,linear-gradient(150deg,rgba(var(--c),.6),rgba(var(--c),.16)) border-box;box-shadow:inset 0 1px 1px #ffffff24;color:rgba(var(--c),.92);font-family:var(--font-cond);font-weight:600;font-size:12px;line-height:1.15;transition:box-shadow .15s ease,color .15s ease}.bonus-opt--radiant{--c: 115, 191, 77}.bonus-opt--dire{--c: 217, 77, 56}.bonus-opt--over{--c: 242, 199, 71}.bonus-opt--under{--c: 109, 168, 255}.bonus-opt:active{transform:scale(.985)}.bonus-opt.sel{color:rgb(var(--c));background:linear-gradient(rgba(var(--c),.22),rgba(var(--c),.1)) padding-box,linear-gradient(150deg,rgba(var(--c),1),rgba(var(--c),.45)) border-box;box-shadow:inset 0 1px 1px #ffffff3d,0 0 16px -4px rgba(var(--c),.95)}.splash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#05080d;animation:splash-in .5s ease both}@keyframes splash-in{0%{opacity:0}to{opacity:1}}.splash.is-leaving{animation:splash-out .42s cubic-bezier(.4,0,.2,1) both}@keyframes splash-out{to{opacity:0;transform:scale(1.04)}}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/bg-splash.webp) 50% 13% / 161.29% auto no-repeat;animation:splash-drift 14s ease-out both;transform-origin:50% 30%}@keyframes splash-drift{0%{transform:scale(1)}to{transform:scale(1.07)}}.splash-bg:after{content:"";position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);width:118%;height:46%;pointer-events:none;background:radial-gradient(closest-side,rgba(120,170,235,.16),transparent 72%);animation:splash-breath 5.5s ease-in-out infinite}@keyframes splash-breath{0%,to{opacity:.55}50%{opacity:1}}.splash-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0305088c,#03050838 42%,#030508cc)}.splash-fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.splash-fog--front{z-index:5}.splash-fog span{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(168,200,236,.9),rgba(150,185,225,.35) 45%,transparent 74%);animation-name:splash-fog;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}@keyframes splash-fog{0%{transform:translate3d(-6%,0,0) scale(1)}50%{transform:translate3d(7%,-3%,0) scale(1.16)}to{transform:translate3d(-6%,0,0) scale(1)}}.splash-motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.splash-motes span{position:absolute;bottom:-8px;border-radius:50%;background:#bedcffe6;box-shadow:0 0 6px #8cbeffcc;animation-name:splash-mote;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}@keyframes splash-mote{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:.8}70%{opacity:.5}to{transform:translateY(-105vh) translate(18px);opacity:0}}.splash-mark{position:absolute;left:50%;top:420px;transform:translate(-50%);animation:splash-mark-in .72s cubic-bezier(.2,.9,.25,1.1) .18s both}.splash-mark img{display:block;width:152px;height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))}.splash-aureole{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(calc(.62 + var(--p, 0) * .5));pointer-events:none;background:radial-gradient(closest-side,rgba(226,92,60,calc(.05 + var(--p, 0) * .22)),#e25c3c00 70%)}.splash-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;-webkit-mask-image:url(/ggq.webp);mask-image:url(/ggq.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen}.splash-shine:before{content:"";position:absolute;top:-30%;bottom:-30%;width:38%;background:linear-gradient(105deg,transparent,rgba(255,240,205,.55),transparent);transform:skew(-16deg);animation:splash-shine 2.9s ease-in-out infinite}@keyframes splash-shine{0%,55%{left:-60%}to{left:130%}}@keyframes splash-mark-in{0%{opacity:0;transform:translate(-50%) scale(.86)}to{opacity:1;transform:translate(-50%) scale(1)}}.splash-foot{position:absolute;left:0;right:0;bottom:20px;display:flex;flex-direction:column;align-items:center;animation:splash-foot-in .6s ease .4s both}@keyframes splash-foot-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.splash-bar{position:relative;width:270px;height:5px;border-radius:2.5px;background:#00000080}.splash-bar-dot{position:absolute;top:50%;left:calc(var(--p, 0) * 100%);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#d6f5a0;box-shadow:0 0 10px 2px #ade552e6;animation:splash-dot 1.4s ease-in-out infinite}@keyframes splash-dot{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.splash-bar-fill{position:relative;overflow:hidden;height:100%;border-radius:2.5px;background:linear-gradient(90deg,#669e1f,#ade552);box-shadow:0 0 10px #8cc72e99}.splash-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);width:42%;animation:splash-sheen 1.6s ease-in-out infinite}@keyframes splash-sheen{0%{transform:translate(-100%)}to{transform:translate(340%)}}.splash-pct{margin-top:11px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.splash-tip{margin-top:17px;width:300px;text-align:center;font-size:11px;line-height:1.45;color:var(--text-faint);animation:splash-tip-in .5s ease both}@keyframes splash-tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.splash-legal{margin-top:16px;text-align:center;font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}.splash.is-leaving .splash-aureole{animation:splash-bloom .42s ease-out both}@keyframes splash-bloom{0%{transform:translate(-50%,-50%) scale(1.12);opacity:1}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){.splash,.splash-bg,.splash-bg:after,.splash-mark,.splash-foot,.splash-bar-fill:after,.splash-tip,.splash-motes span,.splash-shine:before,.splash-bar-dot,.splash-fog span{animation:none}.splash-bar-fill:after,.splash-motes,.splash-shine{display:none}}.k-btn{position:relative;z-index:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:10px 24px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);text-shadow:1px 2px 2px rgba(0,0,0,.55);background:var(--surface-2);border:none;border-radius:6px;cursor:pointer;transition:filter .12s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.k-btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.k-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.k-btn:disabled{opacity:.4;cursor:default;text-shadow:none}.k-btn--full{width:100%}.k-btn--stacked{flex-direction:column;gap:2px}.k-btn-sub{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.14em;color:#fff9;text-shadow:none}.k-btn--primary{color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,#d84a1e);box-shadow:inset 0 1px #ffffff4d,0 0 18px -4px var(--accent-glow),0 4px 12px -4px #0009}.k-btn--primary:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 0 28px -4px var(--accent-glow),0 6px 16px -4px #0009}.k-btn--primary:disabled{box-shadow:none}.k-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.3) 50%,transparent 58%);transform:translate(-130%);animation:btnShine 5.2s ease-in-out infinite}.k-btn--primary:disabled:after{animation:none}@keyframes btnShine{0%{transform:translate(-130%)}16%{transform:translate(130%)}to{transform:translate(130%)}}.k-btn--primary .k-btn-sub{color:#ffebe1cc}.k-btn--secondary{background:#090d128c;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 5px #000c}.k-btn--secondary:hover:not(:disabled){border-color:#fff9;background:#ffffff0d;box-shadow:0 0 15px #000000e6;filter:none}.k-btn--premium{color:var(--gold);background:linear-gradient(180deg,#d9a44129,#d9a4410a);border:2px solid rgba(217,164,65,.5)}.k-btn--premium:hover:not(:disabled){border-color:#d9a441d9;filter:none}.k-btn--ghost{background:none;color:var(--text-dim);font-family:var(--font-body);text-transform:none;letter-spacing:.02em;text-shadow:none}.k-btn--ghost:hover:not(:disabled){background:#ffffff0a;color:var(--text);filter:none;transform:none}.k-btn--destructive{background:#d9534f1f;color:var(--error);border:2px solid rgba(217,83,79,.4)}.k-btn--destructive:hover:not(:disabled){border-color:#d9534fb3;filter:none}.k-spinner{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:kSpin .7s linear infinite}@keyframes kSpin{to{transform:rotate(360deg)}}.k-spinner--lg{width:28px;height:28px;border-width:3px;color:var(--text-dim)}.k-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);flex:none;padding:0;border:none;border-radius:var(--r-md);cursor:pointer;background:var(--surface-2);color:var(--text-dim);transition:background .15s ease,color .15s ease,transform .08s ease}.k-iconbtn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.k-iconbtn:active:not(:disabled){transform:scale(.94)}.k-iconbtn:disabled{opacity:.4;cursor:default}.k-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px 4px 6px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid transparent;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;color:var(--text)}button.k-chip{cursor:pointer;min-height:36px}.k-chip-ico{width:20px;height:20px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}.k-chip--gt{color:var(--gold);border-color:#d9a44159}.k-chip--gt .k-chip-ico img{width:20px;height:20px;object-fit:contain}.k-chip--xp{color:var(--info);border-color:#4e9fd159}.k-chip--xp .k-chip-ico{background:#4e9fd12e;color:var(--info);font-size:9px;font-weight:700}.k-chip--stars,.k-chip--stars .k-chip-ico{color:var(--gold)}.k-chip--ton,.k-chip--ton .k-chip-ico{color:var(--info)}.k-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.k-badge--live{background:#d9534f24;color:var(--error)}.k-badge--live .k-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--error);animation:pulse 1.2s ease-in-out infinite}.k-badge--new{background:#f05a2824;color:var(--accent-2)}.k-badge--claimed{background:#4ccb6b1f;color:var(--success)}.k-badge--locked{background:var(--surface-3);color:var(--text-faint)}.k-badge--success{background:#4ccb6b1f;color:var(--success)}.k-badge--error{background:#d9534f24;color:var(--error)}.k-bar{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.k-bar-fill{height:100%;border-radius:var(--r-pill);transition:width .4s ease}.k-bar--daily .k-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px var(--accent-glow)}.k-bar--xp .k-bar-fill{background:linear-gradient(90deg,#35719c,var(--info))}.k-bar--bp .k-bar-fill{background:linear-gradient(90deg,#a97f2c,var(--gold))}.k-bar-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.k-bar-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.k-bar-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-dim)}.k-bar-value b{color:var(--text);font-size:15px}.k-seg{display:flex;gap:4px}.k-seg-item{position:relative;flex:1;height:8px;border-radius:3px;background:var(--surface-3)}.k-seg-item.on{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.k-seg-item.mark:after{content:"";position:absolute;right:-3px;top:50%;transform:translate(50%,-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0cd85,var(--gold) 65%);box-shadow:0 0 8px -1px #d9a441cc}.k-booster{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:var(--touch);background:none;border:none;cursor:pointer;padding:0;color:var(--text-dim);font-size:11px;font-weight:500}.k-booster:disabled{cursor:default}.k-booster-hex{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface-3)}.k-booster-hex:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface)}.k-booster-hex>*{position:relative}.k-booster--ai .k-booster-hex{background:var(--booster-ai)}.k-booster--ai .k-booster-hex>*{color:var(--booster-ai)}.k-booster--x2 .k-booster-hex{background:var(--accent)}.k-booster--x2 .k-booster-hex>*{color:var(--accent-2)}.k-booster--info .k-booster-hex{background:var(--info)}.k-booster--info .k-booster-hex>*{color:var(--info)}.k-booster-x2num{font-family:var(--font-display);font-weight:700;font-size:19px}.k-booster-count{position:absolute;top:38px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-num);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.k-booster.is-active .k-booster-hex{filter:drop-shadow(0 0 8px var(--accent-glow))}.k-booster.is-active{color:var(--text)}.k-booster.is-empty .k-booster-hex,.k-booster--locked .k-booster-hex{background:var(--line-strong)}.k-booster.is-empty .k-booster-hex>*,.k-booster--locked .k-booster-hex>*{color:var(--text-faint)}.k-booster.is-empty{opacity:.6}.k-nav-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-family:var(--font-num);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.k-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040609b8;display:flex;align-items:center;justify-content:center;padding:24px;animation:kFade .18s ease both}@keyframes kFade{0%{opacity:0}to{opacity:1}}.k-modal{width:100%;max-width:360px;background:var(--surface-2);border-radius:var(--r-xl);padding:24px;box-shadow:var(--elev-3);animation:kPop .2s ease both}@keyframes kPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.k-modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.k-modal-title{font-family:var(--font-display);font-weight:600;font-size:20px}.k-modal-body{font-size:14px;line-height:1.5;color:var(--text-dim)}.k-modal-actions{display:flex;gap:8px;margin-top:20px}.k-modal-actions>*{flex:1}.k-overlay--sheet{align-items:flex-end;padding:0}.k-sheet{width:100%;max-width:460px;margin:0 auto;background:var(--surface-2);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:8px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--elev-3);animation:kSlideUp .22s ease both}@keyframes kSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.k-sheet-grip{width:36px;height:4px;border-radius:2px;background:var(--line-strong);margin:4px auto 14px}.k-sheet-title{font-family:var(--font-display);font-weight:600;font-size:18px;margin-bottom:10px}.k-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--elev-2);font-size:13px;font-weight:500}.k-toast--success{color:var(--success)}.k-toast--error{color:var(--error)}.k-toast-text{color:var(--text)}.k-toast-host{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;width:calc(100% - 48px);max-width:400px;animation:kSlideUp .22s ease both}.k-tip{position:relative;display:inline-flex}.k-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.96);padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap;background:var(--surface-3);color:var(--text);font-size:12px;box-shadow:var(--elev-2);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.k-tip:hover:after,.k-tip:focus-within:after{opacity:1;transform:translate(-50%) scale(1)}.k-anum{display:inline-block}.k-anum.is-bump{animation:kBump .6s ease}@keyframes kBump{0%{transform:scale(1)}25%{transform:scale(1.18);filter:brightness(1.4)}to{transform:scale(1)}}.k-empty{text-align:center;padding:32px 16px;color:var(--text-dim)}.k-empty-ico{display:flex;justify-content:center;color:var(--text-faint);margin-bottom:10px}.k-empty-title{font-weight:600;font-size:14px;color:var(--text)}.k-empty-hint{font-size:12px;color:var(--text-faint);margin-top:4px}.k-locked{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);color:var(--text-faint);font-size:13px}:root{--dock-h: 68px;--dock-gap: 12px}.dock-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:20;width:100%;max-width:460px;padding:0 16px calc(var(--dock-gap) + env(safe-area-inset-bottom));pointer-events:none}.dock{pointer-events:auto;display:flex;align-items:stretch;height:var(--dock-h);border-radius:29px;overflow:visible}.dock-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.dock-notch{position:absolute;top:-1.5px;left:50%;transform:translate(-50%) scaleX(0);width:34px;height:3px;border-radius:2px;background:var(--green);box-shadow:0 0 10px 1px #8cc72ed9;transition:transform .2s ease}.dock-tab.active .dock-notch{transform:translate(-50%) scaleX(1)}.dock-tab.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:radial-gradient(60% 60% at 50% 30%,rgba(140,199,46,.18),transparent 70%);pointer-events:none}.dock-ico{width:26px;height:26px;object-fit:contain;opacity:.72;transition:opacity .15s ease,filter .15s ease,transform .15s ease}.dock-tab.active .dock-ico{width:30px;height:30px;opacity:1;filter:drop-shadow(0 0 8px rgba(140,199,46,.6))}.dock-label{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.dock-tab.active .dock-label{color:var(--green)}.screen.has-tabbar,.has-tabbar{padding-bottom:calc(var(--dock-h) + var(--dock-gap) * 2 + env(safe-area-inset-bottom))}.dock-tab.soon{opacity:.55}.dock-tab.soon .dock-ico{filter:grayscale(1)}.dock-soon{position:absolute;top:12px;left:50%;margin-left:9px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #f2c747b3;font-size:0}.info-dot{position:relative;flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.22);font-family:var(--font-cond);font-weight:700;font-size:10px;line-height:1;color:var(--text-dim)}.info-dot:active{color:var(--text);border-color:#fff6}.info-text{font-size:13px;line-height:1.5;color:var(--text-dim)}.info-more{padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.streak-restore{margin-top:12px;padding:14px 16px 16px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:8px}.streak-restore-text{font-size:12px;color:var(--text);line-height:1.45}.streak-restore-text b{color:var(--gold)}.streak-restore-error{font-size:11px;color:var(--dire)}.streak-restore-actions{display:flex;gap:8px;margin-top:2px}.streak-restore-btn{flex:1;min-height:40px;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-cond);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.streak-restore-btn:disabled{opacity:.6;cursor:default}.streak-restore-btn--ad{color:var(--text)}.drm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;animation:drm-in .28s ease both}@keyframes drm-in{0%{opacity:0}to{opacity:1}}.drm.is-leaving{animation:drm-out .26s ease both}@keyframes drm-out{to{opacity:0}}.drm-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080d9e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.drm-card{position:relative;width:320px;max-width:calc(100vw - 40px);padding:14px 14px 18px;border-radius:26px;display:flex;flex-direction:column;align-items:center;background:#0f131cf7;border:1.4px solid rgba(242,199,71,.5);box-shadow:0 16px 36px #00000080,0 0 30px #f2c7474d,inset 0 1.5px 1px #ffffff38;animation:drm-card-in .42s cubic-bezier(.2,.9,.25,1.08) .05s both}@keyframes drm-card-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.drm.is-leaving .drm-card{animation:drm-card-out .26s ease both}@keyframes drm-card-out{to{opacity:0;transform:translateY(10px) scale(.97)}}.drm-haze{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:280px;height:300px;pointer-events:none;z-index:-1;background:radial-gradient(closest-side,rgba(242,199,71,.22),rgba(242,199,71,.05) 60%,transparent)}.drm-spark{position:absolute;border-radius:50%;pointer-events:none;background:var(--gold);box-shadow:0 0 8px #f2c747e6;animation:drm-spark 2.8s ease-in-out infinite}@keyframes drm-spark{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.drm-close{position:absolute;top:12px;right:14px;z-index:2;width:28px;height:28px;padding:0;cursor:pointer;background:none;border:none;font-family:var(--font-cond);font-size:16px;color:var(--text-faint)}.drm-close:active{color:var(--text)}.drm-art{position:relative;width:292px;max-width:100%;height:190px;border-radius:18px;overflow:hidden;border:1px solid rgba(242,199,71,.35);background:url(/reward-arcana.webp) 50% 42% / 161% auto no-repeat,radial-gradient(120% 90% at 50% 40%,#f2c74747,#0d121cf2 70%);box-shadow:0 6px 14px #0006,inset 0 1.5px 1px #ffffff40;animation:drm-art-float 6s ease-in-out infinite}@keyframes drm-art-float{0%,to{background-position:50% 42%}50%{background-position:50% 46%}}.drm-art-fade{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,#0d0f1700,#0d0f17e6)}.drm-kicker{margin-top:18px;font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}.drm-title{margin-top:10px;font-family:var(--font-display);font-size:26px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);text-shadow:0 0 14px rgba(242,199,71,.25),0 2px 4px rgba(0,0,0,.4)}.drm-sub{margin-top:10px;width:260px;text-align:center;font-size:12px;line-height:1.45;color:var(--text-dim)}.drm-amount{margin-top:18px;display:flex;align-items:center;gap:12px;animation:drm-amount-in .5s cubic-bezier(.2,.9,.25,1.1) .32s both}@keyframes drm-amount-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.drm-amount-val{font-family:var(--font-display);font-size:34px;color:var(--gold);text-shadow:0 0 16px rgba(242,199,71,.45)}.drm-rule{margin-top:20px;width:240px;height:1px;background:#ffffff1a}.drm-xp{margin-top:13px;font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--mana-2)}.drm-claim{margin-top:20px;width:260px;max-width:100%;min-height:52px;border-radius:26px;font-size:14px;letter-spacing:.11em;text-indent:.11em;box-shadow:0 4px 8px #0006,0 0 26px #f2c7478c,inset 0 1.5px 1px #ffffff8c}.drm-claim-x2{margin-top:10px;width:260px;max-width:100%;min-height:44px;border-radius:22px;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-2, #f2c747);cursor:pointer}.drm-claim-x2:disabled{opacity:.6;cursor:default}.drm-next{margin-top:13px;font-size:11px;color:var(--text-faint)}@media(prefers-reduced-motion:reduce){.drm,.drm-card,.drm-art,.drm-spark,.drm-amount{animation:none}}.drm-forgive{margin-top:4px;font-size:10px;color:var(--text-faint)}.ssn{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;animation:ssn-in .24s ease-out}.ssn.is-leaving{opacity:0;transition:opacity .24s ease-in}@keyframes ssn-in{0%{opacity:0}}.ssn-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#030509b8}.ssn-card{position:relative;width:min(340px,calc(100vw - 40px));padding:26px 22px 22px;border-radius:18px;background:#0d121af5;border:1px solid rgba(242,199,71,.35);box-shadow:0 18px 50px #0000008c,0 0 40px #f2c7471f;text-align:center}.ssn-close{position:absolute;top:10px;right:12px;width:30px;height:30px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-dim)}.ssn-kicker{font-size:10px;letter-spacing:.16em}.ssn-title{margin-top:8px;font-family:var(--font-display);font-size:22px;letter-spacing:.03em;text-transform:uppercase;color:var(--text)}.ssn-list{margin:16px 0 0;padding:0;list-style:none;text-align:left;display:flex;flex-direction:column;gap:10px}.ssn-list li{padding-left:14px;position:relative;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.ssn-list li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:var(--grad-gold, #f2c747)}.ssn-list b{color:var(--text);font-weight:600}.ssn-cta{margin-top:18px;width:100%;min-height:46px;border-radius:23px;font-size:13px;letter-spacing:.1em;text-indent:.1em}.home{text-align:left;position:relative;padding-top:16px}.home-content{display:contents}.home-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:url(/aegis-cold.webp) 50% 0 / 161% auto no-repeat;will-change:transform}.home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080d52,#05080d14 45%,#05080d66 88%,#05080d85)}.home-top{display:flex;align-items:center;gap:10px}.home-me{flex:1;display:flex;align-items:center;gap:8px;min-width:0;background:none;border:none;padding:0;cursor:pointer;text-align:left}.home-hello{flex:1}.home-ava{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#8cc72e47,#0a101ae6);border:1.2px solid rgba(140,199,46,.5);box-shadow:0 0 14px -3px #8cc72e80,inset 0 1px #ffffff2e}.home-ava img{width:100%;height:100%;object-fit:cover}.home-ava-txt{font-family:var(--font-display);font-size:15px;color:var(--text)}.home-hello{display:flex;flex-direction:column;gap:1px;min-width:0}.home-hello-top{font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.home-hello-name{font-family:var(--font-cond);font-weight:600;font-size:15px;letter-spacing:.3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border-radius:var(--r-xl);cursor:pointer}.gt-val{font-family:var(--font-num);font-weight:600;font-size:13px;color:var(--gold);letter-spacing:.5px}.mc{margin-top:10px;padding:8px 14px 7px;border-radius:20px}.mc-stats{display:flex;align-items:center;gap:10px}.mc-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.mc-sep{width:1px;height:26px;flex:none;background:#ffffff1a}.mc-lab{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.mc-val{font-family:var(--font-cond);font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mc-val--green,.stat-val--green{color:var(--hp);text-shadow:0 0 8px rgba(115,191,77,.45)}.mc-bp{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:6px 0 0;background:none;border:none;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}.mc-bp-lab{flex:none;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.mc-bp-bar{flex:1}.stat-val--hot{animation:streakGlow 3.2s ease-in-out infinite}@keyframes streakGlow{0%,to{text-shadow:0 0 8px rgba(115,191,77,.4)}50%{text-shadow:0 0 15px rgba(115,191,77,.9)}}.reward{margin-top:10px;height:52px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:22px;border-color:transparent;background:linear-gradient(#d9ebff0d,#d9ebff0d) padding-box,linear-gradient(135deg,#f2c74799,#f2c74733) border-box;border:1.2px solid transparent}.reward-coin{width:26px;height:26px}.reward-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.reward-amt{font-family:var(--font-cond);font-weight:600;font-size:15px;color:var(--text)}.reward-claim{width:auto;flex:none;padding:0 20px;min-height:40px}.reward--done{background:linear-gradient(#d9ebff0d,#d9ebff0d) padding-box,linear-gradient(135deg,#73bf4d80,#73bf4d26) border-box}.reward--done .reward-coin{filter:saturate(.7) brightness(.85)}.reward-done{flex:none;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:var(--hp);font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.coin-fly{position:fixed;z-index:60;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none}.hero{position:relative;margin-top:12px;padding:16px 18px 13px;border-radius:28px;text-align:center;border:1.3px solid rgba(115,191,77,.7);background:radial-gradient(115% 70% at 50% 26%,rgba(5,8,13,.42),transparent 72%),#d9ebff08;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1.5px 1px #ffffff38,inset 0 -1px 1px #00000059,0 12px 30px -4px #00000080}.hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 26px -4px #73bf4d99;animation:heroBreath 4.5s ease-in-out infinite}@keyframes heroBreath{0%,to{opacity:.4}50%{opacity:1}}.hero-tri{position:absolute;top:18px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent}.hero-tri--l{left:20px;border-bottom:12px solid var(--hp)}.hero-tri--r{right:20px;border-top:12px solid var(--dire)}.hero-kicker{font-size:11px;letter-spacing:.18em}.hero-title{margin-top:8px;font-family:var(--font-display);font-size:34px;line-height:1.05;color:var(--text);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.6),-5px 0 16px rgba(115,191,77,.3),5px 0 16px rgba(217,77,56,.3)}.hero-dual{width:200px;margin:8px auto 0}.hero-sub{margin-top:10px;font-size:12px;color:var(--text-dim);line-height:1.4}.hero-pucks{justify-content:center;margin-top:12px;flex-wrap:nowrap;gap:6px}.hero-pucks .puck{width:22px;height:22px}.hero-stat{margin-top:14px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.hero-cta{margin-top:12px;min-height:52px}.home-gear{margin-top:10px}.home-gear-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.home-gear-more{display:inline-flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.home-gear-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-prize{position:relative;overflow:hidden;width:100%;margin-top:10px;min-height:52px;border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 14px 0 16px;cursor:pointer;text-align:left;border-color:transparent;background:linear-gradient(#f2c74712,#f2c74708) padding-box,linear-gradient(135deg,#f2c747a6,#f2c7472e) border-box;border:1.2px solid transparent;box-shadow:0 0 20px -6px #f2c74780,0 10px 26px -3px #00000073}.home-prize-glow{position:absolute;top:-40%;right:-10%;width:150px;height:150px;pointer-events:none;background:radial-gradient(circle,rgba(242,199,71,.3),transparent 68%);animation:prizeGlow 5s ease-in-out infinite}@keyframes prizeGlow{0%,to{opacity:.5}50%{opacity:1}}.home-prize-ico{position:relative;flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gold-2);background:linear-gradient(160deg,#f2c7473d,#140f0680);border:1.2px solid rgba(242,199,71,.55);box-shadow:inset 0 1px #fff5d259,0 0 12px -3px #f2c747cc}.home-prize-body{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.home-prize-kick{font-size:9px;letter-spacing:.12em}.home-prize-title{font-family:var(--font-cond);font-weight:600;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-prize-cta{position:relative;flex:none;display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 9px 0 11px;border-radius:13px;background:#f2c74724;border:1px solid rgba(242,199,71,.5);font-family:var(--font-cond);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.home-free{margin-top:10px;min-height:52px;border-radius:18px;width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;gap:11px;padding:0 10px 0 12px}.home-free-ico{flex:none;width:34px;height:34px;border-radius:10px;color:#dce6f2;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#c9d6e829,#0c111980);border:1.2px solid rgba(201,214,232,.4);box-shadow:inset 0 1px #fff3}.home-free-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-family:var(--font-cond);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.row-sub{font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-free-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:16px;background:var(--grad-green);color:var(--dark);font-family:var(--font-cond);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 16px -4px var(--green-glow),inset 0 1px #ffffff73}.bp-gem{width:13px;height:13px;flex:none;background:linear-gradient(160deg,var(--gold-2),var(--gold-dim));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 8px #f2c7478c}.bp-xp{font-family:var(--font-cond);font-weight:500;font-size:10px;color:var(--mana-2)}.mc-hint{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:10.5px;line-height:1.4;color:var(--text-dim)}.promatch-brand{margin-top:10px}.promatch-eyebrow{margin-top:0}.promatch-title{font-size:24px;font-weight:800;margin-top:4px}.promatch-lead{font-size:13px;color:var(--text-dim);margin-top:4px;line-height:1.5}.promatch-accuracy{margin-top:12px;background:#7ad69e1a;color:var(--radiant);border:1px solid rgba(122,214,158,.35)}.promatch-loading{display:flex;justify-content:center;padding:40px 0}.promatch-card{margin-top:12px;padding:14px}.promatch-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint)}.promatch-teams{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:15px;font-weight:700}.promatch-vs{color:var(--text-faint);font-size:12px}.promatch-odds{display:flex;gap:10px;margin-top:12px}.promatch-odd{flex:1;text-align:center;padding:8px 4px;border-radius:8px;background:#ffffff0a}.promatch-odd-label{font-size:10px;color:var(--text-dim)}.promatch-odd-val{font-family:var(--font-num);font-weight:800;font-size:18px}.promatch-odd-val--accent{color:var(--accent-2)}.promatch-odds-note{font-size:10px;color:var(--text-dim);text-align:center;margin-top:4px}.promatch-edge{margin-top:8px;font-size:12px;color:var(--radiant)}.promatch-cta{margin-top:10px;font-size:12px}.promatch-section{font-size:13px;font-weight:700;color:var(--text-faint);margin:18px 0 4px;text-transform:uppercase;letter-spacing:.04em}.promatch-card--closed{opacity:.75;padding:12px 14px}.promatch-verdict{font-weight:700}.promatch-verdict--ok{color:var(--radiant)}.promatch-verdict--miss{color:var(--dire)}.promatch-winner{display:inline-flex;align-items:center;gap:4px;color:var(--radiant)}.promatch-soon{padding:16px}.promatch-soon-text{font-size:12px;color:var(--text-dim);line-height:1.5}.practice{text-align:left;padding-top:14px}.practice-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:url(/bg-screen.webp) 50% 0 / cover no-repeat}.practice-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080d99,#05080d66 45%,#05080dad)}.practice-note{text-align:center;margin-top:6px;font-size:11px;color:var(--text-dim)}.practice-empty{text-align:center;padding-top:90px}.practice-empty-title{margin-top:10px;font-family:var(--font-display);font-size:30px;color:var(--text)}.practice-empty-sub{margin-top:10px;font-size:12px;line-height:1.45;color:var(--text-dim)}.practice-empty-cta{margin-top:22px}.practice-empty-back{margin-top:12px;width:100%;min-height:52px;border-radius:26px;cursor:pointer;font-family:var(--font-cond);font-weight:700;font-size:14px;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--text)}.practice-res{text-align:center;padding-top:20px}.practice-res-body{display:flex;flex-direction:column;align-items:center}.practice-verdict{margin-top:96px;font-family:var(--font-display);font-size:40px;letter-spacing:1.5px;animation:verdictIn .55s cubic-bezier(.2,.85,.25,1) both}.practice-verdict--timeout{font-size:32px;letter-spacing:1px;white-space:nowrap}.practice-res--win .practice-verdict{color:var(--text);text-shadow:0 0 26px rgba(115,191,77,.5),0 2px 6px rgba(0,0,0,.85)}.practice-res--loss .practice-verdict{color:#e2e4e8;text-shadow:0 2px 6px rgba(0,0,0,.9)}.practice-res-sub{margin-top:8px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 6px rgba(0,0,0,.9)}.practice-prize{margin-top:18px;height:40px;padding:0 18px;border-radius:20px;display:inline-flex;align-items:center;gap:9px;align-self:center}.practice-prize-val{font-family:var(--font-display);font-size:18px;color:var(--text-dim);letter-spacing:.5px}.practice-prize--win{border-color:transparent;background:linear-gradient(#f2c74724,#f2c7470f) padding-box,linear-gradient(135deg,#f2c747b3,#f2c74733) border-box;border:1.2px solid transparent;box-shadow:0 0 20px -6px #f2c747cc}.practice-prize--win .practice-prize-val{color:var(--gold)}.practice-res-bonus{margin-top:10px;font-size:11px;color:var(--text-dim)}.practice-explain{width:100%;margin-top:16px;padding:12px 16px;border-radius:14px;text-align:left;font-size:12px;line-height:1.4;color:var(--text-dim)}.practice-balance{margin-top:12px;height:36px;padding:0 14px;border-radius:18px;display:inline-flex;align-items:center;gap:8px;align-self:center;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.practice-again{margin-top:20px}.practice-home{margin-top:12px;width:100%;min-height:52px;border-radius:26px;cursor:pointer;font-family:var(--font-cond);font-weight:700;font-size:14px;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--text)}.practice-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.prof{text-align:left;padding-top:16px}.prof-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-2;pointer-events:none;background:url(/bg-screen.webp) 50% 0 / cover no-repeat #05080d}.prof-bg:before,.prof-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.prof-bg:before{background:gray;mix-blend-mode:saturation;opacity:.72}.prof-bg:after{background:#9eb8d9;mix-blend-mode:soft-light;opacity:.5}.prof-scrim{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#05080da3,#05080d8a 45%,#05080db3)}.prof-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08)}.prof-wordmark{font-family:var(--font-display);font-size:19px;letter-spacing:.09em;text-transform:uppercase;color:var(--text)}.prof-note{margin-top:12px;padding:9px 12px;border-radius:10px;cursor:pointer;border:1px solid rgba(242,199,71,.4);background:#f2c74714;font-size:11.5px;line-height:1.45;color:var(--gold)}.prof-player{margin-top:20px;display:flex;align-items:center;gap:14px}.prof-ava{flex:none;width:60px;height:60px;border-radius:16px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#33425c,#121a26);border:1.5px solid rgba(255,255,255,.2);box-shadow:0 6px 14px -4px #00000080;font-family:var(--font-display);font-size:24px;color:#d6e0f0}.prof-ava img{width:100%;height:100%;object-fit:cover}.prof-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.prof-name{font-family:var(--font-display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prof-handle{font-size:10.5px;color:var(--text-faint)}.prof-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.prof-chip{display:inline-flex;align-items:center;height:21px;padding:0 9px;border-radius:5px;border:1px solid rgba(255,255,255,.16);font-family:var(--font-cond);font-weight:600;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.prof-chip--gold{border-color:#f2c74799;color:var(--gold)}.prof-stats{margin-top:20px;border-radius:16px;padding:13px 0;display:grid;grid-template-columns:repeat(4,1fr)}.prof-stat{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid rgba(255,255,255,.07)}.prof-stat:first-child{border-left:none}.prof-stat-value{font-family:var(--font-display);font-size:19px;color:var(--text)}.prof-stat-value--green{color:var(--green-2)}.prof-stat-label{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}.prof-sec{margin-top:24px;display:flex;flex-direction:column}.prof-sec-title{font-size:10px;letter-spacing:.15em}.prof-wallet-row{margin-top:10px;display:flex;align-items:baseline;gap:10px}.prof-wallet-row>svg{align-self:center}.prof-wallet-row>.info-dot{align-self:center;margin-left:-4px}.prof-wallet-gt{font-family:var(--font-display);font-size:24px;color:var(--gold)}.prof-wallet-xp{font-family:var(--font-display);font-size:17px;color:var(--mana)}.prof-wallet-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:18px}.prof-link{padding:0;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim)}.prof-link:active{color:var(--text)}.prof-row{margin-top:22px;width:100%;padding:14px 0;cursor:pointer;background:none;border:none;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:12px;text-align:left}.prof-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.prof-row-title{font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--text)}.prof-row-sub{font-size:10px;color:var(--text-dim)}.prof-row-ok,.prof-row-add{flex:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-cond);font-weight:600;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.prof-row-ok{color:var(--green-2)}.prof-row-add{color:var(--gold)}.prof-trade-edit{margin-top:10px;padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.prof-input{width:100%;height:40px;padding:0 12px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.14);font-family:var(--font-body);font-size:12px;color:var(--text)}.prof-input::placeholder{color:var(--text-faint)}.prof-trade-actions{display:flex;align-items:center;gap:14px}.prof-save{width:auto;min-height:38px;padding:0 20px;border-radius:19px;font-size:11px}.prof-invite{margin-top:22px;padding:16px;border-radius:16px;border-color:#8cc72e73;display:flex;flex-direction:column;gap:6px}.prof-invite-sub{font-size:10.5px;color:var(--text-dim)}.prof-invite-stat{margin-top:2px;font-family:var(--font-cond);font-weight:600;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.prof-invite-btn{margin-top:10px;width:100%;min-height:44px;border-radius:22px;font-size:12px;letter-spacing:.11em;text-indent:.11em}.prof-emblem-row{margin-top:12px;margin-bottom:8px;display:flex;gap:10px}.prof-emblem{width:54px;height:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.14);font-family:var(--font-cond);font-weight:600;font-size:12px;color:var(--text-faint)}.prof-emblem.is-earned{border:1px solid rgba(242,199,71,.7);background:#f2c74717}.prof-emblem-gem{width:20px;height:20px;transform:rotate(45deg);border-radius:3px;background:var(--grad-gold);box-shadow:0 0 10px var(--gold-glow)}.prof-legal{margin:26px 0 10px;text-align:center;font-size:9.5px;line-height:1.5;color:var(--text-dim)}.prof-how{width:100%;margin-top:16px;min-height:54px;padding:0 16px;border-radius:14px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:inherit;cursor:pointer}.prof-how-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.prof-how-title{font-size:13px;font-weight:700;color:var(--text)}.prof-how-sub{font-size:11px;color:var(--text-dim)}.prof-how-go{flex:none;color:var(--text-faint);font-size:18px}.prof-sec--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.prof-lang{display:inline-flex;gap:2px;flex:none;padding:2px;border-radius:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.prof-lang-btn{min-height:26px;padding:0 14px;border-radius:13px;cursor:pointer;background:none;border:none;font-family:var(--font-cond);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--text-dim)}.prof-lang-btn.is-active{color:var(--text);background:#8cc72e29;box-shadow:inset 0 0 0 1px #8cc72e8c}.draft{text-align:left;padding-top:var(--screen-top, 14px)}.draft-bg{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:url(/bg-screen.webp) 50% 0 / cover no-repeat}.draft-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080d8c,#05080d59 45%,#05080db8)}.draft-bolt{position:fixed;top:0;bottom:0;left:50%;width:130px;margin-left:-65px;z-index:-1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,transparent,rgba(150,205,255,.5) 44%,rgba(226,244,255,.9) 50%,rgba(150,205,255,.5) 56%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 62%,transparent 88%);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 62%,transparent 88%);opacity:0;animation:boltStrike 7s ease-out infinite}@keyframes boltStrike{0%{opacity:0}2%{opacity:.85}4%{opacity:.1}6%{opacity:.6}9%{opacity:0}to{opacity:0}}.draft-top{display:flex;align-items:center;gap:10px;height:30px}.draft-back{background:none;border:none;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.draft-crumb{flex:1;text-align:center;font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.draft-timer{display:inline-flex;align-items:center;justify-content:center;width:60px;height:30px;border-radius:15px;font-family:var(--font-cond);font-weight:600;font-size:14px;color:var(--gold)}.draft-timer.low{color:var(--dire);animation:pulse .8s ease-in-out infinite}.draft-rule{height:1px;background:#ffffff14;margin:12px -18px 0}.draft-title{margin-top:14px;text-align:center;font-family:var(--font-display);font-size:26px;letter-spacing:1px;color:var(--text);text-shadow:0 0 16px rgba(242,199,71,.2)}.draft-gear-label{margin-top:22px;font-size:10px;letter-spacing:.12em}.draft-boosts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.draft-hint{margin-top:10px;text-align:center;font-family:var(--font-cond);font-weight:500;font-size:12px;letter-spacing:.05em}.draft-hint--ai{color:var(--gold)}.draft-hint--error{color:var(--dire)}.draft-hint--info{color:var(--mana-2)}.draft-error{margin-top:12px;text-align:center;font-size:12px;color:var(--dire)}.draft-submit{margin-top:16px}.draft-note{margin-top:12px;text-align:center;font-size:10px;color:var(--text-dim)}.bonus-note{margin:0 0 10px;font-size:10.5px;line-height:1.45;color:var(--text-dim)}.result{text-align:center;padding-top:var(--screen-top, 20px)}.result-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background-size:auto 128%;background-repeat:no-repeat;background-position:50% 4%;animation:bgDrift 24s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:scale(1)}to{transform:scale(1.05)}}.result-bg:before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:55%;pointer-events:none}.result--win .result-bg:before{background:radial-gradient(90% 100% at 50% 108%,rgba(126,186,74,.32),rgba(90,140,60,.12) 45%,transparent 72%)}.result--loss .result-bg:before{background:radial-gradient(90% 100% at 50% 108%,rgba(178,58,44,.3),rgba(120,45,40,.12) 45%,transparent 72%)}.result--win .result-bg{background-image:url(/result-win.webp)}.result--loss .result-bg{background-image:url(/result-loss.webp)}.result-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080d4d,#05080d1a 40%,#05080d57 72%,#05080d6b)}.result-fx{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen;animation:fxFlash .85s ease-out both}.result-fx--win .fx-flash{background:radial-gradient(circle at 50% 30%,rgba(214,255,170,.75),transparent 62%)}.result-fx--loss .fx-flash{background:radial-gradient(circle at 50% 30%,rgba(255,150,120,.5),transparent 62%)}@keyframes fxFlash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.fx-glow{position:absolute;left:50%;top:26%;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;mix-blend-mode:screen;animation:glowBreath 5s ease-in-out infinite}.result-fx--win .fx-glow{background:radial-gradient(circle,rgba(170,230,100,.26),transparent 68%)}.result-fx--loss .fx-glow{background:radial-gradient(circle,rgba(200,70,55,.22),transparent 68%)}@keyframes glowBreath{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.fx-spark{position:absolute;bottom:-8px;width:4px;height:4px;border-radius:50%;animation:sparkRise 6s ease-in infinite}.result-fx--win .fx-spark{background:radial-gradient(circle,#fff6cf,rgba(242,199,71,.35) 60%,transparent 72%);box-shadow:0 0 8px #f2c747e6}.result-fx--loss .fx-spark{width:3px;height:3px;opacity:.7;background:radial-gradient(circle,#ffb59a,rgba(217,77,56,.4) 60%,transparent 72%);box-shadow:0 0 7px #d94d38cc;animation-duration:11s}@keyframes sparkRise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1}75%{opacity:.7}to{transform:translateY(-80vh) scale(1.1);opacity:0}}.fx-spark--0{left:12%;animation-delay:0s}.fx-spark--1{left:24%;animation-delay:1.4s}.fx-spark--2{left:35%;animation-delay:2.8s}.fx-spark--3{left:46%;animation-delay:.7s}.fx-spark--4{left:57%;animation-delay:3.5s}.fx-spark--5{left:68%;animation-delay:2.1s}.fx-spark--6{left:79%;animation-delay:4.2s}.fx-spark--7{left:88%;animation-delay:1.9s}.fx-spark--8{left:5%;animation-delay:5s}.result-body{display:flex;flex-direction:column;align-items:center}.result-crumb{font-size:11px;letter-spacing:.15em}.result-verdict{margin-top:150px;font-family:var(--font-display);font-size:44px;letter-spacing:2px;animation:verdictIn .55s cubic-bezier(.2,.85,.25,1) both}@keyframes verdictIn{0%{opacity:0;transform:scale(.82)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result--win .result-verdict{color:var(--text);text-shadow:0 0 26px rgba(115,191,77,.5),0 2px 6px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.6)}.result--loss .result-verdict{color:#e2e4e8;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.7)}.result-verdict--timeout{font-size:34px;letter-spacing:1px;white-space:nowrap}.result-sub{margin-top:8px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.9)}.result--win .result-sub{color:var(--hp)}.result--loss .result-sub{color:var(--text-dim)}.result-score{margin-top:20px;height:34px;padding:0 16px;border-radius:17px;display:inline-flex;align-items:center;gap:8px;align-self:center}.result-score{border-radius:17px}.result-score-val{font-family:var(--font-display);font-size:16px;color:var(--text);letter-spacing:.5px}.result-score--loss{height:24px;border-radius:12px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);justify-content:center}.result-math{margin-top:10px;align-self:center;max-width:300px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}.result-math-part{font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.04em;color:var(--text);padding:3px 10px;border-radius:9px;background:#080c14a8;border:1px solid rgba(217,235,255,.16)}.result-math-part:first-child{color:var(--gold);border-color:#f2c74759}.result-facts{width:100%;margin-top:16px;padding:4px 16px 12px;border-radius:16px;background:#080c149e;border:1px solid rgba(217,235,255,.12);box-shadow:none}.result-fact{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px}.result-fact+.result-fact{border-top:1px solid rgba(217,235,255,.08)}.result-fact-key{font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.result-fact-val{font-family:var(--font-num);font-weight:700;font-size:15px;color:var(--text);display:inline-flex;align-items:baseline;gap:3px}.result-fact-val b{font-weight:700;color:var(--text-dim)}.result-fact-val b.won{color:var(--hp)}.result-fact-val i{font-style:normal;color:var(--text-faint)}.result-fact-val--xp{color:var(--mana-2);font-size:13px}.result-crowd{width:100%;margin-top:12px;padding:10px 14px;border-radius:12px;text-align:left;font-size:12px;line-height:1.35;color:var(--text);background:#080c1499;border:1px solid rgba(217,235,255,.12);display:flex;flex-direction:column;gap:3px}.result-crowd--win{border-color:#7ad69e4d}.result-crowd-votes{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.result-section{align-self:flex-start;margin-top:24px;font-size:9px;letter-spacing:.15em}.result-bonuses{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:10px}.result-bonus{height:34px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px}.result-bonus-puck{width:18px;height:18px}.result-bonus-label{flex:1;text-align:left;font-size:11px;color:var(--text)}.result-bonus-pts{font-family:var(--font-cond);font-weight:600;font-size:12px;color:var(--text-faint)}.result-bonus-pts.ok{color:var(--hp)}.result-why{width:100%;margin-top:16px;padding:14px 16px 16px;border-radius:16px;text-align:left;border-color:transparent;background:linear-gradient(#d9ebff0d,#d9ebff0d) padding-box,linear-gradient(135deg,#4d94f259,#4d94f21a) border-box;border:1.2px solid transparent}.result-why-title{font-size:10px;letter-spacing:.2em}.result-why-row{display:flex;gap:12px;margin-top:12px;align-items:baseline}.result-why-num{font-family:var(--font-display);font-size:12px;letter-spacing:1px;color:var(--mana);flex:none}.result-why-text{font-size:11px;color:var(--text);line-height:1.35}.result-match{width:100%;margin-top:12px;min-height:46px;padding:0 14px;border-radius:14px;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;font:inherit;color:inherit;cursor:pointer}.result-match-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-match-id{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.result-match-link{font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.04em;color:var(--mana-2)}.result-match-go{flex:none;color:var(--mana);font-size:14px}.result-next{margin-top:18px;width:100%;min-height:56px}.result-next--loss{border-radius:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:15px;line-height:1;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:var(--text)}.result-next--loss:active{transform:scale(.98)}.result-note{margin-top:12px;font-size:10px;color:var(--text-dim)}.summary{text-align:center;padding-top:20px}.summary-bg{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;height:100%;z-index:-2;pointer-events:none;background:url(/bg-screen.webp) 50% 0 / cover no-repeat #05080d}.summary-bg:before,.summary-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.summary-bg:before{background:gray;mix-blend-mode:saturation;opacity:.7}.summary-bg:after{background:#9eb8d9;mix-blend-mode:soft-light;opacity:.5}.summary-scrim{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#05080da8,#05080d8f 45%,#05080db3)}.summary-top{font-size:11px;letter-spacing:.18em}.summary-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent);margin:14px 0}.summary-kicker{margin-top:8px;font-size:11px;letter-spacing:.16em}.summary-score{margin-top:6px;font-family:var(--font-display);font-size:52px;line-height:1;color:var(--text);text-shadow:0 0 26px rgba(115,191,77,.35)}.summary-num{color:var(--hp)}.summary-sub{margin-top:10px;font-size:12px;color:var(--text-dim)}.summary-pucks{justify-content:center;margin-top:16px;flex-wrap:nowrap;gap:6px}.summary-pucks .puck{width:24px;height:24px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.sm-card{padding:14px 16px;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:4px}.sm-card-label{font-size:10px;letter-spacing:.12em}.sm-card-val{font-family:var(--font-display);font-size:22px;color:var(--text)}.sm-card-val--green{color:var(--hp)}.sm-card-val--mana{color:var(--mana-2)}.sm-div{margin-top:12px;border-color:#8cc72e73;padding:14px 16px 16px;border-radius:16px;text-align:left}.sm-div-place{margin-top:4px;font-family:var(--font-display);font-size:26px;color:var(--text)}.sm-div-of{font-family:var(--font-cond);font-weight:500;font-size:13px;color:var(--text-faint)}.sm-div-sub{margin-top:6px;font-size:11px;color:var(--text-dim)}.sm-div-bar{margin-top:10px}.sm-streak{margin-top:12px;height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:23px;border-color:#f2c7478c}.sm-streak-text{font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.sm-share{margin-top:18px}.sm-free{margin-top:12px;width:100%;min-height:52px;border-radius:26px;cursor:pointer;font-family:var(--font-cond);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.summary-timer{margin-top:14px;font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.sm-intro{margin-top:16px;padding:14px 16px 16px;border-radius:16px;text-align:left;border:1px solid rgba(242,199,71,.4)}.sm-intro-text{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--text-dim)}.sm-intro-more{margin-top:10px;padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.lb{text-align:left;padding-top:16px}.lb-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-2;pointer-events:none;background:url(/bg-arena.webp) center bottom / 138.75% auto no-repeat #05080d}.lb-bg:before,.lb-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.lb-bg:before{background:gray;mix-blend-mode:saturation;opacity:.16}.lb-bg:after{background:#9eb8d9;mix-blend-mode:soft-light;opacity:.5}.lb-scrim{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#05080d6b,#05080d0f 50%,#05080d9e)}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.lb-wordmark{font-family:var(--font-display);font-size:19px;letter-spacing:.09em;text-transform:uppercase;color:var(--text)}.lb-tabs{position:relative;display:flex;gap:24px;margin-top:12px;padding-bottom:11px}.lb-tabs-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff0f}.lb-tab{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-cond);font-weight:700;font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);transition:color .15s ease}.lb-tab.is-active{color:var(--text)}.lb-tab-underline{position:absolute;bottom:0;left:0;width:78px;height:2px;border-radius:1px;background:var(--green);box-shadow:0 0 8px #8cc72e99;transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s ease}.lb-tab-underline[data-tab=season]{transform:translate(102px);width:54px}.lb-context{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lb-context-title{font-family:var(--font-cond);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.lb-context-left{font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.lb-chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.lb-chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:11px;border:1px solid transparent;background:#d9ebff0d;box-shadow:inset 0 1.5px 1px #ffffff26;font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.lb-chip--gold{color:var(--gold);border-color:#f2c74780;box-shadow:inset 0 1.5px 1px #ffffff26,0 0 8px #f2c74733}.lb-chip--green{color:var(--green);border-color:#8cc72e80;box-shadow:inset 0 1.5px 1px #ffffff26,0 0 8px #8cc72e33}.lb-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.lb-chip-up{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--green);filter:drop-shadow(0 0 4px var(--green-glow))}.lb-stage{position:relative;margin-top:16px;padding-top:26px}.lb-stage-glow{position:absolute;left:50%;top:0;transform:translate(-50%);width:230px;height:180px;pointer-events:none;background:radial-gradient(closest-side,rgba(242,199,71,.16),rgba(242,199,71,.03) 60%,transparent)}.lb-stage-floor{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:300px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 50%,transparent)}.lb-stage-floor:before{content:"";position:absolute;left:50%;top:-16px;transform:translate(-50%);width:280px;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}.lb-podium{position:relative;margin:0 auto;max-width:300px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.lb-col{display:flex;flex-direction:column;align-items:center;min-width:0}.lb-crown{color:var(--gold);line-height:0;margin-bottom:4px;filter:drop-shadow(0 0 8px var(--gold-glow))}.lb-ava{--ring: rgba(209, 219, 235, .98);--ring-glow: rgba(209, 219, 235, .45);position:relative;z-index:2;width:58px;height:58px;border-radius:16.24px;border:2.5px solid var(--ring);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:24px;color:#e5edf7;background:linear-gradient(180deg,#384761,#0f1724);box-shadow:0 6px 12px -2px #00000080,0 0 12px var(--ring-glow),inset 0 1.5px 1px #fff6}.lb-ava:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff26,#fff0)}.lb-ava-rank{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:9px;color:#0d0d08;background:var(--ring)}.lb-stand{--tint: rgba(209, 219, 235, .2);--tint-mid: rgba(209, 219, 235, .07);--tint-low: rgba(209, 219, 235, .03);--cap: rgba(250, 255, 255, .95);--edge: rgba(209, 219, 235, .42);position:relative;overflow:hidden;width:100%;padding:14px 6px 8px;border-radius:10px 10px 0 0;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.4px solid var(--edge);border-bottom:none;background:linear-gradient(180deg,var(--tint),var(--tint-mid) 50%,var(--tint-low)),linear-gradient(#1217218c,#1217218c);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 16px -4px #0006,inset 0 1.5px 1px #ffffff4d}.lb-stand:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--edge),var(--cap) 50%,var(--edge));box-shadow:0 0 8px var(--edge)}.lb-stand-name{position:relative;z-index:1;max-width:100%;font-family:var(--font-cond);font-weight:700;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-stand-score{position:relative;z-index:1;font-family:var(--font-display);font-size:15px;color:#d1dbeb}.lb-stand-ghost{display:none}.lb-col--1 .lb-ava{--ring: rgba(242, 199, 71, .98);--ring-glow: rgba(242, 199, 71, .6);width:76px;height:76px;border-radius:21.28px;border-width:3px;font-size:31px}.lb-col--1 .lb-ava-rank{width:22px;height:22px;font-size:11px;bottom:-11px}.lb-col--1 .lb-stand{--tint: rgba(242, 199, 71, .34);--tint-mid: rgba(242, 199, 71, .14);--tint-low: rgba(242, 199, 71, .03);--cap: rgba(255, 240, 112, .95);--edge: rgba(242, 199, 71, .6);min-height:138px;padding-top:18px;box-shadow:0 0 22px #f2c74766,inset 0 1.5px 1px #ffffff4d}.lb-col--1 .lb-stand-name{font-family:var(--font-display);font-size:14px;letter-spacing:0}.lb-col--1 .lb-stand-score{font-size:20px;color:var(--gold)}.lb-col--1 .lb-stand-ghost{display:block;position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:var(--font-display);font-size:44px;line-height:1;color:#f2c7471f;pointer-events:none}.lb-col--2 .lb-stand{min-height:94px}.lb-col--3 .lb-ava{--ring: rgba(209, 143, 87, .98);--ring-glow: rgba(209, 143, 87, .45)}.lb-col--3 .lb-stand{--tint: rgba(209, 143, 87, .2);--tint-mid: rgba(209, 143, 87, .07);--tint-low: rgba(209, 143, 87, .03);--cap: rgba(250, 184, 128, .95);--edge: rgba(209, 143, 87, .42);min-height:74px}.lb-col--3 .lb-stand-name{font-size:11px}.lb-col--3 .lb-stand-score{font-size:14px;color:#d18f57}.lb-stand--me{box-shadow:inset 0 0 0 1.5px var(--green),0 0 20px -6px var(--green-glow)}.lb-near-head{margin-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lb-near-gap{font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.lb-rows{margin-top:9px;display:flex;flex-direction:column;gap:6px}.lb-row{position:relative;min-height:36px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:10px;background:#d9ebff0d;border:1px solid rgba(255,255,255,.09)}.lb-break{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 0;font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.lb-break-dots{flex:none;width:14px;height:4px;opacity:.6;background-image:radial-gradient(circle,currentColor 1.3px,transparent 1.5px);background-size:5px 4px}.lb-rank{flex:none;min-width:20px;text-align:center;font-family:var(--font-cond);font-weight:700;font-size:13px;color:var(--text-dim)}.lb-row-ava{flex:none;width:26px;height:26px;border-radius:7.8px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:11.5px;color:#d6e0f0;background:linear-gradient(180deg,#33425c,#121a26);border:1px solid rgba(255,255,255,.16)}.lb-name{flex:1;min-width:0;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-you{flex:none;min-width:28px;height:15px;padding:0 6px;border-radius:7.5px;display:inline-flex;align-items:center;justify-content:center;background:#8cc72ee6;color:#0a0d05;font-family:var(--font-cond);font-weight:700;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.lb-score{flex:none;font-family:var(--font-display);font-size:14px;color:var(--text)}.lb-row--me{border:1.2px solid rgba(140,199,46,.45);background:#8cc72e21;box-shadow:0 0 12px #8cc72e47,inset 0 1.5px 1px #fff3}.lb-row--me:before{content:"";position:absolute;left:-1.2px;top:-1.2px;bottom:-1.2px;width:3px;border-radius:1.5px;background:var(--green);box-shadow:0 0 8px #8cc72eb3}.lb-row--me .lb-rank{color:var(--green)}.lb-row--me .lb-name{color:var(--text)}.lb-row--me .lb-score{color:var(--green)}.lb-empty{font-size:11.5px;color:var(--text-faint)}.lb-more{margin-top:14px;width:100%;padding:8px 0;cursor:pointer;background:none;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.09em;text-indent:.09em;text-transform:uppercase;color:var(--text-dim)}.lb-more:active{color:var(--text)}.lb-prizes{margin-top:12px;display:flex;flex-direction:column;gap:8px}.lb-prize{min-height:52px;padding:8px 14px;border-radius:16px;display:flex;align-items:center;gap:12px;border:1.2px solid rgba(242,199,71,.45);background:linear-gradient(#f2c74712,#f2c74705)}.lb-prize-place{flex:none;min-width:44px;text-align:center;font-family:var(--font-display);font-size:15px;color:var(--gold)}.lb-prize-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lb-prize-title{font-family:var(--font-cond);font-weight:600;font-size:12.5px;color:var(--text)}.lb-prize-note{font-size:10.5px;color:var(--text-faint)}.bp{padding-top:16px}.bp-bg{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none;background:url(/bp-bg.webp) 50% 0 / cover no-repeat}.bp-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080d6b,#05080d38 45%,#05080d66 82%,#05080d80)}.bp-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-wordmark{font-family:var(--font-display);font-size:20px;letter-spacing:.5px;color:var(--text)}.bp-season{font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.bp-tabs{position:relative;display:flex;gap:24px;margin-top:14px;padding-bottom:12px}.bp-tabs-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff0f}.bp-tab{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-cond);font-weight:700;font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);transition:color .15s ease}.bp-tab.is-active{color:var(--text)}.bp-tab-underline{position:absolute;bottom:0;left:0;width:64px;height:2px;border-radius:1px;background:var(--green);box-shadow:0 0 8px #8cc72e99;transition:transform .22s cubic-bezier(.4,0,.2,1)}.bp-tab-underline[data-tab=tasks]{transform:translate(88px);width:56px}.bp-error{color:var(--dire);font-size:12px;margin-top:10px}.bp-level{margin-top:12px;padding:10px 16px 12px 12px;border-radius:18px;background:linear-gradient(#d9ebff0b,#d9ebff03);border:1.2px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 1px #ffffff24,0 8px 22px -10px #0009;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}.bp-level-badge{grid-row:1 / 3;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--mana);box-shadow:0 0 14px #4d94f266,inset 0 0 10px #4d94f226;background:radial-gradient(circle at 50% 40%,#4d94f22e,#0a0e1499)}.bp-level-badge span{font-family:var(--font-display);font-size:19px;color:var(--text)}.bp-level-main{grid-column:2;align-self:end;font-family:var(--font-cond);font-weight:700;font-size:14px;letter-spacing:.5px;color:var(--text)}.bp-level-xp{grid-column:3;grid-row:1;align-self:end;font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mana-2);white-space:nowrap}.bp-level-track{grid-column:2 / 4;grid-row:2;height:7px;margin-top:8px;border-radius:3.5px;background:#0006;overflow:hidden}.bp-level-fill{display:block;height:100%;border-radius:3.5px;background:linear-gradient(90deg,#3373d9,#6badff);box-shadow:0 0 10px #4d94f280}.bp-prize{position:relative;margin-top:12px;height:156px;border-radius:22px;overflow:hidden;border:1.4px solid rgba(242,199,71,.5);box-shadow:0 12px 28px -4px #0006,0 0 26px #f2c74747}.bp-prize-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bp-prize-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080f00 40%,#05080fd9)}.bp-prize-kicker{position:absolute;top:16px;left:18px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.bp-prize-lvl{position:absolute;top:12px;right:14px;height:22px;padding:0 12px;border-radius:11px;display:inline-flex;align-items:center;font-family:var(--font-cond);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.bp-prize-title{position:absolute;left:18px;bottom:44px;font-family:var(--font-display);font-size:20px;color:var(--text)}.bp-prize-tier{position:absolute;left:18px;bottom:14px;height:20px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;background:linear-gradient(90deg,#fad666f2,#b88c1feb);box-shadow:0 0 10px #f2c74759;font-family:var(--font-cond);font-weight:700;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#0a0d05}.bp-prize-open{position:absolute;right:14px;bottom:14px;height:30px;padding:0 16px;border-radius:15px;display:inline-flex;align-items:center;background:linear-gradient(180deg,#fad666f7,#b88c1feb);box-shadow:0 0 16px #f2c74780,inset 0 1.5px 1px #ffffff80;font-family:var(--font-cond);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#0a0d05}.bp-xp-hint{margin-top:8px;padding:0 2px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bp-xp-hint-lab{flex:none;font-family:var(--font-cond);font-weight:600;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mana-2)}.bp-xp-hint-list{font-size:10.5px;color:var(--text-faint);line-height:1.35}.bp-xp-hint-list b{font-weight:600;color:var(--text-dim)}.bp-premium{margin-top:12px;padding:11px 12px 12px 14px;border-radius:16px;display:flex;align-items:center;gap:12px;border-color:transparent;background:linear-gradient(#f2c7470f,#f2c74705) padding-box,linear-gradient(135deg,#f2c7478c,#f2c74729) border-box;border:1.2px solid transparent;box-shadow:0 0 18px -8px #f2c747b3}.bp-premium-ico{flex:none;width:28px;height:28px;border-radius:9px;color:var(--gold);display:flex;align-items:center;justify-content:center;background:#f2c7471a;border:1px solid rgba(242,199,71,.4)}.bp-premium-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bp-premium-txt{font-size:11px;line-height:1.4;color:var(--text-dim)}.bp-premium-txt b{color:var(--gold-2);font-weight:600}.bp-premium-pay{margin-top:2px;font-family:var(--font-cond);font-weight:500;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.bp-premium-buy{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 14px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(180deg,#fad666f7,#b88c1feb);box-shadow:0 0 16px -3px #f2c747bf,inset 0 1.5px 1px #ffffff80;color:#0a0d05}.bp-premium-buy:disabled{opacity:.55;cursor:default}.bp-premium-buy-lab{font-family:var(--font-cond);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.bp-premium-buy-price{font-family:var(--font-cond);font-weight:600;font-size:10px;opacity:.75}.bp-premium--on{box-shadow:none}.bp-tablehead{display:grid;grid-template-columns:34px 1fr 1fr;gap:12px;margin-top:14px;padding:0 2px;align-items:end}.bp-th{display:flex;flex-direction:column;gap:1px;font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bp-th em{font-style:normal;font-size:9px;letter-spacing:.06em;color:var(--text-dim)}.bp-th-lvl{color:var(--text-faint)}.bp-th-free{color:var(--text-dim)}.bp-th-prem{color:var(--gold)}.bp-rows{margin-top:7px;display:flex;flex-direction:column;gap:7px}.bp-row{display:grid;grid-template-columns:34px 1fr 1fr;gap:12px;align-items:center}.bp-row-badge{width:30px;height:30px;border-radius:50%;justify-self:center;display:flex;align-items:center;justify-content:center;border:1.4px solid rgba(255,255,255,.12);background:#0a0e1480;font-family:var(--font-cond);font-weight:700;font-size:12px;color:var(--text-dim)}.bp-row-badge.is-reached{border-color:#8cc72e80;color:var(--text)}.bp-row-badge.is-peak{border-color:#f2c747b3;color:var(--gold);box-shadow:0 0 12px #f2c74759}.bp-chip{--c: 200, 214, 232;min-height:44px;padding:0 9px 0 10px;border-radius:13px;display:flex;align-items:center;gap:8px;border:1.2px solid transparent;background:linear-gradient(rgba(var(--c),.055),rgba(var(--c),.02)) padding-box,linear-gradient(150deg,rgba(var(--c),.5),rgba(var(--c),.13)) border-box;box-shadow:inset 0 1px 1px #ffffff24;font-family:var(--font-cond);font-weight:600;font-size:11px;color:rgba(var(--c),.9)}.bp-chip--gold{--c: 242, 199, 71}.bp-chip--ai{--c: 120, 178, 255}.bp-chip--steel{--c: 200, 214, 232}.bp-chip--title{--c: 186, 148, 255}.bp-chip-ico{flex:none;display:flex;align-items:center}.bp-chip-x2{font-family:var(--font-display);font-size:12px}.bp-chip-label{flex:1;min-width:0;color:var(--text);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-chip-state{flex:none;display:flex;align-items:center;color:rgba(var(--c),.75)}.bp-chip--locked{opacity:.42}.bp-chip--claim{--c: 140, 199, 46;box-shadow:inset 0 1px 1px #ffffff2e,0 0 14px -4px #8cc72ee6;cursor:pointer}.bp-chip--claim .bp-chip-label{color:var(--green-2)}.bp-chip-take{padding:3px 8px;border-radius:9px;background:var(--grad-green);color:var(--dark);font-weight:700;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.bp-chip--peak{--c: 242, 199, 71;opacity:1;box-shadow:inset 0 1px 1px #fff5d238,0 0 16px -4px #f2c747f2}.bp-chip--peak .bp-chip-label{color:var(--gold-2)}.bp-chip:disabled{opacity:.55;cursor:default}.bp-gap{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 0;margin-left:15px;width:4px}.bp-gap span{width:3px;height:3px;border-radius:50%;background:#ffffff38}.bp-note{margin-top:12px;padding-bottom:4px;text-align:center;font-size:11px;line-height:1.4;color:var(--text-faint)}.bp-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px}.bp-sec-label{font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.bp-sec-note{font-family:var(--font-cond);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.bp-tasks{margin-top:10px;display:flex;flex-direction:column;gap:10px}.bp-task{min-height:72px;padding:12px 14px;border-radius:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(#d9ebff0b,#d9ebff03);border:1.2px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 1px #ffffff24,0 8px 22px -10px #0009}.bp-task--ready{border:1.2px solid rgba(250,214,102,.8);background:linear-gradient(#f2c74712,#f2c74706);box-shadow:inset 0 1px 1px #fff5d233,0 0 16px -4px #f2c747d9}.bp-task--done{opacity:.62}.bp-task--done .bp-task-title{color:var(--text-dim)}.bp-task--done .bp-task-reward{color:var(--hp)}.bp-task-ico{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.13);color:#b8d1eb}.bp-task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.bp-task-title{font-family:var(--font-cond);font-weight:600;font-size:13px;letter-spacing:.2px;color:var(--text)}.bp-task-sub{font-size:11px;color:var(--text-dim)}.bp-task-track{height:5px;border-radius:2.5px;background:#00000042;overflow:hidden}.bp-task-fill{display:block;height:100%;border-radius:2.5px;background:linear-gradient(90deg,#73bf4d,#99d959);box-shadow:0 0 8px #73bf4d66}.bp-task-reward{flex:none;width:74px;display:flex;flex-direction:column;align-items:center;gap:4px}.bp-xp{font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.5px}.bp-xp--done{color:var(--hp)}.bp-xp--gold{color:var(--gold)}.bp-task-claim{width:74px;height:28px;border-radius:14px;cursor:pointer;border:none;background:linear-gradient(180deg,#fad666f7,#b88c1feb);box-shadow:0 0 14px #f2c74773,inset 0 1.5px 1px #ffffff80;font-family:var(--font-cond);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#0a0d05}.bp-task-claim:disabled{cursor:default}.bp-xp-pill{width:74px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#4d94f224;border:1px solid rgba(77,148,242,.5);font-family:var(--font-cond);font-weight:700;font-size:11px;letter-spacing:.5px;color:var(--mana)}.bp-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.bp-past-bar{margin-top:12px;width:100%;min-height:44px;padding:0 14px;border-radius:12px;cursor:pointer;text-align:left;font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--text)}.bp-past-bar--tail{color:var(--gold);border-color:#f2c74780}.onb{text-align:center;padding:0 20px;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.onb-bg{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-2;pointer-events:none;background-repeat:no-repeat;background-color:#05080d}.onb--0 .onb-bg{background-image:url(/onb-clash.webp);background-size:auto 100%;background-position:41% 0}.onb--1 .onb-bg{background-image:url(/bg-arena.webp);background-size:128.21% auto;background-position:50% 19%}.onb--2 .onb-bg{background-image:url(/bg-shop.webp);background-size:142.86% auto;background-position:50% 7%}.onb--0 .onb-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#4d73b2;mix-blend-mode:color;opacity:.08}.onb-scrim{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:460px;height:100%;z-index:-1;pointer-events:none}.onb--0 .onb-scrim{background:linear-gradient(180deg,#03050880,#0305081f 35%,#0305088c 62%,#030508f0)}.onb--1 .onb-scrim{background:linear-gradient(180deg,#03050880,#03050859 40%,#030508cc)}.onb--2 .onb-scrim{background:linear-gradient(180deg,#0305088c,#03050866 45%,#030508d9)}.onb-side{position:fixed;top:0;width:170px;height:68dvh;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}.onb-side--radiant{left:0;background:linear-gradient(90deg,rgba(77,204,71,.18),transparent)}.onb-side--dire{right:0;background:linear-gradient(270deg,rgba(229,56,31,.2),transparent)}.onb-head{position:relative;padding-top:16px;display:flex;align-items:center;justify-content:center}.onb-logo{line-height:0}.onb-skip{position:absolute;right:0;top:24px;padding:0;cursor:pointer;background:none;border:none;font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.onb-skip:active{color:var(--text)}.onb-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;animation:onb-in .42s ease both}@keyframes onb-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.onb-lead{font-size:13px;line-height:1.5;color:var(--text-dim)}.onb-chip{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 14px;border-radius:13px;white-space:nowrap;font-family:var(--font-cond);font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.onb-chip--green{color:var(--green);background:#8cc72e24;border:1px solid rgba(140,199,46,.5);box-shadow:0 0 10px #8cc72e40}.onb-chip--gold{color:var(--gold);background:#f2c74729;border:1.2px solid rgba(242,199,71,.55);box-shadow:0 0 12px #f2c7474d}.onb-chip--mana{color:var(--mana-2);background:#4d94f224;border:1.1px solid rgba(77,148,242,.5);box-shadow:0 0 9px #4d94f238}.onb-a{display:flex;flex-direction:column;align-items:center}.onb-a-title{font-family:var(--font-display);font-size:40px;line-height:1.14;letter-spacing:.01em;text-transform:uppercase;color:var(--text);text-shadow:0 3px 8px rgba(0,0,0,.6)}.onb-a-title--green{color:var(--green);text-shadow:0 0 18px rgba(140,199,46,.5),0 3px 8px rgba(0,0,0,.6)}.onb-a .onb-lead,.onb-a .onb-chip{margin-top:14px}.onb-b{display:flex;flex-direction:column;align-items:center}.onb-b-num{font-family:var(--font-display);font-size:96px;line-height:1;color:var(--green);text-shadow:0 0 34px rgba(140,199,46,.55)}.onb-b-cap{margin-top:10px;font-family:var(--font-cond);font-weight:700;font-size:17px;letter-spacing:.11em;text-transform:uppercase;color:var(--text)}.onb-b-sub{margin-top:7px;font-family:var(--font-cond);font-weight:500;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.onb-pucks{margin-top:16px;display:flex;gap:8px}.onb-puck{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#0d1117;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.onb-puck.is-win{background:var(--hp);border-color:transparent;color:#0a1405}.onb-puck.is-miss{background:var(--dire);border-color:transparent;color:#1a0603}.onb-b-streak{margin-top:14px}.onb-b-title{margin-top:18px;font-family:var(--font-display);font-size:26px;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.onb-b .onb-lead{margin-top:10px}.onb-b-hint{margin-top:18px;font-size:10px;letter-spacing:.15em}.onb-sides{margin-top:10px;position:relative;display:flex;gap:10px;width:100%}.onb-side-btn{flex:1;min-height:50px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:700;font-size:14px;letter-spacing:.13em;text-transform:uppercase}.onb-side-btn--radiant{background:var(--grad-green);color:#0a0d05;box-shadow:0 0 22px #8cc72e73,inset 0 1.5px 1px #ffffff73}.onb-side-btn--dire{background:linear-gradient(180deg,#e3573c,#a32d1a);color:#1a0603;box-shadow:0 0 22px #d94d3866,inset 0 1.5px 1px #ffffff59}.onb-c{display:flex;flex-direction:column;align-items:stretch;position:relative}.onb-c-rays{position:absolute;left:50%;top:-70px;transform:translate(-50%);width:300px;height:150px;pointer-events:none;background-image:repeating-linear-gradient(90deg,#f2c74700 0,#f2c74700 46px,#f2c74780 46px,#f2c74780 49px);-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000);opacity:.7}.onb-c-art{height:228px;border-radius:24px;border:1.6px solid rgba(242,199,71,.55);background:url(/reward-arcana.webp) 50% 42% / 161% auto no-repeat,radial-gradient(120% 90% at 50% 40%,#f2c74747,#0d121cf2 70%);box-shadow:0 12px 26px #00000080,0 0 30px #f2c74773,inset 0 1.5px 1px #ffffff40}.onb-c-title{margin-top:20px;font-family:var(--font-display);font-size:32px;letter-spacing:.02em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px rgba(242,199,71,.4)}.onb-c .onb-lead{margin-top:8px}.onb-c-bprow{margin-top:20px;display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.onb-c-bp{color:var(--mana-2)}.onb-c-levels{color:var(--text-dim)}.onb-c-bar{margin-top:9px;height:8px;border-radius:4px;overflow:hidden;background:#0006}.onb-c-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#3373d9,#6badff);box-shadow:0 0 10px #4d94f280}.onb-c-chips{margin-top:14px;display:flex;gap:8px;justify-content:space-between}.onb-c-chips .onb-chip{flex:1;height:34px;border-radius:17px;padding:0 8px;font-size:10px}.onb-c-final{margin-top:20px;display:flex;align-items:center;gap:16px;text-align:left}.onb-c-ready{flex:1;font-family:var(--font-display);font-size:22px;line-height:1.24;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.onb-c-courier{position:relative;flex:none;width:132px;height:116px;border-radius:16px;overflow:hidden;border:1px solid rgba(242,199,71,.4);background:url(/onb-courier.webp) 50% 40% / cover no-repeat #0f131c;display:flex;align-items:flex-end;justify-content:center}.onb-c-courier-cap{width:100%;padding:14px 4px 5px;text-align:center;background:linear-gradient(180deg,transparent,rgba(9,13,19,.92));font-family:var(--font-cond);font-weight:600;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}.onb-foot{padding:18px 0 20px}.onb-dots{display:flex;gap:12px;justify-content:center;align-items:center}.onb-dot{width:8px;height:8px;border-radius:50%;background:#ffffff38;transition:width .2s ease,background .2s ease}.onb-dot.is-active{width:10px;height:10px;background:var(--green);box-shadow:0 0 10px var(--green-glow)}.onb-next{margin-top:16px;width:100%;min-height:54px;border-radius:27px;font-size:14px;letter-spacing:.18em;text-indent:.18em;box-shadow:0 4px 8px #0006,0 0 34px #8cc72e99,inset 0 1.5px 1px #ffffff80}@media(prefers-reduced-motion:reduce){.onb-body{animation:none}}.onb-note{display:block;margin-top:8px;max-width:300px;font-size:10.5px;line-height:1.45;color:var(--text-dim)}.how-top{display:flex;align-items:center;gap:10px;margin-top:10px}.how-back{width:28px;height:28px;flex:none;border:0;background:none;cursor:pointer;color:var(--text-dim);font-size:22px;line-height:1}.how-title{font-size:24px;font-weight:800;margin-top:14px}.how-lead{font-size:13px;color:var(--text-dim);margin-top:6px;line-height:1.5}.how-card{margin-top:16px;padding:4px 16px 16px;border-radius:16px;text-align:left}.how-step{display:flex;gap:12px;margin-top:16px;align-items:baseline}.how-step-num{font-family:var(--font-display);font-size:12px;letter-spacing:1px;color:var(--mana);flex:none}.how-step-body{display:flex;flex-direction:column;gap:4px;min-width:0}.how-step-title{font-size:13px;font-weight:700;color:var(--text)}.how-step-text{font-size:11px;color:var(--text-dim);line-height:1.45}.how-note{margin-top:14px;font-size:11px;color:var(--text-faint);line-height:1.45}.how-link{margin-top:14px;min-height:46px;padding:0 14px;border-radius:14px;display:flex;align-items:center;gap:10px;text-decoration:none}.how-link-body{flex:1;display:flex;flex-direction:column;gap:2px}.how-link-key{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.how-link-val{font-family:var(--font-cond);font-weight:600;font-size:12px;letter-spacing:.04em;color:var(--mana-2)}.how-link-go{flex:none;color:var(--mana);font-size:14px}.how-valve{margin-top:18px;font-size:9px;letter-spacing:.06em;line-height:1.5;color:var(--text-dim);text-transform:uppercase;font-family:var(--font-cond);font-weight:500}.hiw-card{margin-top:14px;padding:14px 16px 16px;border-radius:16px;text-align:left}.hiw-head{display:flex;align-items:baseline;gap:9px}.hiw-name{font-family:var(--font-display);font-size:20px;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.hiw-tag{font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.hiw-card--points .hiw-name{color:var(--green)}.hiw-card--gt .hiw-name{color:var(--gold)}.hiw-card--xp .hiw-name{color:var(--mana-2)}.hiw-rows{margin:12px 0 0}.hiw-rows dt{margin-top:12px;font-size:9px;letter-spacing:.15em}.hiw-rows dt:first-child{margin-top:0}.hiw-rows dd{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim)}.hiw-extra-title{margin-top:24px;font-family:var(--font-display);font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.hiw-extra{margin-top:10px}.wallet-top{display:flex;align-items:center;gap:10px;margin-top:10px}.wallet-back{width:28px;height:28px;flex:none;border:0;background:none;cursor:pointer;color:var(--text-dim);font-size:22px;line-height:1}.wallet-title{font-size:24px;font-weight:800;margin-top:14px}.wallet-balances{display:flex;gap:10px;margin-top:14px}.wallet-bal{flex:1;min-height:76px;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.wallet-bal-top{display:flex;align-items:center;gap:8px}.wallet-bal-val{font-family:var(--font-num);font-weight:800;font-size:22px;color:var(--text)}.wallet-bal-key{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.wallet-bal--gt .wallet-bal-val{color:var(--gold)}.wallet-bal--xp .wallet-bal-val{color:var(--mana-2)}.wallet-section{margin-top:22px;font-size:9px;letter-spacing:.15em}.wallet-loading{display:flex;justify-content:center;padding:28px 0}.wallet-list{margin-top:8px;padding:2px 14px 12px;border-radius:16px}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px}.wallet-row+.wallet-row{border-top:1px solid rgba(217,235,255,.08)}.wallet-row-body{display:flex;flex-direction:column;gap:2px;min-width:0}.wallet-row-label{font-size:12px;color:var(--text)}.wallet-row-when{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.wallet-row-nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.wallet-row-amount{font-family:var(--font-num);font-weight:700;font-size:14px}.wallet-row-amount.up{color:var(--hp)}.wallet-row-amount.down{color:var(--text-dim)}.wallet-row-after{font-family:var(--font-cond);font-weight:500;font-size:9px;letter-spacing:.08em;color:var(--text-dim)}.wallet-econ{margin-top:8px;padding:2px 16px 16px;border-radius:16px;text-align:left}.wallet-econ-row{display:flex;gap:12px;margin-top:14px;align-items:baseline}.wallet-econ-num{font-family:var(--font-display);font-size:12px;letter-spacing:1px;color:var(--gold);flex:none}.wallet-econ-body{display:flex;flex-direction:column;gap:3px;min-width:0}.wallet-econ-title{font-size:12px;font-weight:700;color:var(--text)}.wallet-econ-text{font-size:11px;color:var(--text-dim);line-height:1.45}.errb{display:flex;align-items:center;justify-content:center;min-height:100dvh}.errb-card{width:100%;padding:20px;border-radius:18px;text-align:left;display:flex;flex-direction:column;gap:10px}.errb-text{font-size:13px;color:var(--text);line-height:1.5}.errb-detail{font-family:var(--font-cond);font-size:11px;color:var(--text-faint);line-height:1.4;word-break:break-word}.errb-btn{margin-top:6px;min-height:52px}.needtg{display:flex;align-items:center;justify-content:center;min-height:100dvh}.needtg-card{width:100%;padding:22px 20px;border-radius:18px;text-align:left;display:flex;flex-direction:column;gap:12px}.needtg-title{font-size:22px;font-weight:800}.needtg-text{font-size:13px;color:var(--text-dim);line-height:1.5}.needtg-hint{font-size:12px;color:var(--text-faint);line-height:1.45}.needtg-btn{margin-top:4px;min-height:52px;text-decoration:none}