@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/Fredoka-variable-DM6njrJ3.woff2)format("woff2")}:root{--font-display:"Fredoka", system-ui, -apple-system, sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-hero:clamp(31px, 5.8vw, 54px);--fs-display:clamp(26px, 4vw, 38px);--fs-title:22px;--fs-lg:17px;--fs-md:14.5px;--fs-sm:13px;--fs-xs:11.5px;--fw-body:500;--fw-med:600;--fw-bold:700;--fw-heavy:800;--fw-black:900;--track-caps:.09em;--track-tight:-.02em;--c-bg-0:#1c0a16;--c-bg-1:#33122a;--c-bg-2:#4c1a3e;--c-bg-3:#6b2653;--bg-app:radial-gradient(76% 56% at 50% -6%, #ffd4983d 0%, transparent 58%), radial-gradient(125% 92% at 50% 4%, var(--c-bg-3) 0%, var(--c-bg-2) 26%, var(--c-bg-1) 55%, var(--c-bg-0) 100%);--c-surface:#ffffff12;--c-surface-2:#ffffff1f;--c-surface-sunken:#12060d57;--c-panel:linear-gradient(180deg, #ffffff1a, #ffffff0b);--c-panel-solid:radial-gradient(120% 80% at 50% -10%, #ffb0201f, transparent 60%), linear-gradient(180deg, #452036, #2e1526);--c-bar:linear-gradient(180deg, #4a2039e6, #35182ae6);--c-bar-solid:#301526f5;--c-glass:#1e0d1880;--c-scrim:#10060cc7;--c-on-light:#35182a;--c-chrome:linear-gradient(180deg, #402577 0%, #2b1656 100%);--c-chrome-edge:#ffd57073;--c-chrome-inner:#ffd57029;--c-gold:#ffd764;--c-gold-deep:#b9821a;--grad-gold-text:linear-gradient(180deg, #fff6d2 0%, #ffde87 38%, #f0b429 72%, #ffe9a8 100%);--c-border:#ffffff24;--c-border-strong:#ffffff47;--c-keyline:#0e050a80;--c-card-base:#3a1b2c;--c-card-base-deep:#2a1220;--c-text:#fffbf5;--c-text-muted:#fffbf5ad;--c-text-faint:#fffbf58c;--c-on-accent:#4a2600;--c-on-primary:#fff;--c-primary:#7c5cff;--c-primary-bright:#a48bff;--c-primary-deep:#4b2fbf;--c-accent:#ffb020;--c-accent-bright:#ffd764;--c-accent-deep:#c86a12;--grad-accent:linear-gradient(180deg, #ffd764 0%, #ffb020 52%, #ff8a3d 100%);--c-success:#3ddc97;--c-success-deep:#17a66a;--c-info:#56ccff;--c-fun:#ff6fb5;--c-danger:#ff6b5b;--c-danger-deep:#c7382a;--p-red:#d6493c;--p-green:#2e9c61;--p-yellow:#e9a62f;--p-blue:#3b6bcb;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--e-1:0 6px 16px -8px #0000008c;--e-2:0 16px 34px -16px #0009;--e-3:0 30px 70px -24px #000000b3;--e-lip:0 6px 0 -1px var(--c-keyline);--e-lip-lg:0 9px 0 -1px var(--c-keyline);--e-inset-top:inset 0 1px 0 #ffffff24;--glow-focus:0 0 0 3px #ffd76480;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, .8, .3, 1);--dur-fast:.14s;--dur:.2s;--dur-slow:.38s}@media (prefers-reduced-motion:reduce){:root{--dur-fast:.01ms;--dur:.01ms;--dur-slow:.01ms}}*{box-sizing:border-box;margin:0}body{font-family:var(--font-ui);font-weight:var(--fw-body);color:var(--c-text);background:var(--c-bg-1)}body:before{content:"";z-index:-2;pointer-events:none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.055'/%3E%3C/svg%3E"),  repeating-linear-gradient(0deg, #ffe8cd04 0 1px, #00000008 1px 2px, transparent 2px 76px), repeating-linear-gradient(90deg, #ffe8cd04 0 1px, #00000008 1px 2px, transparent 2px 76px),  radial-gradient(118% 96% at 50% 28%, transparent 42%, #080206ad 100%),  var(--bg-app);position:fixed;inset:0}.wrap{isolation:isolate;min-height:100dvh;padding:var(--sp-3);font-family:var(--font-ui);font-weight:var(--fw-body);color:var(--c-text);-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2vmin,18px);animation:.3s ease-out wrapIn;display:flex;position:relative;overflow:hidden}h1,h2,h3,.wordmark,.title,.cta,.dialogTitle,.appBarTitle,.appHeroTitle{font-family:var(--font-display)}@keyframes wrapIn{0%{opacity:0;transform:translateY(6px)}}.wrap--setup{justify-content:flex-start}@media (width<=520px){.wrap{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.wrap--setup{gap:0;padding:0}}input{-webkit-user-select:text;user-select:text}.top{align-items:center;gap:var(--sp-2);flex-wrap:wrap;width:min(94vw,640px);display:flex}.wordmark{font-weight:var(--fw-heavy);letter-spacing:.12em;text-transform:uppercase;opacity:.92;text-shadow:0 2px #0a072259;font-size:15px}.chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{font-size:var(--fs-xs);font-weight:var(--fw-heavy);border-radius:var(--r-pill);background:var(--c-surface);border:1.5px solid var(--c-border);box-shadow:var(--e-inset-top);transition:transform var(--dur) var(--ease-bounce), box-shadow var(--dur) var(--ease-out);align-items:center;gap:6px;padding:5px 11px 7px;display:inline-flex;position:relative;overflow:hidden}.chip:before{content:"";background:var(--c);width:10px;height:10px;box-shadow:0 0 0 1.5px #ffffff59, 0 0 8px -1px var(--c);border-radius:50%}.chipBar{background:var(--c);height:3px;transition:width var(--dur-slow) var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:0}.chipOn{background:var(--c-surface-2);box-shadow:0 0 0 2px var(--c), 0 0 16px -3px var(--c), var(--e-1);transform:translateY(-2px)}.gameTop{z-index:50;align-items:center;gap:var(--sp-2);grid-template-columns:44px 1fr auto;width:min(94vw,520px);padding:4px 0 2px;display:grid;position:relative}.gameTitleBlock{text-align:center;min-width:0}.gameTitle{font-family:var(--font-display);font-size:clamp(22px,6.2vw,30px);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:8px;line-height:1.05;display:flex}.gameTitleText{background:var(--grad-gold-text);-webkit-text-fill-color:transparent;color:var(--c-gold);filter:drop-shadow(0 2px #3c1e0073)drop-shadow(0 4px 10px #00000073);-webkit-background-clip:text;background-clip:text}.gameTitleSpark{color:var(--c-gold);opacity:.9;flex:none}.gameSubtitle{font-size:clamp(11px,3vw,13px);font-weight:var(--fw-med);color:var(--c-text-muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.gameTopActions{align-items:center;gap:7px;display:flex}.gameTopBtn{border:1.5px solid var(--c-chrome-edge);background:var(--c-chrome);width:42px;height:42px;color:var(--c-gold);cursor:pointer;box-shadow:0 3px 0 #1408288c, var(--e-1), inset 0 1px 0 #ffffff24;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) ease, filter var(--dur-fast) ease;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.gameTopBtn svg{display:block}.gameTopBtn--back{border-radius:14px}.gameTopBtn:hover{filter:brightness(1.14);transform:translateY(-1px)}.gameTopBtn:active{transform:translateY(2px);box-shadow:0 1px #1408288c}.gameRail{border-radius:var(--r-pill);border:1.5px solid var(--c-chrome-edge);background:var(--c-chrome);width:min(94vw,520px);box-shadow:var(--e-1), inset 0 1px 0 #ffffff1a;justify-content:center;padding:5px 7px;display:flex}.gameRail .chips{flex:0 auto;justify-content:center}.iconBtn{justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:0;display:inline-flex}.iconBtn svg{display:block}.boardArea{width:min(94vw,520px,100dvh - 264px);margin-block:clamp(10px,2.4vmin,20px);position:relative}.boardArea:before{content:"";z-index:-1;filter:blur(28px);pointer-events:none;background:radial-gradient(60% 50% at 50% 55%,#ffffff21,#0000 70%);border-radius:50%;position:absolute;inset:-6% -6% -10%}.dock{align-items:center;gap:var(--sp-3);background:var(--c-chrome);border:1.5px solid var(--c-chrome-edge);border-radius:var(--r-lg);width:min(94vw,520px);box-shadow:var(--e-lip), var(--e-1), inset 0 1px 0 #ffffff1a;padding:10px 12px 10px 14px;display:flex}.turnCoin{flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;position:relative}.turnCrown{color:var(--c-gold);filter:drop-shadow(0 1px 2px #00000080);z-index:2;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(-8deg)}.turnDot{background:radial-gradient(circle at 36% 28%, #ffffffbf 0%, #fff0 42%), var(--c);width:34px;height:34px;box-shadow:0 0 0 2.5px #ffd7648c, 0 0 0 5px #14082880, 0 0 16px -2px var(--c), inset 0 -3px 6px #00000059;animation:turnDotBeat 1.8s var(--ease-out) infinite;border-radius:50%;flex:none;margin-top:6px}@keyframes turnDotBeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.turnText{flex:1;min-width:0}.turnText strong{font-family:var(--font-display);font-size:19px;font-weight:var(--fw-bold);letter-spacing:var(--track-tight);display:block}.turnAction{flex:none;margin-left:auto}.dockBtn{border-radius:var(--r-sm);border:2px solid var(--c-keyline);background:var(--grad-accent);color:var(--c-on-accent);font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold);cursor:pointer;box-shadow:0 4px 0 var(--c-accent-deep), var(--e-1);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) ease, filter var(--dur-fast) ease;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.dockBtn svg{flex:none;display:block}.dockBtn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 5px 0 var(--c-accent-deep), var(--e-2);transform:translateY(-1px)}.dockBtn:active:not(:disabled){box-shadow:0 1px 0 var(--c-accent-deep);transform:translateY(3px)}.dockBtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:0 4px 0 var(--c-accent-deep)}.turnText small{color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-med);display:block}.toasts{pointer-events:none;z-index:60;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.toast{background:var(--c-bar-solid);border-radius:var(--r-pill);padding:8px var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-heavy);white-space:nowrap;animation:toastIn .28s var(--ease-bounce);box-shadow:var(--e-2);text-overflow:ellipsis;border:2px solid;max-width:92vw;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.92)}}.panel{background:var(--c-panel);border:2px solid var(--c-border);border-radius:var(--r-xl);width:min(92vw,400px);padding:var(--sp-8) var(--sp-6);gap:var(--sp-4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--e-3), var(--e-inset-top);flex-direction:column;display:flex}.title{font-size:44px;font-weight:var(--fw-black);letter-spacing:var(--track-tight);text-shadow:0 3px #0a07224d;line-height:1}.sub{color:var(--c-text-muted);font-weight:var(--fw-med);margin-top:-10px}.gameLoading{align-items:center;gap:var(--sp-5);flex-direction:column;display:flex}.gameLoadingLogo{box-shadow:0 0 0 3px var(--c-accent-bright), var(--e-2);border-radius:50%;animation:1.4s ease-in-out infinite glPulse}@keyframes glPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.gameLoadingDots{gap:7px;display:flex}.gameLoadingDots span{background:var(--c-accent-bright);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite glDot}.gameLoadingDots span:nth-child(2){animation-delay:.15s}.gameLoadingDots span:nth-child(3){animation-delay:.3s}@keyframes glDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.errorPanel{text-align:center;align-items:center;gap:var(--sp-4)}.errorLogo{box-shadow:0 0 0 3px var(--c-accent-bright), var(--e-2);border-radius:50%}.errorPanel .cta,.errorPanel .errorHomeBtn{width:100%}.errorHomeBtn{text-align:center;text-decoration:none}@media (prefers-reduced-motion:reduce){.gameLoadingLogo,.gameLoadingDots span,.turnDot{animation:none!important}}.cta{border:3px solid var(--c-keyline);border-radius:var(--r-lg);background:var(--grad-accent);min-height:52px;color:var(--c-on-accent);font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:.01em;cursor:pointer;text-shadow:0 1px #ffffff73;box-shadow:0 7px 0 var(--c-accent-deep), var(--e-2), 0 0 30px -10px #ffb020e6;transition:filter var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) ease;padding:15px;font-size:16.5px;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#fff9 50%,#0000 70%);animation:4.8s ease-in-out 1.2s infinite ctaShine;position:absolute;inset:0;transform:translate(-120%)}@keyframes ctaShine{0%{transform:translate(-120%)}16%{transform:translate(120%)}to{transform:translate(120%)}}.cta:hover{filter:brightness(1.05);box-shadow:0 9px 0 var(--c-accent-deep), var(--e-3), 0 0 40px -8px #ffb020;transform:translateY(-2px)}.cta:active{box-shadow:0 2px 0 var(--c-accent-deep), var(--e-1);transform:translateY(5px)}.cta:disabled{opacity:.45;cursor:not-allowed;filter:none}.cta:disabled:active{box-shadow:0 7px 0 var(--c-accent-deep), var(--e-2);transform:none}.cta:disabled:before{display:none}.cta--danger,.ctaDanger{background:linear-gradient(180deg, #ff8c7f 0%, var(--c-danger) 55%, #e4442f 100%);color:var(--c-text);text-shadow:0 1px #00000040;box-shadow:0 7px 0 var(--c-danger-deep), var(--e-2)}.cta--danger:hover,.ctaDanger:hover{box-shadow:0 9px 0 var(--c-danger-deep), var(--e-3), 0 0 40px -8px #ff6b5be6}.cta--danger:active,.ctaDanger:active{box-shadow:0 2px 0 var(--c-danger-deep), var(--e-1)}.ghost{background:var(--c-surface);border:1.5px solid var(--c-border);color:inherit;font:inherit;font-weight:var(--fw-bold);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);padding:7px 13px;font-size:12.5px}.ghost.icon{padding:7px 10px;font-size:13px}.ghost.big{font-size:var(--fs-md);border-radius:var(--r-sm);padding:12px}.ghost:hover{background:var(--c-surface-2);border-color:var(--c-border-strong);transform:translateY(-1px)}.ghost:active{transform:translateY(1px)scale(.97)}.exitBtn{font-weight:var(--fw-heavy);color:var(--c-danger);background:#ff6b5b1a;border-color:#ff6b5b66;align-items:center;gap:5px;display:inline-flex}.exitBtn span{font-size:15px;line-height:1}.exitBtn:hover{background:#ff6b5b33;border-color:#ff6b5b99}.gameMenu{position:relative}.gameMenuPanel{right:0;top:calc(100% + var(--sp-2));z-index:70;background:var(--c-panel-solid);border:2px solid var(--c-border);border-radius:var(--r-md);min-width:208px;box-shadow:var(--e-3), var(--e-inset-top);animation:gameMenuIn .18s var(--ease-bounce);transform-origin:100% 0;flex-direction:column;gap:2px;padding:7px;display:flex;position:absolute}@keyframes gameMenuIn{0%{opacity:0;transform:scale(.9)translateY(-4px)}}.gameMenuItem{text-align:left;color:inherit;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);background:0 0;border:none;border-radius:11px;align-items:center;gap:11px;padding:10px 11px;display:flex}.gameMenuIcon{width:30px;height:30px;color:var(--c-primary-bright);background:#7c5cff33;border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #a48bff4d}.gameMenuIcon svg{width:17px;height:17px}.gameMenuLabel{flex:1}.gameMenuItem:hover{background:var(--c-surface);transform:translate(2px)}.gameMenuItem.danger{color:var(--c-danger);margin-top:var(--sp-1);position:relative}.gameMenuItem.danger .gameMenuIcon{color:var(--c-danger);background:#ff6b5b29;box-shadow:inset 0 0 0 1px #ff6b5b52}.gameMenuItem.danger:before{content:"";left:var(--sp-2);right:var(--sp-2);background:var(--c-border);height:1px;position:absolute;top:-3px}.setupPanel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:var(--sp-3);scrollbar-width:none;-ms-overflow-style:none;width:min(92vw,470px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);padding-bottom:0;overflow-y:auto}.setupPanel::-webkit-scrollbar{display:none}.setupTop{align-items:center;gap:var(--sp-3);display:flex}.setupTop .title{font-size:32px;line-height:1.05}.setupFooter{z-index:6;margin-top:var(--sp-3);flex-direction:column;display:flex;position:sticky;bottom:0}.setupPanel .cta{padding:14px var(--sp-6) var(--sp-6);box-shadow:0 4px 0 var(--c-accent-deep), 0 -14px 22px -14px #0a0722e6}.scrollCue{pointer-events:none;opacity:0;justify-content:center;padding-bottom:10px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:100%;left:0;right:0;transform:translateY(6px)}.scrollCue.on{opacity:1;transform:translateY(0)}.scrollCueBtn{pointer-events:auto;padding:8px var(--sp-3);border-radius:var(--r-pill);background:var(--c-bar-solid);color:var(--c-primary-bright);font:inherit;font-weight:var(--fw-heavy);box-shadow:var(--e-1), var(--e-inset-top);cursor:pointer;border:2px solid #a48bff66;align-items:center;gap:7px;animation:1.7s ease-in-out infinite scrollCueBounce;display:inline-flex}.scrollCueText{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em}.scrollCueBtn svg{flex:none}@keyframes scrollCueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.scrollCueBtn{animation:none}}@media (width<=520px){.setupPanel{width:100%;height:calc(100dvh - 10px - env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;max-height:none;box-shadow:none;padding:0 var(--sp-3);gap:var(--sp-3);background:0 0;border:none;border-radius:0}.setupFooter{margin-top:0}.setupTop{z-index:7;margin:0 calc(-1 * var(--sp-3));padding:calc(10px + env(safe-area-inset-top)) var(--sp-3) 10px;background:var(--c-bar-solid);border-bottom:1px solid var(--c-border);position:sticky;top:0}.setupTop .title{font-size:24px}.setupTop .sub{font-size:12.5px}.setupPanel .cta{padding:14px var(--sp-3)}}.setupSection{background:var(--c-surface-sunken);border:1.5px solid var(--c-border);border-radius:var(--r-md);flex-direction:column;gap:7px;padding:11px 12px 12px;display:flex}.setupHeading{font-size:var(--fs-xs);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--c-text-faint);margin-bottom:var(--sp-1);align-items:center;gap:7px;display:flex}.setupHeading span:first-child{font-size:13px}.setupHint{font-size:12px;font-weight:var(--fw-med);color:var(--c-text-faint)}.seatBlock{--seat-avatar:34px;--seat-gap:9px;border-radius:var(--r-md);border:1.5px solid color-mix(in srgb, var(--seat-c) 45%, var(--c-border));background:linear-gradient(180deg, #ffffff0d, #ffffff04), linear-gradient(180deg, color-mix(in srgb, var(--seat-c) 22%, transparent), color-mix(in srgb, var(--seat-c) 8%, transparent));box-shadow:var(--e-inset-top);flex-direction:column;gap:8px;padding:10px 11px 11px;display:flex}.seatBlock+.seatBlock{margin-top:7px}.seatRow{align-items:center;gap:var(--seat-gap);display:flex}.seatRow .seg{flex:1}.seatAvatar{width:var(--seat-avatar);height:var(--seat-avatar);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex;box-shadow:inset 0 0 0 2px #ffffff73,inset 0 -3px 6px #0000004d,0 3px 7px #00000059}.seatSeg{background:var(--c-surface-sunken);padding:3px}.seatSeg .segBtn{border-radius:8px;min-height:31px;padding:6px 0;font-size:12px}.seatSeg .segBtn.on{box-shadow:0 0 0 2px color-mix(in srgb, var(--seat-c) 75%, transparent), 0 3px 0 #0a072280, 0 2px 5px #00000047}.seatName{margin-left:calc(var(--seat-avatar) + var(--seat-gap));background:var(--c-surface-sunken);border:1.5px solid var(--c-border);color:inherit;font:inherit;border-radius:10px;padding:8px 12px;font-size:13px}.seatName:focus{outline:2px solid color-mix(in srgb, var(--seat-c) 70%, var(--c-text));outline-offset:1px}.seatDiff{margin-left:calc(var(--seat-avatar) + var(--seat-gap))}.ruleGroup+.ruleGroup{margin-top:10px}.ruleGroupHeading{font-size:10.5px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-faint);margin-bottom:2px}.seg{gap:var(--sp-1);background:var(--c-surface-sunken);border-radius:var(--r-sm);padding:5px;display:flex}.segBtn{color:var(--c-text-muted);font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-md);border-radius:var(--r-xs);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);background:0 0;border:none;flex:1;padding:9px 0}.segBtn:hover{background:var(--c-surface);color:var(--c-text)}.segBtn.on{color:var(--c-on-light);box-shadow:0 3px 0 #0a072280, var(--e-1);background:#fffbf5;transform:translateY(-1px)}.segBtn.on:active{transform:translateY(1px);box-shadow:0 1px #0a072280}.nameList{gap:var(--sp-2);flex-direction:column;display:flex}.nameRow{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;flex:none;width:15px;height:15px;box-shadow:0 0 0 2px #ffffff40}.nameRow input{background:var(--c-surface-sunken);border:1.5px solid var(--c-border);border-radius:var(--r-xs);padding:10px var(--sp-3);color:inherit;font:inherit;font-size:var(--fs-md);flex:1}.nameRow input:focus{outline:2px solid var(--c-accent-bright);outline-offset:1px}.coinPick{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.coinPickBtn,.boardPickBtn{background:var(--c-surface-sunken);border:2px solid var(--c-border);color:inherit;font:inherit;font-weight:var(--fw-bold);cursor:pointer;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease, transform var(--dur) var(--ease-bounce);border-radius:12px;flex-direction:column;align-items:center;gap:6px;display:flex}.coinPickBtn{padding:10px var(--sp-1) 8px;font-size:10.5px}.boardPickBtn{padding:8px var(--sp-1) 7px;gap:6px;font-size:10.5px}.coinPickBtn:hover,.boardPickBtn:hover{background:var(--c-surface);transform:translateY(-3px)}.coinPickBtn:active,.boardPickBtn:active{transform:translateY(0)scale(.98)}.coinPickBtn.on,.boardPickBtn.on{border-color:var(--c-accent-bright);box-shadow:0 0 18px -6px var(--c-accent);background:#ffb02024}.coinSwatchRow{display:flex}.coinSwatchRow .coinSwatch+.coinSwatch{margin-left:-7px}.coinSwatch{border-radius:50%;width:27px;height:27px;box-shadow:inset 0 0 0 2px #fffdf6,inset 0 0 0 3px #00000047,0 3px 5px #0006}.coinSwatch.coin-flat{box-shadow:inset 0 0 0 2px #fffdf6,inset 0 0 0 4.5px #ffffff4d,0 3px 5px #0006}.coinSwatch.coin-glass{box-shadow:inset 0 0 0 1.5px #fffc,inset 0 -5px 7px #00000040,0 3px 5px #0006}.coinSwatch.coin-ring{box-shadow:inset 0 0 0 1.5px #00000040,inset 0 2px 3px #0000002e,0 3px 5px #0006}.boardPick{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:7px;display:grid}.boardPreviewFrame-light{box-shadow:0 0 0 3px #fff,0 0 0 4px #141e1929,0 4px 12px -2px #00000073}.boardPreviewFrame-dark{box-shadow:0 0 0 3px #1d202a,0 0 0 4px #ffffff1f,0 4px 12px -2px #0000008c}.boardPreviewFrame-premium{box-shadow:0 0 0 1.5px #f0d786,0 0 0 3px #a9832a,0 0 0 7px #6e4a28,0 0 0 8px #3e2613,0 4px 12px -2px #0000008c}.rulesList{flex-direction:column;display:flex}.rulesList>*+*{border-top:1px solid var(--c-border)}.ruleChoiceRow{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:7px 0;display:flex}.ruleChoiceSeg{flex:none;width:150px}.ruleChoiceSeg--wide{width:100%}.toggleRow{justify-content:space-between;align-items:center;gap:var(--sp-3);cursor:pointer;padding:7px 0;display:flex}.toggleLabel{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--c-text-muted);line-height:1.35}.toggle{flex:none;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggleTrack{border-radius:var(--r-pill);background:var(--c-surface-sunken);border:1.5px solid var(--c-border);width:50px;height:29px;transition:background var(--dur) ease, border-color var(--dur) ease, box-shadow var(--dur) ease;display:block}.toggleThumb{width:23px;height:23px;transition:transform var(--dur) var(--ease-bounce);background:#fffdf6;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000073}.toggle input:checked+.toggleTrack{background:linear-gradient(180deg, var(--c-success), var(--c-success-deep));border-color:#3ddc9799;box-shadow:0 0 14px -2px #3ddc97b3,inset 0 1px #ffffff40}.toggle input:checked+.toggleTrack .toggleThumb{transform:translate(21px)}.toggle input:focus-visible+.toggleTrack{outline:2px solid var(--c-accent-bright);outline-offset:2px}.settingsDialog{width:min(94vw,440px);padding:var(--sp-6) var(--sp-5);gap:13px}.settingsIcon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.settingsIcon svg{width:20px;height:20px}.settingsIcon--green{color:var(--c-success);background:#3ddc9729;box-shadow:inset 0 0 0 1px #3ddc974d}.settingsIcon--teal{color:var(--c-info);background:#56ccff26;box-shadow:inset 0 0 0 1px #56ccff4d}.settingsIcon--gold{color:var(--c-accent-bright);background:#ffb02029;box-shadow:inset 0 0 0 1px #ffb02052}.settingsIcon--red{color:var(--c-danger);background:#ff6b5b29;box-shadow:inset 0 0 0 1px #ff6b5b59}.settingsSection{gap:var(--sp-2);flex-direction:column;display:flex}.settingsSectionLabel{font-size:var(--fs-md);font-weight:var(--fw-heavy);align-items:center;gap:9px;display:inline-flex}.settingsSectionIcon{opacity:.8;display:inline-flex}.settingsSectionIcon svg{width:19px;height:19px}.settingsLangSeg{background:var(--c-surface-sunken);border:1.5px solid var(--c-border);border-radius:var(--r-md);gap:var(--sp-1);grid-template-columns:repeat(3,1fr);width:100%;padding:5px;display:grid}.settingsLangSeg .segBtn{font-weight:var(--fw-bold);border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:9px 6px;font-size:13.5px;display:inline-flex}.settingsCard{background:var(--c-surface-sunken);border:1.5px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-1) 13px;flex-direction:column;display:flex}.settingsMediaRow{align-items:center;gap:var(--sp-3);padding:9px 0;display:flex}.settingsMediaRow+.settingsMediaRow{border-top:1px solid var(--c-border)}.settingsRowLabel{font-size:var(--fs-md);font-weight:var(--fw-bold);flex:1;min-width:0}.settingsMediaRow--volume .settingsRowLabel{flex:none}.volumeSlider{appearance:none;border-radius:var(--r-pill);cursor:pointer;background:#00000059;outline:none;flex:1;width:auto;min-width:0;height:7px}.volumeSlider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fffdf6;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #00000073,0 0 0 4px #ffb0204d}.volumeSlider::-moz-range-thumb{cursor:pointer;background:#fffdf6;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #00000073,0 0 0 4px #ffb0204d}.volumeSlider::-moz-range-track{border-radius:var(--r-pill);background:0 0;height:7px}.volumeSlider:focus-visible{outline:2px solid var(--c-accent-bright);outline-offset:4px}.volumeValue{text-align:center;min-width:48px;font-size:var(--fs-sm);font-weight:var(--fw-heavy);color:var(--c-accent-bright);font-variant-numeric:tabular-nums;padding:5px var(--sp-2);border-radius:var(--r-pill);background:#ffb02024;border:1px solid #ffb02052;flex:none}.settingsLinks{gap:var(--sp-2);flex-direction:column;display:flex}.settingsLink{align-items:center;gap:var(--sp-3);background:var(--c-surface-sunken);border:1.5px solid var(--c-border);width:100%;color:inherit;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-md);text-align:left;cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);border-radius:14px;padding:10px 13px;text-decoration:none;display:flex}.settingsLink:hover{background:var(--c-surface);border-color:var(--c-border-strong);transform:translateY(-2px)}.settingsLinkLabel{flex:1}.settingsChevron{opacity:.4;flex:none;display:inline-flex}.settingsChevron svg{width:18px;height:18px}.settingsLink--exit{color:var(--c-danger);background:#ff6b5b14;border-color:#ff6b5b59}.settingsLink--exit:hover{background:#ff6b5b29;border-color:#ff6b5b8c}.wrap--app{justify-content:flex-start;padding:0}.appScreen{background:0 0;flex-direction:column;width:min(100%,600px);height:100dvh;max-height:100dvh;display:flex}@media (width>=601px){.appScreen{border-radius:var(--r-xl);border:2px solid var(--c-border);height:min(100dvh,900px);box-shadow:var(--e-3);margin:clamp(0px,3vh,28px) 0;overflow:hidden}}.appBar{align-items:center;gap:var(--sp-2);padding:calc(10px + env(safe-area-inset-top)) var(--sp-3) 10px;background:var(--c-bar-solid);border-bottom:1px solid var(--c-border);z-index:5;flex:none;grid-template-columns:44px 1fr 44px;display:grid}.appBarBtn{border:1.5px solid var(--c-border);background:var(--c-surface);width:40px;height:40px;color:inherit;cursor:pointer;transition:background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.appBarBtn:hover{background:var(--c-surface-2)}.appBarBtn:active{transform:scale(.9)}.appBarTitle{text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-heavy);letter-spacing:var(--track-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.appBarRight{justify-content:flex-end;align-items:center;display:flex}.appBody{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:var(--sp-3);min-height:0;padding:var(--sp-4) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.appBody::-webkit-scrollbar{display:none}.appHero{text-align:center;padding:var(--sp-2) 0 var(--sp-1);flex-direction:column;align-items:center;gap:10px;display:flex}.appHeroIcon{border-radius:var(--r-xl);background:radial-gradient(120% 120% at 30% 20%,#7c5cff66,#7c5cff24);justify-content:center;align-items:center;width:76px;height:76px;font-size:38px;animation:3.6s ease-in-out infinite appHeroFloat;display:inline-flex;box-shadow:inset 0 0 0 1px #a48bff52,0 12px 26px -12px #7c5cffb3}@keyframes appHeroFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.appHeroIcon{animation:none}}.appHeroTitle{font-size:var(--fs-display);font-weight:var(--fw-black);letter-spacing:var(--track-tight)}.appHeroSub{font-size:var(--fs-md);font-weight:var(--fw-body);color:var(--c-text-muted);max-width:42ch;line-height:1.5}.appCard{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);flex-direction:column;gap:10px;display:flex}.appCard p{font-size:var(--fs-md);color:var(--c-text-muted);line-height:1.6}.appCard a{color:var(--c-accent-bright);font-weight:var(--fw-bold);text-decoration:none}.appCard a:hover{text-decoration:underline}.appCard h2{font-size:16.5px;font-weight:var(--fw-heavy);letter-spacing:var(--track-tight)}.appCard h3{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-accent-bright)}.appCardTitle{font-size:12px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--c-text-faint)}.appCardIconTitle{align-items:center;gap:9px;display:flex}.appCardIconTitle span:first-child{font-size:19px}.appFaq{gap:var(--sp-1);flex-direction:column;display:flex}.appFaq+.appFaq{padding-top:var(--sp-3);border-top:1px solid var(--c-border);margin-top:6px}.appRow{text-align:left;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-md);width:100%;color:inherit;font:inherit;cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);align-items:center;gap:13px;padding:13px 14px;text-decoration:none;display:flex}.appRow:hover{background:var(--c-surface-2);border-color:var(--c-border-strong);transform:translateY(-2px)}.appRowIcon{border-radius:var(--r-sm);width:40px;height:40px;color:var(--c-primary-bright);background:#7c5cff33;flex:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex;box-shadow:inset 0 0 0 1px #a48bff47}.appRowText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.appRowTitle{font-size:var(--fs-md);font-weight:var(--fw-bold)}.appRowSub{color:var(--c-text-faint);font-size:12.5px}.appRowChevron{opacity:.4;flex:none}.appList{flex-direction:column;gap:9px;display:flex}.pagePanel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:var(--sp-3);scrollbar-width:none;-ms-overflow-style:none;width:min(92vw,560px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}.pagePanel::-webkit-scrollbar{display:none}.pagePanel .title{margin-bottom:2px;padding-bottom:14px;position:relative}.pagePanel .title:after{content:"";background:var(--grad-accent);border-radius:2px;width:46px;height:4px;position:absolute;bottom:0;left:0}.pagePanel h2{font-size:19px;font-weight:var(--fw-heavy);margin-top:var(--sp-1);padding-left:var(--sp-3);border-left:3px solid var(--c-accent)}.pagePanel h3{font-size:15px;font-weight:var(--fw-bold);color:var(--c-accent-bright);margin-top:6px}.pagePanel p{font-size:var(--fs-md);color:var(--c-text-muted);line-height:1.6}.pagePanel section{background:var(--c-surface-sunken);border:1px solid var(--c-border);padding:14px var(--sp-4) var(--sp-4);border-radius:14px;flex-direction:column;gap:10px;display:flex}.pagePanel a{color:var(--c-accent-bright);text-underline-offset:2px;transition:text-decoration-color var(--dur-fast) ease;-webkit-text-decoration:underline #ffd76473;text-decoration:underline #ffd76473}.pagePanel a:hover{-webkit-text-decoration-color:var(--c-accent-bright);text-decoration-color:var(--c-accent-bright)}.pageLinkChip{align-items:center;gap:var(--sp-1);font-weight:var(--fw-bold);padding:9px var(--sp-4);border-radius:var(--r-pill);transition:background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce), border-color var(--dur-fast) ease;background:#ffb0201f;border:1.5px solid #ffb02059;font-size:13.5px;display:inline-flex;color:var(--c-accent-bright)!important;text-decoration:none!important}.pageLinkChip:hover{background:#ffb02033;border-color:#ffb0208c;transform:translateY(-2px)}@media (width<=520px){.pagePanel{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:100dvh;max-height:none;box-shadow:none;padding:calc(14px + env(safe-area-inset-top)) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));background:0 0;border:none;border-radius:0}}.overlay{z-index:80;background:var(--c-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--sp-4);justify-content:center;align-items:center;animation:.3s ease-out toastIn;display:flex;position:fixed;inset:0}.dialogPanel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:var(--sp-3);background:var(--c-panel-solid);border:2px solid var(--c-border);width:min(90vw,360px);max-height:calc(100dvh - 28px);box-shadow:var(--e-3), var(--e-inset-top);animation:popIn .26s var(--ease-bounce);overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.88)}}.dialogHead{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.dialogHeadText{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dialogTitle{font-size:var(--fs-title);font-weight:var(--fw-black);letter-spacing:var(--track-tight);line-height:1.12}.dialogSub{font-size:var(--fs-sm);font-weight:var(--fw-med);color:var(--c-text-faint)}.dialogIcon{border-radius:var(--r-sm);flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.dialogIcon--danger{color:var(--c-danger);background:#ff6b5b29;box-shadow:inset 0 0 0 1px #ff6b5b59}.dialogIcon--warn{color:var(--c-accent-bright);background:#ffb02029;box-shadow:inset 0 0 0 1px #ffb02057}.dialogIcon--neutral{color:var(--c-primary-bright);background:#7c5cff38;box-shadow:inset 0 0 0 1px #a48bff57}.dialogClose{border:1.5px solid var(--c-border);background:var(--c-surface);width:38px;height:38px;color:inherit;cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.dialogClose:hover{background:var(--c-surface-2);border-color:var(--c-border-strong)}.dialogClose:active{transform:scale(.9)}.confirmMessage{font-size:var(--fs-md);color:var(--c-text-muted);line-height:1.55}.confirmActions{gap:10px;display:flex}.confirmActions .ghost,.confirmActions .cta{flex:1}.rateStars{justify-content:center;gap:var(--sp-2);padding:var(--sp-2) 0 var(--sp-1);display:flex}.rateStar{cursor:pointer;color:#ffffff38;transition:transform var(--dur-fast) var(--ease-bounce), color var(--dur-fast) ease, text-shadow var(--dur-fast) ease;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:2px;font-size:38px;line-height:1}.rateStar.on{color:var(--c-accent-bright);text-shadow:0 0 14px #ffd76499}.rateStar:hover{transform:scale(1.22)rotate(-6deg)}.rules{color:var(--c-text-faint);font-size:12px;line-height:1.55;font-weight:var(--fw-med);flex-direction:column;gap:3px;display:flex}.rules b{font-weight:var(--fw-heavy);color:var(--c-text-muted)}.removeList{gap:var(--sp-2);flex-direction:column;display:flex}.removeRow{align-items:center;gap:var(--sp-3);background:var(--c-surface-sunken);border:1.5px solid var(--c-border);color:inherit;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;text-align:left;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-bounce);border-radius:14px;padding:11px 13px;display:flex}.removeRow:hover{background:#ff6b5b1f;border-color:#ff6b5b73;transform:translateY(-2px)}.removeSwatch{border-radius:9px;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1.5px #ffffff47,0 2px 6px #0000004d}.removeName{flex:1}.removeChevron{opacity:.4;flex:none}.removeRow:hover .removeChevron{opacity:.9;color:var(--c-danger)}.podiumTitle{text-align:center}@supports ((-webkit-background-clip:text) or (background-clip:text)){.podiumTitle,.finishTitle{text-shadow:none;background:linear-gradient(100deg, var(--c-text) 20%, var(--c-accent-bright) 45%, var(--c-text) 70%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}.titleEmoji{-webkit-text-fill-color:initial;color:initial;background:0 0}.podium{gap:var(--sp-2);font-weight:var(--fw-bold);flex-direction:column;padding:0;font-size:16px;list-style:none;display:flex}.podium li{padding:10px var(--sp-3);border-radius:var(--r-sm);background:var(--c-surface);border:1.5px solid var(--c-border);animation:podiumRise .45s var(--ease-bounce) both;align-items:center;gap:10px;display:flex}.podium li:nth-child(2){animation-delay:70ms}.podium li:nth-child(3){animation-delay:.14s}.podium li:nth-child(4){animation-delay:.21s}@keyframes podiumRise{0%{opacity:0;transform:translateY(14px)}}.podium li:first-child{background:linear-gradient(90deg,#ffb0204d,#ffb0200f);border-color:#ffb02080;box-shadow:0 0 24px -4px #ffb02080}.podium--draw li:first-child{background:var(--c-surface);border-color:var(--c-border);box-shadow:none}.medal{text-align:center;flex:none;width:30px;font-size:20px}.podiumPct{color:var(--c-text-faint);font-style:normal;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-left:auto}.podium li:first-child .medal{animation:medalPop .6s var(--ease-bounce) .2s both}@keyframes medalPop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}}.confetti{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.overlay>.panel{z-index:1;position:relative}.confettiPiece{top:-6vh;left:var(--x);background:var(--confetti-c);opacity:0;width:9px;height:14px;animation:confettiFall var(--dur-fall) linear var(--delay) forwards;border-radius:2px;position:absolute}.confettiPiece:nth-child(3n){border-radius:50%;width:8px;height:8px}.confettiPiece:nth-child(4n){width:5px;height:16px}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), 112vh) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.podium li,.medal{animation:none!important}}.finishPanel{text-align:center;align-items:center;gap:var(--sp-3)}.finishMedal{filter:drop-shadow(0 4px 10px #0006) drop-shadow(0 0 12px var(--fin-c,transparent));animation:finishPop .55s var(--ease-bounce) both;font-size:46px;line-height:1}@keyframes finishPop{0%{opacity:0;transform:scale(.3)rotate(-16deg)}}.finishTitle{line-height:1.15}.finishSub{color:var(--c-text-muted);margin-top:-6px;font-size:13.5px}.finishStandings{width:100%;font-weight:var(--fw-bold);font-size:var(--fs-md);flex-direction:column;gap:6px;margin:2px 0;padding:0;list-style:none;display:flex}.finishStandings li{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:11px;align-items:center;gap:9px;padding:9px 11px;display:flex}.finishStandings li.done{background:linear-gradient(90deg,#ffb0203d,#ffb0200d);border-color:#ffb02073}.finishRank{text-align:center;flex:none;width:22px}.finishName{text-align:left;flex:1}.finishTag{font-size:10.5px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent-bright)}.finishActions{gap:10px;width:100%;display:flex}.finishActions .ghost{text-align:center;flex:1}.finishExit{color:var(--c-danger);border-color:#ff6b5b4d}.finishExit:hover{background:#ff6b5b24;border-color:#ff6b5b80}@media (prefers-reduced-motion:reduce){.finishMedal{animation:none}}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--c-accent-bright);outline-offset:2px}@media (width<=520px){.top{gap:6px}.chip{padding:4px 9px 6px;font-size:11px}.dock{padding:10px var(--sp-3);border-radius:var(--r-md)}.turnText strong{font-size:15px}.turnText small{font-size:11.5px}.boardArea{width:min(100vw - 20px,520px,100dvh - 244px)}}@media (prefers-reduced-motion:reduce){.wrap,.toast,.overlay,.gameMenuPanel,.dialogPanel,.cta,.cta:before,.appHeroIcon{animation:none!important}}[data-perf=low] .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--c-panel-solid)}[data-perf=low] .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10060ceb}[data-perf=low] .hubHeroAccent,[data-perf=low] .hubInstallBtn svg,[data-perf=low] .hubBadgeDot,[data-perf=low] .scrollCueBtn,[data-perf=low] .appHeroIcon,[data-perf=low] .cta:before{animation:none!important}[data-perf=low] .hubHeroAccent{background-position:0%!important}[data-perf=low] body:before{background:radial-gradient(118% 96% at 50% 28%, transparent 42%, #080206ad 100%), var(--bg-app)}[data-perf=low] .hubCard,[data-perf=low] .hubSoon,[data-perf=low] .hubFooter,[data-perf=low] .dock,[data-perf=low] .scrollCueBtn{box-shadow:0 2px 8px #00000059}html,body,#root{height:100%}.hubWrap{--hub-w:min(94vw, 1100px);justify-content:flex-start;padding-top:0;padding-bottom:clamp(24px,5vh,56px);overflow:visible}.hubWrap .top.hubBar{z-index:40;width:var(--hub-w);gap:var(--sp-3);padding:10px var(--sp-3) 10px var(--sp-4);border-radius:var(--r-lg);background:var(--c-bar);border:2px solid var(--c-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--e-2), var(--e-inset-top);flex-wrap:nowrap;margin-top:clamp(8px,2vh,16px);margin-bottom:clamp(8px,1.6vh,14px);position:sticky;top:clamp(8px,2vh,16px)}.hubLogo{object-fit:cover;box-shadow:0 0 0 2.5px var(--c-accent), 0 2px 8px #0006;transition:transform var(--dur) var(--ease-bounce);background:#6427a0;border-radius:50%;flex:none}.hubWrap .top.hubBar:hover .hubLogo{transform:rotate(-8deg)scale(1.06)}.hubHeaderActions{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.hubInstallBtn{border:2px solid var(--c-keyline);border-radius:var(--r-sm);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-heavy);cursor:pointer;color:#06301d;background:linear-gradient(180deg, #6bf0b4 0%, var(--c-success) 55%, var(--c-success-deep) 100%);box-shadow:0 4px 0 #0e7a4c, var(--e-1);transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) ease, filter var(--dur-fast) ease;align-items:center;gap:7px;padding:9px 15px;display:inline-flex}.hubInstallBtn:hover{filter:brightness(1.06);box-shadow:0 6px 0 #0e7a4c, var(--e-2), 0 0 26px -6px var(--c-success);transform:translateY(-2px)}.hubInstallBtn:active{transform:translateY(3px);box-shadow:0 1px #0e7a4c}.hubInstallBtn svg{flex:none;animation:2.4s ease-in-out infinite installBob}@keyframes installBob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.hubIconBtn{border:1.5px solid var(--c-border);background:var(--c-surface);width:40px;height:40px;color:inherit;cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur) var(--ease-bounce);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.hubIconBtn:hover{background:var(--c-surface-2);border-color:var(--c-border-strong);transform:rotate(45deg)}.hubIconBtn:active{transform:scale(.9)}.hubHero{width:var(--hub-w);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:clamp(18px,4vh,34px);display:flex}.hubHeroTitle{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-black);letter-spacing:var(--track-tight);color:var(--c-text);text-shadow:0 3px #0a072259,0 8px 24px #0000004d;line-height:1.06}.hubHeroAccent{color:var(--c-accent-bright)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hubHeroAccent{text-shadow:none;background:linear-gradient(95deg,#ffd764 0%,#ff9f43 34%,#ffedb8 66%,#ffd764 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite heroShimmer}}@keyframes heroShimmer{0%,to{background-position:0%}50%{background-position:100%}}.hubHeroSub{font-size:clamp(14px,1.6vw,16.5px);font-weight:var(--fw-body);color:var(--c-text-muted);max-width:56ch}.hubStats{width:var(--hub-w);border-radius:var(--r-pill);color:var(--c-text);background:linear-gradient(90deg, #ff9f432e, var(--c-surface) 60%);box-shadow:var(--e-1);transition:transform var(--dur-fast) ease;border:1.5px solid #ffd7644d;align-items:center;gap:10px;margin:0 0 clamp(8px,1.5vh,12px);padding:10px 14px;text-decoration:none;display:flex}.hubStats:active{transform:scale(.985)}.hubStatsFlame{color:var(--c-text-faint);display:inline-flex}.hubStatsFlame--lit{color:#ff9f43;filter:drop-shadow(0 0 6px #ff9f43b3)}.hubStatsMain{font-weight:var(--fw-heavy);font-size:15px}.hubStatsGames{font-size:13px;font-weight:var(--fw-bold);color:var(--c-text-muted);margin-left:auto}.hubStatsChevron{color:var(--c-text-faint);flex:none}.hubGrid{width:var(--hub-w);gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(270px,1fr));display:grid}.hubCard{gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:linear-gradient(152deg, color-mix(in srgb, var(--c) 56%, var(--c-card-base)) 0%, color-mix(in srgb, var(--c) 30%, var(--c-card-base-deep)) 100%);border:2px solid var(--c-keyline);box-shadow:var(--e-lip), var(--e-2), inset 0 1.5px 0 #ffffff2e;flex-direction:column;display:flex;position:relative;overflow:hidden}.hubCard:after{content:"";pointer-events:none;background:radial-gradient(120% 70% at 22% -15%,#fff0d62b 0%,#0000 55%);position:absolute;inset:0}.hubCard:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--c) 70%, white) 0%, var(--c) 100%);width:5px;position:absolute;top:0;bottom:0;left:0}.hubCardArt{filter:drop-shadow(0 6px 12px #00000073);width:66px;height:66px;transition:transform var(--dur) var(--ease-bounce), filter var(--dur) ease;border-radius:13px;flex:none;align-self:flex-start;position:relative;transform:rotate(-3deg)}.hubCardArt svg{border-radius:13px;display:block}.hubCard--link:hover .hubCardArt{filter:drop-shadow(0 10px 18px #00000080);transform:rotate(3deg)translateY(-3px)scale(1.06)}.hubCardHead{align-items:center;gap:14px;min-width:0;display:flex}.hubCardBody{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.hubTitleRow{align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0;display:flex}.hubTitleRow h2{font-family:var(--font-display);font-size:23px;font-weight:var(--fw-black);letter-spacing:var(--track-tight);text-shadow:0 2px #00000059}.hubTagline{color:#fffbf5e0;margin:0;font-size:13.5px;line-height:1.45}.hubCardFoot{padding-top:var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-2);flex-flow:row;margin-top:auto;display:flex}.hubCardFoot .hubMeta{white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.hubCardFoot .hubPlay{flex:none}.hubMeta{border-radius:var(--r-pill);font-weight:var(--fw-heavy);font-size:var(--fs-xs);background:#ffffff29;border:2px solid #ffffff42;align-items:center;gap:5px;padding:5px 11px 5px 9px;display:inline-flex}.hubMeta svg{opacity:.9;flex:none}.hubPlay{border-radius:var(--r-pill);font-family:var(--font-display);font-size:14px;font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 74%, white), var(--c));box-shadow:0 5px 0 color-mix(in srgb, var(--c) 45%, black), 0 10px 16px -6px #00000080;text-shadow:0 1px 2px #0000004d;transition:transform var(--dur) var(--ease-bounce), box-shadow var(--dur) ease;border:2.5px solid #ffffffe6;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.hubPlay svg{transition:transform var(--dur) ease}.hubCard--link:hover .hubPlay{box-shadow:0 7px 0 color-mix(in srgb, var(--c) 45%, black), 0 14px 22px -6px #0000008c;transform:translateY(-2px)scale(1.05)}.hubCard--link:hover .hubPlay svg{transform:translate(3px)}.hubCard--link:active .hubPlay{box-shadow:0 2px 0 color-mix(in srgb, var(--c) 45%, black);transform:translateY(2px)}.hubCard--link{color:inherit;cursor:pointer;transition:transform var(--dur) var(--ease-bounce), border-color var(--dur) ease, box-shadow var(--dur) ease;text-decoration:none}.hubCard--link:hover{border-color:color-mix(in srgb, var(--c) 70%, white);box-shadow:0 15px 0 -1px var(--c-keyline), var(--e-3), 0 0 46px -6px color-mix(in srgb, var(--c) 80%, transparent), inset 0 2px 0 #ffffff3d;transform:translateY(-6px)scale(1.02)}.hubCard--link:active{box-shadow:0 3px 0 -1px var(--c-keyline), var(--e-1), inset 0 2px 0 #fff3;transform:translateY(3px)scale(.99)}.hubCard--link:hover:before{box-shadow:0 0 22px 3px color-mix(in srgb, var(--c) 90%, transparent)}.hubCard--link:focus-visible{outline:3px solid var(--c-accent-bright);outline-offset:3px}.hubCard--soon{opacity:.58}.hubSoonTag{font-size:var(--fs-xs);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-pill);border:2px solid var(--c-border-strong);color:var(--c-text-muted);align-self:flex-start;padding:5px 11px}.hubSoon{width:var(--hub-w);margin-top:var(--sp-4);padding:13px var(--sp-4);border-radius:var(--r-md);border:1.5px dashed var(--c-border-strong);background:#ffffff0a;align-items:center;gap:14px;display:flex}.hubSoonArt{color:var(--c-accent-bright);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.hubSoonText{flex-direction:column;gap:1px;min-width:0;display:flex}.hubSoonText strong{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);color:var(--c-text)}.hubSoonText span{color:var(--c-text-muted);font-size:13px}.hubBadge{font-size:10.5px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.04em;padding:3px var(--sp-2);border-radius:var(--r-pill);color:var(--c-text-muted);background:#ffffff24;align-items:center;gap:5px;display:inline-flex}.hubBadgeDot{background:var(--c);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite hubBadgePulse}@keyframes hubBadgePulse{0%,to{opacity:1}50%{opacity:.35}}.hubFooter{width:max-content;max-width:min(94vw,640px);padding:var(--sp-3) var(--sp-5) var(--sp-3) 14px;border-radius:var(--r-lg);background:var(--c-bar);border:2px solid var(--c-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--e-1);text-align:left;align-items:center;gap:14px;margin:auto auto 0;display:flex}.hubFooterIcon{border-radius:var(--r-sm);color:#06301d;background:linear-gradient(180deg, #6bf0b4, var(--c-success-deep));width:44px;height:44px;box-shadow:0 4px 0 #0e7a4c, var(--e-1);flex:none;justify-content:center;align-items:center;display:inline-flex}.hubFooterText{min-width:0}.hubFooter p{font-size:13.5px;font-weight:var(--fw-bold);color:var(--c-text-muted)}.hubFooterNav{font-size:12.5px;font-weight:var(--fw-med);color:var(--c-text-faint);margin-top:3px}.hubFooterNav a{color:inherit;text-decoration:none}.hubFooterNav a:hover{color:var(--c-accent-bright);text-decoration:underline}@media (width<=520px){.hubWrap{gap:var(--sp-3)}.hubWrap .top.hubBar{width:calc(100vw - 20px);padding:9px 10px 9px var(--sp-3);gap:var(--sp-2);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--c-bar-solid);margin-bottom:0}.wordmark{letter-spacing:.1em;font-size:13px}.hubInstallBtn{padding:8px var(--sp-3);font-size:var(--fs-sm)}.hubIconBtn{width:36px;height:36px}.hubHero{gap:6px;width:calc(100vw - 28px);margin-bottom:18px}.hubStats{width:calc(100vw - 28px);margin-bottom:0}.hubHeroSub{font-size:13.5px}.hubGrid{gap:var(--sp-3);grid-template-columns:1fr;width:calc(100vw - 28px)}.hubCard{column-gap:var(--sp-3);border-radius:var(--r-lg);grid-template-columns:auto 1fr;align-items:start;row-gap:4px;padding:14px 14px 15px 18px;display:grid}.hubCardHead{display:contents}.hubCardArt{grid-area:1/1/span 2}.hubTitleRow{grid-area:1/2}.hubCardBody{grid-area:2/2}.hubCardArt{border-radius:var(--r-md);width:60px;height:60px}.hubCardArtInner{border-radius:12px;width:46px;height:46px}.hubTitleRow h2{font-size:19px}.hubTagline{font-size:12.5px}.hubCardFoot{padding-top:10px}.hubPlay{padding:7px 13px;font-size:12.5px}.hubCard--placeholder{align-items:center}.hubFooter{width:calc(100vw - 28px);max-width:none;margin-top:var(--sp-6);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--c-bar-solid)}}@media (prefers-reduced-motion:reduce){.hubBadgeDot,.hubHeroAccent,.hubInstallBtn svg{animation:none!important}.hubCard--link,.hubCardArt,.hubCardArtInner,.hubCardArtInner:after,.hubPlay,.hubLogo,.hubIconBtn{transition:none!important}.hubIconBtn:hover{transform:none}}.pvChips{margin:2px 0 var(--sp-3);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pvChip{border-radius:var(--r-pill);font-size:13px;font-weight:var(--fw-bold);color:var(--c-text);background:var(--c-surface);border:1.5px solid var(--c-border);align-items:center;gap:7px;padding:7px 13px;display:inline-flex}.pvStack{gap:var(--sp-3);flex-direction:column;display:flex}.pvCard{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);border:1.5px solid var(--c-border);border-left:4px solid var(--pv-c);flex-direction:column;gap:8px;display:flex}.pvCardHead{align-items:center;gap:11px;display:flex}.pvCardIcon{border-radius:var(--r-md);background:color-mix(in srgb, var(--pv-c) 24%, transparent);width:38px;height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pv-c) 45%, transparent);flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.pvCard h3{font-size:var(--fs-md);font-weight:var(--fw-heavy);color:var(--c-text);letter-spacing:var(--track-tight)}.pvCard p{font-size:var(--fs-md);color:var(--c-text-muted);margin:0;line-height:1.6}.pvCard a{color:var(--c-accent-bright);font-weight:var(--fw-bold);text-decoration:none}.pvCard a:hover{text-decoration:underline}.pvCard a{overflow-wrap:anywhere}.pvNum{color:var(--pv-c);margin-right:2px}.pvList{font-size:var(--fs-md);color:var(--c-text-muted);flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.55;display:flex}.pvList li::marker{color:var(--pv-c)}.pvIntro{margin:0 2px var(--sp-3);font-size:var(--fs-md);color:var(--c-text-muted);line-height:1.6}.pvIntro a{color:var(--c-accent-bright);font-weight:var(--fw-bold);text-decoration:none}.pvUpdated{margin:var(--sp-2) 0;text-align:center;color:var(--c-text-faint);font-size:12.5px}@media (width<=360px){.pvChip{padding:6px 11px;font-size:12px}}.stStack{gap:var(--sp-3);flex-direction:column;display:flex}.stMuted{color:var(--c-text-muted);font-size:var(--fs-sm)}.stHero{padding:var(--sp-4);border-radius:var(--r-lg);background:radial-gradient(90% 120% at 12% 0%, #ff9f4338, transparent 60%), var(--c-surface);box-shadow:var(--e-1);border:1.5px solid #ffd76447;flex-direction:column;gap:14px;display:flex}.stStreak{align-items:center;gap:14px;display:flex}.stFlame{filter:drop-shadow(0 4px 10px #00000059);flex:none;width:54px;height:68px}.stFlame--lit{filter:drop-shadow(0 0 14px #ff9f43a6);transform-origin:50% 90%;animation:2.2s ease-in-out infinite stFlicker}@keyframes stFlicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.05,1.03)rotate(-1.5deg)}62%{transform:scale(.97,1.05)rotate(1.5deg)}}.stStreakText{flex-direction:column;flex:1;min-width:0;line-height:1;display:flex}.stStreakNum{font-family:var(--font-display);font-size:56px;font-weight:var(--fw-black);background:var(--grad-gold-text);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 2px #3c140a66);-webkit-background-clip:text;background-clip:text}.stStreakLabel{font-size:13px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--c-text-muted);margin-top:4px}.stBest{border-radius:var(--r-md);border:1.5px solid var(--c-border);text-align:center;background:#ffffff0f;flex-direction:column;flex:none;align-items:center;gap:2px;max-width:42%;padding:8px 14px;display:flex}.stBestNum{font-size:22px;font-weight:var(--fw-black);color:var(--c-gold);line-height:1}.stBestLabel{font-size:11px;font-weight:var(--fw-bold);color:var(--c-text-muted);line-height:1.2}.stWeek{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.stDay{flex-direction:column;align-items:center;gap:6px;display:flex}.stDayDot{aspect-ratio:1;border:2px solid var(--c-border);color:#0000;background:#ffffff0f;border-radius:50%;place-items:center;width:100%;max-width:38px;display:grid}.stDay--on .stDayDot{color:#4a2a00;background:linear-gradient(#ffd764,#f0a020);border-color:#ffe9a8e6;box-shadow:0 3px 8px #f0a02059}.stDay--today .stDayDot{box-shadow:0 0 0 3px #ffffff29}.stDay--on.stDay--today .stDayDot{box-shadow:0 0 0 3px #ffd7644d,0 3px 8px #f0a02059}.stDayName{font-size:12px;font-weight:var(--fw-bold);color:var(--c-text-faint)}.stDay--today .stDayName{color:var(--c-gold)}.stHeroMsg{text-align:center;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-text)}.stTiles{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.stTile{padding:14px var(--sp-3);border-radius:var(--r-lg);background:var(--c-surface);border:1.5px solid var(--c-border);flex-direction:column;gap:2px;min-width:0;display:flex}.stTileIcon{margin-bottom:6px;font-size:20px;line-height:1}.stTileValue{font-family:var(--font-display);font-size:32px;font-weight:var(--fw-black);color:var(--c-text);line-height:1.05}.stTileLabel{font-size:13px;font-weight:var(--fw-heavy);color:var(--c-text)}.stTileSub{color:var(--c-text-muted);font-size:12px;line-height:1.3}.stFav{padding:12px var(--sp-3);border-radius:var(--r-lg);color:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--gc) 22%, transparent), var(--c-surface) 70%);border:1.5px solid color-mix(in srgb, var(--gc) 55%, transparent);align-items:center;gap:12px;text-decoration:none;display:flex}.stFav:active{transform:scale(.99)}.stSection{margin:var(--sp-2) 2px 0;font-size:12px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--c-text-faint)}.stGame{padding:var(--sp-3);border-radius:var(--r-lg);background:var(--c-surface);border:1.5px solid var(--c-border);border-left:5px solid var(--gc);flex-direction:column;gap:12px;display:flex}.stGameHead{align-items:center;gap:12px;display:flex}.stGameArt{border-radius:12px;flex:none;width:46px;height:46px;overflow:hidden;box-shadow:0 3px 8px #00000059}.stGameTitle{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.stGameTitle h3{font-size:16px;font-weight:var(--fw-heavy);color:var(--c-text);line-height:1.2}.stGameCount{text-align:center;border-radius:var(--r-pill);min-width:34px;font-size:15px;font-weight:var(--fw-black);color:#fff;background:color-mix(in srgb, var(--gc) 75%, #000);padding:4px 10px}.stPlayLink{border-radius:var(--r-pill);font-size:13px;font-weight:var(--fw-heavy);color:#fff;background:color-mix(in srgb, var(--gc) 80%, #000);box-shadow:0 3px 0 color-mix(in srgb, var(--gc) 45%, #000);padding:7px 16px;text-decoration:none}.stNote{font-size:13px}.stRecord{flex-direction:column;gap:8px;display:flex}.stRecordHead{justify-content:space-between;align-items:baseline;display:flex}.stRecordPct{font-size:20px;font-weight:var(--fw-black);color:var(--c-text)}.stBar{border-radius:var(--r-pill);background:#ffffff0f;gap:3px;height:12px;display:flex;overflow:hidden}.stSeg{flex-basis:0;min-width:8px;display:block}.stSeg--won{background:linear-gradient(#4ade92,#1fa463)}.stSeg--drawn{background:linear-gradient(#c8c0d6,#8f86a0)}.stSeg--lost{background:linear-gradient(#ff7a6e,#d6404a)}.stLegend{font-size:14px;font-weight:var(--fw-black);color:var(--c-text);flex-wrap:wrap;gap:16px;display:flex}.stLegend em{font-style:normal;font-weight:var(--fw-bold);color:var(--c-text-muted);font-size:13px}.stLegend span{align-items:center;gap:6px;display:inline-flex}.stLegend i{border-radius:50%;width:10px;height:10px}.stDotW{background:#2fbe78}.stDotD{background:#a79fb8}.stDotL{background:#e5524f}.stChips{flex-wrap:wrap;gap:8px;display:flex}.stChip{border-radius:var(--r-pill);color:var(--c-text-muted);border:1.5px solid var(--c-border);background:#ffffff0f;padding:5px 12px;font-size:13px}.stChip b{color:var(--c-text);font-weight:var(--fw-black)}.stChip--gold{background:#ffd7641a;border-color:#ffd76466}.stChip--gold b{color:var(--c-gold)}.stFoot{margin-top:var(--sp-3);flex-direction:column;align-items:center;gap:12px;display:flex}.stReset{width:100%;color:var(--c-text-muted)}@media (width<=360px){.stStreakNum{font-size:46px}.stTileValue{font-size:28px}}@media (prefers-reduced-motion:reduce){.stFlame--lit{animation:none}}