:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--safe-bottom:env(safe-area-inset-bottom,0px);--text-primary:#111;--text-secondary:#666;--bg-main:#fff;--bg-sidebar:#fafafa;--accent:#000;--border:#eee;--border-hover:#ddd;--danger:#f44;--success:#00c853;--input-bg:#fff;--height-std:36px;--font-size-std:.82rem;--ui-control-height:32px;--ui-control-height-sm:34px;--ui-control-padding-x:13px;--ui-control-radius:16px;--ui-card-padding:14px;--ui-card-radius:20px;--ui-row-padding-y:10px;--ui-row-padding-x:12px;--ui-row-radius:16px;--ui-panel-padding:clamp(14px, 2.4vw, 24px);--ui-panel-radius:26px;--glass-bg:#ffffff40;--glass-border:#0000000a;--glass-highlight:#fffc;--glass-shadow:#00000005;--glass-blur:8px;--lg-radius-xs:14px;--lg-radius-sm:20px;--lg-radius-md:28px;--lg-radius-lg:38px;--lg-radius-xl:48px;--lg-radius-pill:999px;--lg-spring:all .4s cubic-bezier(.175, .885, .32, 1.275);--text-color:var(--text-primary);--text-title:var(--text-primary);--bg-gradient:var(--bg-main);--surface:var(--glass-bg);--muted:var(--text-secondary);--line:var(--border);--card-bg:var(--glass-bg);--card-border:var(--glass-border);--shadow:0 8px 32px var(--glass-shadow);--input-border:var(--border);--btn-secondary-bg:var(--glass-bg);--btn-secondary-border:var(--glass-border);--btn-secondary-color:var(--text-primary);--theme-selector-bg:var(--glass-bg);--theme-btn-active-bg:var(--glass-highlight);--theme-btn-active-color:var(--text-primary);--premium-navy:var(--text-primary);--premium-blue:var(--accent);--premium-blue-2:var(--accent);--premium-gold:#f7cf74;--premium-gold-dark:#aa7d23;--premium-paper:var(--glass-bg);--premium-line:var(--border);--premium-shadow:var(--shadow);--navy:var(--text-primary);--blue:var(--accent);--blue-dark:var(--accent);--red:var(--danger);--green:var(--success);--orange:#ffb340;--select-option-hover-bg:#0000000d;--select-option-hover-color:var(--text-primary);--lg-stroke:#00000014;--lg-stroke-strong:#00000029;--lg-blur:blur(12px);--lg-glass:#ffffff4d;--lg-glass-strong:#fff9;--lg-inner-light:inset 0 1px 0 #fff6;--lg-inner-depth:inset 0 -1px 0 #0000000a;--lg-aberration:0 0 0 transparent;--lg-shadow-soft:0 12px 30px #0000000a;--lg-shadow-float:0 20px 40px #0000000f;--lg-page-bg:var(--bg-main);--lg-muted:var(--text-secondary);--lg-muted-strong:#555;--lg-blue:#06c;--lg-indigo:#5856d6;--lg-warning:#ff9500;--lg-danger:var(--danger);--lg-success:var(--success);--lg-focus:0 0 0 3px #06c6;--lg-ink:var(--text-primary);--lg-spring-fast:all .2s cubic-bezier(.16, 1, .3, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--text-color);background:var(--bg-gradient);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--bg-main:#050505;--bg-sidebar:#0f0f0f;--accent:#fff;--border:#ffffff0a;--border-hover:#ffffff14;--input-bg:#111;--glass-bg:#0a0a0c59;--glass-border:#ffffff0a;--glass-highlight:#ffffff0f;--glass-shadow:#00000026;--text-color:var(--text-primary);--text-title:var(--text-primary);--bg-gradient:var(--bg-main);--surface:var(--glass-bg);--muted:var(--text-secondary);--line:var(--border);--card-bg:var(--glass-bg);--card-border:var(--glass-border);--shadow:0 8px 32px var(--glass-shadow);--input-border:var(--border);--btn-secondary-bg:var(--glass-bg);--btn-secondary-border:var(--glass-border);--btn-secondary-color:var(--text-primary);--theme-selector-bg:var(--glass-bg);--theme-btn-active-bg:var(--glass-highlight);--theme-btn-active-color:var(--text-primary);--premium-navy:var(--text-primary);--premium-blue:var(--accent);--premium-blue-2:var(--accent);--premium-paper:var(--glass-bg);--premium-line:var(--border);--premium-shadow:var(--shadow);--navy:var(--text-primary);--blue:var(--accent);--blue-dark:var(--accent);--select-option-hover-bg:#ffffff0d;--select-option-hover-color:var(--text-primary);--lg-stroke:#ffffff0f;--lg-stroke-strong:#ffffff1f;--lg-blur:blur(12px);--lg-glass:#0f0f1259;--lg-glass-strong:#0f0f12a6;--lg-inner-light:inset 0 1px 0 #ffffff14;--lg-inner-depth:inset 0 -1px 0 #0003;--lg-aberration:0 0 0 transparent;--lg-shadow-soft:0 12px 30px #0003;--lg-shadow-float:0 20px 40px #0000004d;--lg-page-bg:var(--bg-main);--lg-muted:var(--text-secondary);--lg-muted-strong:#b0b0b0;--lg-blue:#3a96ff;--lg-indigo:#5e5ce6;--lg-warning:#ff9f0a;--lg-danger:var(--danger);--lg-success:var(--success);--lg-focus:0 0 0 3px #0a84ff80;--lg-ink:var(--text-primary);--lg-spring-fast:all .2s cubic-bezier(.16, 1, .3, 1)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--bg-main:#050505;--bg-sidebar:#0f0f0f;--accent:#fff;--border:#ffffff0a;--border-hover:#ffffff14;--input-bg:#111;--glass-bg:#0a0a0c59;--glass-border:#ffffff0a;--glass-highlight:#ffffff0f;--glass-shadow:#00000026;--text-color:var(--text-primary);--text-title:var(--text-primary);--bg-gradient:var(--bg-main);--surface:var(--glass-bg);--muted:var(--text-secondary);--line:var(--border);--card-bg:var(--glass-bg);--card-border:var(--glass-border);--shadow:0 8px 32px var(--glass-shadow);--input-border:var(--border);--btn-secondary-bg:var(--glass-bg);--btn-secondary-border:var(--glass-border);--btn-secondary-color:var(--text-primary);--theme-selector-bg:var(--glass-bg);--theme-btn-active-bg:var(--glass-highlight);--theme-btn-active-color:var(--text-primary);--premium-navy:var(--text-primary);--premium-blue:var(--accent);--premium-blue-2:var(--accent);--premium-paper:var(--glass-bg);--premium-line:var(--border);--premium-shadow:var(--shadow);--navy:var(--text-primary);--blue:var(--accent);--blue-dark:var(--accent);--select-option-hover-bg:#ffffff0d;--select-option-hover-color:var(--text-primary);--lg-stroke:#ffffff0f;--lg-stroke-strong:#ffffff1f;--lg-blur:blur(12px);--lg-glass:#0f0f1259;--lg-glass-strong:#0f0f12a6;--lg-inner-light:inset 0 1px 0 #ffffff14;--lg-inner-depth:inset 0 -1px 0 #0003;--lg-aberration:0 0 0 transparent;--lg-shadow-soft:0 12px 30px #0003;--lg-shadow-float:0 20px 40px #0000004d;--lg-page-bg:var(--bg-main);--lg-muted:var(--text-secondary);--lg-muted-strong:#b0b0b0;--lg-blue:#3a96ff;--lg-indigo:#5e5ce6;--lg-warning:#ff9f0a;--lg-danger:var(--danger);--lg-success:var(--success);--lg-focus:0 0 0 3px #0a84ff80;--lg-ink:var(--text-primary);--lg-spring-fast:all .2s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-primary:#111;--text-secondary:#666;--bg-main:#fff;--bg-sidebar:#fafafa;--accent:#000;--border:#eee;--border-hover:#ddd;--input-bg:#fff;--glass-bg:#fff6;--glass-border:#fff9;--glass-highlight:#ffffffe6;--glass-shadow:#0000000a;--text-color:var(--text-primary);--text-title:var(--text-primary);--bg-gradient:var(--bg-main);--surface:var(--glass-bg);--muted:var(--text-secondary);--line:var(--border);--card-bg:var(--glass-bg);--card-border:var(--glass-border);--shadow:0 8px 32px var(--glass-shadow);--input-border:var(--border);--btn-secondary-bg:var(--glass-bg);--btn-secondary-border:var(--glass-border);--btn-secondary-color:var(--text-primary);--theme-selector-bg:var(--glass-bg);--theme-btn-active-bg:var(--glass-highlight);--theme-btn-active-color:var(--text-primary);--premium-navy:var(--text-primary);--premium-blue:var(--accent);--premium-blue-2:var(--accent);--premium-paper:var(--glass-bg);--premium-line:var(--border);--premium-shadow:var(--shadow);--navy:var(--text-primary);--blue:var(--accent);--blue-dark:var(--accent);--select-option-hover-bg:#0000000d;--select-option-hover-color:var(--text-primary);--lg-stroke:#00000014;--lg-stroke-strong:#00000029;--lg-blur:blur(12px);--lg-glass:#ffffff4d;--lg-glass-strong:#fff9;--lg-inner-light:inset 0 1px 0 #fff6;--lg-inner-depth:inset 0 -1px 0 #0000000a;--lg-aberration:0 0 0 transparent;--lg-shadow-soft:0 12px 30px #0000000a;--lg-shadow-float:0 20px 40px #0000000f;--lg-page-bg:var(--bg-main);--lg-muted:var(--text-secondary);--lg-muted-strong:#555;--lg-blue:#06c;--lg-indigo:#5856d6;--lg-warning:#ff9500;--lg-danger:var(--danger);--lg-success:var(--success);--lg-focus:0 0 0 3px #06c6;--lg-ink:var(--text-primary);--lg-spring-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:before,:after{box-sizing:inherit}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#eef5ff}img,svg{max-width:100%;display:block}button,input,textarea,select{border-radius:0}.Icon,.icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.Icon.image-icon img,.icon.image-icon img{max-width:100%;height:auto;display:block}.Icon svg,.icon svg{display:block}.liquid-panel,.panel,.home-choice-card,.profile-card,.shop-card,.finished-card,.join-card,.centered-state,.checkout-panel,.history-panel,.dart-pad,.dialog-card,.saved-game-card,.create-game-card,.join-game-card,.stat-card,.custom-button,.button{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 20px var(--glass-shadow)}.spring-interactive,.custom-button,.button{cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.spring-interactive:active,.custom-button:active,.button:active{transform:scale(.955)translateY(.5px);border-radius:14px!important}body{font-feature-settings:"ss01" 1, "cv01" 1, "cv02" 1}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-title);letter-spacing:-.06em;font-weight:860}.eyebrow{color:var(--lg-blue);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:860;display:inline-flex}.eyebrow:after{content:"";background:linear-gradient(90deg,currentColor,#0000);border-radius:999px;width:24px;height:1px}*{box-sizing:border-box}html{background:var(--bg-gradient);overscroll-behavior-x:none;min-width:320px;min-height:100%;overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--text-color);overscroll-behavior-x:none;background:0 0;margin:0;overflow-x:hidden}body:before{content:"";z-index:-2;background:var(--bg-gradient);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.54;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 0 32%,#ffffff5c 36%,#0000 42%),radial-gradient(circle at 50% 20%,#ffffff80,#0000 18rem);position:fixed;inset:0}button,input,select,textarea{font:inherit}button,select,option{border-radius:8px;padding:6px 12px}button{cursor:pointer;min-height:var(--ui-control-height)}select{min-height:var(--ui-control-height)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--lg-focus);outline:none}::selection{color:var(--lg-ink);background:#35d8ff52}.app-shell{isolation:isolate;background:radial-gradient(circle at 78% 46%,#2169cc1a 0,#2169cc0b 24%,#0000 54%),radial-gradient(circle at 18% 18%,#0a84ff09 0,#0000 34%);background-color:var(--bg-main);overscroll-behavior:none;touch-action:pan-y;width:100%;height:100dvh;min-height:100vh;position:fixed;inset:0;overflow:hidden}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;filter:blur(4px);opacity:.72;border-radius:50%;display:none;position:fixed}.fixed-background-target{z-index:-1;aspect-ratio:1;opacity:.35;width:min(100vw,680px);transform-style:preserve-3d;pointer-events:none;background:radial-gradient(circle, #6eb1fc99 0 3%, transparent 3.5%), radial-gradient(circle, transparent 0 3%, #6eb1fc4d 3.5% 7.5%, transparent 8%), radial-gradient(circle, transparent 0 7.5%, #6eb1fcb3 7.5% 8.5%, transparent 8.5%), radial-gradient(circle, transparent 0 50%, #6eb1fc66 50.5% 54.5%, transparent 55%), radial-gradient(circle, transparent 0 50%, #6eb1fcb3 50% 50.8%, transparent 50.8% 54.2%, #6eb1fcb3 54.2% 55%, transparent 55%), radial-gradient(circle, transparent 0 88%, #6eb1fc66 88.5% 92.5%, transparent 93%), radial-gradient(circle, transparent 0 88%, #6eb1fcb3 88% 88.8%, transparent 88.8% 92.2%, #6eb1fcb3 92.2% 93%, transparent 93%), repeating-conic-gradient(from -9deg, #6eb1fc29 0 18deg, #6eb1fc0f 18deg 36deg);border:8px solid #6eb1fc73;border-radius:50%;position:fixed;top:50%;right:-42%;transform:perspective(1200px)translateY(-50%)rotateX(34deg)rotateY(-8deg)rotate(-16deg);box-shadow:-12px 20px 40px #0009,inset -4px -4px 20px #6eb1fc26,inset 4px 4px 20px #ffffff1a}.app-shell:after{aspect-ratio:1;background:radial-gradient(circle,#78787814,#0000 68%);width:min(62vw,680px);bottom:2vh;right:-18vw}.pwa-app-header{z-index:70;height:42px;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:var(--lg-page-bg);-webkit-backdrop-filter:none;border:0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.pwa-app-brand{left:max(12px, env(safe-area-inset-left));min-height:32px;color:var(--text-primary);font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:.86rem;font-weight:800;display:inline-flex;position:absolute}.pwa-app-title{color:var(--text-primary);margin:0;font-size:.94rem;font-weight:780}.pwa-app-brand img{border-radius:7px;width:22px;height:22px}.app-shell>main{width:min(1180px,100% - 36px);height:calc(100% - 42px);margin:42px auto 0;overflow:hidden}.bottom-nav{z-index:60;left:50%;bottom:max(12px, var(--safe-bottom));-webkit-backdrop-filter:blur(30px);background:#0a0a0c80;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:0;width:min(400px,100% - 24px);padding:4px;display:grid;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff26,0 12px 30px #0006}:root[data-theme=light] .bottom-nav{background:#fff9;border:1px solid #00000014;box-shadow:inset 0 1px #fff9,0 12px 30px #00000014}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bottom-nav{background:#fff9;border:1px solid #00000014;box-shadow:inset 0 1px #fff9,0 12px 30px #00000014}}.bottom-nav.has-extra-tab{grid-template-columns:repeat(6,1fr);width:min(520px,100% - 24px)}.bottom-nav-guard{z-index:55;height:calc(92px + var(--safe-bottom,0px));pointer-events:auto;touch-action:none;background:linear-gradient(#0000,#00000047 54%,#000000bd);position:fixed;bottom:0;left:0;right:0}:root[data-theme=light] .bottom-nav-guard{background:linear-gradient(#0000,#ffffff52 54%,#fffc)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bottom-nav-guard{background:linear-gradient(#0000,#ffffff52 54%,#fffc)}}.bottom-nav:before{display:none}.bottom-nav .custom-button{z-index:2;color:#ffffffa6;letter-spacing:-.012em;border-radius:18px;flex-direction:column;gap:2px;min-height:52px;padding:4px 5px;font-size:.64rem;font-weight:600;transition:all .3s;position:relative;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:0!important}.bottom-nav .custom-button.active{color:#fff}:root[data-theme=light] .bottom-nav .custom-button{color:#0000008c}:root[data-theme=light] .bottom-nav .custom-button.active{color:#000}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bottom-nav .custom-button{color:#0000008c}:root:not([data-theme=dark]) .bottom-nav .custom-button.active{color:#000}}.bottom-nav .custom-button:disabled,.bottom-nav .custom-button.disabled{opacity:.25;cursor:not-allowed;pointer-events:none;box-shadow:none!important;color:var(--text-secondary)!important;background:0 0!important}.bottom-nav .custom-button svg{width:18px;height:18px;transition:transform .3s}.bottom-nav .custom-button:hover:not(:disabled){color:#ffffffc7!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:0 #0000!important;transform:none!important}.bottom-nav .custom-button.active:hover:not(:disabled){color:#fff!important}:root[data-theme=light] .bottom-nav .custom-button:hover:not(:disabled){color:#0000009e!important;background:0 0!important}:root[data-theme=light] .bottom-nav .custom-button.active:hover:not(:disabled){color:#000!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bottom-nav .custom-button:hover:not(:disabled){color:#0000009e!important;background:0 0!important}:root:not([data-theme=dark]) .bottom-nav .custom-button.active:hover:not(:disabled){color:#000!important}}.nav-bubbles-container{pointer-events:none;opacity:.12;z-index:1;position:absolute;inset:0}.bottom-nav.has-hover .nav-bubbles-container{filter:url(#gooey-filter)}:root[data-theme=light] .nav-bubbles-container{opacity:.05}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .nav-bubbles-container{opacity:.05}}.nav-bubble-indicator{will-change:transform, opacity;pointer-events:none;background:#fff;border-radius:19px;width:calc(16.6667% - 1.33333px);position:absolute;top:3px;bottom:3px;left:4px}:root[data-theme=light] .nav-bubble-indicator{background:#000}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .nav-bubble-indicator{background:#000}}.nav-bubble-indicator.active-bubble{transform:translateX(calc(100% * var(--active-index,0)));transition:transform .35s cubic-bezier(.25,.8,.25,1.15)}.nav-bubble-indicator.hover-bubble{transform:translateX(calc(100% * var(--hover-index,0))) scale(var(--hover-opacity,0));opacity:var(--hover-opacity,0);transition:transform .35s cubic-bezier(.25,.8,.25,1.15),opacity .2s,scale .2s}.bottom-nav .custom-button:active:not(:disabled){-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:18px!important;transform:none!important}.app-notice-toast{z-index:120;top:max(68px, 52px + env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));width:min(360px,100% - 28px);color:var(--text-primary);background:color-mix(in srgb, var(--lg-glass-strong) 94%, #30d1580f);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-depth), var(--lg-shadow-float);border:1px solid #30d15833;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;position:fixed}.app-notice-toast>.icon{color:var(--lg-success)}.app-notice-toast strong,.app-notice-toast span{display:block}.app-notice-toast strong{font-size:.82rem}.app-notice-toast span{color:var(--text-secondary);margin-top:2px;font-size:.76rem;line-height:1.3}.app-notice-toast .custom-button{width:34px;min-width:34px;min-height:34px;color:var(--text-secondary);border-radius:999px;padding:0}.pull-refresh{z-index:90;top:calc(50px + env(safe-area-inset-top));border:1px solid var(--lg-stroke);color:var(--lg-muted-strong);background:var(--lg-glass-strong);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-depth), 0 18px 42px #1a40741f;opacity:0;transition:opacity var(--lg-spring-fast), transform var(--lg-spring);border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:.78rem;font-weight:800;display:inline-flex;position:fixed;left:50%;transform:translate(-50%,-18px)scale(.94)}.pull-refresh.visible{opacity:1;transform:translate(-50%)scale(1)}.pull-refresh:not(.visible){visibility:hidden}.pull-refresh-icon{width:24px;height:24px;color:var(--lg-blue);box-shadow:var(--lg-inner-light);background:#ffffff8f;border-radius:50%;place-items:center;display:grid}.pull-refresh.ready .pull-refresh-icon,.pull-refresh.refreshing .pull-refresh-icon{color:#087253}.pull-refresh.refreshing .pull-refresh-icon{animation:.72s linear infinite spin}@media (width<=760px){.app-shell>main{width:min(100% - 24px,1180px);padding-bottom:0}.page-slide{padding-bottom:calc(128px + var(--safe-bottom,0px))}}.pages-slider-container{width:100%;height:100%;position:relative;overflow:hidden}.pages-slider{will-change:transform;align-items:stretch;height:100%;display:flex}.page-slide,.standalone-page-scroll{box-sizing:border-box;height:100%;padding-bottom:calc(132px + var(--safe-bottom,0px));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;overflow:hidden auto}.page-slide::-webkit-scrollbar{display:none}.standalone-page-scroll::-webkit-scrollbar{display:none}.page-slide:not(.active){pointer-events:none;overflow:hidden}.page-slide.active{pointer-events:auto;overflow-y:auto}html,body,.app-shell,.app-shell>main,.pages-slider-container,.page-slide,.standalone-page-scroll,.dialog-backdrop,.custom-select-dropdown,.game-header-actions,.cricket-board,.home-stats-rail{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.app-shell::-webkit-scrollbar{width:0;height:0;display:none}.app-shell>main::-webkit-scrollbar{width:0;height:0;display:none}.pages-slider-container::-webkit-scrollbar{width:0;height:0;display:none}.page-slide::-webkit-scrollbar{width:0;height:0;display:none}.standalone-page-scroll::-webkit-scrollbar{width:0;height:0;display:none}.dialog-backdrop::-webkit-scrollbar{width:0;height:0;display:none}.custom-select-dropdown::-webkit-scrollbar{width:0;height:0;display:none}.game-header-actions::-webkit-scrollbar{width:0;height:0;display:none}.cricket-board::-webkit-scrollbar{width:0;height:0;display:none}.home-stats-rail::-webkit-scrollbar{width:0;height:0;display:none}.topbar,.install-header{z-index:30;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);min-height:76px;-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:space-between;align-items:center;padding:0 max(18px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:var(--text-title);letter-spacing:-.035em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.05rem;font-weight:820;display:inline-flex}.brand-mark{place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden}.topbar-tag,.section-note,.install-status{color:var(--lg-muted);font-size:.82rem;font-weight:720}.install-header-actions,.topbar>div:last-child{align-items:center;gap:14px;display:flex}.theme-selector{border:1px solid var(--lg-stroke);background:var(--theme-selector-bg);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-light), 0 10px 30px #1a407414;border-radius:999px;padding:4px;display:flex}.theme-btn{width:34px;height:34px;min-height:34px;color:var(--lg-muted-strong);transition:color var(--lg-spring-fast), background var(--lg-spring-fast), transform var(--lg-spring-fast);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.theme-btn.active{color:var(--lg-blue);background:var(--theme-btn-active-bg);box-shadow:inset 0 1px #ffffffdb,0 8px 20px #1a40741f}.theme-btn:active{transform:scale(.9)}@media (width<=620px){.topbar,.install-header{min-height:66px;padding:0 12px}.brand span:last-child{font-size:.95rem}.brand-mark{border-radius:16px;width:42px;height:42px}.topbar-tag,.install-status{display:none}}.custom-button,.button{min-height:var(--ui-control-height);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.custom-button:hover:not(:disabled),.button:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff0d;transform:translateY(-.5px)}.custom-button:active:not(:disabled),.button:active:not(:disabled){transform:scale(.955)translateY(.5px);border-radius:11px!important}.custom-button:disabled,.button:disabled{cursor:not-allowed;opacity:.25}.custom-button.btn-primary,.button.primary,.custom-button.primary{background:var(--accent);color:var(--bg-main);border:1px solid var(--accent);box-shadow:none}.custom-button.btn-primary:hover:not(:disabled),.button.primary:hover:not(:disabled),.custom-button.primary:hover:not(:disabled){background:var(--accent);opacity:.9;border-color:var(--accent)}.custom-button.btn-secondary,.button.secondary,.custom-button.secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.custom-button.btn-danger,.button.danger,.custom-button.danger{color:#fff;background:var(--danger);border:1px solid var(--danger)}.custom-button.btn-danger:hover:not(:disabled),.button.danger:hover:not(:disabled),.custom-button.danger:hover:not(:disabled){background:var(--danger);opacity:.9}.custom-button.btn-compact,.button.compact{min-height:auto;padding:6px 12px;font-size:.76rem}.custom-button.btn-text,.custom-button.btn-text-danger,.text-button{min-height:auto;box-shadow:none;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:0;padding:4px 0;font-size:.8rem;font-weight:600}.custom-button.btn-text:before,.custom-button.btn-text-danger:before,.text-button:before{display:none}.custom-button.btn-text:hover:not(:disabled),.custom-button.btn-text-danger:hover:not(:disabled),.text-button:hover:not(:disabled){background:0 0;text-decoration:underline;transform:none}.custom-button.btn-text-danger,.text-button.danger{color:var(--danger)}.segmented-control{--segmented-height:34px;--segmented-radius:10px;--segmented-item-radius:7px;--segmented-bg:#2c2c2ec7;--segmented-active-bg:linear-gradient(180deg, color-mix(in srgb, var(--lg-blue) 94%, #fff 6%), var(--lg-blue));--segmented-active-shadow:0 8px 20px #0a84ff42;--segmented-text:#ffffffbd;--segmented-hover-text:#ffffffeb;--segmented-active-text:#fff;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border-radius:var(--segmented-radius);background:var(--segmented-bg);box-shadow:none;border:0;gap:0;padding:3px;display:grid;position:relative;overflow:hidden}.segmented-control:before{content:"";z-index:0;width:calc((100% - 6px) / var(--segment-count));border-radius:var(--segmented-item-radius);background:var(--segmented-active-bg);box-shadow:var(--segmented-active-shadow);opacity:1;transform:translateX(calc(var(--segment-index) * 100%));pointer-events:none;transition:transform .26s cubic-bezier(.25,.8,.25,1.15),opacity .18s;position:absolute;top:3px;bottom:3px;left:3px}.segmented-control.no-selection:before{opacity:0}.segmented-control.size-sm{--segmented-height:34px;--segmented-radius:10px;--segmented-item-radius:7px}.segmented-control .custom-button.segmented-control__button{z-index:1;min-width:0;min-height:var(--segmented-height);border-radius:var(--segmented-item-radius);color:var(--segmented-text);text-align:center;white-space:nowrap;appearance:none;padding:0 8px;font-size:.9rem;font-weight:850;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important;transform:none!important}.segmented-control .custom-button.segmented-control__button:hover:not(:disabled),.segmented-control .custom-button.segmented-control__button:focus-visible:not(:disabled),.segmented-control .custom-button.segmented-control__button:active:not(:disabled){color:var(--segmented-hover-text)!important;box-shadow:none!important;background:0 0!important;border:0!important;transform:none!important}.segmented-control .custom-button.segmented-control__button:focus-visible{outline:2px solid var(--lg-focus);outline-offset:-3px}.segmented-control .custom-button.segmented-control__button.active,.segmented-control .custom-button.segmented-control__button.active:hover:not(:disabled),.segmented-control .custom-button.segmented-control__button.active:focus-visible:not(:disabled),.segmented-control .custom-button.segmented-control__button.active:active:not(:disabled){color:var(--segmented-active-text)!important}.segmented-control .custom-button.segmented-control__button:disabled{opacity:1;color:#ffffff57!important;background:0 0!important}:root[data-theme=light] .segmented-control{--segmented-bg:#0f172a13;--segmented-text:#111827a3;--segmented-hover-text:#111827;--segmented-active-text:#fff;border:1px solid #0f172a0f;box-shadow:inset 0 1px #ffffffb8}:root[data-theme=light] .segmented-control .custom-button.segmented-control__button:disabled{color:#11182757!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .segmented-control{--segmented-bg:#0f172a13;--segmented-text:#111827a3;--segmented-hover-text:#111827;--segmented-active-text:#fff;border:1px solid #0f172a0f;box-shadow:inset 0 1px #ffffffb8}:root:not([data-theme=dark]) .segmented-control .custom-button.segmented-control__button:disabled{color:#11182757!important}}@media (prefers-reduced-motion:reduce){.segmented-control:before{transition:none}}.panel,.home-choice-card,.profile-card,.shop-card,.finished-card,.join-card,.centered-state,.checkout-panel,.history-panel,.dart-pad,.dialog-card,.saved-game-card,.create-game-card,.join-game-card,.stat-card{border-radius:var(--lg-radius-sm,20px);position:relative}.avatar,.avatar-bubble,.participant-avatar,.score-avatar{border:1px solid var(--glass-border);color:var(--text-primary);background:var(--glass-bg);box-shadow:inset 0 1px 1px var(--glass-highlight), 0 4px 12px var(--glass-shadow);border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{border-radius:18px;width:52px;height:52px}.avatar-badge{color:#fff;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;transition:all .3s;display:grid;overflow:hidden;box-shadow:inset 0 1px 1px #fff3,0 4px 12px #0000001f}.avatar-badge img{object-fit:cover;width:100%;height:100%}.avatar-badge.avatar-blue{background:linear-gradient(135deg,#0a84ff,#0056b3)}.avatar-badge.avatar-gold{background:linear-gradient(135deg,#ffd60a,#b8860b)}.avatar-badge.avatar-green{background:linear-gradient(135deg,#30d158,#1e7e34)}.avatar-badge.avatar-red{background:linear-gradient(135deg,#ff453a,#a91e17)}.avatar-badge.avatar-purple{background:linear-gradient(135deg,#bf5af2,#6c2297)}.avatar-badge.avatar-slate{background:linear-gradient(135deg,#8e8e93,#48484a)}form,.join-form,.settings-form,.auth-form{gap:12px;display:grid}label{color:var(--text-title);gap:6px;font-size:.86rem;font-weight:780;display:grid}.form-error,.empty-copy{color:var(--lg-muted);font-size:.9rem;line-height:1.45}.form-error{color:var(--lg-danger)}.auth-form,.settings-form{max-width:760px}.join-request-list{gap:10px;margin-top:18px;display:grid}.join-request-row,.friend-row,.history-card,.local-player-row{padding:var(--ui-row-padding-y) var(--ui-row-padding-x);border:1px solid var(--glass-border);border-radius:var(--ui-row-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 20px var(--glass-shadow);justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-backdrop{z-index:200;width:100dvw;max-width:100dvw;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);background:#00000070;place-items:center;padding:14px;animation:.22s ease-out forwards dialog-backdrop-fade;display:grid;position:fixed;inset:0;overflow:auto}.dialog-card{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;border-radius:26px;width:min(780px,100%);max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:clamp(18px,3vw,28px);animation:.32s cubic-bezier(.2,.9,.2,1.18) forwards dialog-card-scale-up;position:relative;overflow:hidden auto}.dialog-card h2{margin:6px 0;font-size:clamp(1.55rem,3.3vw,2.25rem)}.dialog-card>p{color:var(--lg-muted);margin-bottom:18px}.dialog-close{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:999px;place-items:center;font-size:1.35rem;transition:transform .3s;display:grid;position:absolute;top:12px;right:12px}.dialog-close:hover{transform:scale(1.08)}:root[data-theme=light] .dialog-backdrop{background:#0f172a42}:root[data-theme=light] .dialog-card{color:var(--text-primary);background:#fafcfff5;border:1px solid #0f172a1a;box-shadow:inset 0 1px #fffffff0,0 24px 64px #0f172a2e}:root[data-theme=light] .dialog-close{background:#ffffffe6;border-color:#0f172a1a;box-shadow:inset 0 1px #fffffff5,0 4px 12px #0f172a1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .dialog-backdrop{background:#0f172a42}:root:not([data-theme=dark]) .dialog-card{color:var(--text-primary);background:#fafcfff5;border:1px solid #0f172a1a;box-shadow:inset 0 1px #fffffff0,0 24px 64px #0f172a2e}:root:not([data-theme=dark]) .dialog-close{background:#ffffffe6;border-color:#0f172a1a;box-shadow:inset 0 1px #fffffff5,0 4px 12px #0f172a1a}}@keyframes dialog-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-card-scale-up{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.create-mode-menu{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px;display:grid}.create-mode-menu button{border:1px solid var(--lg-stroke);text-align:left;min-height:118px;color:var(--text-color);background:var(--lg-glass);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-light), 0 14px 34px #1a407414;transition:transform var(--lg-spring), border-color var(--lg-spring-fast), box-shadow var(--lg-spring-fast);border-radius:20px;padding:13px}.create-mode-menu button:hover{transform:translateY(-2px)scale(1.01)}.create-mode-menu button.active{border-color:var(--lg-blue);background:var(--lg-glass-strong);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 24px var(--glass-shadow)}.create-mode-menu strong{color:var(--text-title);margin:8px 0 5px;font-size:1rem;display:block}.create-mode-menu button>span:last-child{color:var(--lg-muted);font-size:.8rem;line-height:1.4;display:block}@media (width<=760px){.create-mode-menu{grid-template-columns:1fr}}.custom-input-container,.custom-select-container{width:100%;position:relative}.custom-input{width:100%;min-height:var(--ui-control-height);border:1px solid var(--glass-border);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 20px var(--glass-shadow);border-radius:8px;padding:6px 10px;font-size:max(.92rem,16px);font-weight:680;transition:border-color .3s,box-shadow .3s,transform .3s,background .3s}.custom-select-trigger{width:100%;min-height:var(--ui-control-height);border:1px solid var(--glass-border);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 20px var(--glass-shadow);border-radius:8px;padding:6px 12px;font-size:max(.92rem,16px);font-weight:680;transition:border-color .3s,box-shadow .3s,transform .3s,background .3s}.custom-input::placeholder{color:var(--text-secondary);opacity:.65}.custom-input:focus-visible,.custom-select-trigger:focus-visible,.custom-select-container.open .custom-select-trigger{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 0 0 3px #ffffff14, 0 6px 20px var(--glass-shadow);border-color:#ffffff26}.custom-select-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.5}.custom-select-arrow{color:var(--text-secondary);font-size:.64rem;transition:transform .3s}.custom-select-container.open .custom-select-arrow{transform:rotate(180deg)scale(1.08)}.custom-select-dropdown{z-index:150;border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;max-height:238px;-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 12px 32px var(--glass-shadow);border-radius:18px;margin:0;padding:5px;list-style:none;animation:.26s cubic-bezier(.2,.9,.2,1.18) liquid-pop;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.custom-select-option{color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.86rem;font-weight:680;transition:background .3s,color .3s,transform .3s}.custom-select-option:hover{color:var(--text-primary);background:#ffffff14;transform:translate(2px)}.custom-select-option.selected{color:var(--text-primary);box-shadow:inset 0 1px 0 var(--glass-highlight);background:#ffffff1f}:root[data-theme=light] .custom-input,:root[data-theme=light] .custom-select-trigger{background:#ffffffe0;border-color:#0f172a1c;box-shadow:inset 0 1px #fffffff5,0 5px 16px #0f172a0b}:root[data-theme=light] .custom-input:focus-visible,:root[data-theme=light] .custom-select-trigger:focus-visible,:root[data-theme=light] .custom-select-container.open .custom-select-trigger{border-color:color-mix(in srgb, var(--lg-blue) 58%, transparent);box-shadow:inset 0 1px 0 #fffffff5, 0 0 0 3px color-mix(in srgb, var(--lg-blue) 14%, transparent), 0 6px 18px #0f172a0e}:root[data-theme=light] .custom-select-dropdown{background:#fafcfffa;border-color:#0f172a1a;box-shadow:0 18px 44px #0f172a29}:root[data-theme=light] .custom-select-option:hover{background:#0f172a0f}:root[data-theme=light] .custom-select-option.selected{color:var(--lg-blue);background:color-mix(in srgb, var(--lg-blue) 11%, transparent)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .custom-input,:root:not([data-theme=dark]) .custom-select-trigger{background:#ffffffe0;border-color:#0f172a1c;box-shadow:inset 0 1px #fffffff5,0 5px 16px #0f172a0b}:root:not([data-theme=dark]) .custom-input:focus-visible,:root:not([data-theme=dark]) .custom-select-trigger:focus-visible,:root:not([data-theme=dark]) .custom-select-container.open .custom-select-trigger{border-color:color-mix(in srgb, var(--lg-blue) 58%, transparent);box-shadow:inset 0 1px 0 #fffffff5, 0 0 0 3px color-mix(in srgb, var(--lg-blue) 14%, transparent), 0 6px 18px #0f172a0e}:root:not([data-theme=dark]) .custom-select-dropdown{background:#fafcfffa;border-color:#0f172a1a;box-shadow:0 18px 44px #0f172a29}:root:not([data-theme=dark]) .custom-select-option:hover{background:#0f172a0f}:root:not([data-theme=dark]) .custom-select-option.selected{color:var(--lg-blue);background:color-mix(in srgb, var(--lg-blue) 11%, transparent)}}@keyframes liquid-pop{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.install-gate{background:radial-gradient(circle at 78% 46%, #2169cc14 0, #2169cc09 24%, transparent 54%), radial-gradient(circle at 18% 18%, #0a84ff06 0, transparent 34%), var(--bg-main);min-height:100vh;color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden}.install-gate *{box-sizing:border-box}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand .brand-mark{width:32px;height:32px}.brand .brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.brand .brand-name span{color:var(--lg-blue)}.install-header{z-index:1000;background:var(--glass-bg);height:80px;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px var(--glass-shadow);transition:all .3s;position:fixed;top:0;left:0;right:0}.install-header .header-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.install-header .header-nav{align-items:center;gap:32px;display:flex}.install-header .header-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.install-header .header-nav a:hover{color:var(--text-primary)}.install-header .header-actions{align-items:center;gap:16px;display:flex}.install-header .burger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.install-header .burger-btn span{background-color:var(--text-primary);border-radius:9999px;width:100%;height:2px;transition:all .3s;display:block}.install-header.menu-open .burger-btn span:first-child{transform:translateY(8px)rotate(45deg)}.install-header.menu-open .burger-btn span:nth-child(2){opacity:0}.install-header.menu-open .burger-btn span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.install-main{width:100%;max-width:1200px;margin:0 auto;padding:0 24px 80px}.install-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;min-height:90vh;padding-top:130px;padding-bottom:60px;display:grid;position:relative}.install-hero .hero-left{flex-direction:column;align-items:flex-start;display:flex}.install-hero .badge-time{color:var(--lg-blue);letter-spacing:.05em;background-color:#3a96ff1a;border:1px solid #3a96ff40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.install-hero h1{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 20px;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;line-height:1.1}.install-hero h1 .gradient-text{background:linear-gradient(135deg, var(--lg-blue) 0%, var(--lg-indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.install-hero .hero-description{color:var(--text-secondary);max-width:520px;margin:0 0 32px;font-size:1.15rem;line-height:1.6}.install-hero .hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;width:100%;margin-bottom:48px;display:flex}.install-hero .hero-buttons .btn-hero-primary{background-color:var(--accent);color:var(--bg-main);border:1px solid var(--accent);border-radius:var(--lg-radius-pill);cursor:pointer;transition:var(--lg-spring-fast);align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;display:inline-flex}.install-hero .hero-buttons .btn-hero-primary:hover{opacity:.9;transform:translateY(-2px)}.install-hero .hero-buttons .btn-hero-primary:active{transform:translateY(0)scale(.98)}.install-hero .hero-buttons .btn-hero-secondary{background-color:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--lg-radius-pill);transition:var(--lg-spring-fast);-webkit-backdrop-filter:blur(var(--glass-blur));align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.install-hero .hero-buttons .btn-hero-secondary:hover{background-color:var(--glass-highlight);border-color:var(--border-hover);transform:translateY(-2px)}.install-hero .hero-buttons .btn-hero-secondary:active{transform:translateY(0)scale(.98)}.install-hero .hero-mini-features{border-top:1px solid var(--glass-border);gap:24px;width:100%;padding-top:32px;display:flex}.install-hero .mini-feature{flex:1;gap:12px;display:flex}.install-hero .mini-feature .mini-icon{background-color:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.install-hero .mini-feature h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px;font-size:.85rem;font-weight:700}.install-hero .mini-feature p{color:var(--text-secondary);opacity:.8;margin:0;font-size:.8rem;line-height:1.4}.install-hero .hero-right{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.install-hero .target-bg{pointer-events:none;z-index:1;border:1px solid #3a96ff14;border-radius:50%;justify-content:center;align-items:center;width:480px;height:480px;display:flex;position:absolute}.install-hero .target-bg:before{content:"";background:radial-gradient(circle,#3a96ff08 0%,#0000 70%);width:130%;height:130%;position:absolute}.install-hero .target-bg .circle{border:1px dashed var(--glass-border);border-radius:50%;position:absolute}.install-hero .target-bg .circle.circle-1{width:80px;height:80px}.install-hero .target-bg .circle.circle-2{width:180px;height:180px}.install-hero .target-bg .circle.circle-3{width:280px;height:280px}.install-hero .target-bg .circle.circle-4{width:380px;height:380px}.install-hero .target-bg .radial-line{background:linear-gradient(90deg, transparent, var(--glass-border) 20%, var(--glass-border) 80%, transparent);width:100%;height:1px;position:absolute}.install-hero .target-bg .radial-line.l1{transform:rotate(0)}.install-hero .target-bg .radial-line.l2{transform:rotate(45deg)}.install-hero .target-bg .radial-line.l3{transform:rotate(90deg)}.install-hero .target-bg .radial-line.l4{transform:rotate(135deg)}.install-hero .phone-wrapper{z-index:2;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.25,.8,.25,1);position:relative;transform:rotateY(-14deg)rotateX(10deg)rotate(3deg)}.install-hero .phone-mockup{background-color:var(--bg-sidebar);border:10px solid var(--glass-border);width:290px;height:590px;box-shadow:-18px 24px 48px #0006, 0 0 80px var(--glass-shadow);border-radius:40px;flex-direction:column;padding:14px 12px 12px;display:flex;position:relative;overflow:hidden}.install-hero .phone-mockup:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,#ffffff08 25%,#0000 26%);width:200%;height:100%;position:absolute;top:0;left:0}.install-hero .phone-status-bar{color:var(--text-secondary);opacity:.8;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;font-size:.65rem;font-weight:600;display:flex}.install-hero .phone-status-bar .phone-status-icons{align-items:center;gap:4px;display:flex}.install-hero .mock-pwa-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px 6px;display:flex}.install-hero .mock-pwa-header .mock-pwa-brand{color:var(--text-primary);align-items:center;gap:6px;font-size:.78rem;font-weight:850;display:flex}.install-hero .mock-pwa-header .mock-pwa-brand img{width:14px;height:14px}.install-hero .mock-pwa-header .mock-pwa-room-code{color:var(--lg-blue);letter-spacing:.02em;background-color:#3a96ff1a;border-radius:6px;padding:2px 6px;font-size:.62rem;font-weight:800}.install-hero .mock-match-page{flex-direction:column;flex:1;gap:10px;display:flex}.install-hero .mock-turn-banner{border:1px solid var(--lg-stroke);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff16,#ffffff06);border-radius:16px;grid-template-columns:1fr auto;grid-template-areas:"copy focus""darts darts";gap:8px;padding:10px;display:grid;position:relative}.install-hero .mock-turn-banner.active-turn{background:radial-gradient(circle at 84% 12%,#0a84ff1f,#0000 36%),linear-gradient(145deg,#0a84ff14,#ffffff05);border-color:#0a84ff5c}.install-hero .mock-turn-banner .mock-turn-copy{flex-direction:column;grid-area:copy;justify-content:center;display:flex}.install-hero .mock-turn-banner .mock-turn-copy .mock-eyebrow{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.58rem;font-weight:800}.install-hero .mock-turn-banner .mock-turn-copy h3{color:var(--text-primary);letter-spacing:-.02em;margin:2px 0 0;font-size:.88rem;font-weight:850}.install-hero .mock-turn-banner .mock-turn-copy p{color:var(--text-secondary);margin:2px 0 0;font-size:.64rem;font-weight:600}.install-hero .mock-turn-banner .mock-turn-focus-card{border:1px solid var(--lg-stroke);background:#00000026;border-radius:12px;flex-direction:column;grid-area:focus;align-items:center;min-width:72px;padding:6px 8px;display:flex}.install-hero .mock-turn-banner .mock-turn-focus-card .mock-avatar{border:1px solid var(--lg-blue);border-radius:50%;width:22px;height:22px;margin-bottom:2px;overflow:hidden}.install-hero .mock-turn-banner .mock-turn-focus-card .mock-avatar img{object-fit:cover;width:100%;height:100%}.install-hero .mock-turn-banner .mock-turn-focus-card span,.install-hero .mock-turn-banner .mock-turn-focus-card small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.52rem;font-weight:800}.install-hero .mock-turn-banner .mock-turn-focus-card strong{color:var(--text-primary);letter-spacing:-.04em;margin:1px 0;font-size:1.15rem;font-weight:900;line-height:1}.install-hero .mock-turn-banner .mock-current-darts{grid-area:darts;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.install-hero .mock-turn-banner .mock-current-darts span{border:1px solid var(--lg-stroke);height:28px;color:var(--text-primary);background:#ffffff0a;border-radius:8px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.install-hero .mock-turn-banner .mock-current-darts span.filled{background:#0a84ff24;border-color:#0a84ff4d}.install-hero .mock-turn-banner .mock-current-darts span:not(.filled):before{content:"";background:#fff3;width:10px;height:2px}.install-hero .mock-checkout-panel{border:1px dashed var(--glass-border);background-color:var(--glass-bg);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.install-hero .mock-checkout-panel .mock-checkout-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:800}.install-hero .mock-checkout-panel .mock-checkout-options{align-items:center;gap:4px;display:flex}.install-hero .mock-checkout-panel .mock-checkout-options .checkout-badge{border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:850}.install-hero .mock-checkout-panel .mock-checkout-options .checkout-badge.highlight{color:var(--lg-blue);background-color:#3a96ff1a}.install-hero .mock-checkout-panel .mock-checkout-options .checkout-badge.highlight-red{color:var(--lg-danger);background-color:#ff44441a;border:1px solid #ff444440}.install-hero .mock-checkout-panel .mock-checkout-options .checkout-separator{color:var(--border);font-size:.7rem;font-weight:700}.install-hero .mock-score-grid{flex-direction:column;gap:8px;display:flex}.install-hero .mock-score-grid .mock-score-card{border:1px solid var(--lg-stroke);color:var(--text-primary);background:#ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:relative;overflow:hidden}.install-hero .mock-score-grid .mock-score-card:before{content:"";aspect-ratio:1;filter:blur(4px);pointer-events:none;background:#0a84ff1f;border-radius:50%;width:80px;position:absolute;inset:auto -20px -30px auto}.install-hero .mock-score-grid .mock-score-card.active{background:radial-gradient(circle at 100% 100%,#0a84ff14,#0000 46%),#ffffff0f;border-color:#0a84ff66;box-shadow:0 4px 12px #0a84ff0d}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player{align-items:center;gap:8px;display:flex}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player .mock-score-avatar{background:#ffffff14;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player .mock-score-avatar.avatar-blue{color:var(--lg-blue);background-color:#3a96ff26}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player .mock-score-avatar.avatar-purple{color:var(--lg-indigo);background-color:#5856d626}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player strong{color:var(--text-primary);font-size:.78rem;font-weight:700;display:block}.install-hero .mock-score-grid .mock-score-card .mock-score-card-player span{color:var(--text-secondary);font-size:.6rem;font-weight:600;display:block}.install-hero .mock-score-grid .mock-score-card b{letter-spacing:-.05em;color:var(--text-primary);font-size:1.45rem;font-weight:900}.install-hero .mock-home-page{flex-direction:column;flex:1;gap:12px;display:flex}.install-hero .mock-home-page .mock-home-status-card{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:16px;padding:10px}.install-hero .mock-home-page .mock-home-status-card .mock-home-profile{align-items:center;gap:10px;display:flex}.install-hero .mock-home-page .mock-home-status-card .mock-home-profile .mock-home-avatar{border:1.5px solid var(--lg-blue);border-radius:50%;width:32px;height:32px}.install-hero .mock-home-page .mock-home-status-card .mock-home-profile h2{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:850}.install-hero .mock-home-page .mock-home-status-card .mock-home-profile p{color:var(--text-secondary);margin:0;font-size:.64rem}.install-hero .mock-home-page .mock-home-actions{flex-direction:column;gap:8px;display:flex}.install-hero .mock-home-page .mock-home-actions .btn-mock-primary{background-color:var(--accent);width:100%;color:var(--bg-main);cursor:pointer;border:none;border-radius:12px;padding:8px;font-size:.72rem;font-weight:800}.install-hero .mock-home-page .mock-home-actions .mock-join-box{gap:6px;display:flex}.install-hero .mock-home-page .mock-home-actions .mock-join-box input{background-color:var(--input-bg);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;flex:1;min-width:0;padding:6px 10px;font-size:.7rem}.install-hero .mock-home-page .mock-home-actions .mock-join-box .btn-mock-secondary{background-color:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:10px;padding:6px 12px;font-size:.7rem;font-weight:750}.install-hero .mock-home-page .mock-recent-matches{flex-direction:column;gap:6px;margin-top:4px;display:flex}.install-hero .mock-home-page .mock-recent-matches h4{color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:.64rem;font-weight:800}.install-hero .mock-home-page .mock-recent-matches .mock-match-row{border:1px solid var(--lg-stroke);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.65rem;display:flex}.install-hero .mock-home-page .mock-recent-matches .mock-match-row span{color:var(--text-secondary)}.install-hero .mock-home-page .mock-recent-matches .mock-match-row strong{color:var(--text-primary)}.install-hero .mock-shop-page{flex-direction:column;flex:1;gap:10px;display:flex}.install-hero .mock-shop-page .mock-shop-header{justify-content:space-between;align-items:center;display:flex}.install-hero .mock-shop-page .mock-shop-header h3{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:850}.install-hero .mock-shop-page .mock-shop-header .mock-shop-currency{color:var(--lg-warning);font-size:.7rem;font-weight:800}.install-hero .mock-shop-page .mock-shop-tabs{border:1px solid var(--glass-border);text-align:center;background:#ffffff0a;border-radius:10px;grid-template-columns:repeat(2,1fr);padding:2px;display:grid}.install-hero .mock-shop-page .mock-shop-tabs span{color:var(--text-secondary);border-radius:8px;padding:4px;font-size:.65rem;font-weight:800}.install-hero .mock-shop-page .mock-shop-tabs span.active{color:var(--text-primary);background-color:#ffffff1a}.install-hero .mock-shop-page .mock-shop-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:230px;display:grid;overflow-y:auto}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card{border:1px solid var(--lg-stroke);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;padding:8px;display:flex}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card .mock-shop-avatar{margin-bottom:4px;font-size:1.25rem}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card strong{color:var(--text-primary);font-size:.7rem}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card span{color:var(--lg-warning);margin-bottom:6px;font-size:.6rem;font-weight:700}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card .btn-shop-buy{background-color:var(--accent);width:100%;color:var(--bg-main);cursor:pointer;border:none;border-radius:6px;padding:4px 0;font-size:.6rem;font-weight:750}.install-hero .mock-shop-page .mock-shop-grid .mock-shop-card .btn-shop-buy.purchased{background-color:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.install-hero .mock-account-page{flex-direction:column;flex:1;gap:10px;display:flex}.install-hero .mock-account-page .mock-account-profile{text-align:center;flex-direction:column;align-items:center;margin-top:4px;display:flex}.install-hero .mock-account-page .mock-account-profile .mock-avatar-large{border:2px solid var(--lg-blue);border-radius:50%;width:48px;height:48px;margin-bottom:4px;overflow:hidden}.install-hero .mock-account-page .mock-account-profile .mock-avatar-large img{object-fit:cover;width:100%;height:100%}.install-hero .mock-account-page .mock-account-profile h3{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:850}.install-hero .mock-account-page .mock-account-profile p{color:var(--text-secondary);margin:0;font-size:.58rem}.install-hero .mock-account-page .mock-account-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.install-hero .mock-account-page .mock-account-stats .mock-stat-box{border:1px solid var(--lg-stroke);background:#ffffff05;border-radius:10px;padding:6px}.install-hero .mock-account-page .mock-account-stats .mock-stat-box strong{color:var(--text-primary);font-size:.88rem;font-weight:900;display:block}.install-hero .mock-account-page .mock-account-stats .mock-stat-box span{color:var(--text-secondary);text-transform:uppercase;font-size:.52rem;font-weight:700}.install-hero .mock-account-page .mock-friends-section{flex-direction:column;gap:6px;display:flex}.install-hero .mock-account-page .mock-friends-section h4{color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:.64rem;font-weight:800}.install-hero .mock-account-page .mock-friends-section .mock-friend-row{border:1px solid var(--lg-stroke);background:#ffffff08;border-radius:10px;align-items:center;padding:6px 8px;font-size:.65rem;display:flex}.install-hero .mock-account-page .mock-friends-section .mock-friend-row .online-dot{background-color:#64748b;border-radius:50%;width:6px;height:6px;margin-right:6px}.install-hero .mock-account-page .mock-friends-section .mock-friend-row .online-dot.online{background-color:var(--lg-success)}.install-hero .mock-account-page .mock-friends-section .mock-friend-row strong{color:var(--text-primary);flex:1}.install-hero .mock-account-page .mock-friends-section .mock-friend-row .btn-friend-challenge{background-color:var(--accent);color:var(--bg-main);border:none;border-radius:6px;padding:2px 8px;font-size:.58rem;font-weight:750}.install-hero .mock-account-page .mock-friends-section .mock-friend-row .offline-label{color:var(--text-secondary);font-size:.55rem}.install-hero .mock-bottom-nav{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:16px;grid-template-columns:repeat(4,1fr);margin-top:auto;padding:3px;display:grid}.install-hero .mock-bottom-nav .mock-nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:4px 0;transition:color .2s;display:flex}.install-hero .mock-bottom-nav .mock-nav-item span{letter-spacing:-.01em;font-size:.52rem;font-weight:700}.install-hero .mock-bottom-nav .mock-nav-item svg{width:14px;height:14px}.install-hero .mock-bottom-nav .mock-nav-item.active{color:var(--lg-blue)}.install-hero .mock-bottom-nav .mock-nav-item:hover:not(.active){color:var(--text-primary)}.install-hero .dart-3d{z-index:3;pointer-events:none;filter:drop-shadow(-12px 16px 20px #00000073);transition:transform .5s;position:absolute;top:12%;right:-42px;transform:rotate(26deg)translateZ(50px)}.install-features-section{border-top:1px solid var(--glass-border);padding:80px 0}.install-features-section .features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.install-features-section .feature-card{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:24px;padding:32px 24px;transition:all .3s}.install-features-section .feature-card:hover{border-color:var(--border-hover);background-color:var(--glass-highlight);box-shadow:0 12px 30px var(--glass-shadow);transform:translateY(-4px)}.install-features-section .feature-card .feature-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.install-features-section .feature-card .feature-icon.icon-red-bg{color:var(--lg-danger);background-color:#ff44441a}.install-features-section .feature-card .feature-icon.icon-blue-bg{color:var(--lg-blue);background-color:#3a96ff1a}.install-features-section .feature-card .feature-icon.icon-purple-bg{color:var(--lg-indigo);background-color:#5856d61a}.install-features-section .feature-card .feature-icon.icon-green-bg{color:var(--lg-success);background-color:#00c8531a}.install-features-section .feature-card h2{color:var(--text-primary);margin:0 0 12px;font-size:1.15rem;font-weight:700}.install-features-section .feature-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.install-steps-section{border-top:1px solid var(--glass-border);padding:80px 0}.install-steps-section .steps-container{background:radial-gradient(circle at 100% 0%, #3a96ff0f 0%, transparent 60%), var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:32px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:48px;display:grid}.install-steps-section .steps-left-phone{justify-content:center;align-items:center;display:flex}.install-steps-section .app-icon-phone-wrapper{background-color:var(--bg-sidebar);border:8px solid var(--glass-border);width:250px;height:480px;box-shadow:-12px 18px 36px #0000004d, 0 0 60px var(--glass-shadow);border-radius:36px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.install-steps-section .app-icon-phone-wrapper:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0f 0%,#ffffff05 25%,#0000 26%);width:200%;height:100%;position:absolute;top:0;left:0}.install-steps-section .phone-screen-small{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.install-steps-section .app-icon-container{flex-direction:column;align-items:center;gap:12px;display:flex}.install-steps-section .app-icon-container .app-icon-svg{border-radius:20px}.install-steps-section .app-icon-container .app-icon-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.install-steps-section .steps-right-info{flex-direction:column;align-items:flex-start;display:flex}.install-steps-section .steps-eyebrow{color:var(--lg-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:700}.install-steps-section h2{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 32px;font-size:2.25rem;font-weight:800}.install-steps-section .steps-list{flex-direction:column;gap:24px;margin:0 0 36px;padding:0;list-style:none;display:flex}.install-steps-section .steps-list li{align-items:flex-start;gap:20px;display:flex}.install-steps-section .steps-list .step-num{background-color:var(--accent);width:32px;height:32px;color:var(--bg-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.install-steps-section .steps-list h3{color:var(--text-primary);margin:0 0 4px;font-size:1.05rem;font-weight:700}.install-steps-section .steps-list p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.install-steps-section .btn-install-now{background-color:var(--accent);color:var(--bg-main);border-radius:var(--lg-radius-pill);cursor:pointer;transition:var(--lg-spring-fast);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.install-steps-section .btn-install-now:hover{opacity:.9;transform:translateY(-2px)}.install-steps-section .btn-install-now:active{transform:translateY(0)scale(.98)}.install-steps-section .install-alert{border-radius:16px;width:100%;max-width:480px;margin-top:16px;padding:16px;font-size:.9rem;line-height:1.5}.install-steps-section .install-alert.success{border:1px solid var(--lg-success);color:var(--lg-success);background-color:#00c8531a}.install-steps-section .install-alert.warning{border:1px solid var(--lg-warning);color:var(--lg-warning);background-color:#ff95001a}.install-footer{border-top:1px solid var(--glass-border);padding:60px 0 40px}.install-footer .footer-top{grid-template-columns:1.5fr 1fr;gap:40px;margin-bottom:48px;display:grid}.install-footer .footer-brand-col{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.install-footer .footer-brand-col p{color:var(--text-secondary);max-width:240px;margin:0;font-size:.9rem;line-height:1.5}.install-footer .footer-links-col{flex-direction:column;align-items:flex-start;display:flex}.install-footer .footer-links-col h4{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 18px;font-size:.75rem;font-weight:700}.install-footer .footer-links-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.install-footer .footer-links-col ul a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.install-footer .footer-links-col ul a:hover{color:var(--text-primary)}.install-footer .footer-bottom{border-top:1px solid var(--glass-border);justify-content:center;padding-top:24px;display:flex}.install-footer .footer-bottom p{color:var(--text-secondary);opacity:.8;margin:0;font-size:.8rem}@media (width<=1024px){.install-hero{text-align:center;grid-template-columns:1fr;gap:48px;padding-top:120px}.install-hero .hero-left{align-items:center}.install-hero .hero-description{max-width:600px}.install-hero .hero-buttons{justify-content:center}.install-features-section .features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.install-steps-section .steps-container{grid-template-columns:1fr;gap:48px;padding:36px}.install-steps-section .steps-left-phone{order:1}.install-footer .footer-top{grid-template-columns:repeat(2,1fr);gap:32px}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.install-header{z-index:100000;height:70px}.install-header .brand{z-index:100002;position:relative}.install-header .header-nav{background-color:var(--bg-main);z-index:100001;border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:28px;height:calc(100vh - 70px);padding:40px 24px;animation:.25s ease-out forwards menuFadeIn;display:none;position:fixed;inset:70px 0 0}.install-header .header-nav a{font-size:1.2rem;font-weight:600}.install-header .burger-btn{z-index:100002;display:flex;position:relative}.install-header.menu-open{background-color:var(--bg-main);-webkit-backdrop-filter:none;backdrop-filter:none}.install-header.menu-open .header-nav{display:flex}.install-hero{gap:36px;padding-top:100px;padding-bottom:40px}.install-hero h1{font-size:clamp(2rem,8vw,3rem)}.install-hero .hero-buttons{flex-direction:column;align-items:stretch;gap:12px}.install-hero .hero-buttons .btn-hero-primary,.install-hero .hero-buttons .btn-hero-secondary{justify-content:center;width:100%}.install-hero .hero-mini-features{flex-direction:column;gap:20px;padding-top:24px}.install-hero .mini-feature{text-align:left}.install-hero .target-bg{width:320px;height:320px}.install-hero .phone-wrapper,.install-hero .phone-wrapper:hover{transform:rotateY(0)rotateX(0)rotate(0)scale(.95)}.install-hero .dart-3d{top:14%;right:-24px;transform:rotate(24deg)scale(.85)}.install-features-section{padding:48px 0}.install-features-section .features-grid{grid-template-columns:1fr;gap:16px}.install-features-section .feature-card{padding:24px}.install-steps-section{padding:48px 0}.install-steps-section .steps-container{border-radius:24px;gap:32px;padding:24px}.install-steps-section h2{margin-bottom:24px;font-size:1.75rem}.install-steps-section .steps-list{gap:20px;margin-bottom:24px}.install-steps-section .steps-list .step-num{width:28px;height:28px;font-size:.85rem}.install-steps-section .btn-install-now{justify-content:center;width:100%}.install-footer{padding:48px 0 32px}.install-footer .footer-top{text-align:center;grid-template-columns:1fr;gap:32px}.install-footer .footer-brand-col{align-items:center}.install-footer .footer-brand-col p{max-width:100%}.install-footer .footer-links-col{align-items:center}.install-footer .footer-links-col h4{margin-bottom:12px}}.info-page-section{max-width:800px;min-height:80vh;margin:0 auto;padding-top:130px;padding-bottom:60px;animation:.4s ease-out fadeIn}.info-page-section.faq-page-section{border-top:1px solid var(--glass-border);min-height:auto;padding-top:80px;padding-bottom:80px}.info-page-section .info-page-header{text-align:center;margin-bottom:48px}.info-page-section .info-page-header .info-page-eyebrow{color:var(--lg-blue);letter-spacing:.15em;text-transform:uppercase;background-color:#3a96ff1a;border:1px solid #3a96ff33;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.info-page-section .info-page-header .info-page-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800}.info-page-section .info-page-header .info-page-title.gradient-text{background:linear-gradient(135deg, var(--lg-blue) 0%, var(--lg-indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.info-page-section .info-page-header .info-page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-list .faq-item{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;border-radius:16px;transition:all .25s;overflow:hidden}.faq-list .faq-item:hover{border-color:var(--border-hover);background-color:var(--glass-highlight);transform:translateY(-1px)}.faq-list .faq-item .faq-question{justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.faq-list .faq-item .faq-question h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700;transition:color .2s}.faq-list .faq-item .faq-question .faq-icon{color:var(--text-secondary);justify-content:center;align-items:center;transition:transform .25s,color .2s;display:flex}.faq-list .faq-item .faq-answer{opacity:0;max-height:0;padding:0 24px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-list .faq-item .faq-answer p{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.6}.faq-list .faq-item.open{border-color:var(--lg-blue);background-color:var(--glass-bg)}.faq-list .faq-item.open .faq-question h3{color:var(--lg-blue)}.faq-list .faq-item.open .faq-question .faq-icon{color:var(--lg-blue);transform:rotate(180deg)}.faq-list .faq-item.open .faq-answer{opacity:1;max-height:300px;padding-top:4px}.contact-container{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 16px 40px var(--glass-shadow);border-radius:24px;padding:40px}@media (width<=600px){.contact-container{padding:24px}}.contact-success-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:32px 16px;display:flex}.contact-success-card .success-icon{width:64px;height:64px;color:var(--lg-success);border:1px solid var(--lg-success);background-color:#00c8531a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;animation:.3s ease-out scaleIn;display:flex}.contact-success-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.contact-success-card p{color:var(--text-secondary);max-width:480px;margin:0;font-size:1rem;line-height:1.6}.contact-success-card .btn-contact-reset{background-color:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--lg-radius-pill);cursor:pointer;transition:var(--lg-spring-fast);margin-top:12px;padding:12px 24px;font-size:.95rem;font-weight:600}.contact-success-card .btn-contact-reset:hover{background-color:var(--glass-highlight);border-color:var(--border-hover)}.contact-form{flex-direction:column;gap:24px;display:flex}.contact-form .form-group-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.contact-form .form-group-row{grid-template-columns:1fr;gap:24px}}.contact-form .form-group{flex-direction:column;gap:8px;display:flex}.contact-form .form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.contact-form .form-group input,.contact-form .form-group textarea{background-color:var(--input-bg);border:1px solid var(--border);border-radius:var(--ui-control-radius);color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--lg-blue);outline:none;box-shadow:0 0 0 3px #3a96ff26}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.contact-form .form-group input:disabled,.contact-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-contact-submit{background:var(--accent);color:var(--bg-main);border-radius:var(--lg-radius-pill);cursor:pointer;transition:var(--lg-spring-fast);border:none;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;display:inline-flex}@media (width<=600px){.contact-form .btn-contact-submit{align-self:stretch}}.contact-form .btn-contact-submit:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.contact-form .btn-contact-submit:active:not(:disabled){transform:translateY(0)}.contact-form .btn-contact-submit:disabled{opacity:.7;cursor:not-allowed}.contact-form .btn-contact-submit .spinner{border:2px solid #ffffff4d;border-top-color:var(--bg-main);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.info-text-body{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-secondary);border-radius:24px;padding:40px;line-height:1.7}@media (width<=600px){.info-text-body{padding:24px}}.info-text-body h2{color:var(--text-primary);letter-spacing:-.01em;margin:32px 0 12px;font-size:1.35rem;font-weight:700}.info-text-body h2:first-of-type{margin-top:0}.info-text-body p{margin:0 0 16px;font-size:1rem}.info-text-body p:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:26px 0 76px}.section-heading,.panel-heading,.dart-pad-header,.game-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2,.panel-heading h2,.settings-panel h2,.history-panel h2,.history-panel h3{margin:8px 0 0;font-size:clamp(1.8rem,4vw,3.1rem);line-height:.98}.section-note{color:var(--lg-muted)}.mode-index{color:#0a84ff9e;letter-spacing:.04em;font-size:.92rem;font-weight:900}.mode-link{border:1px solid var(--lg-stroke);width:fit-content;color:var(--lg-blue);box-shadow:var(--lg-inner-light);background:#ffffff75;border-radius:999px;margin-top:auto;padding:10px 14px;font-weight:850;display:inline-flex}.checkout-options{flex-wrap:wrap;gap:8px;display:flex}.checkout-options span,.hero-score-combo span{border:1px solid var(--lg-stroke);min-height:34px;color:var(--text-title);box-shadow:var(--lg-inner-light);background:#ffffff8f;border-radius:999px;align-items:center;padding:0 11px;font-weight:850;display:inline-flex}.home-install-card{border:1px solid var(--border);color:var(--text-primary);background:var(--glass-bg);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 46px 14px 14px;display:grid;position:relative}.home-install-card__icon{width:38px;height:38px;color:var(--accent);background:#3091ff1f;border-radius:12px;place-items:center;display:grid}.home-install-card--install{background:#3091ff24;border-color:#3091ff4d;box-shadow:inset 0 1px #ffffff52,0 10px 28px #1767c41a}.home-install-card--install .home-install-card__icon{background:0 0;overflow:hidden}.home-install-card__logo{object-fit:cover;border-radius:11px;width:38px;height:38px;display:block}.home-install-card strong,.home-install-card p{margin:0}.home-install-card strong{font-size:.9rem;display:block}.home-install-card p{color:var(--text-secondary);margin-top:3px;font-size:.78rem;line-height:1.35}.home-install-card__dismiss.custom-button{width:32px;min-width:32px;min-height:32px;padding:0;position:absolute;top:8px;right:8px}@media (width<=520px){.home-install-card{grid-template-columns:auto minmax(0,1fr)}.home-install-card>.custom-button:not(.home-install-card__dismiss){grid-column:1/-1;width:100%}}.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);grid-template-areas:"status score""friends score";align-items:stretch;gap:clamp(14px,3vw,28px);padding:clamp(20px,4vw,42px) 0 4px;display:grid;position:relative}.home-status-card,.home-friends-card{border-radius:30px;padding:clamp(16px,3vw,26px)}.home-status-card{grid-area:status;min-height:168px}.home-status-card h1{margin:12px 0 10px;font-size:clamp(2.5rem,6vw,4.9rem);line-height:.9}.home-status-card p,.home-friends-card p{color:var(--lg-muted-strong);margin:0;font-size:1rem;line-height:1.42}.home-friends-card{grid-area:friends}.home-friends-card .eyebrow{margin-bottom:14px}.home-dashboard .hero-score{border:1px solid var(--glass-border);border-radius:var(--lg-radius-xl);background:var(--glass-bg);min-height:360px;-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 12px 30px var(--glass-shadow);grid-area:score;place-items:center;display:grid;position:relative;overflow:hidden}.dartboard-3d{aspect-ratio:1;filter:drop-shadow(0 34px 28px #16376938);width:min(78%,330px);transform-style:preserve-3d;position:absolute;inset:auto auto 8% 50%;transform:translate(-50%)rotateX(58deg)rotate(-12deg)}.dartboard-face{background:radial-gradient(circle, #000 0 4%, #fff 4.5% 7%, #888 7.5% 11%, transparent 11.5%), repeating-conic-gradient(from -9deg, #111111e0 0 9deg, #f0f0f0c7 9deg 18deg), radial-gradient(circle, transparent 0 52%, #b4b4b480 52.5% 58%, #64646466 58.5% 64%, transparent 64.5%);border:7px solid #ffffffd6;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 18px 32px #ffffff38,inset 0 -28px 42px #07111f38}.dartboard-gloss{mix-blend-mode:screen;background:radial-gradient(circle at 30% 18%,#ffffff75,#0000 18%),linear-gradient(135deg,#ffffff47,#0000 42%);border-radius:50%;position:absolute;inset:3%}.hero-checkout{z-index:2;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 12px 32px var(--glass-shadow);border-radius:30px;place-items:center;padding:14px;display:grid;position:relative}.hero-score-label{color:var(--lg-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:860}.hero-score strong{color:var(--text-title);letter-spacing:-.08em;font-size:clamp(4rem,8vw,5.8rem);line-height:.92}.hero-score-combo{gap:8px;display:flex}.home-friend-list{gap:12px;display:grid}.home-friend{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.avatar-bubble{width:42px;height:42px}.home-friend strong{color:var(--text-title);display:block}.home-friend span:last-child{color:var(--lg-muted);font-size:.86rem}.home-choice-section{padding-top:24px}.home-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,24px);margin-top:18px;display:grid}.custom-button.home-choice-card{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:clamp(196px,25vw,280px);padding:clamp(16px,2.4vw,24px);display:flex}.home-choice-card strong{color:var(--text-title);margin-top:10px;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1}.home-choice-card>span:not(.mode-index,.choice-visual,.eyebrow,.mode-link){max-width:340px;color:var(--lg-muted-strong);margin-top:10px;line-height:1.36}.choice-visual{pointer-events:none;opacity:.84;width:132px;height:112px;position:absolute;top:26px;right:22px}.visual-whistle,.visual-darts,.visual-qr{border:1px solid var(--lg-stroke);background:var(--lg-glass-strong);box-shadow:var(--lg-inner-depth), 0 16px 34px #1a40741a;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);position:absolute}.visual-whistle{border-radius:18px 999px 999px 18px;width:76px;height:42px;top:30px;left:0;transform:rotate(-18deg)}.visual-darts{border-radius:24px;width:96px;height:74px;top:8px;right:0}.visual-darts:before,.visual-darts:after{content:"";background:linear-gradient(90deg, var(--text-color), var(--lg-muted));border-radius:999px;width:58px;height:2px;position:absolute;left:22px;transform:rotate(-18deg);box-shadow:0 12px #78787847,0 24px #78787824}.visual-darts:before{top:22px}.visual-qr{border-radius:24px;width:96px;height:118px;top:4px;right:0;transform:rotate(9deg)}.visual-qr:before{content:"";background:linear-gradient(90deg, var(--lg-blue) 8px, transparent 8px 16px, var(--lg-blue) 16px 24px, transparent 24px 32px), linear-gradient(var(--lg-indigo) 8px, transparent 8px 16px, var(--lg-indigo) 16px 24px, transparent 24px 32px);opacity:.58;position:absolute;inset:28px 26px}.recent-match-strip{scroll-snap-type:x mandatory;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;gap:16px;padding:4px 2px 16px;display:grid;overflow-x:auto}.recent-match-card{border:1px solid var(--lg-stroke);background:var(--lg-glass);min-height:116px;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-light), var(--lg-shadow-soft);scroll-snap-align:start;border-radius:22px;padding:14px}.recent-match-card span{color:var(--lg-muted);font-weight:800}.recent-match-card strong{color:var(--text-title);margin-top:8px;display:block}.recent-match-card p{color:var(--lg-muted-strong);margin:10px 0 0}.create-option-card{border:1px solid var(--glass-border);cursor:pointer;text-align:left;background:#ffffff05;border-radius:16px;flex-direction:column;gap:6px;padding:12px;transition:background .3s,border-color .3s;display:flex}.create-option-card:hover{background:#ffffff14;border-color:#ffffff1f}.app-page{width:min(1120px,100% - 24px);margin:0 auto;padding:16px 0 18px}.section-heading{justify-content:stretch;align-items:start;gap:4px;display:grid}.section-heading h1{color:var(--text-primary);letter-spacing:-.07em;margin:0;font-size:clamp(1.55rem,4vw,2rem);line-height:1}.section-heading p{color:var(--text-secondary);opacity:.72;margin:0;font-size:.86rem;line-height:1.35}.home-dashboard.app-page{flex-direction:column;gap:14px;padding-top:0;display:flex}.home-player-strip,.home-play-modes{box-shadow:none;background:0 0;border:0;display:grid}.home-player-strip{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:4px 2px 8px}.home-player-strip__identity,.home-player-strip__points{gap:3px;display:grid}.home-player-strip__identity span,.home-player-strip__points span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.home-player-strip__identity strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.24rem;line-height:1;overflow:hidden}.home-player-strip__points{justify-items:end}.home-player-strip__points strong{color:var(--text-primary);font-size:1rem}.home-player-strip__points.is-muted strong{color:var(--text-secondary);opacity:.38}.home-play-modes{gap:12px;display:flex}.home-mode-tile{appearance:none;border:1px solid var(--glass-border);min-width:0;min-height:112px;color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 24px var(--glass-shadow);cursor:pointer;font:inherit;text-align:left;border-radius:20px;flex:1 1 0;gap:7px;padding:12px;display:grid}.home-mode-tile:disabled{cursor:not-allowed;opacity:.58}.home-mode-tile__icon{background:#ffffff12;border-radius:14px;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid}.home-mode-tile strong{font-size:1rem;line-height:1.05}.home-mode-tile p,.home-box-heading p,.home-stat-widget p{color:var(--text-secondary);opacity:.78;margin:0;font-size:.78rem;line-height:1.35}.home-join-box,.home-recent-card,.home-stat-widget{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 24px var(--glass-shadow);border-radius:20px}.home-join-box{gap:12px;padding:14px;display:grid}.home-create-card{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:grid}.home-box-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.home-box-heading h2{color:var(--text-primary);margin:0 0 3px;font-size:1.05rem}.home-box-icon{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.home-join-form{grid-template-columns:minmax(0,7fr) minmax(92px,3fr);gap:10px;display:grid}.home-join-form .custom-button{min-width:0;padding-inline:10px}.home-scan-join-button{width:100%}.scan-join-backdrop{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:center;overflow-x:hidden}.scan-join-dialog{box-sizing:border-box;gap:12px;width:min(520px,100vw - 28px);max-width:100%;max-height:calc(100dvh - 28px);display:grid;overflow:auto}.scan-join-dialog>.eyebrow{color:var(--text-secondary);justify-self:center}.scan-join-dialog h2{text-align:center;margin:0}.scan-join-dialog>p{color:var(--text-secondary);text-align:center;margin:0;font-size:.9rem;line-height:1.4}.scan-join-camera{border:1px dashed var(--glass-border);background:radial-gradient(circle,#0a84ff29,#0000 38%),#ffffff09;border-radius:20px;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.scan-join-camera video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.scan-join-camera.active video{opacity:1}.scan-join-camera>div{color:var(--text-secondary);justify-items:center;gap:8px;font-weight:850;display:grid}.scan-join-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.scan-join-actions .custom-button{min-width:92px}.scan-join-only-error{text-align:center;margin:6px 0 0}.home-secondary-stack{gap:10px;display:grid}.home-recent-card{cursor:pointer;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.home-recent-card strong{color:var(--text-primary);margin-top:3px;display:block}.home-stats-section{gap:10px;display:grid}.home-section-title{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.home-section-title button{color:var(--lg-blue);font:inherit;background:0 0;border:0;font-size:.82rem;font-weight:800}.home-stats-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(154px,44%);grid-auto-flow:column;gap:10px;padding:2px 0 8px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.home-stats-rail::-webkit-scrollbar{display:none}.home-stat-widget{scroll-snap-align:start;gap:6px;min-height:112px;padding:13px;display:grid}.home-stat-widget span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.home-stat-widget strong{color:var(--text-primary);letter-spacing:-.07em;font-size:2.25rem;line-height:.95}@media (width<=520px){.home-join-form{grid-template-columns:minmax(0,7fr) minmax(92px,3fr);gap:8px}.home-stats-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:initial;scroll-snap-type:none;grid-auto-flow:row;overflow:visible}.scan-join-actions{grid-template-columns:1fr}}@media (width<=390px){.home-stats-rail{grid-template-columns:1fr}}:root[data-theme=light] .home-mode-tile,:root[data-theme=light] .home-join-box,:root[data-theme=light] .home-recent-card,:root[data-theme=light] .home-stat-widget{background:#ffffffb8;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff0,0 8px 24px #0f172a0b}:root[data-theme=light] .home-mode-tile__icon,:root[data-theme=light] .home-box-icon{background:#0f172a0b;border-color:#0f172a13}:root[data-theme=light] .create-option-card{background:#ffffffad;border-color:#0f172a14}:root[data-theme=light] .create-option-card:hover{background:#fffffff0;border-color:#0f172a21}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .home-mode-tile,:root:not([data-theme=dark]) .home-join-box,:root:not([data-theme=dark]) .home-recent-card,:root:not([data-theme=dark]) .home-stat-widget{background:#ffffffb8;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff0,0 8px 24px #0f172a0b}:root:not([data-theme=dark]) .home-mode-tile__icon,:root:not([data-theme=dark]) .home-box-icon{background:#0f172a0b;border-color:#0f172a13}:root:not([data-theme=dark]) .create-option-card{background:#ffffffad;border-color:#0f172a14}:root:not([data-theme=dark]) .create-option-card:hover{background:#fffffff0;border-color:#0f172a21}}.game-page{gap:16px;padding:0 0 88px;display:grid}.game-header{z-index:20;border:1px solid var(--lg-stroke);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-inner-depth), 0 10px 28px #0000001a;background:radial-gradient(circle at 94% 10%,#0a84ff1a,#0000 28%),#ffffff08;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:0;padding:9px 10px;display:grid;position:relative;overflow:visible}.page-slide.active.match-scoring-aligned .game-header{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.game-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.game-header-meta{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.game-code-button{border:1px solid color-mix(in srgb, var(--lg-blue) 38%, transparent);min-height:32px;color:var(--lg-blue);background:color-mix(in srgb, var(--lg-blue) 12%, transparent);box-shadow:none;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:.76rem;font-weight:920;display:inline-flex}.game-code-button.copied{color:var(--lg-success);border-color:color-mix(in srgb, var(--lg-success) 42%, transparent);background:color-mix(in srgb, var(--lg-success) 13%, transparent)}.game-header-actions{justify-content:end;place-items:center;display:grid;position:relative}.custom-button.game-actions-trigger{border:1px solid var(--lg-stroke);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-primary);box-shadow:none;background:#ffffff0f;border-radius:999px;place-items:center;padding:0;display:grid}.game-actions-trigger span{font-size:1.25rem;font-weight:900;line-height:1;display:block;transform:translateY(-1px)}.game-actions-menu{z-index:50;border:1px solid var(--lg-stroke);-webkit-backdrop-filter:blur(24px)saturate(1.3);transform-origin:100% 0;will-change:opacity, transform, filter;background:#0a0c10f0;border-radius:18px;gap:4px;width:min(238px,100vw - 32px);padding:6px;animation:.18s cubic-bezier(.2,.9,.24,1.12) both game-actions-menu-in;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000061,inset 0 1px #ffffff14}.game-actions-menu.is-closing{pointer-events:none;animation:.15s cubic-bezier(.4,0,1,1) forwards game-actions-menu-out}.custom-button.game-actions-menu-item{min-height:40px;color:var(--text-primary);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:flex-start;gap:10px;padding:0 11px;font-size:.86rem;font-weight:820;display:flex}.custom-button.game-actions-menu-item:hover,.custom-button.game-actions-menu-item:focus-visible{background:#ffffff14}.custom-button.game-actions-menu-item.danger{color:var(--lg-danger)}.custom-button.game-actions-menu-item.danger:hover,.custom-button.game-actions-menu-item.danger:focus-visible{background:color-mix(in srgb, var(--lg-danger) 14%, transparent)}:root[data-theme=light] .game-header{background:radial-gradient(circle at 94% 10%,#0a84ff1a,#0000 28%),#ffffffb8;border-color:#0f172a14;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #0f172a12}:root[data-theme=light] .custom-button.game-actions-trigger{background:#ffffffb8;border-color:#0f172a1a}:root[data-theme=light] .game-actions-menu{background:#fafcfff7;border-color:#0f172a1c;box-shadow:0 18px 44px #0f172a2e,inset 0 1px #fffffff5}:root[data-theme=light] .custom-button.game-actions-menu-item:hover,:root[data-theme=light] .custom-button.game-actions-menu-item:focus-visible{background:#0f172a0f}:root[data-theme=light] .custom-button.game-actions-menu-item:disabled{color:#1118277a;opacity:1}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .game-header{background:radial-gradient(circle at 94% 10%,#0a84ff1a,#0000 28%),#ffffffb8;border-color:#0f172a14;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #0f172a12}:root:not([data-theme=dark]) .custom-button.game-actions-trigger{background:#ffffffb8;border-color:#0f172a1a}:root:not([data-theme=dark]) .game-actions-menu{background:#fafcfff7;border-color:#0f172a1c;box-shadow:0 18px 44px #0f172a2e,inset 0 1px #fffffff5}:root:not([data-theme=dark]) .custom-button.game-actions-menu-item:hover,:root:not([data-theme=dark]) .custom-button.game-actions-menu-item:focus-visible{background:#0f172a0f}:root:not([data-theme=dark]) .custom-button.game-actions-menu-item:disabled{color:#1118277a;opacity:1}}@keyframes game-actions-menu-in{0%{opacity:0;filter:blur(8px);transform:translate(8px,-8px)scale(.92)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes game-actions-menu-out{0%{opacity:1;filter:blur();transform:translate(0,0)scale(1)}to{opacity:0;filter:blur(7px);transform:translate(8px,-8px)scale(.94)}}@media (prefers-reduced-motion:reduce){.game-actions-menu,.game-actions-menu.is-closing{animation:none}}.connection-pill,.game-status-pill,.role-pill,.waiting-dot{white-space:nowrap;border:1px solid var(--lg-stroke);max-width:none;min-height:32px;color:var(--lg-muted-strong);box-shadow:var(--lg-inner-light);background:#ffffff0f;border-radius:999px;flex:none;align-items:center;padding:0 10px;font-size:.72rem;font-weight:820;display:inline-flex}.connection-pill:before,.game-status-pill:before,.waiting-dot:before{content:"";background:var(--lg-warning);border-radius:50%;width:7px;height:7px;margin-right:7px}.connection-pill.connected{color:#087253;background:#30d1581f}.connection-pill.connected:before{background:var(--lg-success)}.game-status-pill.lobby{color:var(--lg-warning);background:#ff9f0a1a}.game-status-pill.lobby:before{background:var(--lg-warning)}.game-status-pill.playing{color:var(--lg-blue);background:#0a84ff1a}.game-status-pill.playing:before{background:var(--lg-blue)}.game-status-pill.finished{color:var(--lg-success);background:#30d1581a}.game-status-pill.finished:before{background:var(--lg-success)}.game-status-pill.cancelled{color:var(--lg-danger);background:#ff375f1a}.game-status-pill.cancelled:before{background:var(--lg-danger)}.connection-pill.offline{color:var(--lg-danger);background:#ff375f1a}.connection-pill.offline:before{background:var(--lg-danger)}.role-pill{color:var(--lg-indigo);background:#5e5ce61a}.inline-alert{color:var(--lg-danger);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);background:#ff375f14;border:1px solid #ff375f2e;border-radius:16px;margin:0;padding:11px 12px}.centered-state,.join-card,.finished-card{text-align:center;border-radius:28px;width:min(760px,100%);margin:42px auto;padding:clamp(18px,4vw,30px)}.join-card form{text-align:left;margin-top:24px}.finished-card{place-items:center;gap:16px;display:grid}.finish-icon{width:82px;height:82px;box-shadow:var(--lg-inner-depth), 0 18px 42px #30d15824;background:#30d15824;border-radius:50%;place-items:center;font-size:2.3rem;display:grid}.cancel-icon{box-shadow:var(--lg-inner-depth), 0 18px 42px #ff375f1f;background:#ff375f1f}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.finished-card .hero-actions{margin-top:4px}.result-list{gap:8px;width:min(520px,100%);margin:8px auto 4px;display:grid}.result-list div{border:1px solid var(--lg-stroke);box-shadow:var(--lg-inner-light);background:#ffffff61;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.result-list span{color:var(--lg-muted-strong);font-weight:820}.finished-result{background:#ffd66621!important;border-color:#ffd66661!important}.inline-crown{margin-left:6px;display:inline-flex}.end-stats-panel{text-align:left;gap:14px;width:min(760px,100%);margin-top:4px;display:grid}.end-stats-heading{text-align:center;gap:4px;display:grid}.end-stats-heading h3{color:var(--text-primary);letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3vw,1.9rem)}.end-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.end-stats-grid article,.end-player-stats article,.end-form-card{border:1px solid var(--lg-stroke);box-shadow:var(--lg-inner-light);background:radial-gradient(circle at 80% 10%,#0a84ff1f,#0000 34%),#ffffff0b;border-radius:20px}.end-stats-grid article{text-align:center;align-content:center;gap:4px;min-height:90px;padding:12px;display:grid}.end-stats-grid span,.end-player-stats span,.end-stats-grid small,.end-player-stats small{color:var(--text-secondary);font-size:.78rem;font-weight:760}.end-stats-grid strong{color:var(--text-primary);font-size:clamp(1.45rem,4vw,2rem);line-height:1}.end-player-stats{gap:10px;display:grid}.end-player-stats article{gap:12px;padding:13px;display:grid}.end-player-stats article.winner{border-color:color-mix(in srgb, var(--lg-warning) 38%, transparent);background:radial-gradient(circle at 88% 8%,#ffd66629,#0000 32%),#ffffff0d}.end-player-stats__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.end-player-stats__top div{gap:3px;min-width:0;display:grid}.end-player-stats__top strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.end-player-stats__top b{color:var(--lg-blue);font-size:1.45rem;line-height:1}.end-player-bars{gap:5px;display:grid}.end-player-bars span{background:#ffffff12;border-radius:999px;height:5px;display:block;position:relative;overflow:hidden}.end-player-bars span:before{content:"";width:var(--bar-width,0%);border-radius:inherit;background:linear-gradient(90deg, var(--lg-blue), color-mix(in srgb, var(--lg-blue) 70%, #fff 30%));position:absolute;inset:0 auto 0 0}.end-player-bars span:nth-child(2):before{background:linear-gradient(90deg, var(--lg-success), color-mix(in srgb, var(--lg-success) 70%, #fff 30%))}.end-player-bars span:nth-child(3):before{background:linear-gradient(90deg, var(--lg-warning), color-mix(in srgb, var(--lg-warning) 70%, #fff 30%))}.end-player-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.end-player-metrics span{background:#ffffff0b;border-radius:12px;align-content:center;gap:2px;min-height:46px;padding:7px 8px;display:grid}.end-player-metrics strong{color:var(--text-primary);font-size:.88rem}.end-segment-stats{gap:10px;display:grid}.end-segment-stats__heading{text-align:center;gap:3px;display:grid}.end-segment-stats__heading strong{color:var(--text-primary);font-size:1rem}.end-segment-stats article{border:1px solid var(--lg-stroke);box-shadow:var(--lg-inner-light);background:radial-gradient(circle at 86% 12%,#0a84ff1a,#0000 30%),#ffffff0b;border-radius:20px;gap:10px;padding:13px;display:grid}.end-segment-stats article>strong{color:var(--text-primary);font-size:.95rem}.end-segment-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.end-segment-grid span{min-height:44px;color:var(--text-secondary);text-align:center;background:#ffffff0a;border-radius:11px;place-content:center;gap:2px;display:grid}.end-segment-grid span.has-hit{color:var(--text-primary);background:#0a84ff1c}.end-segment-grid small{color:inherit;font-size:.66rem;font-weight:800}.end-segment-grid b{color:inherit;font-size:.9rem}.end-form-card{gap:12px;padding:14px;display:grid}.end-form-card>div:first-child{gap:3px;display:grid}.end-form-card>div:first-child strong{color:var(--text-primary)}.end-form-chart{grid-template-columns:repeat(10,minmax(16px,1fr));align-items:end;gap:8px;min-height:120px;display:grid}.end-form-chart span{justify-items:center;gap:5px;min-width:0;display:grid}.end-form-chart i{width:100%;height:var(--bar-height,8%);background:linear-gradient(180deg, color-mix(in srgb, var(--lg-blue) 82%, #fff 18%), var(--lg-blue));border-radius:999px 999px 5px 5px;min-height:8px;display:block;box-shadow:0 10px 24px #0a84ff29}.end-form-chart small{color:var(--text-secondary);font-size:.68rem;font-weight:820}@media (width<=760px){.end-stats-grid{scrollbar-width:none;grid-template-columns:repeat(3,minmax(92px,1fr));padding-bottom:2px;overflow-x:auto}.end-stats-grid::-webkit-scrollbar{display:none}.end-player-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.end-segment-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.end-form-chart{scrollbar-width:none;grid-template-columns:repeat(10,minmax(28px,1fr));overflow-x:auto}.end-form-chart::-webkit-scrollbar{display:none}}.loader{border:3px solid #0a84ff1f;border-top-color:var(--lg-blue);border-radius:50%;width:38px;height:38px;animation:.72s linear infinite spin;display:inline-block}.lobby-layout{--lobby-accent:var(--lg-blue);--lobby-control-bg:#2c2c2ec7;--lobby-row-bg:#3a3a3cb8;grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,28px);display:grid}.lobby-layout .panel{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0}.lobby-player-panel,.lobby-config-panel{gap:14px;padding:clamp(8px,1.6vw,14px) clamp(8px,1.4vw,12px);display:grid}.lobby-config-panel{order:1}.lobby-player-panel{order:2}.lobby-panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.lobby-panel-heading h3{color:var(--text-primary);letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(1.12rem,2.2vw,1.55rem);line-height:1}.lobby-mode-tabs,.lobby-config-segmented{--segmented-bg:var(--lobby-control-bg);--segmented-active-bg:linear-gradient(180deg, color-mix(in srgb, var(--lobby-accent) 94%, #fff 6%), var(--lobby-accent));--segmented-active-shadow:0 8px 20px color-mix(in srgb, var(--lobby-accent) 26%, transparent)}.lobby-mode-tabs .segmented-control__button,.lobby-config-segmented .segmented-control__button{font-weight:880}.participant-list{gap:8px;display:grid;overflow:visible}.participant-row{background:var(--lobby-row-bg);min-height:56px;box-shadow:none;border:0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 12px;display:grid;overflow:visible}.participant-identity{grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid;overflow:visible}.presence{background:#ffffff2e;border-radius:999px;flex:none;width:9px;height:9px;margin-right:8px;display:inline-flex}.presence.online{background:var(--lg-success);box-shadow:0 0 0 5px #30d1581f}.presence.local{background:var(--lg-warning);box-shadow:0 0 0 5px #ff9f0a1f}.presence.offline{background:var(--lg-danger);box-shadow:0 0 0 5px #ff375f1f}.participant-avatar{display:none}.participant-row strong:not(.participant-name){color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.participant-name{min-width:0;max-width:100%;color:var(--text-primary);text-overflow:clip;white-space:nowrap;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0;font-size:1rem;display:inline-grid;overflow:visible!important}.participant-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.participant-meta{min-width:0;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:.78rem;font-weight:760;display:flex}.participant-meta>span+span:before{color:#fff3;content:"·";margin-right:8px}.local-player-badge{color:var(--lg-blue);letter-spacing:.04em;text-transform:uppercase;background:#0a84ff1f;border-radius:999px;align-items:center;padding:2px 7px;font-size:.66rem;font-style:normal;font-weight:900;display:inline-flex}.row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;display:flex}.custom-button.player-row-action{border:1px solid var(--lg-stroke);min-height:34px;color:var(--text-primary);box-shadow:none;white-space:nowrap;background:#ffffff0b;border-radius:999px;padding:0 11px;font-size:.78rem;font-weight:860}.custom-button.player-row-action:hover,.custom-button.player-row-action:focus-visible{background:#ffffff16}.custom-button.player-row-action.danger{color:var(--lg-danger);border-color:color-mix(in srgb, var(--lg-danger) 25%, transparent);background:color-mix(in srgb, var(--lg-danger) 8%, transparent)}.local-player-form{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0;display:grid}.local-player-open-button{width:100%}.local-player-title{color:var(--text-primary);font-size:.95rem;font-weight:900}.local-player-entry{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.local-player-entry .custom-button{min-width:118px}.add-player-backdrop{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:center;overflow-x:hidden}.add-player-dialog{box-sizing:border-box;gap:14px;width:min(560px,100vw - 28px);max-width:100%;max-height:calc(100dvh - 28px);display:grid;overflow:auto}.add-player-dialog>.eyebrow{color:var(--text-secondary);justify-self:center}.add-player-dialog h3{text-align:center;margin:0}.add-player-dialog>p{color:var(--text-secondary);margin:0;font-size:.95rem}.add-player-options{gap:10px;display:grid}.saved-player-picker{border:1px solid var(--glass-border);background:#0a84ff0e;border-radius:18px;gap:9px;padding:11px;display:grid}.saved-player-picker__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-player-picker__heading strong{color:var(--text-primary);font-size:.88rem}.saved-player-picker__heading span{color:var(--text-secondary);font-size:.72rem;font-weight:760}.saved-player-list{gap:7px;display:grid}.saved-player-row{grid-template-columns:minmax(0,1fr) 44px;gap:7px;display:grid}.saved-player-add,.custom-button.saved-player-add{border:1px solid var(--glass-border);min-height:46px;color:var(--text-primary);box-shadow:none;text-align:left;background:#fff1;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.saved-player-add span{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:820;overflow:hidden}.saved-player-add small{color:var(--lg-blue);flex:none;font-size:.7rem;font-weight:840}.saved-player-add:disabled small{color:var(--text-secondary)}.saved-player-forget,.custom-button.saved-player-forget{border:1px solid color-mix(in srgb, var(--lg-danger) 22%, transparent);min-width:44px;min-height:44px;color:var(--lg-danger);background:color-mix(in srgb, var(--lg-danger) 7%, transparent);box-shadow:none;border-radius:13px;place-items:center;padding:0;font-size:1.25rem;display:grid}.add-player-option,.custom-button.add-player-option{border:1px solid var(--glass-border);min-height:54px;color:var(--text-primary);box-shadow:none;text-align:left;background:#ffffff12;border-radius:16px;justify-content:space-between;align-items:center;padding:0 14px 0 16px;font-size:.95rem;font-weight:850;display:flex}.custom-button.add-player-option:hover:not(:disabled),.custom-button.add-player-option:focus-visible:not(:disabled){color:var(--text-primary);background:#ffffff1b;transform:translateY(-1px)}.custom-button.add-player-option:disabled{color:#ffffff5c;opacity:1;background:#ffffff0b}.add-player-option>span{align-items:center;gap:10px;min-width:0;display:inline-flex}.add-player-option svg:last-child{color:var(--text-secondary);flex:none}.add-player-option.scan-option>span svg{color:var(--lg-blue)}.add-player-loading{border:1px solid var(--glass-border);min-height:128px;color:var(--text-secondary);text-align:center;background:#ffffff0e;border-radius:18px;align-content:center;justify-items:center;gap:10px;padding:18px;display:grid}.add-player-loading svg{color:var(--lg-blue)}.add-player-loading p{margin:0;font-weight:800}.add-player-guest-form,.add-player-qr{gap:12px;display:grid}.add-player-guest-form .local-player-entry{grid-template-columns:minmax(0,7fr) minmax(92px,3fr)}.add-player-qr{text-align:center;justify-items:center}.add-player-qr img{background:#fff;border-radius:16px;width:min(220px,100%);height:auto;padding:12px;display:block}.add-player-qr p{color:var(--text-secondary);margin:0;line-height:1.45}.confirm-dialog-copy{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.confirm-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.spectator-list,.join-request-list{border-top:1px solid var(--lg-stroke);color:var(--text-secondary);padding-top:16px}.spectator-list strong{color:var(--text-primary);display:block}.settings-panel{overflow:hidden}.lobby-empty-mode{color:var(--text-secondary);background:0 0;border:0;border-radius:0;margin:0;padding:10px 0}.lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lobby-settings .full-width{grid-column:1/-1}.lobby-config-group,.lobby-stepper-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:9px;padding:0;display:grid}.lobby-config-title{color:var(--text-primary);align-items:center;gap:9px;display:flex}.lobby-config-title span{background:var(--lobby-accent);width:4px;height:20px;box-shadow:0 0 18px color-mix(in srgb, var(--lobby-accent) 28%, transparent);border-radius:999px}.lobby-config-title strong{font-size:1rem}.cricket-copy-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.45}.lobby-stepper-card{background:var(--lobby-control-bg);border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:5px;overflow:hidden}.lobby-stepper-card>span{min-height:40px;color:var(--text-primary);text-align:center;place-items:center;padding:0 10px;font-size:.92rem;font-weight:860;display:grid}.lobby-stepper-control{background:#ffffff0e;border-radius:999px;grid-template-columns:34px 42px 34px;align-items:center;display:grid}.lobby-stepper-control>strong{color:var(--text-primary);text-align:center;font-size:1.06rem;font-weight:930;line-height:1}.lobby-stepper-control>.custom-button{width:34px;min-width:34px;min-height:34px;color:var(--text-primary);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0;font-size:1.15rem}.lobby-stepper-control>.custom-button:hover:not(:disabled),.lobby-stepper-control>.custom-button:focus-visible:not(:disabled){background:color-mix(in srgb, var(--lobby-accent) 34%, transparent)}.lobby-start{text-align:center;gap:12px;display:grid}.lobby-start p{color:var(--text-secondary);margin:0}.lobby-start .custom-button{border-radius:999px;width:100%;min-height:50px;font-size:1.05rem}@media (width<=1100px){.lobby-layout{grid-template-columns:1fr}}@media (width<=760px){.lobby-player-panel,.lobby-config-panel{border-radius:24px;padding:12px}.lobby-panel-heading{align-items:flex-start}.lobby-panel-heading h3{font-size:clamp(1.35rem,7vw,1.85rem)}.participant-row{grid-template-columns:minmax(0,1fr) auto}.participant-row .custom-select-container,.participant-row .row-actions{width:auto}.row-actions{justify-content:flex-end}.local-player-entry,.lobby-settings{grid-template-columns:1fr}.lobby-stepper-card{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}:root[data-theme=light] .lobby-layout{--lobby-control-bg:#e2e7eee6;--lobby-row-bg:#f7f9fceb}:root[data-theme=light] .participant-row{border:1px solid #0f172a12;box-shadow:0 8px 22px #0f172a0b}:root[data-theme=light] .participant-meta>span+span:before{color:#0f172a3d}:root[data-theme=light] .custom-button.player-row-action{background:#ffffffb8;border-color:#0f172a1a}:root[data-theme=light] .custom-button.player-row-action:hover,:root[data-theme=light] .custom-button.player-row-action:focus-visible{background:#fffffff5}:root[data-theme=light] .lobby-stepper-card{border:1px solid #0f172a12}:root[data-theme=light] .lobby-stepper-control{background:#ffffffc2}:root[data-theme=light] .add-player-option,:root[data-theme=light] .custom-button.add-player-option,:root[data-theme=light] .saved-player-add,:root[data-theme=light] .custom-button.saved-player-add{background:#ffffffc7;border-color:#0f172a17;box-shadow:0 5px 16px #0f172a0b}:root[data-theme=light] .custom-button.add-player-option:hover:not(:disabled),:root[data-theme=light] .custom-button.add-player-option:focus-visible:not(:disabled){background:#fff}:root[data-theme=light] .custom-button.add-player-option:disabled{color:#11182761;background:#f1f5f9c7}:root[data-theme=light] .add-player-loading{background:#f1f5f9d1;border-color:#0f172a14}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .lobby-layout{--lobby-control-bg:#e2e7eee6;--lobby-row-bg:#f7f9fceb}:root:not([data-theme=dark]) .participant-row{border:1px solid #0f172a12;box-shadow:0 8px 22px #0f172a0b}:root:not([data-theme=dark]) .participant-meta>span+span:before{color:#0f172a3d}:root:not([data-theme=dark]) .custom-button.player-row-action{background:#ffffffb8;border-color:#0f172a1a}:root:not([data-theme=dark]) .custom-button.player-row-action:hover,:root:not([data-theme=dark]) .custom-button.player-row-action:focus-visible{background:#fffffff5}:root:not([data-theme=dark]) .lobby-stepper-card{border:1px solid #0f172a12}:root:not([data-theme=dark]) .lobby-stepper-control{background:#ffffffc2}:root:not([data-theme=dark]) .add-player-option,:root:not([data-theme=dark]) .custom-button.add-player-option,:root:not([data-theme=dark]) .saved-player-add,:root:not([data-theme=dark]) .custom-button.saved-player-add{background:#ffffffc7;border-color:#0f172a17;box-shadow:0 5px 16px #0f172a0b}:root:not([data-theme=dark]) .custom-button.add-player-option:hover:not(:disabled),:root:not([data-theme=dark]) .custom-button.add-player-option:focus-visible:not(:disabled){background:#fff}:root:not([data-theme=dark]) .custom-button.add-player-option:disabled{color:#11182761;background:#f1f5f9c7}:root:not([data-theme=dark]) .add-player-loading{background:#f1f5f9d1;border-color:#0f172a14}}.match-page-shell{--match-row-bg:#3a3a3cb8;--match-control-bg:#2c2c2ed1;grid-template:"banner input history""hud input history""board input history"minmax(0,1fr)/minmax(190px,.72fr) minmax(390px,1.6fr) minmax(170px,.64fr);align-items:start;gap:12px clamp(10px,1.35vw,16px);padding:8px clamp(8px,1.4vw,12px) 14px;display:grid}.turn-banner{color:var(--text-primary);box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:banner;gap:14px;padding:4px 0;display:grid}.turn-device-line{min-width:0;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 0;font-size:.8rem;font-weight:760;display:flex}.turn-device-line strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.turn-device-line em{color:var(--lg-danger);font-style:normal}.turn-banner.your-turn .eyebrow,.turn-banner.this-device-turn .eyebrow{color:var(--lg-blue)}.turn-banner.other-device-turn .eyebrow{color:var(--lg-warning)}.turn-banner.disconnected-turn .eyebrow{color:var(--lg-danger)}.scoring-zone{gap:8px;min-width:0;display:grid}.turn-entry-hud{z-index:18;border:1px solid color-mix(in srgb, var(--lg-blue) 18%, var(--lg-stroke));min-height:58px;color:var(--text-primary);background:color-mix(in srgb, var(--bg-main) 88%, var(--text-primary) 12%);-webkit-backdrop-filter:blur(22px)saturate(1.25);border-radius:16px;grid-area:hud;grid-template-columns:minmax(0,1fr) auto;align-self:start;align-items:center;gap:12px;padding:8px 10px 8px 12px;scroll-margin-top:8px;display:grid;position:relative;box-shadow:0 14px 34px #0000005c,inset 0 1px #ffffff12}.turn-entry-player{gap:1px;min-width:0;display:grid}.turn-entry-player small{color:var(--lg-blue);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:900}.turn-entry-player strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.turn-entry-player .turn-device-line{flex-wrap:nowrap;margin:2px 0 0;font-size:.78rem}.turn-entry-player .turn-device-line>span{flex:none}.turn-entry-darts{grid-template-columns:repeat(3,38px);gap:6px;display:grid}.turn-entry-darts span{min-height:34px;color:var(--text-secondary);background:#fff1;border:0;border-radius:10px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.turn-entry-darts span.filled{color:var(--lg-blue);background:#0a84ff24}@media (width>=761px){.turn-entry-hud{grid-template-columns:1fr}.turn-entry-darts{grid-template-columns:repeat(3,minmax(0,1fr))}}.match-page-shell .score-grid{grid-area:board;grid-template-columns:1fr;gap:8px;display:grid}.score-card{min-height:78px;color:var(--text-primary);background:var(--match-row-bg);box-shadow:none;border:0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"player score""player legs";align-items:center;gap:2px 12px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.score-card.active{background:color-mix(in srgb, var(--match-row-bg) 91%, var(--lg-blue) 9%);box-shadow:none}.score-card.finished{background:color-mix(in srgb, var(--match-row-bg) 92%, var(--lg-warning) 8%);box-shadow:none}.score-card.active b,.score-card.active .score-card-player strong{color:var(--lg-blue)}.score-card.finished b{color:var(--lg-warning)}.score-card-player{grid-area:player;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;height:100%;display:grid}.score-card-player.with-avatar{grid-template-columns:auto minmax(0,1fr);gap:10px}.score-card-player>div{align-content:center;min-width:0;min-height:100%;display:grid}.score-card .score-avatar{box-shadow:none;border:0}.score-card-player strong,.score-card-player span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.score-card-player strong{color:var(--text-primary);font-size:.92rem}.score-card-player span{color:var(--text-secondary);margin-top:2px;font-size:.72rem;font-weight:720}.score-card b{color:var(--text-primary);letter-spacing:-.065em;text-align:right;grid-area:score;font-size:clamp(1.8rem,4vw,2.4rem);line-height:.9}.leg-count{color:var(--text-secondary);text-align:right;white-space:nowrap;grid-area:legs;font-size:.66rem;font-weight:780}.finish-crown{width:28px;height:28px;color:var(--lg-warning);background:#ff9f0a1f;border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.score-card.finished b,.score-card.finished .leg-count{margin-right:26px}.match-main{grid-area:input;gap:12px;min-width:0;display:grid;position:sticky;top:8px}.checkout-panel,.history-panel,.scoring-panel{background:var(--match-control-bg);box-shadow:none;border:0;border-radius:18px}.checkout-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.checkout-panel h3,.dart-pad-header h3{color:var(--text-primary);letter-spacing:-.025em;margin:5px 0 0;font-size:1rem;line-height:1.15}.checkout-options{justify-content:flex-end}.checkout-options span{min-height:30px;color:var(--lg-blue);box-shadow:none;background:#0a84ff1f;border:0}.scoring-panel{overflow:hidden}.scoring-waiting{text-align:center;align-content:center;gap:7px;min-height:164px;padding:20px;display:grid}.scoring-waiting strong{color:var(--text-primary);font-size:clamp(1.05rem,2vw,1.25rem)}.scoring-waiting p{color:var(--text-secondary);margin:0;font-size:.82rem}.dart-pad{box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:clamp(12px,2vw,16px);display:grid}.dart-pad-header{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:12px;display:grid}.multiplier-tabs{--segmented-bg:#1c1c1ec2;--segmented-active-bg:linear-gradient(180deg, color-mix(in srgb, var(--lg-blue) 94%, #fff 6%), var(--lg-blue));--segmented-active-shadow:0 8px 18px #0a84ff33;width:100%}.number-grid,.special-darts,.match-actions{gap:8px;display:grid}.match-page-shell .number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.special-darts{grid-template-columns:repeat(3,minmax(0,1fr))}.number-grid .custom-button,.special-darts .custom-button{min-height:48px;color:var(--text-primary);box-shadow:none;background:#ffffff13;border:0;border-radius:13px;padding-inline:6px;font-size:clamp(1.125rem,1.45vw,1.3rem);font-weight:900}.number-grid .custom-button:hover:not(:disabled),.number-grid .custom-button:focus-visible:not(:disabled),.special-darts .custom-button:hover:not(:disabled),.special-darts .custom-button:focus-visible:not(:disabled){color:var(--text-primary);background:#ffffff21}.special-darts .miss{color:var(--lg-danger);background:#ff375f1f}.special-darts .blocked-by-multiplier{opacity:.35}.match-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 clamp(12px,2vw,16px) clamp(12px,2vw,16px)}.match-actions .custom-button{min-height:44px;box-shadow:none;border-radius:12px;font-size:.78rem;line-height:1.15}.history-panel{grid-area:history;max-height:calc(100dvh - 184px);padding:14px;position:sticky;top:8px;overflow:auto}.match-page-shell .history-panel h3{color:var(--text-primary);letter-spacing:-.03em;margin:5px 0 0;font-size:1.15rem;line-height:1}.history-list{gap:8px;margin-top:12px;display:grid}.history-list>div{min-height:54px;box-shadow:none;background:#ffffff0e;border:0;border-radius:12px;padding:9px 10px}.history-list span{color:var(--text-secondary);letter-spacing:.045em;text-transform:uppercase;font-size:.64rem;font-weight:860}.history-list strong{color:var(--text-primary);margin-top:2px;font-size:.84rem;display:block}.history-list p{color:var(--text-secondary);margin:3px 0 0;font-size:.76rem}.cricket-board{background:var(--match-control-bg);min-width:0;box-shadow:none;border:0;border-radius:16px;grid-area:board;padding:10px;overflow:auto}.cricket-header,.cricket-row{grid-template-columns:76px repeat(var(--team-count), minmax(82px, 1fr));align-items:center;gap:6px;display:grid}.cricket-row{min-height:40px}.cricket-header strong,.cricket-row span,.cricket-row strong{color:var(--text-primary);text-align:center;background:#ffffff0e;border-radius:10px;padding:7px 8px}.cricket-header .active{color:var(--lg-blue);background:#0a84ff1f}@media (width<=860px){.match-page-shell{grid-template-columns:minmax(220px,.74fr) minmax(0,1.5fr);grid-template-areas:"banner input""hud input""board input"}.history-panel{display:none}}@media (width<=760px){.match-page-shell{grid-template-columns:1fr;grid-template-areas:"banner""hud""board""input";gap:12px;padding-inline:0}.turn-banner{border-radius:0;gap:12px;min-height:0;padding:0}.turn-entry-hud{min-height:54px;padding-block:7px;position:sticky;top:0}.match-page-shell .score-grid{grid-template-columns:1fr}.match-main{position:static}.score-card{border-radius:14px;min-height:72px}.checkout-panel,.dart-pad-header{grid-template-columns:1fr}.checkout-options{justify-content:flex-start}.match-page-shell .number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.number-grid .custom-button,.special-darts .custom-button{border-radius:13px;min-height:50px;font-size:1.1rem}}@media (width<=390px){.turn-entry-hud{gap:8px;padding-inline:10px 8px}.turn-entry-darts{grid-template-columns:repeat(3,34px);gap:5px}.number-grid,.special-darts{gap:7px}.number-grid .custom-button,.special-darts .custom-button{min-height:48px;padding-inline:4px}}:root[data-theme=light] .match-page-shell{--match-row-bg:#f7f9fcf0;--match-control-bg:#f1f4f8f5}:root[data-theme=light] .turn-entry-hud{border-color:color-mix(in srgb, var(--lg-blue) 20%, #0f172a14);background:#fffffff0;box-shadow:0 12px 28px #0f172a1f,inset 0 1px #fffffff5}:root[data-theme=light] .turn-entry-darts span{color:#1118278c;background:#0f172a0e}:root[data-theme=light] .score-card{border:1px solid #0f172a12;box-shadow:0 7px 20px #0f172a0b}:root[data-theme=light] .score-card.active{box-shadow:none}:root[data-theme=light] .checkout-panel,:root[data-theme=light] .history-panel,:root[data-theme=light] .scoring-panel,:root[data-theme=light] .cricket-board{border:1px solid #0f172a13;box-shadow:0 9px 24px #0f172a0e}:root[data-theme=light] .number-grid .custom-button,:root[data-theme=light] .special-darts .custom-button{background:#ffffffe0;border:1px solid #0f172a12;box-shadow:inset 0 1px #fffffff5,0 3px 10px #0f172a0a}:root[data-theme=light] .number-grid .custom-button:hover:not(:disabled),:root[data-theme=light] .number-grid .custom-button:focus-visible:not(:disabled),:root[data-theme=light] .special-darts .custom-button:hover:not(:disabled),:root[data-theme=light] .special-darts .custom-button:focus-visible:not(:disabled){background:#fff}:root[data-theme=light] .special-darts .miss{background:#ff375f17;border-color:#ff375f21}:root[data-theme=light] .match-actions .custom-button{color:var(--text-primary);background:#ffffffc2;border-color:#0f172a14}:root[data-theme=light] .history-list>div,:root[data-theme=light] .cricket-header strong,:root[data-theme=light] .cricket-row span,:root[data-theme=light] .cricket-row strong{background:#ffffffb8;border:1px solid #0f172a0e}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .match-page-shell{--match-row-bg:#f7f9fcf0;--match-control-bg:#f1f4f8f5}:root:not([data-theme=dark]) .turn-entry-hud{border-color:color-mix(in srgb, var(--lg-blue) 20%, #0f172a14);background:#fffffff0;box-shadow:0 12px 28px #0f172a1f,inset 0 1px #fffffff5}:root:not([data-theme=dark]) .turn-entry-darts span{color:#1118278c;background:#0f172a0e}:root:not([data-theme=dark]) .score-card{border:1px solid #0f172a12;box-shadow:0 7px 20px #0f172a0b}:root:not([data-theme=dark]) .score-card.active{box-shadow:none}:root:not([data-theme=dark]) .checkout-panel,:root:not([data-theme=dark]) .history-panel,:root:not([data-theme=dark]) .scoring-panel,:root:not([data-theme=dark]) .cricket-board{border:1px solid #0f172a13;box-shadow:0 9px 24px #0f172a0e}:root:not([data-theme=dark]) .number-grid .custom-button,:root:not([data-theme=dark]) .special-darts .custom-button{background:#ffffffe0;border:1px solid #0f172a12;box-shadow:inset 0 1px #fffffff5,0 3px 10px #0f172a0a}:root:not([data-theme=dark]) .number-grid .custom-button:hover:not(:disabled),:root:not([data-theme=dark]) .number-grid .custom-button:focus-visible:not(:disabled),:root:not([data-theme=dark]) .special-darts .custom-button:hover:not(:disabled),:root:not([data-theme=dark]) .special-darts .custom-button:focus-visible:not(:disabled){background:#fff}:root:not([data-theme=dark]) .special-darts .miss{background:#ff375f17;border-color:#ff375f21}:root:not([data-theme=dark]) .match-actions .custom-button{color:var(--text-primary);background:#ffffffc2;border-color:#0f172a14}:root:not([data-theme=dark]) .history-list>div,:root:not([data-theme=dark]) .cricket-header strong,:root:not([data-theme=dark]) .cricket-row span,:root:not([data-theme=dark]) .cricket-row strong{background:#ffffffb8;border:1px solid #0f172a0e}}.account-page,.settings-page,.shop-page{width:min(1120px,100% - 36px);margin:0 auto;padding:24px 0 96px}.profile-card{border-radius:var(--ui-panel-radius);isolation:isolate;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:18px;display:grid;position:relative;overflow:hidden}.profile-card:after{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#0a84ff14,#0000 68%);border-radius:50%;height:180%;position:absolute;inset:-70% -8% auto 42%}.profile-card__avatar,.profile-card__identity,.profile-card__edit{z-index:1;position:relative}.profile-card__avatar{flex:none}.profile-card__identity{justify-items:start;gap:8px;min-width:0;display:grid}.profile-card h1{overflow-wrap:anywhere;max-width:100%;color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:clamp(1.12rem,4vw,1.35rem);font-weight:720;line-height:1.05}.profile-card p{color:var(--lg-muted);margin:0}.profile-card .custom-button{z-index:1;position:relative}.profile-card__edit.custom-button{justify-self:end;width:auto;min-width:92px;min-height:36px;padding-inline:12px;font-weight:650}.profile-card .rank-badge{border:1px solid color-mix(in srgb, var(--lg-blue) 20%, transparent);width:fit-content;min-height:28px;color:var(--text-secondary);background:color-mix(in srgb, var(--lg-blue) 8%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;font-weight:620;line-height:1;display:inline-flex}.profile-card .rank-badge svg{color:var(--lg-blue)}.profile-card>.form-error{grid-column:1/-1}.profile-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;margin-top:14px;display:grid}.profile-grid .panel,.settings-page .panel,.auth-form{padding:var(--ui-panel-padding);border-radius:var(--ui-panel-radius)}.profile-grid .panel{min-height:220px}.friend-add-form{grid-template-columns:minmax(0,1fr) auto;margin:18px 0 16px}.friend-row,.history-card{min-height:54px}.friend-row>div,.history-card{min-width:0}.friend-row strong,.history-card strong{color:var(--text-title);display:block}.friend-row span:not(.presence),.history-card span{color:var(--lg-muted);font-size:.84rem}.history-card{align-items:flex-start}.settings-page .panel{max-width:760px}.settings-page .panel h2{margin-top:0;font-size:clamp(1.7rem,4vw,2.45rem)}.auth-form{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 20px var(--glass-shadow)}.account-page.app-page{flex-direction:column;gap:12px;width:min(760px,100% - 24px);display:flex}.account-profile-hero,.account-action-card,.account-friend-code-card,.account-friends-card,.stats-mode-card,.stats-history-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 24px var(--glass-shadow);border-radius:22px}.account-profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.account-profile-hero__content{min-width:0}.account-profile-hero__content h2,.account-action-card h2,.account-card-heading h2{color:var(--text-primary);margin:2px 0 0;font-size:1.18rem;line-height:1}.account-profile-hero__content p,.account-action-card p{color:var(--text-secondary);text-overflow:ellipsis;white-space:normal;opacity:.74;margin:6px 0 0;font-size:.82rem;overflow:hidden}.account-action-card{grid-template-columns:1fr;align-items:stretch;gap:12px;padding:14px;display:grid;overflow:hidden}.account-action-card .custom-button,.account-inline-actions .custom-button,.account-profile-hero .custom-button{align-items:center;gap:7px;display:inline-flex}.account-friend-code-card,.account-friends-card{gap:12px;padding:14px;display:grid}.account-friend-code-card>strong{color:var(--text-primary);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.22rem}.account-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.account-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-card-heading>span{border:1px solid var(--glass-border);min-width:34px;height:34px;color:var(--text-primary);background:#ffffff0a;border-radius:999px;place-items:center;font-size:.86rem;font-weight:900;display:grid}.account-friends-card .friend-add-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;display:grid}.account-page .friend-add-form{align-items:stretch;grid-template-columns:minmax(0,1fr) auto!important;display:grid!important}.account-page .friend-add-form .custom-input-container{min-width:0}.account-page .friend-add-form .custom-button{width:auto;min-width:104px}.friends-list{gap:10px;display:grid}.friend-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 0;display:flex}.friend-row:last-child{border-bottom:0}.friend-row>div{align-items:center;gap:9px;min-width:0;display:inline-flex}.friend-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-dot{background:#ffffff2e;border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.online-dot.online{background:var(--success);box-shadow:0 0 14px #30d15873}.account-logout-button{justify-content:center;gap:8px;width:100%;display:inline-flex;color:var(--danger)!important;background:#ef444414!important;border-color:#ef444447!important}.account-action-card .custom-button{justify-content:center;width:100%;max-width:100%}.account-logout-button svg{color:currentColor}.profile-edit-dialog{gap:16px;display:grid}.profile-edit-preview{align-items:center;gap:14px;display:flex}.profile-photo-picker{border:1px solid var(--glass-border);width:fit-content;min-height:38px;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;padding:0 13px;font-size:.82rem;font-weight:800;display:inline-flex}.profile-photo-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dialog-field{gap:6px;display:grid}.avatar-choice-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;display:grid}.avatar-choice-grid button{background:0 0;border:2px solid #0000;border-radius:999px;place-items:center;padding:2px;display:grid}.avatar-choice-grid button.selected{border-color:var(--text-primary)}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dialog-copy,.qr-dialog-content p{color:var(--text-secondary);margin:0;line-height:1.45}.qr-dialog-content{justify-items:center;gap:12px;display:grid}.qr-dialog-content img{background:#fff;border-radius:12px;padding:12px;display:block}@media (width<=560px){.account-profile-hero,.account-action-card{grid-template-columns:auto minmax(0,1fr)}.account-action-card{grid-template-columns:1fr}.account-profile-hero .custom-button,.account-action-card .custom-button{grid-column:1/-1;justify-content:center}.account-friends-card .friend-add-form,.dialog-actions{grid-template-columns:1fr}}@media (width<=430px){.account-page .friend-add-form{grid-template-columns:1fr!important}.account-page .friend-add-form .custom-button{width:100%}}@media (width<=360px){.profile-card{grid-template-columns:auto minmax(0,1fr);gap:10px 13px}.profile-card__avatar{grid-row:1/span 2}.profile-card__edit.custom-button{grid-column:2;justify-self:start}}:root[data-theme=light] .account-page>.panel,:root[data-theme=light] .account-profile-hero,:root[data-theme=light] .account-action-card,:root[data-theme=light] .account-friend-code-card,:root[data-theme=light] .account-friends-card,:root[data-theme=light] .settings-page .panel,:root[data-theme=light] .auth-form{background:#ffffffb3;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff0,0 8px 24px #0f172a0b}:root[data-theme=light] .account-page .rank-badge{color:#0f172aad;background:#0a84ff11;border-color:#0a84ff29}:root[data-theme=light] .profile-photo-picker{background:#ffffffc7;border-color:#0f172a1a}:root[data-theme=light] .settings-page select{box-shadow:inset 0 1px #fffffff5;color:var(--text-primary)!important;background:#ffffffe0!important;border-color:#0f172a1c!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .account-page>.panel,:root:not([data-theme=dark]) .account-profile-hero,:root:not([data-theme=dark]) .account-action-card,:root:not([data-theme=dark]) .account-friend-code-card,:root:not([data-theme=dark]) .account-friends-card,:root:not([data-theme=dark]) .settings-page .panel,:root:not([data-theme=dark]) .auth-form{background:#ffffffb3;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff0,0 8px 24px #0f172a0b}:root:not([data-theme=dark]) .account-page .rank-badge{color:#0f172aad;background:#0a84ff11;border-color:#0a84ff29}:root:not([data-theme=dark]) .profile-photo-picker{background:#ffffffc7;border-color:#0f172a1a}:root:not([data-theme=dark]) .settings-page select{box-shadow:inset 0 1px #fffffff5;color:var(--text-primary)!important;background:#ffffffe0!important;border-color:#0f172a1c!important}}.shop-page.app-page{gap:18px;width:min(860px,100% - 24px);padding-block:14px;display:grid}.shop-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.shop-heading h2{color:var(--text-primary);letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:.96}.shop-heading p{max-width:540px;color:var(--text-secondary);margin:10px 0 0;line-height:1.45}.shop-live-game{color:var(--lg-success);background:#30d1581a;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 10px;font-size:.76rem;font-weight:820;display:inline-flex}.shop-live-game>span{background:var(--lg-success);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #30d1581f}.shop-tabs{--segmented-bg:#2c2c2ec7;--segmented-active-bg:linear-gradient(180deg, color-mix(in srgb, var(--lg-blue) 94%, #fff 6%), var(--lg-blue));--segmented-active-shadow:0 8px 20px #0a84ff38;width:min(100%,440px)}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shop-tile{min-height:148px;color:var(--text-primary);background:#3a3a3cb3;border:0;border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid;position:relative}.shop-tile-icon{width:42px;height:42px;color:var(--lg-blue);background:#0a84ff21;border-radius:13px;place-items:center;display:grid}.shop-tile-copy{min-width:0}.shop-tile-title{color:var(--text-primary);letter-spacing:-.025em;margin:2px 0 0;font-size:1rem;line-height:1.2}.shop-tile-desc{color:var(--text-secondary);margin:7px 0 0;font-size:.82rem;line-height:1.4}.shop-tile-status{color:var(--text-secondary);letter-spacing:.025em;text-transform:uppercase;background:#ffffff0e;border-radius:999px;grid-column:1/-1;justify-self:start;padding:4px 9px;font-size:.7rem;font-weight:880}.shop-tile.owned .shop-tile-status{color:var(--lg-success);background:#30d1581a}.shop-tile.coming-soon{opacity:.68}.shop-state,.shop-empty-card{min-height:132px;color:var(--text-secondary);text-align:center;background:#3a3a3c75;border-radius:18px;place-items:center;gap:12px;padding:18px;display:grid}.shop-state-error{color:var(--lg-danger)}@media (width<=640px){.shop-page.app-page{gap:16px;width:100%}.shop-heading{align-items:start;display:grid}.shop-live-game{justify-self:start}.shop-tabs{width:100%}.shop-grid{grid-template-columns:1fr}.shop-tile{min-height:132px}}:root[data-theme=light] .shop-tile{background:#f8fafceb;border:1px solid #0f172a13;box-shadow:0 8px 22px #0f172a0d}:root[data-theme=light] .shop-tile-status{color:#1118279e;background:#0f172a0e}:root[data-theme=light] .shop-tile.coming-soon{opacity:1}:root[data-theme=light] .shop-tile.coming-soon .shop-tile-title{color:#111827c2}:root[data-theme=light] .shop-tile.coming-soon .shop-tile-desc{color:#111827a8}:root[data-theme=light] .shop-state,:root[data-theme=light] .shop-empty-card{background:#f8fafcd6;border:1px solid #0f172a13}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .shop-tile{background:#f8fafceb;border:1px solid #0f172a13;box-shadow:0 8px 22px #0f172a0d}:root:not([data-theme=dark]) .shop-tile-status{color:#1118279e;background:#0f172a0e}:root:not([data-theme=dark]) .shop-tile.coming-soon{opacity:1}:root:not([data-theme=dark]) .shop-tile.coming-soon .shop-tile-title{color:#111827c2}:root:not([data-theme=dark]) .shop-tile.coming-soon .shop-tile-desc{color:#111827a8}:root:not([data-theme=dark]) .shop-state,:root:not([data-theme=dark]) .shop-empty-card{background:#f8fafcd6;border:1px solid #0f172a13}}.stats-page.app-page{width:min(860px,100% - 24px);max-width:100%;padding:0 0 calc(148px + var(--safe-bottom,0px));color:var(--text-primary);flex-direction:column;gap:12px;display:flex;overflow-x:clip}.stats-health-card,.stats-mini-card,.stats-empty-state{border:1px solid var(--glass-border);background:radial-gradient(circle at 86% 16%, #0a84ff1c, transparent 34%), var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 24px var(--glass-shadow)}.stats-overview-card{border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;overflow:hidden}.stats-overview-copy{min-width:0}.stats-overview-copy>span,.stats-mini-card>span,.stats-panel-heading .eyebrow,.stats-insight-card>span,.stats-comparison-card>.eyebrow,.stats-streak-card>.eyebrow,.stats-roadmap-card .eyebrow{color:var(--lg-blue);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:780}.stats-overview-copy strong{color:var(--text-primary);letter-spacing:-.11em;margin-top:3px;font-size:clamp(4.8rem,18vw,8.4rem);font-weight:860;line-height:.84;display:block}.stats-overview-copy p{max-width:560px;color:var(--text-secondary);margin:10px 0 0;font-size:.95rem;line-height:1.42}.stats-score-ring{aspect-ratio:1;place-items:center;width:clamp(116px,24vw,166px);display:grid;position:relative}.stats-score-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.stats-score-ring circle{fill:none;stroke-width:12px}.stats-score-ring__track{stroke:#ffffff14}.stats-score-ring__value{stroke:var(--lg-blue);stroke-linecap:round;filter:drop-shadow(0 0 12px #0a84ff7a)}.stats-score-ring>div{color:var(--text-primary);justify-items:center;display:grid}.stats-score-ring strong{letter-spacing:-.045em;font-size:clamp(2rem,7vw,3.4rem);font-weight:800;line-height:.9}.stats-score-ring span{color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:680}.stats-pinned-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stats-mini-card{border-radius:20px;gap:7px;min-height:132px;padding:14px;display:grid}.stats-mini-card.tone-green{background:radial-gradient(circle at 82% 14%, #30d1582e, transparent 38%), var(--glass-bg)}.stats-mini-card.tone-purple{background:radial-gradient(circle at 82% 14%, #845cff2e, transparent 38%), var(--glass-bg)}.stats-mini-card.tone-orange{background:radial-gradient(circle at 82% 14%, #ff9f0a2e, transparent 38%), var(--glass-bg)}.stats-mini-card strong{color:var(--text-primary);letter-spacing:-.045em;align-items:baseline;gap:6px;font-size:clamp(2rem,6vw,3.1rem);font-weight:780;line-height:.9;display:flex}.stats-mini-card small{color:var(--text-secondary);letter-spacing:-.02em;font-size:.78rem;font-weight:620}.stats-mini-card p{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.34}.stats-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.stats-panel-heading h2,.stats-section-title h2,.stats-comparison-card h2,.stats-streak-card h2,.stats-roadmap-card h2{color:var(--text-primary);letter-spacing:-.025em;margin:3px 0 0;font-size:clamp(1.25rem,4vw,1.8rem);font-weight:740;line-height:1.12}.stats-panel-heading>strong{color:var(--text-primary);text-align:right;flex:none;font-size:.94rem;font-weight:650}.stats-activity-card,.stats-trend-panel,.stats-pie-panel,.stats-mode-bars-panel,.stats-history-panel,.stats-comparison-card,.stats-streak-card,.stats-roadmap-card{border-radius:22px;padding:16px;overflow:hidden}.stats-activity-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;min-height:190px;padding:8px 2px 0;display:grid}.stats-activity-chart.is-hourly{scrollbar-width:none;grid-template-columns:repeat(12,minmax(18px,1fr));overflow-x:auto}.stats-activity-chart.is-hourly::-webkit-scrollbar{display:none}.stats-activity-chart>div{grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;height:184px;display:grid}.stats-activity-chart span,.stats-activity-chart em{color:var(--text-secondary);font-size:.72rem;font-style:normal;font-weight:620}.stats-activity-chart i{background:#ffffff12;border-radius:999px;align-self:end;width:min(100%,34px);min-height:8px;position:relative;overflow:hidden}.stats-activity-chart i:before{content:"";background:linear-gradient(#ffffff2e,#0a84ff75);position:absolute;inset:0}.stats-activity-chart b{border-radius:inherit;background:var(--lg-success);position:absolute;bottom:0;left:0;right:0}.stats-section-title{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 10px;display:flex}.stats-section-title button,.stats-roadmap-card button{color:var(--lg-blue);background:0 0;border:0;font-weight:680}.stats-insight-list{gap:10px;display:grid}.stats-insight-card{border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 14px;padding:15px;display:grid;position:relative}.stats-insight-card>span,.stats-insight-card strong,.stats-insight-card p{grid-column:1}.stats-insight-card strong{color:var(--text-primary);letter-spacing:-.018em;font-size:1.02rem;font-weight:720;line-height:1.18}.stats-insight-card p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.38}.stats-insight-card em{color:var(--text-primary);letter-spacing:-.025em;text-align:right;grid-area:1/2/span 3;font-size:clamp(1.08rem,4vw,1.55rem);font-style:normal;font-weight:740;line-height:1.12}.stats-insight-card.tone-gold{background:radial-gradient(circle at 84% 18%, #ffd1662e, transparent 34%), var(--glass-bg)}.stats-insight-card.tone-gray{background:radial-gradient(circle at 84% 18%, #ffffff14, transparent 34%), var(--glass-bg)}.stats-line-shell{background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/20% 100%,radial-gradient(circle at 74% 22%,#0a84ff38,#0000 34%),#ffffff06;border:1px solid #ffffff13;border-radius:24px;height:clamp(190px,36vw,300px);position:relative;overflow:hidden}.stats-line-chart{width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.stats-line-chart polygon{fill:#0a84ff24}.stats-line-chart polyline{fill:none;stroke:var(--lg-blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 10px #0a84ff8a)}.stats-form-row{gap:7px;margin-top:10px;display:flex}.stats-form-row span{width:30px;height:30px;color:var(--text-primary);background:#ffffff0f;border-radius:10px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.stats-form-row span.win{color:#06120b;background:var(--lg-success)}.stats-form-row span.loss{color:#fff;background:#ff453ab8}.stats-form-row .empty{width:auto;color:var(--text-secondary);background:#ffffff0a;padding:0 12px}.stats-comparison-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:12px;display:grid}.stats-comparison-card p,.stats-roadmap-card p{color:var(--text-secondary);margin:10px 0 0;line-height:1.42}.stats-comparison-card p strong{color:var(--text-primary);font-weight:650}.stats-compare-bars{background-color:#ffffff06;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:20px;align-items:end;gap:16px;height:150px;margin-top:18px;padding:0 18px;display:flex}.stats-compare-bars i{background:var(--lg-blue);border-radius:14px 14px 0 0;flex:1 1 0;min-height:10px}.stats-compare-bars i:last-child{background:#ffffff38}.stats-streak-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.stats-streak-values div{background:#ffffff0b;border-radius:22px;place-items:center;min-height:132px;display:grid}.stats-streak-values strong{color:var(--text-primary);letter-spacing:-.045em;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:.86}.stats-streak-values span{color:var(--text-secondary);font-size:.78rem;font-weight:650}.stats-pie-layout{grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.stats-pie-chart{justify-self:center;width:min(210px,100%);height:auto;overflow:visible;transform:rotate(-90deg)}.stats-pie-track{fill:none;stroke:#ffffff14;stroke-width:18px}.stats-pie-segment{fill:none;stroke-linecap:round;stroke-width:18px;transition:stroke-dasharray .24s}.stats-mode-legend{gap:9px;display:grid}.stats-mode-legend div{background:#ffffff0b;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:grid}.stats-mode-legend i{border-radius:999px;width:10px;height:10px}.stats-mode-legend span,.stats-mode-legend strong{color:var(--text-primary);font-size:.84rem;font-weight:680}.stats-mode-legend span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-bars{gap:12px;display:grid}.stats-bars>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:15px;display:grid;position:relative;overflow:hidden}.stats-bars>div:after{content:"";background:#ffffff14;border-radius:999px;height:8px;position:absolute;bottom:0;left:0;right:0}.stats-bars span,.stats-bars strong{z-index:1;color:var(--text-primary);font-size:.88rem;font-weight:680;position:relative}.stats-bars span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-bars i{z-index:1;border-radius:999px;min-width:8px;height:8px;position:absolute;bottom:0;left:0;box-shadow:0 0 14px #0a84ff52}.stats-history-list{gap:8px;display:grid}.stats-history-list article{background:#ffffff09;border:1px solid #ffffff0e;border-radius:17px;grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.stats-history-list article>span{color:#fff;background:#ff453ab8;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:740;display:grid}.stats-history-list article.win>span{color:#06120b;background:var(--lg-success)}.stats-history-list strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:680;display:block;overflow:hidden}.stats-history-list span{color:var(--text-secondary);font-size:.78rem}.stats-history-list article>div:last-child{text-align:right}.stats-roadmap-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.stats-roadmap-card button{background:#0a84ff1f;border-radius:999px;min-height:38px;padding:0 14px}.stats-empty-state{border-radius:22px;justify-items:start;gap:10px;padding:16px;display:grid}.stats-empty-state.is-inline{box-shadow:none;background:#ffffff09;border:0}.stats-empty-state h2{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:720}.stats-empty-state p{color:var(--text-secondary);margin:0;line-height:1.45}@media (width<=860px){.stats-pinned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-comparison-grid,.stats-pie-layout{grid-template-columns:1fr}.stats-mode-legend{width:100%}}@media (width<=560px){.stats-page.app-page{gap:10px;width:min(100% - 24px,980px)}.stats-overview-card{border-radius:26px;grid-template-columns:1fr;gap:8px;padding:15px}.stats-score-ring{justify-self:center}.stats-pinned-grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.stats-mini-card{min-width:0;min-height:118px}.stats-activity-chart{gap:7px;min-height:168px}.stats-activity-chart>div{height:164px}.stats-insight-card{grid-template-columns:1fr}.stats-insight-card em{text-align:left;grid-area:auto/1;margin-top:3px}.stats-history-list article{grid-template-columns:auto minmax(0,1fr)}.stats-history-list article>div:last-child{text-align:left;grid-column:2}.stats-roadmap-card{grid-template-columns:1fr}}@media (width<=390px){.stats-pinned-grid{grid-template-columns:1fr}}:root[data-theme=light] .stats-health-card,:root[data-theme=light] .stats-mini-card,:root[data-theme=light] .stats-empty-state{background:radial-gradient(circle at 86% 16%,#0a84ff17,#0000 34%),#ffffffd1;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff5,0 8px 24px #0f172a0e}:root[data-theme=light] .stats-mini-card.tone-green{background:radial-gradient(circle at 82% 14%,#30d15824,#0000 38%),#ffffffd1}:root[data-theme=light] .stats-mini-card.tone-purple{background:radial-gradient(circle at 82% 14%,#845cff24,#0000 38%),#ffffffd1}:root[data-theme=light] .stats-mini-card.tone-orange{background:radial-gradient(circle at 82% 14%,#ff9f0a24,#0000 38%),#ffffffd1}:root[data-theme=light] .stats-score-ring__track,:root[data-theme=light] .stats-pie-track{stroke:#0f172a17}:root[data-theme=light] .stats-activity-chart i,:root[data-theme=light] .stats-bars>div:after{background:#0f172a13}:root[data-theme=light] .stats-line-shell{background:linear-gradient(#0f172a0e 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#0f172a0b 1px,#0000 1px) 0 0/20% 100%,radial-gradient(circle at 74% 22%,#0a84ff24,#0000 34%),#f8fafcc7;border-color:#0f172a14}:root[data-theme=light] .stats-form-row span,:root[data-theme=light] .stats-mode-legend div,:root[data-theme=light] .stats-streak-values div{background:#0f172a0e}:root[data-theme=light] .stats-compare-bars{background-color:#f8fafcb8;background-image:linear-gradient(#0f172a0e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}:root[data-theme=light] .stats-compare-bars i:last-child{background:#0f172a33}:root[data-theme=light] .stats-history-list article{background:#f8fafcc2;border-color:#0f172a12}:root[data-theme=light] .stats-empty-state.is-inline{background:#0f172a09}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .stats-health-card,:root:not([data-theme=dark]) .stats-mini-card,:root:not([data-theme=dark]) .stats-empty-state{background:radial-gradient(circle at 86% 16%,#0a84ff17,#0000 34%),#ffffffd1;border-color:#0f172a13;box-shadow:inset 0 1px #fffffff5,0 8px 24px #0f172a0e}:root:not([data-theme=dark]) .stats-mini-card.tone-green{background:radial-gradient(circle at 82% 14%,#30d15824,#0000 38%),#ffffffd1}:root:not([data-theme=dark]) .stats-mini-card.tone-purple{background:radial-gradient(circle at 82% 14%,#845cff24,#0000 38%),#ffffffd1}:root:not([data-theme=dark]) .stats-mini-card.tone-orange{background:radial-gradient(circle at 82% 14%,#ff9f0a24,#0000 38%),#ffffffd1}:root:not([data-theme=dark]) .stats-score-ring__track,:root:not([data-theme=dark]) .stats-pie-track{stroke:#0f172a17}:root:not([data-theme=dark]) .stats-activity-chart i,:root:not([data-theme=dark]) .stats-bars>div:after{background:#0f172a13}:root:not([data-theme=dark]) .stats-line-shell{background:linear-gradient(#0f172a0e 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#0f172a0b 1px,#0000 1px) 0 0/20% 100%,radial-gradient(circle at 74% 22%,#0a84ff24,#0000 34%),#f8fafcc7;border-color:#0f172a14}:root:not([data-theme=dark]) .stats-form-row span,:root:not([data-theme=dark]) .stats-mode-legend div,:root:not([data-theme=dark]) .stats-streak-values div{background:#0f172a0e}:root:not([data-theme=dark]) .stats-compare-bars{background-color:#f8fafcb8;background-image:linear-gradient(#0f172a0e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 25%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}:root:not([data-theme=dark]) .stats-compare-bars i:last-child{background:#0f172a33}:root:not([data-theme=dark]) .stats-history-list article{background:#f8fafcc2;border-color:#0f172a12}:root:not([data-theme=dark]) .stats-empty-state.is-inline{background:#0f172a09}}@media (width<=980px){.home-dashboard,.lobby-layout,.match-score-stage,.match-layout,.profile-grid{grid-template-columns:1fr}.home-dashboard{min-height:auto}.home-friends-card{position:static}.home-choice-grid,.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-grid{grid-template-columns:repeat(5,1fr)}.game-header{grid-template-columns:minmax(0,1fr) auto}.game-header-actions{justify-content:end}}@media (width<=760px){main,.account-page,.settings-page,.shop-page{width:min(100% - 24px,1180px)}.topbar{border-radius:28px;width:min(100% - 20px,1180px);min-height:58px;padding:8px 10px;top:8px}.topbar-tag{display:none}.brand{gap:9px;min-width:0}.brand-mark{width:38px;height:38px}.theme-selector{padding:3px}.theme-btn{width:34px;height:34px}.home-status-card,.home-friends-card,.hero-dartboard-card{border-radius:24px}.home-status-card{padding:18px}.home-status-card h1{font-size:clamp(2.25rem,12vw,3.2rem)}.hero-dartboard-card{min-height:260px}.home-choice-grid{grid-template-columns:1fr}.home-choice-card,.custom-button.home-choice-card{border-radius:24px;min-height:184px;padding:16px}.section{padding-bottom:36px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-heading h2,.panel-heading h2,.settings-panel h2{font-size:clamp(1.85rem,8vw,2.55rem)}.section-note{font-size:.88rem}.recent-match-strip{padding-bottom:6px}.recent-match-card{min-width:min(82vw,290px)}.game-header,.panel,.settings-panel,.join-card,.finished-card,.centered-state{border-radius:32px}.game-header{border-radius:19px;padding:8px 9px}.game-code-button{min-height:32px;padding:0 9px;font-size:.72rem}.game-header-actions{justify-content:end;margin-right:0;padding-bottom:0;overflow:visible}.game-header-actions>*{min-width:0}.connection-pill,.game-status-pill,.role-pill,.waiting-dot{min-height:30px;padding:0 9px}.lobby-layout{gap:14px}.panel,.settings-panel{padding:14px}.participant-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 12px}.participant-row .row-actions,.participant-row select,.participant-row .custom-select-container{grid-column:auto}.row-actions{justify-content:flex-end;align-items:flex-start}.local-player-form,.local-player-entry,.lobby-settings,.join-form,.settings-form,.friend-add-form{grid-template-columns:1fr}.local-player-form .custom-button,.friend-add-form .custom-button,.lobby-start .custom-button,.lobby-start .button{width:100%}.turn-banner{border-radius:0;min-height:0;padding:0}.score-grid{grid-template-columns:1fr}.score-card{border-radius:14px;min-height:72px}.checkout-panel,.dart-pad,.history-panel{border-radius:18px}.checkout-panel,.dart-pad-header{flex-direction:column;align-items:flex-start}.checkout-options{align-items:flex-start}.multiplier-tabs{width:100%}.number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.number-grid .custom-button,.special-darts .custom-button{border-radius:13px;min-height:50px;font-size:1rem}.special-darts{grid-template-columns:repeat(3,minmax(0,1fr))}.cricket-board{overflow-x:auto}.cricket-header,.cricket-row{min-width:520px}.profile-card{border-radius:24px;grid-template-columns:auto minmax(0,1fr);padding:14px}.profile-card .custom-button{grid-column:1/-1;width:100%}.profile-grid{gap:14px}.shop-grid{grid-template-columns:1fr}}@media (width<=390px){main,.install-main,.account-page,.settings-page,.shop-page{width:min(100% - 18px,1180px)}.topbar,.install-header{width:min(100% - 14px,1180px)}.brand strong{display:none}.number-grid{gap:7px}.number-grid .custom-button,.special-darts .custom-button{min-height:54px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-accessibility-panel{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.settings-accessibility-heading{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.settings-accessibility-heading>strong{color:var(--text-primary);font-size:1rem;font-weight:760}.settings-preference-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding-top:12px;display:flex}.settings-preference-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-preference-copy>strong{color:var(--text-primary);font-size:.95rem;font-weight:700}.settings-preference-copy>span{max-width:32rem;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.settings-switch.custom-button{border:1px solid var(--border);min-width:64px;min-height:34px;color:var(--text-secondary);background:var(--input-bg);box-shadow:none;letter-spacing:.03em;border-radius:10px;flex:none;font-size:.76rem;font-weight:800}.settings-switch.custom-button:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:var(--input-bg)}.settings-switch.custom-button.is-enabled,.settings-switch.custom-button.is-enabled:hover:not(:disabled){border-color:var(--accent);color:var(--bg-main);background:var(--accent)}.settings-switch.custom-button:focus-visible{box-shadow:var(--lg-focus)}.settings-choice{border:1px solid var(--border);background:var(--input-bg);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:142px;padding:3px;display:grid}.settings-choice .custom-button{min-height:38px;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:.78rem}.settings-choice .custom-button.is-selected{color:var(--bg-main);background:var(--accent)}:root[data-dominant-hand=left] .confirm-dialog-actions,:root[data-dominant-hand=left] .dialog-actions{direction:rtl}:root[data-dominant-hand=left] .confirm-dialog-actions>*,:root[data-dominant-hand=left] .dialog-actions>*{direction:ltr}.confirm-dialog-actions .custom-button,.dialog-actions .custom-button{min-height:44px}.stats-local-source{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.65rem;font-weight:650;line-height:1.3;display:inline-flex}@media (width<=420px){.settings-preference-row{align-items:flex-start}}:root[data-backdrop-blur=disabled]{--glass-blur:0px;--lg-blur:none}:root[data-backdrop-blur=disabled] :where(*){-webkit-backdrop-filter:none!important}:root[data-surface-transparency=disabled]{--accessibility-surface:#f8fafc;--accessibility-surface-strong:#f3f6fa;--accessibility-control:#e9eef4;--glass-bg:var(--accessibility-surface);--glass-highlight:#fff;--lg-glass:var(--accessibility-surface);--lg-glass-strong:var(--accessibility-surface-strong);--surface:var(--accessibility-surface);--card-bg:var(--accessibility-surface);--btn-secondary-bg:var(--accessibility-control);--theme-selector-bg:var(--accessibility-control)}:root[data-surface-transparency=disabled][data-theme=dark]{--accessibility-surface:#121316;--accessibility-surface-strong:#18191d;--accessibility-control:#24262b;--glass-highlight:#25272c}@media (prefers-color-scheme:dark){:root[data-surface-transparency=disabled]:not([data-theme=light]){--accessibility-surface:#121316;--accessibility-surface-strong:#18191d;--accessibility-control:#24262b;--glass-highlight:#25272c}}:root[data-surface-transparency=disabled] .segmented-control{--segmented-bg:var(--accessibility-control)}:root[data-surface-transparency=disabled] .lobby-layout{--lobby-control-bg:var(--accessibility-control);--lobby-row-bg:var(--accessibility-surface)}:root[data-surface-transparency=disabled] .match-page-shell{--match-control-bg:var(--accessibility-control);--match-row-bg:var(--accessibility-surface)}:root[data-surface-transparency=disabled] .game-header,:root[data-surface-transparency=disabled] .game-actions-menu,:root[data-surface-transparency=disabled] .turn-entry-hud,:root[data-surface-transparency=disabled] .bottom-nav,:root[data-surface-transparency=disabled] .dialog-card,:root[data-surface-transparency=disabled] .panel,:root[data-surface-transparency=disabled] .auth-form,:root[data-surface-transparency=disabled] .friends-card,:root[data-surface-transparency=disabled] .home-mode-tile,:root[data-surface-transparency=disabled] .home-install-card,:root[data-surface-transparency=disabled] .home-join-box,:root[data-surface-transparency=disabled] .home-recent-card,:root[data-surface-transparency=disabled] .home-stat-widget,:root[data-surface-transparency=disabled] .account-profile-hero,:root[data-surface-transparency=disabled] .account-action-card,:root[data-surface-transparency=disabled] .account-friend-code-card,:root[data-surface-transparency=disabled] .account-friends-card,:root[data-surface-transparency=disabled] .stats-health-card,:root[data-surface-transparency=disabled] .stats-mini-card,:root[data-surface-transparency=disabled] .stats-empty-state,:root[data-surface-transparency=disabled] .settings-page .panel,:root[data-surface-transparency=disabled] .shop-tile,:root[data-surface-transparency=disabled] .shop-state,:root[data-surface-transparency=disabled] .shop-empty-card{background-color:var(--accessibility-surface-strong)}:root[data-surface-transparency=disabled] .custom-button.btn-secondary,:root[data-surface-transparency=disabled] .button.secondary,:root[data-surface-transparency=disabled] .custom-button.secondary,:root[data-surface-transparency=disabled] .custom-input,:root[data-surface-transparency=disabled] .custom-select-trigger,:root[data-surface-transparency=disabled] .custom-select-dropdown,:root[data-surface-transparency=disabled] .dialog-close,:root[data-surface-transparency=disabled] .segmented-control{background-color:var(--accessibility-control)}:root[data-surface-transparency=disabled] .settings-page .theme-selector{background:var(--accessibility-control)!important}:root[data-surface-transparency=disabled] .number-grid .custom-button,:root[data-surface-transparency=disabled] .special-darts .custom-button:not(.miss),:root[data-surface-transparency=disabled] .history-list>div,:root[data-surface-transparency=disabled] .cricket-header strong,:root[data-surface-transparency=disabled] .cricket-row span,:root[data-surface-transparency=disabled] .cricket-row strong,:root[data-surface-transparency=disabled] .custom-button.player-row-action:not(.danger),:root[data-surface-transparency=disabled] .custom-button.add-player-option,:root[data-surface-transparency=disabled] .lobby-stepper-control>.custom-button{background-color:var(--accessibility-control)}@media (prefers-reduced-transparency:reduce){:root:not([data-backdrop-blur]){--glass-blur:0px;--lg-blur:none}:root:not([data-surface-transparency]){--accessibility-surface:#f8fafc;--accessibility-surface-strong:#f3f6fa;--accessibility-control:#e9eef4;--glass-bg:var(--accessibility-surface);--lg-glass:var(--accessibility-surface);--lg-glass-strong:var(--accessibility-surface-strong)}}