:root{--bg: #070a06;--ink: #f6f7f0;--ink-dim: #d0d5c6;--ink-mute: #9ca494;--glass: rgba(14, 18, 12, .62);--glass-strong: rgba(12, 16, 10, .88);--surface: linear-gradient(180deg, #171e13, #0f150c);--surface-hover: linear-gradient(180deg, #1e2718, #141b10);--stroke: rgba(255, 255, 255, .14);--stroke-strong: rgba(255, 255, 255, .28);--fire: #ff7a3d;--frost: #5fd8ff;--volt: #ffe14d;--leaf: #7dff8a;--accent: #c4ff5e;--accent-2: #8ff05a;--accent-deep: #3f7a22;--danger: #ff4d5e;--gold: #ffc44d;--heart: #ff5a6e;--grad-primary: linear-gradient(135deg, #f0ff9c 0%, #c4ff5e 45%, #8ff05a 100%);--grad-border: linear-gradient(160deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .1) 38%, rgba(184, 255, 90, .38) 100%);--font: "Manrope", "Fredoka", system-ui, sans-serif;--font-display: "Fredoka", "Manrope", ui-rounded, system-ui, sans-serif;--r-lg: 28px;--r-md: 20px;--r-sm: 14px;--shadow-float: 0 28px 70px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-back: cubic-bezier(.3, 1.5, .5, 1);--ease-spring: cubic-bezier(.22, 1.4, .36, 1);color-scheme:dark}:root[lang=ar]{--font: "Cairo", "Manrope", system-ui, sans-serif;--font-display: "Baloo Bhaijaan 2", "Cairo", "Fredoka", system-ui, sans-serif}:root[lang=ar] *{letter-spacing:0!important}[dir=rtl] .hero-nav svg{transform:scaleX(-1)}[dir=rtl] .segmented:before{transform:translate(calc(var(--sel, 1) * -100%))}[dir=rtl] .shop-row:hover{transform:translate(-3px)}[dir=rtl] :is(.reward b,.stats dd,.profile dd,.mission-count,.medal-shards,.score,.big-score,.buy,.shards-pill b,.lvl,.splash-meta b,.pick kbd,.hero-dots){direction:ltr;unicode-bidi:isolate}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}svg{display:block;fill:currentColor}h2,h3,p{margin:0}h2{font-family:var(--font-display)}[hidden]{display:none!important}kbd{font:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.glass{background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.ripple{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ffffff59;pointer-events:none;animation:ripple .55s var(--ease-out) forwards}@keyframes ripple{to{transform:scale(var(--s, 20));opacity:0}}.btn{position:relative;overflow:hidden;isolation:isolate;appearance:none;border:0;font:inherit;font-weight:700;font-size:17px;letter-spacing:.01em;color:var(--ink);border-radius:999px;min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .18s var(--ease-spring),background .2s,box-shadow .25s,opacity .2s,border-color .2s}.btn svg{width:22px;height:22px;flex:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.96);transition-duration:.08s}.btn--primary{min-height:64px;font-size:21px;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;color:#0b1406;background:var(--grad-primary);box-shadow:0 14px 38px #8ff05a73,0 0 0 1px #c4ff5e99,inset 0 1px #fff9,inset 0 -3px #00000038;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.1) 52%,transparent 70%);transform:translate(-120%);animation:shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.btn--primary:hover{filter:brightness(1.06);box-shadow:0 20px 50px #8ff05a8c,0 0 0 1px #c4ff5eb3,inset 0 1px #fff9,inset 0 -3px #00000038}.btn--primary svg{width:20px;height:20px}.btn--primary .ripple{background:#ffffff80}.btn[aria-disabled=true]{opacity:.55;filter:saturate(.5);animation:none}.btn[aria-disabled=true]:after{display:none}.btn--ghost{background:var(--surface) padding-box,var(--grad-border) border-box;border:1px solid transparent;box-shadow:0 6px 18px #00000059}.btn--ghost:hover{background:var(--surface-hover) padding-box,var(--grad-border) border-box;box-shadow:0 10px 26px #00000073,0 0 0 1px var(--stroke-strong)}.btn--text{background:none;min-height:44px;font-size:15px;font-weight:600;color:var(--ink-dim)}.btn--text:hover{color:var(--ink);transform:none}.btn--block{width:100%}.btn--stack{justify-content:flex-start;gap:12px;padding:8px 16px;min-height:62px;border-radius:var(--r-md);text-align:start}.btn--stack>span:last-of-type{display:flex;flex-direction:column;line-height:1.15;min-width:0}.btn--stack b{font-size:15.5px}.btn--stack small{font-size:12.5px;font-weight:500;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn--stack [data-icon]{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#b8ff5a1f;flex:none}.btn--stack [data-icon] svg{width:20px;height:20px;color:var(--accent)}.btn--revive{min-height:62px;border-radius:var(--r-md);background:linear-gradient(135deg,#5fd8ff33,#7dff8a29);border:1px solid rgba(95,216,255,.5);box-shadow:0 0 28px #5fd8ff38;animation:glow 1.8s ease-in-out infinite}.btn--revive span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.btn--revive small{font-size:13px;font-weight:500;color:var(--ink-dim)}@keyframes glow{50%{box-shadow:0 0 44px #5fd8ff73}}.dot{position:absolute;top:8px;inset-inline-end:10px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #ffc44d33,0 0 12px var(--gold);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{50%{transform:scale(1.25)}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.icon-btn{position:relative;overflow:hidden;pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(var(--glass),var(--glass)) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);cursor:pointer;transition:transform .18s var(--ease-spring),background .2s}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{transform:translateY(-2px) rotate(-6deg)}.icon-btn:active{transform:scale(.9)}.shards-pill{position:relative;overflow:hidden;appearance:none;font:inherit;color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;min-height:42px;border-radius:999px;border:1px solid rgba(255,196,77,.42);background:linear-gradient(135deg,#ffc44d38,#ff8c3c1f);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .2s}.shards-pill:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ffc44d38}.shards-pill svg{width:20px;height:20px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,196,77,.8))}.shards-pill.is-static{cursor:default}.shards-pill.is-static:hover{transform:none;box-shadow:none}.screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l));opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}.screen.is-active{opacity:1;visibility:visible;transition:opacity .28s ease}.screen--modal{background:radial-gradient(ellipse at 50% 30%,#080c0680,#050804eb);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.card{width:min(430px,100%);max-height:100%;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px;padding:28px 22px 18px;border-radius:var(--r-lg);background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,var(--grad-border) border-box;border:1px solid transparent;box-shadow:var(--shadow-float);transform:translateY(24px) scale(.96);transition:transform .45s var(--ease-spring)}.is-active .card{transform:none}.card--wide{width:min(600px,100%)}.card h2{font-size:30px;font-weight:700;text-align:center;letter-spacing:.01em}.card h3{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.85;margin-top:6px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{text-align:start}.sub{text-align:center;color:var(--ink-dim);font-size:14.5px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-align:center}.screen--title{flex-direction:column;justify-content:flex-start;gap:4px;padding-top:calc(12px + var(--safe-t));padding-bottom:calc(18px + var(--safe-b));background:linear-gradient(180deg,rgba(7,10,6,.55),transparent 28%,transparent 62%,rgba(7,10,6,.7))}.topbar{width:min(560px,100%);display:flex;justify-content:space-between;align-items:center}.screen--title.is-ready .topbar{animation:drop .6s var(--ease-out) both}.topbar-actions{display:flex;gap:8px}.title-top{text-align:center}.screen--title.is-ready .title-top{animation:rise .7s var(--ease-out) both}.logo{margin:0;direction:ltr;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(60px,16vw,124px);font-weight:700;line-height:1;letter-spacing:-.02em}.logo-l{background:linear-gradient(180deg,#fff 30%,#d2ff7a 75%,#8be35c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(184,255,90,.35))}.logo-o{width:.68em;height:.68em;margin:0 .04em;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 10%,var(--c) 46%,color-mix(in srgb,var(--c) 35%,#0a1406) 100%);box-shadow:0 0 .22em var(--c),0 0 .7em color-mix(in srgb,var(--c) 45%,transparent),inset -.08em -.1em .2em #00000059;animation:bob 3.2s ease-in-out infinite}.logo-o:last-child{animation-delay:-1.6s}@keyframes bob{50%{transform:translateY(-.07em) scale(1.03)}}.tagline{margin-top:8px;font-size:clamp(15px,4vw,19px);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink-dim)}.tagline b{color:var(--accent);font-weight:800}.hero-stage{position:relative;flex:1 1 auto;min-height:150px;width:min(560px,100%);display:flex;align-items:center;justify-content:space-between;touch-action:pan-y;perspective:700px}.hero-spacer{position:relative;flex:1;align-self:stretch}.hero-spacer:before,.hero-spacer:after{content:"";position:absolute;left:50%;top:60%;pointer-events:none;transform:translate(-50%,-50%) rotateX(72deg) rotate(calc(var(--tx, 0) * 6deg));transform-style:preserve-3d}.hero-spacer:before{width:min(300px,70%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(184,255,90,.22),rgba(184,255,90,.05) 45%,transparent 70%)}.hero-spacer:after{width:min(250px,60%);aspect-ratio:1;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,transparent 0 55%,rgba(184,255,90,.9) 75%,rgba(255,255,255,.95) 80%,transparent 100%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4s linear infinite;filter:drop-shadow(0 0 10px rgba(184,255,90,.7))}@keyframes spin{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(calc(var(--tx, 0) * 6deg + 360deg))}}.hero-nav{position:relative;overflow:hidden;z-index:1;appearance:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ffffff0f,#ffffff08) padding-box,var(--grad-border) border-box;border:1px solid transparent;color:var(--ink);cursor:pointer;transition:background .2s,transform .18s var(--ease-spring)}.hero-nav:hover{background:linear-gradient(#b8ff5a29,#b8ff5a0f) padding-box,var(--grad-border) border-box;transform:scale(1.08)}.hero-nav:active{transform:scale(.9)}.hero-nav svg{width:22px;height:22px}.title-bottom{width:min(380px,100%);display:flex;flex-direction:column;gap:10px}.screen--title.is-ready .title-bottom>*{animation:rise .6s var(--ease-out) both}.title-bottom>:nth-child(1){animation-delay:.05s}.title-bottom>:nth-child(2){animation-delay:.12s}.title-bottom>:nth-child(3){animation-delay:.19s}.title-bottom>:nth-child(4){animation-delay:.26s}.title-bottom>:nth-child(5){animation-delay:.33s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}}.hero-info{text-align:center;margin-top:-6px}.hero-name{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:.01em}.hero-lock svg{width:20px;height:20px;color:var(--ink-mute)}.hero-perk{font-size:14.5px;color:var(--ink-dim);min-height:1.3em}.hero-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.hero-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:width .3s var(--ease-spring),background .25s}.hero-dots i.locked{background:#ffffff1a}.hero-dots i.on{width:24px;border-radius:4px;background:var(--accent);box-shadow:0 0 10px #b8ff5a99}.segmented{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:999px;background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.segmented:before{content:"";position:absolute;top:4px;inset-inline-start:4px;width:calc((100% - 8px) / 3);height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,#f4ffe0,#d2ff7a);box-shadow:0 6px 18px #b8ff5a59;transform:translate(calc(var(--sel, 1) * 100%));transition:transform .4s var(--ease-spring)}.segmented button{position:relative;z-index:1;appearance:none;border:0;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink-dim);background:none;min-height:38px;border-radius:999px;cursor:pointer;transition:color .25s}.segmented button[aria-checked=true]{color:#0b1406}.meta{min-height:1.3em;text-align:center;color:var(--ink-mute);font-size:13.5px}.kbd{text-align:center;font-size:13px;color:var(--ink-mute)}.is-touch .only-desktop{display:none!important}.hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-left{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-right{display:flex;align-items:flex-start;gap:10px}.pill{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:linear-gradient(var(--glass),var(--glass)) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hearts{gap:3px;flex-wrap:wrap;max-width:220px}.heart{width:20px;height:20px;color:var(--heart);filter:drop-shadow(0 0 6px rgba(255,90,110,.6));transition:transform .3s var(--ease-spring),color .25s}.heart svg{width:100%;height:100%}.heart.is-empty{color:#ffffff24;filter:none;transform:scale(.8)}.shield-badge{display:inline-flex;align-items:center;gap:2px;margin-left:4px;color:var(--frost);font-weight:800;font-size:13px}.shield-badge svg{width:18px;height:18px;filter:drop-shadow(0 0 6px rgba(95,216,255,.7))}.hearts.is-hit{animation:shake .35s}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.stage{font-size:13.5px;font-weight:700}.bar{width:96px;height:6px;border-radius:3px;overflow:hidden;background:#ffffff1a}.bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 10px #b8ff5a99;transition:width .2s linear}.stage.is-boss{border-color:#ff4d5e80;color:#ffd0d6;animation:boss-pulse 1s ease-in-out infinite}@keyframes boss-pulse{50%{box-shadow:0 0 18px #ff4d5e59}}.stage.is-boss .bar i{background:linear-gradient(90deg,#ff2e63,#ff8f6b);box-shadow:0 0 10px #ff3c5ab3}.score-box{text-align:end}.score{font-family:var(--font-display);font-size:clamp(24px,6vw,34px);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 2px 16px rgba(184,255,90,.45)}.chain{min-height:1.2em;font-size:14px;font-weight:800;color:var(--gold)}.chain.is-hot{color:#ff8f6b;text-shadow:0 0 12px rgba(255,120,80,.8)}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chip{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--glass);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease-spring)}.chip-ico{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#0b1406;box-shadow:0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}.chip-ico svg{width:16px;height:16px}.chip-name{font-size:12.5px;font-weight:700}.pips{display:flex;gap:3px}.pips i{width:6px;height:6px;border-radius:50%;background:#ffffff24;transition:background .2s,box-shadow .2s}.pips i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.chip.is-off{opacity:.45}.chip.is-ready{opacity:1;border-color:var(--c);animation:ready .9s ease-in-out infinite}@keyframes ready{50%{box-shadow:0 0 20px color-mix(in srgb,var(--c) 70%,transparent);transform:translateY(-2px)}}.chip.is-bump{animation:bump .5s var(--ease-back)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}.mission{display:flex;align-items:center;gap:10px;width:min(360px,100%);padding:7px 12px 7px 8px;border-radius:999px;background:linear-gradient(#0a0d099e,#0a0d099e) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s,opacity .3s}.mission-ico{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#b8ff5a29;color:var(--accent)}.mission-ico svg{width:16px;height:16px}.mission-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mission-text b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-bar{display:block;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.mission-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 8px #b8ff5a99;transition:width .3s var(--ease-out)}.mission-count{flex:none;font-family:var(--font-display);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.mission.is-tick .mission-count{animation:bump .35s var(--ease-back)}.mission.is-new{animation:rise .5s var(--ease-spring)}.mission.is-done{border-color:#b8ff5ab3;box-shadow:0 0 22px #b8ff5a59}.mission.is-done .mission-count{color:var(--accent)}.mission.is-failed{opacity:.55}.mission.is-failed .mission-text b{text-decoration:line-through}.mission.is-failed .mission-bar i{background:var(--danger);box-shadow:none}.hint{padding:10px 18px;border-radius:999px;background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:15.5px;font-weight:600;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease-out)}.hint.is-on{opacity:1;transform:none}.toasts{position:absolute;left:0;right:0;top:calc(78px + var(--safe-t));z-index:6;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 16px;pointer-events:none}.toast{text-align:center;animation:toast 1.9s var(--ease-out) forwards}.toast-title{font-family:var(--font-display);font-size:clamp(26px,7vw,40px);font-weight:700;color:var(--c, #fff);text-shadow:0 0 22px var(--c, #fff),0 2px 0 rgba(0,0,0,.4)}.toast--big .toast-title{font-size:clamp(32px,9vw,54px)}.toast-sub{display:inline-block;margin-top:4px;padding:4px 14px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink);background:#0508048c;border:1px solid color-mix(in srgb,var(--c, #fff) 35%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--big{animation-duration:2.6s}@keyframes toast{0%{opacity:0;transform:scale(.6) translateY(10px);filter:blur(6px)}12%{opacity:1;transform:scale(1.08);filter:blur(0)}20%{transform:scale(1)}82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.briefing{position:absolute;left:50%;top:calc(140px + var(--safe-t));z-index:7;width:min(440px,calc(100% - 32px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:var(--r-md);background:linear-gradient(#0a0d09d1,#0a0d09d1) padding-box,var(--grad-border) border-box;border:1px solid transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-float);pointer-events:none;animation:brief-in .55s var(--ease-spring) both}.briefing.is-out{animation:brief-out .45s var(--ease-out) forwards}@keyframes brief-in{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.96)}}@keyframes brief-out{to{opacity:0;transform:translate(-50%) translateY(-12px)}}.briefing-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}.briefing-stage{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--accent);white-space:nowrap}.briefing-biome{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);text-align:end}.briefing-intro{font-size:13px;color:var(--ink-dim);line-height:1.35}.briefing,.card--over{background-image:linear-gradient(#0a0d09c7,#0a0d09e6),var(--bg, none);background-size:cover;background-position:center}.tile-thumb{flex:none;width:72px;height:44px;border-radius:8px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #ffffff1f}.next{padding:8px 12px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--accent);background:#b8ff5a14;border:1px dashed rgba(184,255,90,.35)}.tile.is-medal.is-locked{opacity:.6}.tile .medal-shards{display:inline-block;margin-left:6px;font-size:12px;color:var(--gold)}.briefing-mod{font-size:13px;font-weight:700;color:var(--c, var(--ink-dim));padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c, #fff) 14%,transparent);border:1px solid color-mix(in srgb,var(--c, #fff) 40%,transparent);align-self:flex-start}.briefing-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px}.briefing-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.briefing-row b{font-size:17px;font-weight:800}.briefing-reward{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--gold)}.briefing-reward svg{width:16px;height:16px}.pause-mission{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);background:#b8ff5a14;border:1px solid rgba(184,255,90,.3);text-align:start}.pause-mission b{display:block;font-size:15px}.pause-mission span:not(.tile-ico){font-size:13px;color:var(--ink-dim)}.pause-mission.is-done{border-color:#b8ff5ab3}.pause-mission.is-failed{opacity:.6}.cards-wrap{width:min(760px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;perspective:1200px}.cards-wrap h2{font-size:clamp(28px,7vw,38px);font-weight:700;margin-bottom:8px}.cards{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;pointer-events:none;transform-style:preserve-3d}.cards.is-armed{pointer-events:auto}.pick{position:relative;overflow:hidden;isolation:isolate;appearance:none;font:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px 20px;border-radius:24px;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c) 32%,transparent),transparent 70%),linear-gradient(var(--glass-strong),var(--glass-strong));border:1.5px solid color-mix(in srgb,var(--r) 55%,transparent);box-shadow:0 20px 50px #00000073;opacity:0;animation:deal .6s var(--ease-spring) forwards;animation-delay:calc(var(--i) * .09s);transition:transform .22s var(--ease-spring),box-shadow .25s,border-color .2s}.pick:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--r) 30%,rgba(255,255,255,.25)) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;opacity:0;transition:opacity .3s,background-position .8s var(--ease-out);pointer-events:none}.pick:hover,.pick:focus-visible{transform:translateY(-8px) rotateX(4deg) scale(1.02);border-color:var(--r);box-shadow:0 30px 70px #0000008c,0 0 36px color-mix(in srgb,var(--r) 40%,transparent)}.pick:hover:after,.pick:focus-visible:after{opacity:1;background-position:-20% 0}.pick:active{transform:scale(.97)}@keyframes deal{0%{opacity:0;transform:translateY(40px) rotateY(-25deg) rotateX(10deg) scale(.88)}to{opacity:1;transform:none}}.pick-rarity{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--r)}.pick-ico{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 100%,#fff 25%),var(--c));color:#0b1406;box-shadow:0 0 30px color-mix(in srgb,var(--c) 70%,transparent),inset 0 2px #ffffff73;transition:transform .3s var(--ease-spring)}.pick:hover .pick-ico{transform:scale(1.08) rotate(-4deg)}.pick-ico svg{width:34px;height:34px}.pick b{font-family:var(--font-display);font-size:20px}.pick-desc{font-size:14px;line-height:1.35;color:var(--ink-dim)}.pick kbd{position:absolute;top:12px;inset-inline-end:14px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--stroke-strong);font-size:12px;font-weight:700;color:var(--ink-mute)}.build{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:4px}.minis{display:flex;gap:8px}.mini{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--c) 30%,transparent);font-weight:800}.mini svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--c);color:#0b1406}.mini.is-off{opacity:.4}.tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#b8ff5a24;border:1px solid rgba(184,255,90,.4);color:var(--accent)}.tag--gold{background:#ffc44d24;border-color:#ffc44d73;color:var(--gold)}.card--over{text-align:center;align-items:stretch}.big-score{font-family:var(--font-display);font-size:clamp(54px,15vw,76px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 25%,#d2ff7a 70%,#8be35c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(184,255,90,.3));animation:rise .7s var(--ease-spring) both}.badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.badge{padding:5px 14px;border-radius:999px;font-weight:800;color:#2a1600;background:linear-gradient(135deg,#fff1b8,var(--gold));box-shadow:0 0 22px #ffc44d8c;animation:bump .6s var(--ease-back)}.reward{display:inline-flex;align-items:center;gap:4px;padding:5px 14px 5px 8px;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#ffc44d42,#ff8c3c24);border:1px solid rgba(255,196,77,.5)}.reward svg{width:18px;height:18px;color:var(--gold)}.near{padding:10px 14px;border-radius:16px;font-weight:600;font-size:14.5px;color:var(--volt);background:#ffe14d1a;border:1px solid rgba(255,225,77,.3)}.near.is-tip{color:var(--ink-dim);background:#ffffff0d;border-color:var(--stroke)}.stats,.profile{margin:4px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.profile{grid-template-columns:repeat(3,1fr);text-align:center}.stats div,.profile div{padding:10px 4px;border-radius:var(--r-sm);background:var(--surface) padding-box,var(--grad-border) border-box;border:1px solid transparent;transition:transform .2s var(--ease-spring),background .2s}.stats div:hover,.profile div:hover{transform:translateY(-2px)}.stats dt,.profile dt{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.stats dd,.profile dd{margin:2px 0 0;font-family:var(--font-display);font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.today{display:flex;flex-direction:column;gap:12px}.today-block{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface) padding-box,var(--grad-border) border-box;border:1px solid transparent}.today-block h3{margin:0;font-family:var(--font-display);font-size:18px}.today-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.today-head span{font-size:13px;font-weight:700;color:var(--ink-dim)}.today-block p{margin:0;font-size:14.5px;color:var(--ink-dim)}.today-block p b{color:var(--ink)}.today-daily{border-color:#ffd36b66}.streak-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.streak-row .day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;background:#ffffff0d;border:1px solid var(--stroke);color:var(--ink-dim)}.streak-row .day b{font-family:var(--font-display);font-size:15px;color:var(--ink)}.streak-row .day small{font-size:11px;font-weight:800}.streak-row .day.is-past{background:#c4ff5e24;border-color:#c4ff5e73;color:var(--accent)}.streak-row .day.is-today{background:var(--grad-primary);border-color:transparent;color:#0b1406;box-shadow:0 6px 18px #8ff05a59}.streak-row .day.is-today b{color:#0b1406}.streak-row .day.is-chest:not(.is-today){border-color:#ffc44d99;color:var(--gold)}.quests{display:flex;flex-direction:column;gap:8px}.quest{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--stroke)}.quest.is-done{background:#c4ff5e14;border-color:#c4ff5e66}.quest-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.quest-text b{font-size:15px}.quest-text small{font-size:12px;font-weight:700;color:var(--ink-dim)}.bar{display:block;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:var(--grad-primary);transition:width .6s var(--ease-out)}.bar--rank{height:10px}.bar--inline{display:inline-block;width:90px;vertical-align:middle;margin-inline-start:6px}.reward-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800;color:#0b1406;background:var(--gold)}.reward-chip svg{width:14px;height:14px;fill:currentColor}.reward-chip.is-done{background:var(--accent)}.today-block .today-note{font-size:13px;color:var(--ink-mute)}.today-block .boost-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:800;color:#0b1406;background:linear-gradient(135deg,#fff2a8,var(--volt));box-shadow:0 8px 20px #ffe14d4d}.boost-chip svg{width:18px;height:18px;fill:currentColor}.today-line{margin:4px 0 0;font-size:13.5px;color:var(--ink-dim);text-align:center}.today-line small{color:var(--ink-mute)}[dir=rtl] :is(.quest-text small,.streak-row .day small,.reward-chip){direction:ltr;unicode-bidi:isolate}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--surface) padding-box,var(--grad-border) border-box;border:1px solid transparent;transition:transform .2s var(--ease-spring),background .2s}.shop-row:hover{transform:translate(3px);background:var(--surface-hover) padding-box,var(--grad-border) border-box}.shop-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.shop-text b{font-size:15.5px}.shop-text>span:not(.pips){font-size:13.5px;color:var(--ink-dim)}.shop-text .pips{margin-top:5px}.shop-text .pips i{width:20px;height:6px;border-radius:3px}.buy{position:relative;overflow:hidden;appearance:none;border:0;font:inherit;font-weight:800;font-size:15px;color:#0b1406;display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:84px;justify-content:center;padding:0 14px;border-radius:999px;background:var(--grad-primary);box-shadow:0 8px 20px #7ed95747,inset 0 1px #ffffff80;cursor:pointer;transition:transform .18s var(--ease-spring),opacity .2s,box-shadow .2s}.buy svg{width:16px;height:16px}.buy:hover{transform:translateY(-2px)}.buy:active{transform:scale(.94)}.buy[aria-disabled=true]{background:#ffffff14;color:var(--ink-mute);box-shadow:none}.buy s{font-size:12px;font-weight:600;opacity:.6;margin-right:2px}.buy.is-deal{background:linear-gradient(135deg,#ffe28a,#ffc44d,#e08a20);box-shadow:0 8px 20px #ffc44d59,inset 0 1px #ffffff80}.deal{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#2a1600;background:linear-gradient(135deg,#fff1b8,var(--gold));vertical-align:middle;animation:pulse-dot 1.6s ease-in-out infinite}.unit-thumb{flex:none;width:44px;height:44px;border-radius:12px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),#0000004d);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}.tag-boom{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--danger);vertical-align:middle}.maxed{min-width:84px;text-align:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.tile{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:18px;background:var(--surface) padding-box,var(--grad-border) border-box;border:1px solid transparent;transition:transform .2s var(--ease-spring),box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px #00000059,0 0 20px color-mix(in srgb,var(--c, transparent) 25%,transparent)}.tile b{font-size:15.5px}.tile p{margin-top:2px;font-size:13.5px;line-height:1.35;color:var(--ink-dim)}.tile-ico,.tile-pair i{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--c, rgba(255, 255, 255, .12));color:#0b1406;box-shadow:0 0 14px color-mix(in srgb,var(--c, transparent) 60%,transparent)}.tile-ico svg,.tile-pair svg{width:20px;height:20px}.tile-pair{flex:none;display:flex}.tile-pair i+i{margin-left:-10px}.tile.is-locked{border-style:dashed;border-color:var(--stroke-strong);background:#ffffff05}.tile.is-locked .tile-ico{color:var(--ink-mute)}.switches{display:flex;flex-direction:column;gap:6px}.switch{position:relative;overflow:hidden;appearance:none;border:0;font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 14px;border-radius:16px;background:#ffffff0d;text-align:start;cursor:pointer;transition:background .2s}.switch:hover{background:#ffffff17}.switch-text b{display:block;font-weight:600;font-size:15.5px}.switch-text small{font-size:13px;color:var(--ink-mute)}.switch-track{flex:none;width:48px;height:28px;border-radius:999px;padding:3px;background:#ffffff24;transition:background .25s,box-shadow .25s}.switch-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .3s var(--ease-spring)}.switch[aria-checked=true] .switch-track{background:linear-gradient(135deg,#8be35c,#3f8f2a);box-shadow:0 0 14px #7ed95766}.switch[aria-checked=true] .switch-knob{transform:translate(20px)}.fake-ad{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000;color:#fff;text-align:center}.fake-ad div{display:flex;flex-direction:column;gap:8px;align-items:center}.fake-ad small{color:#aaa}.fake-ad-bar{width:200px;height:4px;border-radius:2px;background:#333;overflow:hidden}.fake-ad-bar i{display:block;height:100%;background:#fff;animation:fill 1.5s linear forwards}@keyframes fill{0%{width:0}to{width:100%}}.noscript{position:absolute;inset:0;display:grid;place-items:center}@media (max-width: 640px){.cards{grid-template-columns:1fr;gap:10px}.pick{flex-direction:row;text-align:start;padding:14px 16px;gap:14px}.pick-ico{width:52px;height:52px;border-radius:16px;flex:none}.pick-ico svg{width:28px;height:28px}.pick-rarity{position:absolute;top:10px;inset-inline-end:14px;font-size:11px}.pick b{font-size:18px;display:block}.pick>b,.pick-desc{flex:1}.pick{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center}.pick-ico{grid-row:1 / 3}.pick:hover,.pick:focus-visible{transform:translateY(-3px)}}@media (max-width: 560px){.chips{flex-wrap:nowrap}.chip-name{display:none}.chip{gap:5px;padding:4px 8px 4px 4px}.pips{gap:2px}.pips i{width:4px;height:4px}.toasts{top:calc(104px + var(--safe-t))}.stats{grid-template-columns:repeat(2,1fr)}.bar{width:72px}.btn--stack small{font-size:12px}}@media (max-height: 720px){.tagline{display:none}.logo{font-size:clamp(52px,12vh,96px)}.meta{display:none}}@media (max-height: 520px){.btn--primary{min-height:52px}.hero-stage{min-height:100px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toast{animation:toast-fade 2.2s linear forwards!important}.pick,.title-bottom>*,.title-top,.topbar{opacity:1}.btn--primary:after,.hero-spacer:after{display:none}}@keyframes toast-fade{0%,85%{opacity:1}to{opacity:0}}.splash{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:calc(24px + var(--safe-t)) calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));background:radial-gradient(ellipse at 50% 35%,#17210f,#0a0e08 55%,#060805);overflow:hidden;transition:opacity .55s ease,visibility 0s linear .55s}.splash.is-out{opacity:0;visibility:hidden;pointer-events:none}.splash-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);filter:saturate(.9);transition:opacity 1.2s ease,transform 7s ease-out}.splash-bg.is-in{opacity:.55;transform:none}.splash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070a0680,#070a061f 40%,#070a06db);pointer-events:none}.splash-body{position:relative;z-index:1;width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:rise .7s var(--ease-out) both}.logo--splash{font-size:clamp(64px,18vw,132px)}.splash-load{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:12px}.splash-bar{height:5px;border-radius:3px;overflow:hidden;background:#ffffff1a;box-shadow:inset 0 1px #0006}.splash-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 12px #b8ff5ab3;transition:width .25s var(--ease-out)}.splash-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.splash-meta b{color:var(--accent);font-variant-numeric:tabular-nums}.splash-tip{max-width:34ch;min-height:2.8em;font-size:13.5px;line-height:1.4;color:var(--ink-dim)}@media (max-height: 520px) and (orientation: landscape){.splash-body{gap:6px}.logo--splash{font-size:clamp(48px,14vh,72px)}.splash-load{margin-top:4px}.splash-tip{min-height:0}}.icon-btn--sm{width:42px;height:42px}.icon-btn--sm svg{width:18px;height:18px}.card:has(.card-head.is-sticky){padding-top:0}.card-head.is-sticky{position:sticky;top:0;z-index:3;margin:0 -22px 2px;padding:18px 22px 12px;display:flex;flex-direction:column;align-items:stretch;gap:10px;background:linear-gradient(#0a0d09f0,#0a0d09cc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke);border-radius:var(--r-lg) var(--r-lg) 0 0}.card-head-row{display:flex;align-items:center;gap:12px}.card-head-row h2{flex:1;text-align:start;font-size:26px}.jump{display:flex;gap:6px;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px 2px}.jump button{flex:none}.jump::-webkit-scrollbar{display:none}.jump button{appearance:none;border:1px solid var(--stroke-strong);background:#ffffff0d;color:var(--ink-dim);font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.02em;min-height:40px;padding:0 13px;border-radius:999px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.jump button:hover{color:var(--ink);background:#b8ff5a1f;border-color:#b8ff5a66}.card h3{scroll-margin-top:132px}.title-banner{margin:10px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;border-radius:16px;background:color-mix(in srgb,var(--c, var(--gold)) 14%,rgba(10,13,9,.72));border:1px solid color-mix(in srgb,var(--c, var(--gold)) 50%,transparent);box-shadow:0 10px 30px #00000059,0 0 24px color-mix(in srgb,var(--c, var(--gold)) 25%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise .5s var(--ease-spring) both}.title-banner b{font-family:var(--font-display);font-size:18px;color:var(--c, var(--gold))}.title-banner span{font-size:13px;font-weight:600;color:var(--ink-dim)}.title-banner.is-out{animation:fade-out .4s ease forwards}@keyframes fade-out{to{opacity:0;transform:translateY(-8px)}}.loadbar{width:min(260px,100%);height:4px;margin:-4px auto 0;border-radius:2px;overflow:hidden;background:#ffffff14}.loadbar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 10px #b8ff5a99;transition:width .25s var(--ease-out)}.segmented button{min-height:44px}.row .btn{padding:0 12px;font-size:16px}.shop-row .shop-text>.deal{align-self:flex-start;max-width:100%;margin:2px 0 1px;padding:1px 7px;font-size:10.5px;line-height:1.5;color:#2a1600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:deal-glow 1.6s ease-in-out infinite}@keyframes deal-glow{50%{box-shadow:0 0 14px #ffc44da6}}.shop-text .pips{align-items:center}.shop-text .lvl{font-style:normal;font-size:11px;font-weight:700;color:var(--ink-mute);margin-left:4px;font-variant-numeric:tabular-nums}.btn--danger{color:#ff9aa8}.btn--danger svg{width:18px;height:18px}.btn--text.is-armed{color:#fff;background:#ff4d5e29;box-shadow:inset 0 0 0 1px #ff4d5e8c;animation:pulse-dot .9s ease-in-out infinite}.settings-more{display:flex;flex-direction:column;gap:4px}.lang-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 4px}.lang-label{font-size:15.5px;font-weight:600}.segmented--lang{flex:0 0 auto;width:min(250px,62%)}.segmented--lang button{font-size:13.5px;padding:0 6px}.build-id{text-align:center;font-size:11.5px;letter-spacing:.06em;color:var(--ink-mute)}.help{display:flex;flex-direction:column;gap:14px;text-align:start}.help section{display:flex;flex-direction:column;gap:8px}.help ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.help li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--r-sm);background:#ffffff0a;font-size:14px;line-height:1.4;color:var(--ink-dim)}.help li b{color:var(--ink)}.help .key{flex:none;min-width:30px;padding:3px 8px;border-radius:8px;border:1px solid var(--stroke-strong);background:#ffffff0f;font-size:12.5px;font-weight:800;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.help .el{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--c);color:#0b1406;box-shadow:0 0 12px color-mix(in srgb,var(--c) 60%,transparent)}.help .el svg{width:16px;height:16px}.over-main,.over-side,.title-visual{display:contents}@media (max-width: 560px){.briefing{top:calc(112px + var(--safe-t))}}@media (max-width: 420px){.row .btn{font-size:15px;padding:0 10px}}@media (max-height: 520px) and (orientation: landscape){.screen--title{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,360px);grid-template-rows:auto minmax(0,1fr);column-gap:18px;row-gap:4px;align-items:center;justify-items:center;padding-top:calc(8px + var(--safe-t));padding-bottom:calc(10px + var(--safe-b))}.topbar{grid-column:1 / -1;width:100%}.title-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.logo{font-size:clamp(40px,11vh,64px)}.title-banner{margin-top:6px;padding:5px 12px}.title-banner b{font-size:15px}.hero-stage{min-height:0;flex:1 1 auto;width:100%}.title-bottom{grid-column:2;grid-row:2;width:100%;gap:8px}.hero-info{margin-top:0}.hero-name{font-size:22px}.hero-perk{font-size:13px}.hero-dots{margin-top:4px}.btn--primary{min-height:50px;font-size:19px}.btn--stack{min-height:52px;padding:6px 12px}.segmented button{min-height:42px}.card--over{flex-direction:row;align-items:stretch;width:min(760px,100%);gap:16px;padding:18px 20px 16px}.over-main,.over-side{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;justify-content:center}.big-score{font-size:52px}.stats{grid-template-columns:repeat(3,1fr)}.briefing{top:calc(8px + var(--safe-t));width:clamp(240px,calc(100% - 440px),400px);padding:10px 14px;gap:5px}.briefing-intro{display:none}.briefing-stage{font-size:20px}.briefing-row b{font-size:15px}.toasts{top:calc(48px + var(--safe-t));gap:8px}.toast-title{font-size:24px}.toast--big .toast-title{font-size:30px}.toast-sub{font-size:13px;padding:2px 10px}.screen--modal{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}.card{padding:14px 18px 12px;gap:8px}.card h2{font-size:24px}.card--over{padding:14px 20px 12px}.build{gap:6px}.btn--text{min-height:40px}.cards-wrap h2{font-size:26px;margin-bottom:2px}.pick{padding:14px 12px 12px;gap:5px}.pick-ico{width:48px;height:48px;border-radius:16px}.pick-ico svg{width:26px;height:26px}}