:root{--p-green:oklch(.72 .17 145);--p-green-d:oklch(.55 .18 145);--p-green-l:oklch(.94 .06 145);--p-blue:oklch(.65 .16 240);--p-blue-d:oklch(.5 .18 240);--p-blue-l:oklch(.94 .05 240);--p-coral:oklch(.72 .18 35);--p-coral-d:oklch(.55 .18 35);--p-coral-l:oklch(.94 .07 35);--p-amber:oklch(.82 .16 85);--p-amber-d:oklch(.65 .16 85);--p-amber-l:oklch(.96 .06 85);--p-red:oklch(.65 .2 25);--p-red-d:oklch(.5 .2 25);--p-red-l:oklch(.95 .05 25);--p-violet:oklch(.62 .18 290);--p-violet-d:oklch(.45 .18 290);--p-violet-l:oklch(.95 .04 290);--p-orange:#ff7a3d;--p-orange-d:#e85a1f;--p-orange-dd:#c44814;--p-orange-grad:linear-gradient(155deg,#ffa15c 0%,#ff7a3d 45%,#e85a1f 100%);--p-orange-grad-v:linear-gradient(180deg,#ff8d4a 0%,#f3661c 100%);--ink-0:oklch(.16 .02 250);--ink-1:oklch(.3 .02 250);--ink-2:oklch(.5 .02 250);--ink-3:oklch(.7 .01 250);--bg-0:oklch(1 0 0);--bg-1:oklch(.985 .004 100);--bg-2:oklch(.96 .006 100);--line:oklch(.92 .005 250);--shadow-card:0 1px 0 var(--line),0 1px 2px rgba(0,0,0,.04);--sans:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg-1);font-family:var(--sans);color:var(--ink-0);-webkit-font-smoothing:antialiased;display:flex}main.gab{flex:1;min-width:0;min-height:100vh}@media(max-width:900px){main.gab{padding-bottom:76px}}.hero{padding:38px 40px 32px;background:linear-gradient(135deg,var(--p-amber-l) 0%,var(--p-coral-l) 100%);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:24px;position:relative;overflow:hidden}.hero-eyebrow{font-family:var(--mono);font-size:11px;color:oklch(.45 .13 55);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.hero h1{margin:8px 0 6px;font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1}.hero-next{margin:0;font-size:13.5px;color:var(--ink-1);max-width:460px;line-height:1.5}.hero-bar{display:flex;align-items:center;gap:14px;margin-top:20px;max-width:460px}.hero-pct{font-family:var(--mono);font-size:14px;font-weight:800}.hero-rar{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.rar-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;background:#ffffffb8;border-radius:999px;border:1px solid rgba(255,255,255,.6)}.rar-dot{width:8px;height:8px;border-radius:4px}.rar-chip b{font-size:11.5px;font-weight:700;color:var(--ink-1);text-transform:capitalize}.rar-chip .cnt{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);font-weight:700}.hero-duo{flex-shrink:0;height:168px;width:auto;display:block}@media(max-width:900px){.hero{padding:24px 18px 22px}.hero h1{font-size:26px}.hero-duo{display:none}}.pbar{width:100%;background:var(--bg-2);border-radius:99px;overflow:hidden}.pbar>i{display:block;height:100%;border-radius:99px;transition:width .4s ease;background:var(--p-orange)}.content{padding:26px 40px 44px}@media(max-width:900px){.content{padding:18px 16px 40px}}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}@media(max-width:900px){.tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 18px;padding:2px 16px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}.tab{flex-shrink:0;padding:8px 14px;border-radius:10px;cursor:pointer;background:#fff;color:var(--ink-0);border:1px solid var(--line);font-size:13px;font-weight:700;font-family:var(--sans);display:inline-flex;align-items:center;gap:7px}.tab.on{background:var(--ink-0);color:#fff;border-color:var(--ink-0)}.tab .cnt{font-family:var(--mono);font-size:10px;font-weight:800;background:var(--bg-2);color:var(--ink-2);padding:1px 6px;border-radius:5px}.tab.on .cnt{background:#ffffff29;color:#fff}.featured{background:linear-gradient(135deg,oklch(.96 .05 240),oklch(.95 .055 280));border-radius:20px;margin-bottom:30px;overflow:hidden;display:none;align-items:stretch}.featured.show{display:flex}.feat-body{padding:26px 30px;flex:1;display:flex;flex-direction:column;gap:9px}.feat-label{font-family:var(--mono);font-size:11px;color:var(--p-blue);font-weight:700;letter-spacing:1px;text-transform:uppercase}.feat-name{margin:0;font-size:23px;font-weight:800;letter-spacing:-.5px}.feat-desc{margin:0;font-size:13px;color:var(--ink-1);line-height:1.5;max-width:380px}.feat-row{display:flex;align-items:center;gap:12px;margin-top:4px}.feat-detail{font-family:var(--mono);font-size:11.5px;font-weight:800;color:var(--ink-1)}.feat-medal{display:flex;align-items:center;justify-content:center;padding:20px 34px}.feat-cta{margin-top:8px}@media(max-width:900px){.featured.show{flex-direction:column}.feat-body{padding:20px 20px 4px}.feat-medal{padding:0 0 22px}}.gsec{margin-bottom:30px}.ghead{display:flex;align-items:baseline;gap:10px;margin:4px 0 14px}.ghead h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.2px}.ghead .rule{flex:1;height:1px;background:var(--line)}.ghead .gcnt{font-family:var(--mono);font-size:11px;color:var(--ink-2);font-weight:700}.gab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}.bcard{background:#fff;text-align:center;cursor:pointer;border:1px solid var(--line);border-radius:18px;padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-card);position:relative;min-height:232px;font-family:var(--sans)}.bcard.r-epic.earned,.bcard.r-legendary.earned{border:1.5px solid color-mix(in oklch,var(--rc) 45%,white)}.bcard.r-legendary.earned{box-shadow:0 6px 20px color-mix(in oklch,var(--rc) 22%,transparent)}.bname{font-size:13.5px;font-weight:800;color:var(--ink-1);line-height:1.2;margin-top:2px}.bcard.earned .bname{color:var(--ink-0)}.bdesc{font-size:11px;color:var(--ink-2);line-height:1.4;min-height:30px}.bspring{flex:1}.bearned{font-family:var(--mono);font-size:10.5px;color:var(--p-green-d);font-weight:700;display:none}.bcard.earned .bearned{display:block}.block{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);font-weight:700}.bcard.earned .block,.bcard.progress .block{display:none}.bprog{width:100%;display:none}.bcard.progress .bprog{display:block}.bprog-row{display:flex;align-items:center;gap:8px}.bprog-pct{font-family:var(--mono);font-size:11px;font-weight:800;color:var(--ink-0)}.bprog-detail{font-size:9.5px;color:var(--ink-2);margin-top:5px;line-height:1.3}.rtag{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-top:8px;color:var(--rc);background:color-mix(in oklch,var(--rc) 12%,white);border:1px solid color-mix(in oklch,var(--rc) 30%,white)}.r-common{--rc:var(--p-blue)}.r-rare{--rc:var(--p-violet)}.r-epic{--rc:var(--p-amber)}.r-legendary{--rc:var(--p-coral)}.bm{position:relative;display:block;width:94px;height:94px}.bm-glow{display:none;position:absolute;inset:-13px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--rc) 45%,transparent) 0%,transparent 68%);filter:blur(2px)}.r-legendary .bcard-medal-earned .bm-glow,.bm.earned.r-legendary .bm-glow{display:block}.bm-ring{position:absolute;inset:0;border-radius:50%;background:var(--line);padding:3px}.bm.earned .bm-ring{background:conic-gradient(from 210deg,var(--rc),color-mix(in oklch,var(--rc) 60%,white),var(--rc));padding:4.5px}.bm-in{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--bg-1);box-shadow:inset 0 -2px 6px #0000000a;display:flex;align-items:center;justify-content:center;position:relative;filter:grayscale(.85);opacity:.55}.bm.earned .bm-in{background:radial-gradient(120% 120% at 50% 12%,color-mix(in oklch,var(--bc) 24%,white) 0%,var(--bc) 78%);box-shadow:inset 0 -6px 8px color-mix(in oklch,var(--bc) 60%,black),inset 0 4px 8px #fff6;filter:none;opacity:1}.bm-in img{width:82%;height:82%;object-fit:contain;display:block}.bm-in .emo{font-size:44px;line-height:1}.bm-check{display:none;position:absolute;right:-2px;top:-2px;width:26px;height:26px;border-radius:50%;background:var(--p-green);border:3px solid #fff;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000002e}.bm.earned .bm-check{display:flex}.bm.hiddenq .bm-ring{background:transparent;padding:0}.bm.hiddenq .bm-in{background:var(--bg-2);border:2px dashed var(--ink-3);filter:none;opacity:1;color:var(--ink-3);font-size:40px;font-weight:800;font-family:var(--mono)}#celeb{position:fixed;inset:0;z-index:50;background:#14100e8c;backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}#celeb.show{display:flex}.cel-panel{position:relative;width:420px;max-width:100%;background:#fff;border-radius:26px;padding:34px 32px 28px;box-shadow:0 24px 70px #00000047;overflow:hidden;animation:popIn .38s cubic-bezier(.2,1.1,.4,1)}.cel-x{position:absolute;top:16px;right:16px;z-index:4;width:32px;height:32px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.cel-in{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center}.cel-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cel-eyebrow .ey{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--p-orange-d)}.cel-counter{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--ink-2);background:var(--bg-2);padding:2px 8px;border-radius:999px;display:none}.cel-medal{margin:6px 0;animation:medalPop .5s cubic-bezier(.2,1.2,.4,1)}.cel-medal .bm{width:148px;height:148px}.cel-medal .bm-in .emo{font-size:70px}.cel-medal .bm-check{width:40px;height:40px}#celeb h2{margin:12px 0 6px;font-size:27px;font-weight:800;letter-spacing:-.6px}#celeb .cel-desc{margin:0;font-size:13.5px;color:var(--ink-1);line-height:1.5;max-width:320px}.cel-dots{display:none;gap:6px;margin-top:18px}.cel-dots i{width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .25s}.cel-dots i.on{width:20px;background:var(--p-orange)}.cel-cta{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:22px;max-width:340px}.btn-big{background:var(--p-orange-grad-v);color:#fff;border:none;padding:16px 28px;border-radius:16px;font-weight:800;font-size:16px;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 4px 0 0 var(--p-orange-dd);cursor:pointer;font-family:var(--sans);width:100%}.btn-big:active{transform:translateY(2px);box-shadow:0 2px 0 0 var(--p-orange-dd)}.cel-gab{background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--ink-2);padding:6px;font-family:var(--sans)}#confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}#confetti span{position:absolute;top:-6%}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(115vh) translate(var(--drift)) rotate(calc(var(--rot) * 4));opacity:.9}}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}@keyframes medalPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}