:root{--navy-950:#0a1230;--navy-900:#111b44;--navy-800:#17224f;--navy-700:#1d2a5e;--ivory:#fffdf7;--slate-300:#aab6e4;--ink-900:#14161c;--gold-400:#ffc53d;--gold-700:#a85a0c;--green-400:#3fd28a;--red-400:#ff5d6c;--purple-400:#a873ff;--surface-page:var(--navy-950);--surface-raised:var(--navy-900);--surface-card:var(--navy-800);--surface-hover:var(--navy-700);--border-subtle:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.22);--text-primary:var(--ivory);--text-secondary:var(--slate-300);--text-on-accent:var(--ink-900);--accent:var(--gold-400);--accent-shadow:var(--gold-700);--success:var(--green-400);--danger:var(--red-400);--premium:var(--purple-400);--font-heading:"Dela Gothic One", "Dela Gothic One Fallback", "Arial Black", Impact, sans-serif;--font-text:"Onest", "Onest Fallback", "Segoe UI", Roboto, sans-serif;--t-heading-xl:400 40px/44px var(--font-heading);--t-heading-l:400 28px/32px var(--font-heading);--t-heading-m:400 20px/26px var(--font-heading);--t-body-l:400 16px/24px var(--font-text);--t-body-m:400 14px/20px var(--font-text);--t-label-m:600 14px/20px var(--font-text);--t-label-s:700 12px/16px var(--font-text);--size-card-rank:22px;--felt-base:#1d4bb8;--felt-deep:#0d2466;--felt-rim:#5a3a14;--night:var(--surface-page);--night2:var(--surface-card);--night3:var(--surface-hover);--felt:var(--felt-base);--rim:var(--felt-rim);--gold:var(--accent);--gold2:var(--accent);--gold3:var(--accent-shadow);--paper:var(--text-primary);--ink:var(--text-on-accent);--soft:var(--text-secondary);--good:var(--success);--hearts:#dc2638;--diamonds:#f88a2d;--clubs:#1fa65b;--spades:#14161c;--glass:rgba(255,255,255,.09);--line:var(--border-subtle);--shade:rgba(3,8,30,.5);--veil:rgba(6,12,40,.9);--back:repeating-linear-gradient(45deg, rgba(214,178,104,.45) 0 1px, transparent 1px 8px), repeating-linear-gradient(-45deg, rgba(214,178,104,.45) 0 1px, transparent 1px 8px), radial-gradient(circle at 50% 50%, #7a2630, #4a1219);--display:var(--font-heading);--body:var(--font-text);--num:var(--font-text);--vint:"Old Standard TT", Georgia, "Times New Roman", serif;--cw:clamp(64px, 18vw, 108px);color-scheme:dark}@media(max-width:760px){:root{--t-heading-xl:400 32px/36px var(--font-heading);--t-heading-l:400 24px/28px var(--font-heading);--t-heading-m:400 18px/24px var(--font-heading)}}body.felt-emerald{--felt-base:#15835f;--felt-deep:#073a2a}body.felt-bordeaux{--felt-base:#9a2445;--felt-deep:#420d1d}body.felt-graphite{--felt-base:#465063;--felt-deep:#161a23}body.felt-amethyst{--felt-base:#6a3fa0;--felt-deep:#26113f}body.felt-forest{--felt-base:#2a7a3a;--felt-deep:#0b2e14}body.felt-ocean{--felt-base:#0f7f94;--felt-deep:#04323d}body.felt-sunset{--felt-base:#c8601f;--felt-deep:#4c1c08}body.felt-rose{--felt-base:#c0457a;--felt-deep:#4a1230}body.felt-sand{--felt-base:#a98a45;--felt-deep:#3d2f10}body.felt-midnight{--felt-base:#222a6b;--felt-deep:#07091f}body.felt-scarlet{--felt-base:#c21a38;--felt-deep:#40050f}body.felt-royalfelt{--felt-base:#5a33b0;--felt-deep:#1c0f4a}body.felt-onyx{--felt-base:#2a2a31;--felt-deep:#060607}body.felt-golden{--felt-base:#b98a1f;--felt-deep:#412c04}body.felt-coral{--felt-base:#e0645a;--felt-deep:#531a16}body.felt-lagoon{--felt-base:#14a39a;--felt-deep:#05403c}body.felt-sovereign{--felt-base:#7a1fa0;--felt-deep:#2a0840}body.bk-roses{--back:radial-gradient(circle at 50% 50%, var(--hearts) 25%, transparent 27%) 0 0/14px 14px, radial-gradient(circle at 50% 50%, var(--paper) 12%, transparent 14%) 7px 7px/14px 14px, #6d0f1f}body.bk-chevron{--back:repeating-linear-gradient(45deg, #138a4a 0 6px, #0b4d2b 6px 12px)}body.bk-night{--back:radial-gradient(circle, var(--paper) 8%, transparent 10%) 0 0/18px 18px, radial-gradient(circle, var(--gold) 6%, transparent 8%) 9px 9px/18px 18px, var(--night)}body.bk-gold{--back:repeating-linear-gradient(-45deg, var(--gold) 0 5px, var(--gold2) 5px 10px)}body.bk-ivy{--back:radial-gradient(circle at 50% 50%, #138a4a 30%, transparent 32%) 0 0/16px 16px, radial-gradient(circle at 50% 50%, #0b4d2b 20%, transparent 22%) 8px 8px/16px 16px, #0a2e1c}body.bk-wave{--back:repeating-radial-gradient(circle at 50% -10%, #cfe8ff 0 3px, #2a6fd6 3px 14px, #164a9c 14px 20px)}body.bk-confetti{--back:radial-gradient(circle at 20% 30%, var(--gold) 6%, transparent 8%) 0 0/20px 20px, radial-gradient(circle at 70% 60%, var(--hearts) 6%, transparent 8%) 5px 10px/20px 20px, radial-gradient(circle at 40% 80%, #4f7cff 6%, transparent 8%) 10px 3px/20px 20px, #1c1f33}body.bk-friends{--back:radial-gradient(circle at 50% 50%, var(--hearts) 22%, transparent 24%) 0 0/16px 16px, radial-gradient(circle at 50% 50%, #138a4a 22%, transparent 24%) 8px 8px/16px 16px, #f6f1e7}body.bk-partner{--back:repeating-linear-gradient(45deg, #2a9d8f 0 6px, #1b6f66 6px 12px), radial-gradient(circle at 50% 50%, #fff 6%, transparent 8%) 0 0/14px 14px}body.bk-envoy{--back:radial-gradient(circle at 50% 50%, #fff 12%, transparent 14%) 0 0/14px 14px, repeating-linear-gradient(90deg, #c8601f 0 6px, #8a3a0f 6px 12px)}body.bk-legacy{--back:radial-gradient(circle at 50% 50%, var(--gold) 14%, transparent 16%) 0 0/12px 12px, radial-gradient(circle at 50% 50%, #fff 8%, transparent 10%) 6px 6px/12px 12px, repeating-linear-gradient(-45deg, #7a1fa0 0 6px, #2a0840 6px 12px)}body.bk-ambassador{--back:radial-gradient(circle at 50% 50%, var(--gold) 18%, transparent 20%) 0 0/12px 12px, repeating-linear-gradient(-45deg, #1d2a5c 0 6px, #0e1636 6px 12px)}body.bk-royal{--back:repeating-linear-gradient(45deg, #5b3fa8 0 7px, #2a1a54 7px 14px), radial-gradient(circle at 50% 50%, var(--gold) 4%, transparent 6%) 0 0/14px 14px}body.bk-mint{--back:repeating-linear-gradient(90deg, #9fe8c8 0 4px, #4cbf8f 4px 10px)}body.bk-marble{--back:linear-gradient(115deg, transparent 40%, rgba(201,163,90,.55) 42%, transparent 44%) 0 0/34px 34px, linear-gradient(35deg, transparent 55%, rgba(120,120,135,.35) 57%, transparent 60%) 0 0/26px 26px, linear-gradient(160deg, #f4f1ea, #d9d4ca)}body.bk-aurora{--back:linear-gradient(170deg, rgba(63,209,122,.75), transparent 45%), linear-gradient(20deg, rgba(155,93,229,.8), transparent 55%), radial-gradient(circle, rgba(255,255,255,.8) 5%, transparent 7%) 0 0/16px 16px, #0b1838}body.bk-ruby{--back:conic-gradient(from 45deg, #ff5a6e, #8a0f22, #ff5a6e, #8a0f22, #ff5a6e) 0 0/14px 14px, #6d0f1f}body.bk-dragon{--back:radial-gradient(circle at 50% 0, transparent 55%, #0b3a2a 57% 62%, transparent 64%) 0 0/14px 10px, radial-gradient(circle at 50% 0, transparent 55%, #0b3a2a 57% 62%, transparent 64%) 7px 5px/14px 10px, linear-gradient(180deg, #2fb57a, #0f5c3e)}body.bk-diamond{--back:linear-gradient(45deg, rgba(255,255,255,.7) 25%, transparent 25% 75%, rgba(255,255,255,.7) 75%) 0 0/12px 12px, linear-gradient(-45deg, rgba(127,184,255,.8) 25%, transparent 25% 75%, rgba(127,184,255,.8) 75%) 6px 6px/12px 12px, linear-gradient(160deg, #dff4ff, #8fb5ff 55%, #e2cdfb)}body.bk-cosmos{--back:radial-gradient(circle at 30% 30%, rgba(255,255,255,.95) 3%, transparent 5%) 0 0/22px 22px, radial-gradient(circle at 70% 70%, var(--gold) 4%, transparent 6%) 6px 9px/22px 22px, radial-gradient(ellipse at 30% 30%, rgba(155,93,229,.9), transparent 60%), radial-gradient(ellipse at 75% 75%, rgba(63,162,255,.8), transparent 60%), #0a0620}body.bk-legend{--back:radial-gradient(circle, #dc2638 14%, #fff1b8 16% 19%, transparent 21%) 0 0/18px 18px, repeating-linear-gradient(45deg, rgba(255,197,61,.9) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, rgba(255,197,61,.9) 0 2px, transparent 2px 9px), linear-gradient(160deg, #2a1a54, #120a2a)}body.bk-tartan{--back:repeating-linear-gradient(90deg, rgba(220,38,56,.55) 0 4px, transparent 4px 14px), repeating-linear-gradient(0deg, rgba(220,38,56,.55) 0 4px, transparent 4px 14px), repeating-linear-gradient(90deg, rgba(255,255,255,.25) 0 1px, transparent 1px 7px), #173a2a}body.bk-sunset{--back:radial-gradient(circle at 50% 70%, #ffe27a 0 14%, transparent 15%), repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 2px, transparent 2px 8px), linear-gradient(180deg, #3b1d6e, #d6336c 55%, #ff9a2a)}body.bk-jade{--back:radial-gradient(circle at 50% 50%, transparent 38%, #e6fff2 40% 43%, transparent 45%) 0 0/18px 18px, radial-gradient(circle at 50% 50%, transparent 38%, #e6fff2 40% 43%, transparent 45%) 9px 9px/18px 18px, linear-gradient(160deg, #4fd19a, #0f6b48)}body.bk-lava{--back:radial-gradient(ellipse at 30% 40%, #ffd23d 0 6%, #ff6a00 10%, transparent 22%) 0 0/24px 24px, radial-gradient(ellipse at 70% 70%, #ff8a1a 0 5%, #d61f2c 10%, transparent 20%) 12px 6px/24px 24px, #1c0806}body.bk-platinum{--back:repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 1px, transparent 1px 3px), linear-gradient(135deg, #f4f6fa, #9aa3b5 35%, #eef1f8 55%, #7d879a 80%, #dfe4ee)}body.bk-crown{--back:conic-gradient(from 180deg at 50% 60%, #ffc53d 0 60deg, transparent 60deg 300deg, #ffc53d 300deg) 0 0/16px 14px, radial-gradient(circle at 50% 30%, #dc2638 10%, transparent 12%) 0 0/16px 14px, linear-gradient(160deg, #6d0f1f, #2a0610)}body.bk-eternal{--back:radial-gradient(circle, #fff 6%, transparent 8%) 0 0/14px 14px, conic-gradient(from 0deg, #ffe27a, #ff5dc8, #8fe3ff, #9b5de5, #3fd17a, #ffe27a), #1c1f33}html{height:100%}body{min-height:100%}[hidden]{display:none!important}body{background:radial-gradient(100% 60% at 50% 0%,var(--night3) 0%,var(--night) 70%) fixed;background-color:var(--night);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;overflow-x:clip}button{font-family:inherit}.app{min-height:100%;box-sizing:border-box;max-width:820px;margin:0 auto;padding-inline:16px;padding-block:10px 24px;touch-action:manipulation}#hubApp>section{display:flex;flex-direction:column;gap:12px}svg.i{width:1.1em;height:1.1em;vertical-align:-.18em;flex:0 0 auto}.ava{--s:48px;width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--paper),0 6px 14px var(--shade);flex:0 0 auto;background:var(--night2);position:relative;transition:box-shadow .3s}.ava svg{display:block;width:100%;height:100%}.ava.turn{box-shadow:0 0 0 3px var(--gold),0 0 0 7px #ffc53d47,0 0 26px 6px #ffc53d73;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 3px var(--gold),0 0 0 10px #ffc53d1f,0 0 30px 8px #ffc53d4d}}.btn{font:600 14px var(--body);padding:9px 16px;border-radius:99px;border:1.5px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer}.btn.solid{background:linear-gradient(180deg,var(--gold),var(--gold2));border-color:transparent;color:var(--ink);font-weight:700;box-shadow:0 3px 0 var(--gold3)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.pulse:not(:disabled){animation:btnglow 1.8s ease-in-out infinite}@keyframes btnglow{50%{box-shadow:0 0 0 4px #ffc53d4d}}.btn:focus-visible,.icon-btn:focus-visible,.tile:focus-visible,.ocard:focus-visible,.cta:focus-visible,.opt:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--paper);cursor:pointer;font-size:18px}#lbSet svg,#gSet svg,#tbSet svg,#blSet svg{transition:transform .45s cubic-bezier(.3,1.4,.5,1)}#lbSet:hover svg,#gSet:hover svg,#tbSet:hover svg,#blSet:hover svg{transform:rotate(60deg)}#lbSet:active svg,#gSet:active svg,#tbSet:active svg,#blSet:active svg{transform:rotate(120deg);transition-duration:.2s}#lbSet.spin svg,#gSet.spin svg,#tbSet.spin svg,#blSet.spin svg{animation:gearClick .7s cubic-bezier(.3,1.2,.5,1)}@keyframes gearClick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#lbSet svg,#gSet svg,#tbSet svg,#blSet svg{transition:none;animation:none!important;transform:none!important}}.coins{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--glass);border:1px solid var(--line);font:700 16px var(--num);color:var(--gold);font-variant-numeric:tabular-nums}.h-sec{font-family:var(--display);font-weight:400;font-size:20px;margin:4px 0 0;color:var(--paper)}.muted{color:var(--soft)}.topbar{display:flex;align-items:center;gap:10px}.me-chip{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:99px;background:var(--glass);border:1px solid var(--line);color:var(--paper);cursor:pointer;min-width:0;flex:1 1 auto;text-align:left}.me-chip .who{display:flex;flex-direction:column;min-width:0;flex:1}.me-chip b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-chip .lvl{font-size:12px;color:var(--soft)}.xpbar{height:6px;border-radius:99px;background:var(--shade);overflow:hidden;margin-top:4px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:99px;transition:width .8s ease}.logo{font:var(--t-heading-xl);color:var(--gold);margin:6px 0 0;transform:rotate(-3deg);text-shadow:0 4px 0 var(--gold3),0 10px 30px rgba(255,160,40,.35);text-align:center}.logo small{display:block;font-family:var(--body);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft);text-shadow:none;margin-top:20px}.daily{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(100deg,color-mix(in srgb,var(--dc-now, var(--gold)) 20%,transparent),color-mix(in srgb,var(--dc-now, var(--gold)) 5%,transparent));border:1.5px solid var(--dc-now, var(--gold))}.daily:not(.done) #btnDaily{background:var(--dc-now, var(--gold));color:var(--ink);box-shadow:0 3px color-mix(in srgb,var(--dc-now, var(--gold)) 55%,#000)}.daily.done{background:linear-gradient(100deg,#3fd28a24,#3fd28a00 60%) padding-box,linear-gradient(#151f4c,#151f4c) padding-box,linear-gradient(120deg,#3fd28a,#138a4a 45%,#a8f0c8) border-box;border:1.5px solid transparent}.daily .chest{display:block;width:44px;height:44px;flex:0 0 auto;overflow:visible}.chest .lid{transform-box:view-box;transform-origin:6px 24px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.chest .inside{opacity:0}.daily.done .chest .lid{transform:rotate(-40deg)}.daily.done .chest .inside{opacity:1;filter:drop-shadow(0 0 5px rgba(255,211,107,.9))}.dchest{position:relative;display:block;flex:0 0 auto}.daily.opening .chest .lid{animation:dlid .7s cubic-bezier(.3,1.6,.5,1) both}.daily.opening .chest .inside{animation:dglow .7s ease both}@keyframes dlid{0%{transform:none}30%{transform:translateY(1px)}to{transform:rotate(-40deg)}}@keyframes dglow{0%{opacity:0}to{opacity:1}}.dcoins{position:absolute;left:50%;top:30%;width:0;height:0;pointer-events:none}.dcoins i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;color:var(--gold);opacity:0;animation:dcoin 1.1s ease-out calc(.25s + var(--i) * .09s) both}.dcoins i svg{width:100%;height:100%}.dcoins i:nth-child(1){--x:-26px;--y:-34px}.dcoins i:nth-child(2){--x:-10px;--y:-46px}.dcoins i:nth-child(3){--x:6px;--y:-50px}.dcoins i:nth-child(4){--x:20px;--y:-40px}.dcoins i:nth-child(5){--x:30px;--y:-26px}@keyframes dcoin{0%{opacity:0;transform:translateY(6px) scale(.5)}20%{opacity:1}70%{opacity:1;transform:translate(var(--x),var(--y)) scale(1) rotate(200deg)}to{opacity:0;transform:translate(calc(var(--x) * 1.2),calc(var(--y) + 14px)) scale(.8) rotate(320deg)}}@media(prefers-reduced-motion:reduce){.daily.opening .chest .lid,.daily.opening .chest .inside{animation:none}.dcoins{display:none}.chest .lid{transition:none}}.daily.done{justify-content:center}.daily.done .txt{flex:0 1 auto;line-height:1.3}.daily .txt{flex:1;min-width:0}.daily .txt b{display:block}.days{display:flex;gap:4px;margin-top:6px}.days i{width:14px;height:6px;border-radius:3px;background:var(--shade)}.days i.on{background:var(--gold)}.opps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,44%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 12px;margin-inline:-2px}@media(min-width:640px){.opps{grid-auto-columns:176px}}.ocard{scroll-snap-align:center;position:relative;border-radius:20px;padding:16px 12px 14px;background:linear-gradient(180deg,var(--glass),transparent 60%),var(--night2);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--paper);cursor:pointer;text-align:center}.opps .ocard:nth-child(6n+1){--c:var(--ppink, #ff6fb5)}.opps .ocard:nth-child(6n+2){--c:var(--porange, #ff8a3d)}.opps .ocard:nth-child(6n+3){--c:var(--pteal, #2fd3c6)}.opps .ocard:nth-child(6n+4){--c:var(--pinfo, #6fa8ff)}.opps .ocard:nth-child(6n+5){--c:var(--ppurple, #a873ff)}.opps .ocard:nth-child(6n+6){--c:var(--pgreen, #34d17f)}.opps .ocard{background:radial-gradient(70% 45% at 50% 26%,color-mix(in srgb,var(--c) 30%,transparent),transparent 75%),linear-gradient(180deg,var(--glass),transparent 60%),var(--night2);border-color:color-mix(in srgb,var(--c) 22%,var(--line))}.opps .ocard .ava{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 70%,transparent),0 10px 24px color-mix(in srgb,var(--c) 35%,transparent);border-radius:50%}.ocard.sel{border-color:var(--c, var(--gold));box-shadow:0 0 0 4px color-mix(in srgb,var(--c, var(--gold)) 25%,transparent),0 12px 30px var(--shade)}.ocard .ava{--s:84px}.ocard b{font-size:16px}.ocard .tag{font-size:12px;color:var(--soft);min-height:2.6em}.stars{color:var(--gold);letter-spacing:2px;font-size:14px}.stars .off{color:var(--night3)}.rec{font:500 12px var(--num);color:var(--soft);font-variant-numeric:tabular-nums}.rec2{display:flex;justify-content:center;gap:18px}.opps .ocard{height:100%;box-sizing:border-box}.ocard>.rec,.ocard>.rec2{margin-top:auto}.rec2>span{display:flex;flex-direction:column;align-items:center;gap:2px}.rec2 small{font:500 11px var(--body);color:var(--soft)}.rec2 em{font:700 20px/1 var(--num);font-style:normal;color:var(--paper)}.rec2 .w em{color:var(--good)}.rec2 .l em{color:#ff6b78}.rec2 .w small{color:#3fd28ad9}.rec2 .l small{color:#ff6b78d9}.lockveil{position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,#060c288c,#060c28f2 45%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px!important;gap:8px;padding:10px;font-size:13px}.btn.solid svg.i{color:var(--gold3)}.lockveil .btn{padding:6px 12px;font-size:13px}.cta{font-family:var(--display);font-weight:400;font-size:clamp(20px,5.5vw,26px);padding:16px 18px;border-radius:20px;border:none;background:linear-gradient(180deg,var(--gold),var(--gold2));color:var(--ink);box-shadow:0 6px 0 var(--gold3),0 14px 34px #ffa02859;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;animation:ctaglow 2.6s ease-in-out infinite}.cta:active{transform:translateY(3px);box-shadow:0 3px 0 var(--gold3)}.cta .ava{--s:40px}@keyframes ctaglow{50%{box-shadow:0 6px 0 var(--gold3),0 14px 44px #ffa02899}}.linkbtn{background:none;border:none;color:var(--soft);text-decoration:underline;cursor:pointer;font-size:14px;align-self:center}.cta-new{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:12px;padding:10px 18px;border-radius:18px;border:2px solid rgba(255,255,255,.22);background:#ffffff0f;color:var(--paper);font:700 16px var(--body);cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.cta-new:hover{background:#ffffff1c;border-color:#fff6}.cta-new:active{transform:translateY(2px)}.cta-new:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.cta-new[hidden]{display:none}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tiles{grid-template-columns:repeat(3,1fr)}@media(max-width:380px){.tiles{grid-template-columns:1fr 1fr}.tiles .tile:last-child{grid-column:1/-1}}.hub-shop-page{max-width:900px;margin:0 auto;padding:16px}.sheet.shop-page{max-width:none;max-height:none;overflow:visible}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:16px;background:var(--glass);border:1px solid var(--line);color:var(--paper);cursor:pointer;text-align:left}.tile .ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;font-size:20px;color:#fff;border-radius:12px;background:radial-gradient(120% 100% at 28% 18%,color-mix(in srgb,var(--c) 45%,#fff) 0%,var(--c) 48%,color-mix(in srgb,var(--c) 68%,#000) 100%);box-shadow:inset 0 2px #fff6,inset 0 -3px #0003,0 6px 14px color-mix(in srgb,var(--c) 35%,transparent)}#tAch{--c:var(--porange, #ff8a3d)}#tShop{--c:var(--ppurple, #a873ff)}#tProf{--c:var(--pgreen, #34d17f)}#tRules{--c:var(--pinfo, #6fa8ff)}.tile{transition:border-color .2s,box-shadow .2s,transform .2s}.tile .pi-shop,.tile .pi-user{transform-box:fill-box;transform-origin:50% 90%}@media(hover:hover){.tile:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent),0 8px 24px color-mix(in srgb,var(--c) 18%,transparent);transform:translateY(-2px)}.tile:hover .pi-trophy .pi-tr{animation:pi-tr-sway 1s ease-in-out}.tile:hover .pi-shop{animation:t-bag .7s ease-in-out}.tile:hover .pi-user{animation:t-nod .7s ease-in-out}}@keyframes t-bag{30%{transform:translateY(-4px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes t-nod{30%{transform:translateY(-3px) scale(1.08)}55%{transform:translateY(1px) scale(.96)}75%{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.tile,.tile:hover{transform:none}.tile .pi-shop,.tile .pi-user,.tile .pi-trophy .pi-tr{animation:none!important}}.tile b{font-size:15px}.tile span{font-size:12px;color:var(--soft)}.foot{font-size:12px;color:var(--soft);text-align:center;font-variant-numeric:tabular-nums}.lbst{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;padding:7px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--line);font:500 13px var(--body);color:var(--soft)}.lbst-n{font:700 17px/1 var(--num);color:var(--good)}.lbst-of{color:var(--soft)}.lbst-bar{width:70px;height:6px;border-radius:3px;background:#ff6b7859;overflow:hidden}.lbst-bar i{display:block;height:100%;background:var(--good);border-radius:3px}.lbst-pct{font:700 13px var(--num);color:var(--paper)}.gbar{display:flex;align-items:center;gap:10px}.back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--glass);color:var(--paper);cursor:pointer;font-weight:600}.match{margin-left:auto;display:flex;align-items:baseline;gap:8px}.mlabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.mscore{font:700 24px var(--num);font-variant-numeric:tabular-nums}.mscore em{font-style:normal;color:var(--gold);padding-inline:3px}.oppseat{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;min-height:64px}.oppseat .ava{--s:60px}#hubApp .info:not(.pchip){display:flex;flex-direction:column;gap:2px;min-width:0}#hubApp .info b{font-size:15px}.pill{display:inline-flex;align-items:baseline;gap:8px;font-size:12px;color:var(--soft)}.pill .pn{font:700 22px var(--num);color:var(--paper);font-variant-numeric:tabular-nums;line-height:1}.pill .note{color:var(--gold)}.bubble{position:absolute;left:calc(50% + 70px);top:-4px;max-width:min(46vw,220px);padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--paper);color:var(--ink);font-weight:600;font-size:14px;box-shadow:0 8px 20px var(--shade);z-index:30;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}@media(max-width:520px){.bubble{left:auto;right:0;top:-14px}}section:has(.overlay) .bubble{display:none}@keyframes pop{0%{transform:scale(.55) translateY(-8px);opacity:0}}.card{--w:var(--cw);width:var(--w);height:calc(var(--w)*1.4);border-radius:calc(var(--w)*.1);background:radial-gradient(ellipse at 50% 40%,#fbf4de,#f1e3bf 72%,#e2cd9b);border:1px solid #bf9f63;box-shadow:inset 0 0 0 calc(var(--w)*.035) #fbf3dc,inset 0 0 0 calc(var(--w)*.045) #7a542480,0 1px #00000014,0 6px 14px var(--shade);padding:0;box-sizing:border-box;position:relative;color:#211c18;transition:transform .18s ease,translate .18s ease,filter .18s;flex:0 0 auto}.card.s0{color:#2e5a3c}.card.s1{color:#b0521c}.card.s2{color:#9c1f27}.card.s3,.two .card.s0,.two .card.s3{color:#211c18}.two .card.s1,.two .card.s2{color:#9c1f27}.card .idx{position:absolute;top:calc(var(--w)*.05);left:calc(var(--w)*.07);display:flex;flex-direction:column;align-items:center;line-height:.9}.card .idx b{font-family:var(--vint);font-weight:700;font-size:calc(var(--w)*.28);letter-spacing:-.03em}.card .idx i{font-style:normal;font-size:calc(var(--w)*.2)}.card .idx.br{top:auto;left:auto;bottom:calc(var(--w)*.05);right:calc(var(--w)*.07);transform:rotate(180deg)}.card .pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--w)*.5)}.card .pip.ace{font-size:calc(var(--w)*.78)}.card .face{position:absolute;inset:17% 19%;border-radius:calc(var(--w)*.04);background:repeating-linear-gradient(135deg,rgba(122,84,36,.08) 0 2px,transparent 2px 5px),#f6eacb;border:max(3px,calc(var(--w)*.035)) double currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--vint);font-weight:700;font-size:calc(var(--w)*.4);line-height:1}.card .face span{color:currentColor}.card .face i{font-style:normal;font-size:.55em}.card .pip{font-family:var(--vint)}.card .pip.ace{background:radial-gradient(circle,transparent 25%,rgba(122,84,36,.45) 25.6%,transparent 27%,transparent 29.5%,rgba(122,84,36,.3) 30%,transparent 31.5%)}.card .mbadge{position:absolute;left:50%;bottom:calc(var(--w)*-.12);transform:translate(-50%);padding:1px 8px;border-radius:99px;background:var(--gold);color:var(--ink);font:700 calc(var(--w)*.17) var(--num);box-shadow:0 2px 6px var(--shade)}.card.back{background:var(--back);border:calc(var(--w)*.05) solid #f1e3bf;box-shadow:inset 0 0 0 1.5px #c9a35a,0 6px 14px var(--shade)}button.card{cursor:default}button.card.playable{cursor:pointer}button.card.playable:hover,button.card.playable:focus-visible{translate:0 -20px}button.card.lifted{translate:0 -26px;box-shadow:0 0 0 4px var(--gold),0 10px 18px var(--shade)}button.card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.card.dim{filter:brightness(.6) saturate(.5)}.fan{position:relative;width:100%}.fan .card{position:absolute;left:50%;transform:translate(calc(-50% + var(--x,0px))) translateY(var(--y,0px)) rotate(var(--a,0deg))}.fan.notransition .card{transition:none!important}.hand{height:calc(var(--cw)*1.4 + 34px)}.hand .card{bottom:10px;transform-origin:50% 100%}.opp{height:calc(var(--cw)*.5*1.4 + 20px)}.opp .card{--w:calc(var(--cw)*.5);top:10px;transform-origin:50% 0}.table{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(14px,6vw,56px);padding:18px 20px;min-height:calc(var(--cw)*1.4*1.5);border-radius:130px;background:radial-gradient(ellipse at 50% 38%,var(--felt) 0%,var(--felt-deep) 85%);box-shadow:0 0 0 7px var(--rim),0 0 0 9px var(--gold),0 20px 44px var(--shade),inset 0 0 60px #0006;margin:6px}.talon{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.deck{position:relative;width:calc(var(--cw)*.74*1.4 + 4px);height:calc(var(--cw)*.74*1.4)}.deck .card{--w:calc(var(--cw)*.74);position:absolute;top:0}.deck .trump{left:calc(var(--cw)*.3);transform:rotate(90deg)}.deck .stack{left:0;box-shadow:3px 3px 0 var(--paper),6px 6px 0 var(--felt-deep),0 8px 16px var(--shade)}.deck .count{position:absolute;left:calc(var(--cw)*.37 - 15px);top:calc(var(--cw)*.74*.7 - 15px);width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:700 15px var(--num);z-index:3}.deck .shut{position:absolute;inset:auto 0 -4px;text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.trumpchip{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);line-height:1.2}.trumpchip .ts{width:32px;height:32px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:19px}.ts.s0{color:var(--clubs)}.ts.s1{color:var(--diamonds)}.ts.s2{color:var(--hearts)}.ts.s3,.two .ts.s3{color:var(--spades)}.two .ts.s0{color:#454857}.two .ts.s2{color:var(--hearts)}.two .ts.s1{color:#ec4757}.trick{position:relative;width:calc(var(--cw)*1.9);height:calc(var(--cw)*1.4*1.45);transition:transform .3s ease-in,opacity .3s ease-in}.trick .card{position:absolute;left:50%}.trick .t1{top:0;transform:translate(-80%) rotate(-10deg)}.trick .t0{bottom:0;transform:translate(-20%) rotate(8deg)}.float{position:absolute;left:50%;top:45%;font:700 26px var(--num);color:var(--gold);text-shadow:0 2px 0 var(--ink);pointer-events:none;z-index:15;animation:float0 1s ease-out forwards}.float.up{animation-name:float1}@keyframes float0{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,90px);opacity:0}}@keyframes float1{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-110px);opacity:0}}.enter-0{animation:in0 .3s cubic-bezier(.2,.8,.3,1)}.enter-1{animation:in1 .3s cubic-bezier(.2,.8,.3,1)}.drawn{animation:draw .45s cubic-bezier(.2,.8,.3,1)}@keyframes in0{0%{translate:0 120%;opacity:.2}}@keyframes in1{0%{translate:0 -120%;opacity:.2}}@keyframes draw{0%{translate:-40vw -30vh;opacity:0}}.msg{align-self:center;text-align:center;min-height:1.4em;max-width:46ch;padding:8px 16px;border-radius:14px;background:var(--shade);font-size:15px;text-wrap:balance}.msg:empty{visibility:hidden}.msg b{color:var(--gold)}.msg .tip{display:block;font-size:13px;color:var(--soft);margin-top:2px}.meseat{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px}.meseat .ava{--s:46px}.acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.overlay{position:absolute;inset:-10px -8px;display:grid;place-items:center;background:var(--veil);border-radius:40px;z-index:20;padding:16px;animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.panel{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;max-width:38ch}.panel h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,6vw,34px);line-height:1.1;margin:0;color:var(--gold);transform:rotate(-2deg);text-wrap:balance}.panel p{margin:0}.panel .sub{color:var(--soft);font-size:14px}.rw{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rw span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:var(--glass);font:700 16px var(--num);color:var(--gold)}.rw span.xp{color:var(--good)}.panel .xpbar{width:200px}.panel .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.modal{position:fixed;inset:0;background:var(--veil);z-index:50;display:grid;place-items:center;padding:16px;animation:fade .2s ease}.sheet{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;box-sizing:border-box;border-radius:22px;background:var(--night2);border:1px solid var(--line);padding:20px;box-shadow:0 30px 80px var(--shade)}.sheet h3{font-family:var(--display);font-weight:400;font-size:22px;margin:0 40px 12px 0;color:var(--gold)}.sheet h4{margin:14px 0 8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.x{position:absolute;top:12px;right:12px}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{min-width:36px;height:36px;padding:0 12px;border-radius:99px;border:2px solid var(--line);background:var(--glass);color:var(--paper);cursor:pointer;font-size:13px}.opt.sw{padding:0;width:36px;border-radius:50%}.opt.on{border-color:var(--gold);box-shadow:0 0 0 3px #ffc53d40}.prof-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.prof-top .ava{--s:96px}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.field input{font:500 16px var(--body);padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--night);color:var(--paper)}.field input:focus-visible{outline:2px solid var(--gold)}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:14px;background:var(--glass);border:2px solid var(--line);color:var(--paper);cursor:pointer;font-size:13px}.item.on{border-color:var(--gold)}.item .card{--w:46px}.item .felt{width:64px;height:40px;border-radius:20px;box-shadow:0 0 0 3px var(--rim),0 0 0 4px var(--gold)}.item .frame-swatch{width:46px;height:46px;border-radius:50%;background:var(--night2)}.item .frame-swatch svg{display:block;width:100%;height:100%}.item .chat-prev{min-height:28px;display:flex;align-items:center;justify-content:center;text-align:center}.item .chat-prev.stk svg{width:34px;height:34px}.item .chat-prev.txt{font:600 12px var(--body);color:var(--soft)}.item .price{display:inline-flex;align-items:center;gap:4px;font:700 13px var(--num);color:var(--gold)}.item.short .price{color:#ff6b78}.item{position:relative}.item .rar{position:absolute;top:-9px;left:50%;transform:translate(-50%);white-space:nowrap;box-shadow:0 2px 6px #00000059;padding:1px 8px;border-radius:8px;font:700 10px var(--body);letter-spacing:.02em;color:#14161c;background:#8fe3ff}.item .rar.epic{background:#c9a2ff}.item .rar.myth{background:linear-gradient(90deg,#ffe27a,#ff5dc8,#8fe3ff);color:#14161c}.item .rar.legend{background:linear-gradient(90deg,#ffe27a,#ffc53d,#ff8a1a)}.item .need.lvl{display:inline-flex;align-items:center;gap:3px;color:#c9a2ff}.item .need.lvl svg{width:11px;height:11px}.item .need{font:600 11px var(--body);color:#ff9aa3;line-height:1.2;text-align:center}.shopbal{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.shopbal .coins small{font:500 12px var(--body);color:var(--soft)}.shopnote{margin:8px 0 0;font-size:13px;color:var(--soft);line-height:1.4}.achs{display:grid;gap:8px}.ach{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}.ach .medal{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--night3);border:2px solid var(--line);flex:0 0 auto}.ach .medal .em{font-style:normal;font-size:24px;line-height:1;filter:grayscale(1);opacity:.5}.ach .medal .lk{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--night2, #1b2350);border:1px solid var(--line);color:var(--soft)}.ach .medal .lk svg{width:11px;height:11px}.ach.got{border-color:#ffc53d59}.ach.got .medal{background:radial-gradient(circle at 35% 30%,#fff3c4,var(--gold) 45%,var(--gold2));border-color:#fff2b8;box-shadow:0 0 0 3px #ffc53d2e,0 4px 14px #ffaa2873}.ach.got .medal .em{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));opacity:1}.ach .t{flex:1;min-width:0}.ach .t b{display:block}.ach .t span{font-size:13px;color:var(--soft)}.sheet ul{padding-left:18px;display:grid;gap:6px;color:var(--soft);margin:0}.rulesfoot{position:sticky;bottom:-20px;margin:8px -20px -20px;padding:20px 20px 16px;background:linear-gradient(transparent,var(--night2) 40%);display:flex}.rulesfoot .btn{display:inline-flex;align-items:center;gap:8px}.toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:70;width:min(92vw,380px);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 12px 30px var(--shade);animation:pop .55s cubic-bezier(.15,1.5,.3,1) both;font-size:14px}.toast .ic{width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--gold2));display:grid;place-items:center;flex:0 0 auto}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}@media(max-width:480px){.table{gap:12px;padding:14px 12px;border-radius:90px}.pill .pn{font-size:20px}}.gsw{display:flex;align-self:center;gap:4px;padding:4px;border-radius:99px;background:var(--glass);border:1px solid var(--line)}.gsw button{font:700 15px var(--body);padding:8px clamp(12px,4vw,22px);border-radius:99px;border:0;background:transparent;color:var(--soft);cursor:pointer}.gsw button:hover{background:#ffffff0d;color:var(--paper)}.gsw button.on{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);color:var(--paper);box-shadow:inset 0 0 0 1.5px #ffc53dbf,0 6px 18px #03081e73}.gsw button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.lbpart{display:flex;flex-direction:column;gap:12px}.opt:disabled{opacity:.45;cursor:not-allowed}.opt .soon{margin-left:6px;padding:1px 7px;border-radius:99px;background:var(--night3);color:var(--gold);font:700 11px var(--num);letter-spacing:.06em;text-transform:uppercase}.modes .opt{height:40px;font-size:14px}.lb-side{display:contents}@media(min-width:1360px){#lobby{position:relative;--sw:250px;--sg:18px}#lobby>.lb-side{display:flex;flex-direction:column;gap:12px;position:absolute;top:var(--side-top,0);width:var(--sw)}#lobby>.lb-left{right:calc(100% + var(--sg))}#lobby>.lb-right{left:calc(100% + var(--sg))}.lb-side .sn-mini-wrap{margin:0}.lb-left .sn-mini{flex-wrap:wrap}.lb-left .sn-mini-tx{flex:1 1 180px}.lb-left .sn-mini-r{flex-basis:100%;justify-content:space-between}}@media(min-width:1480px){#lobby{--sw:300px;--sg:24px}}#lbSet{display:none!important}.daily .daily-t{white-space:nowrap}.daily .days i.on{background:var(--dc, var(--gold))}.lbst{gap:10px;padding:8px 16px}.lbst-n{font-size:19px}.lbst-of b{font:700 19px/1 var(--num);color:var(--paper);margin-left:2px}.lbst-of{display:inline-flex;align-items:baseline;gap:6px;font:600 16px/1 var(--body);color:var(--soft)}.lbst-n{line-height:1}.lbst-pct{font:700 19px/1 var(--num);font-variant-numeric:tabular-nums}.lbst-bar{height:7px}.ocard{transition:transform .25s cubic-bezier(.3,1.4,.5,1),border-color .2s,box-shadow .25s;cursor:pointer}.ocard .ava{transition:transform .3s cubic-bezier(.3,1.5,.5,1)}.ocard .stars{transition:transform .25s}@media(hover:hover){.ocard:hover{transform:translateY(-6px);border-color:var(--c, var(--gold));box-shadow:0 0 0 3px color-mix(in srgb,var(--c, var(--gold)) 20%,transparent),0 18px 36px var(--shade)}.ocard:hover .ava{animation:oc-hop .5s ease}.ocard:hover .duo .ava:first-child{transform:translate(-6px) rotate(-6deg)}.ocard:hover .duo .ava:last-child{transform:translate(6px) rotate(6deg);animation-delay:.08s}.ocard:hover .stars{transform:scale(1.12)}}@keyframes oc-hop{40%{translate:0 -6px}}@media(prefers-reduced-motion:reduce){.ocard,.ocard .ava,.ocard .stars{transition:none!important;animation:none!important}.ocard:hover{transform:none}}.daily.done .txt{display:flex;flex-direction:column;gap:6px}.days.fill i{position:relative;overflow:hidden;background:var(--shade)}.days.fill i.on{background:var(--shade)}.days.fill i.on:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--dc, var(--gold));transform-origin:left;animation:dfill .45s cubic-bezier(.3,.7,.4,1) calc(var(--k) * .11s + .2s) both}.days.fill i.now{box-shadow:0 0 0 1px #ffffff80,0 0 10px var(--dc, var(--gold));animation:dnow 2.4s ease-in-out calc(var(--k) * .11s + .7s) infinite}@keyframes dfill{0%{transform:scaleX(0)}to{transform:none}}@keyframes dnow{50%{box-shadow:0 0 0 1px #fffc,0 0 16px var(--dc, var(--gold))}}@media(prefers-reduced-motion:reduce){.days.fill i.on:after,.days.fill i.now{animation:none}}
/*# sourceMappingURL=hub.css.map */