:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky-200:#d3f1ff;--sky-300:#a7e3ff;--sky-500:#4cc6f5;--water-500:#199ce0;--water-600:#0f8ed6;--water-800:#0a5b97;--deep-900:#0a2340;--ink-800:#10293f;--ink-500:#40617c;--shell-000:#fff;--shell-100:#f4fbff;--mist-200:#dceffa;--mist-400:#9dc2d8;--sun-400:#ffd24d;--sand-300:#f0dcae;--sand-500:#d5b878;--leaf-500:#3fd08a;--coral-500:#ff7455;--q-perfect:#ffd24d;--q-good:#3fd08a;--q-early:#6cd4ff;--q-late:#ffab5e;--q-miss:#ff5f52;--text-strong:var(--deep-900);--text-body:var(--ink-800);--text-soft:var(--ink-500);--text-on-deep:var(--shell-100);--text-on-deep-soft:#d6ecfab8;--hairline:1px solid #ffffffb8;--hairline-deep:1px solid #8cc8eb57;--mat-shell:linear-gradient(180deg, #fffffff5 0%, #e9f6fdf0 100%);--mat-shell-gloss:linear-gradient(180deg, #ffffffe6 0%, #fff0 46%);--mat-glass:linear-gradient(180deg, #123f66d1 0%, #08223ce0 100%);--mat-glass-gloss:linear-gradient(180deg, #a0dcff57 0%, #a0dcff00 52%);--mat-water:linear-gradient(180deg, var(--sky-500) 0%, var(--water-600) 52%, var(--water-800) 100%);--mat-sun:linear-gradient(180deg, #ffe38a 0%, var(--sun-400) 52%, #f0ac1f 100%);--mat-sand:linear-gradient(180deg, #fbf0d4 0%, var(--sand-300) 54%, var(--sand-500) 100%);--mat-coral:linear-gradient(180deg, #ff9d81 0%, var(--coral-500) 55%, #e04f30 100%);--mat-leaf:linear-gradient(180deg, #a5f5cd 0%, var(--leaf-500) 52%, #12a06a 100%);--r-pill:999px;--r-panel:30px;--r-card:20px;--r-control:16px;--r-chip:12px;--r-key:10px;--sh-contact:0 6px 14px #082d4e38;--sh-contact-tight:0 3px 7px #082d4e26;--sh-raise:0 9px 18px #0626422e;--sh-float:0 20px 44px #0626424d;--sh-lift:0 30px 70px #06264261;--sh-press:inset 0 4px 10px #0734584d;--hi-top:inset 0 1px 0 #ffffffe0;--hi-top-soft:inset 0 1px 0 #fff6;--glow-sun:0 0 0 3px #ffd24d57;--glow-sky:0 0 22px #4cc6f58c;--font-display:"Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--track-utility:.09em;--t-press:90ms;--t-fast:.13s;--t-menu:.24s;--t-swoosh:.312s;--t-celebrate:.56s;--ease-buoyant:cubic-bezier(.2, .9, .25, 1.15);--ease-out:cubic-bezier(.22, .61, .36, 1);--gap-xs:6px;--gap-sm:10px;--gap-md:16px;--gap-lg:24px;--gap-xl:36px}:root[data-contrast=high]{--text-soft:#16324a;--text-on-deep:#fff;--text-on-deep-soft:#fff;--hairline:2px solid #06243c;--hairline-deep:2px solid #fff;--mat-shell:#fff;--mat-shell-gloss:none;--mat-glass:#04203a;--mat-glass-gloss:none;--mat-water:#0060a8;--mat-sun:#fc0;--mat-sand:#f2e3bd;--mat-coral:#d63b1c;--mat-leaf:#00c46e;--sh-contact:0 0 0 2px #06243c;--sh-contact-tight:0 0 0 2px #06243c;--sh-raise:0 0 0 3px #06243c;--sh-float:0 0 0 3px #06243c;--sh-lift:0 0 0 3px #06243c;--hi-top:none;--hi-top-soft:none;--q-perfect:#ffd400;--q-good:#00e07a;--q-early:#37d5ff;--q-late:#ff9000;--q-miss:#ff2b1b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-body);background:var(--deep-900);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55;overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}h1{font-size:30px}h2{font-size:23px}h3{letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--water-800);font-size:16px}p{max-width:62ch;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--sun-400);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.kb-app{width:100%;height:100%;position:relative;overflow:hidden}.kb-canvas{position:absolute;inset:0}.kb-scrim{pointer-events:none;background:radial-gradient(110% 85% at 50% 48%,#06203a75 0%,#06203a00 64%),linear-gradient(#06203a4d 0%,#06203a00 20%),linear-gradient(#06203a00 86%,#06203a6b 100%);position:absolute;inset:0}:root[data-contrast=high] .kb-scrim{background:#041a2eb8}.kb-layer{justify-content:center;align-items:center;padding:clamp(16px,3vh,34px);display:flex;position:absolute;inset:0}.kb-ball{--ball-deep:var(--water-600);--ball-mid:var(--sky-500);--ball-pale:var(--sky-200);--ball-shade:10 91 151;--ball-seam:10 60 100;background:radial-gradient(circle at 34% 28%, #fffffff5 0%, #fff0 54%), radial-gradient(circle at 70% 76%, var(--ball-deep) 0%, var(--ball-mid) 40%, var(--ball-pale) 72%, var(--shell-000) 100%);width:1em;height:1em;box-shadow:inset 0 -.16em .28em rgb(var(--ball-shade) / 32%), 0 .1em .24em #082d4e57;border-radius:50%;flex:none;display:inline-block;position:relative}.kb-ball:after{content:"";border:.075em solid #0000;border-bottom-color:rgb(var(--ball-seam) / 30%);border-left-color:rgb(var(--ball-seam) / 22%);border-radius:50%;position:absolute;inset:.11em;transform:rotate(-34deg)}:root[data-contrast=high] .kb-ball{background:#fff;box-shadow:inset 0 0 0 2px #06243c}:root[data-contrast=high] .kb-ball:after{display:none}.kb-toast{z-index:40;align-items:center;gap:var(--gap-sm);border:var(--hairline-deep);border-radius:var(--r-pill);background:var(--mat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:62ch;color:var(--text-on-deep);box-shadow:var(--hi-top-soft), var(--sh-float);animation:kb-toast-in .26s var(--ease-buoyant) both;padding:13px 22px;font-weight:600;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.kb-toast:before{content:"";background:var(--coral-500);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 12px #ff7455cc}@keyframes kb-toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.kb-desktop-only{text-align:center;background:radial-gradient(120% 80% at 50% 8%, var(--sky-500) 0%, #4cc6f500 58%), linear-gradient(180deg, var(--water-600) 0%, var(--deep-900) 100%);height:100%;color:var(--text-on-deep);place-items:center;padding:28px;display:grid}.kb-desktop-only__inner{align-items:center;gap:var(--gap-md);flex-direction:column;max-width:44ch;display:flex}.kb-desktop-only img{filter:drop-shadow(0 14px 30px #03122299);width:min(74vw,320px);height:auto}.kb-desktop-only h1{color:var(--shell-000);font-size:clamp(22px,6vw,30px)}.kb-desktop-only p{color:var(--text-on-deep-soft)}.kb-desktop-only strong{color:var(--sun-400)}.kb-logo{filter:drop-shadow(0 16px 34px #0312228c);width:clamp(230px,23vw,340px);height:auto;animation:kb-logo-in .52s var(--ease-buoyant) both;display:block}@keyframes kb-logo-in{0%{opacity:0;transform:translateY(-16px)scale(.94)}to{opacity:1;transform:none}}.kb-home{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%;height:100%;display:flex}.kb-shell{border:var(--hairline);border-radius:var(--r-panel);background:var(--mat-shell);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(560px,100%);min-height:0;max-height:100%;box-shadow:var(--hi-top), var(--sh-lift);animation:kb-shell-in var(--t-menu) var(--ease-buoyant) both;flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.kb-shell--wide{width:min(760px,100%)}@keyframes kb-shell-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.kb-shell__head{background:var(--mat-shell-gloss);flex:none;padding:22px 28px 14px}.kb-shell__eyebrow{letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--water-600);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.kb-shell__sub{color:var(--text-soft);margin-top:6px;font-size:14px}.kb-shell__body{overscroll-behavior:contain;gap:var(--gap-md);scrollbar-width:thin;scrollbar-color:var(--mist-400) transparent;flex-direction:column;flex:auto;min-height:0;padding:8px 28px 20px;display:flex;overflow-y:auto}.kb-shell__body::-webkit-scrollbar{width:10px}.kb-shell__body::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--mist-400);background-clip:content-box;border:3px solid #0000}.kb-shell__foot{gap:var(--gap-sm);background:linear-gradient(#fff0,#dceffab8);border-top:1px solid #9dc2d857;flex-direction:column;flex:none;padding:16px 28px 22px;display:flex}.kb-shell__note{color:var(--text-soft);font-size:13px}.kb-shell__note strong{color:var(--water-800)}.kb-btn{justify-content:center;align-items:center;gap:var(--gap-sm);border-radius:var(--r-control);background:var(--mat-water);min-height:52px;color:var(--shell-000);font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 1px 2px #06345873;box-shadow:var(--hi-top-soft), var(--sh-contact-tight);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out), filter var(--t-fast) var(--ease-out);border:0;padding:0 26px;font-size:16px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.kb-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);height:52%;position:absolute;inset:0 0 auto}.kb-btn:hover:not(:disabled){filter:saturate(1.08)brightness(1.05);box-shadow:var(--hi-top-soft), var(--sh-raise);transform:translateY(-2px)}.kb-btn:active:not(:disabled){box-shadow:var(--sh-press), 0 2px 5px #082d4e38;transform:translateY(2px)scale(.994)}.kb-btn:disabled{filter:grayscale(.65);opacity:.5;box-shadow:none}.kb-btn--sun{background:var(--mat-sun);color:var(--deep-900);text-shadow:0 1px #ffffff73}.kb-btn--danger{background:var(--mat-coral)}.kb-btn--leaf{background:var(--mat-leaf);color:var(--deep-900);text-shadow:0 1px #ffffff73}.kb-btn--ghost{color:var(--water-800);text-shadow:none;box-shadow:var(--hi-top), var(--sh-contact-tight);background:#ffffff9e;border:1px solid #9dc2d899}.kb-btn--ghost:before{display:none}.kb-btn--ghost:hover:not(:disabled){background:var(--shell-000);color:var(--deep-900);filter:none}.kb-menuitem{align-items:center;gap:var(--gap-md);border-radius:var(--r-card);background:var(--mat-water);width:100%;min-height:62px;color:var(--shell-000);font-family:var(--font-display);text-align:left;text-shadow:0 1px 2px #06345873;box-shadow:var(--hi-top-soft), var(--sh-contact);transition:transform var(--t-fast) var(--ease-buoyant), box-shadow var(--t-fast) var(--ease-out), filter var(--t-fast) var(--ease-out);border:0;padding:0 22px;font-size:19px;font-weight:800;display:flex;position:relative;overflow:hidden}.kb-menuitem:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);height:52%;position:absolute;inset:0 0 auto}.kb-menuitem:hover:not(:disabled),.kb-menuitem:focus-visible:not(:disabled){filter:saturate(1.08)brightness(1.05);box-shadow:var(--hi-top-soft), var(--sh-float);transform:translateY(-2px)scale(1.008)}.kb-menuitem:active:not(:disabled){box-shadow:var(--sh-press), 0 2px 5px #082d4e38;transform:translateY(2px)scale(.995)}.kb-menuitem:disabled{filter:grayscale(.7);opacity:.48;box-shadow:none}.kb-menuitem .kb-ball{transition:transform var(--t-fast) var(--ease-buoyant);font-size:20px}.kb-menuitem:hover:not(:disabled) .kb-ball{transform:scale(1.18)rotate(28deg)}.kb-menuitem__label{flex-direction:column;gap:1px;min-width:0;display:flex}.kb-menuitem__hint{font-family:var(--font-body);letter-spacing:.01em;color:#e9f7ffd1;text-shadow:none;font-size:12.5px;font-weight:600}.kb-menuitem--sun{background:var(--mat-sun);color:var(--deep-900);text-shadow:0 1px #ffffff73}.kb-menuitem--sun .kb-menuitem__hint{color:#0a2340bd}.kb-menuitem--sun .kb-ball{--ball-deep:#d9930a;--ball-mid:var(--sun-400);--ball-pale:#fff0c0;--ball-shade:170 112 6;--ball-seam:118 74 4}.kb-menuitem--sand{background:var(--mat-sand);color:var(--deep-900);text-shadow:0 1px #ffffff8c}.kb-menuitem--sand .kb-menuitem__hint{color:#0a2340b8}.kb-menuitem--sand .kb-ball{--ball-deep:#b8964f;--ball-mid:var(--sand-300);--ball-pale:#fbf0d4;--ball-shade:138 110 54;--ball-seam:96 74 34}.kb-btn:after,.kb-menuitem:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff61,#fff0);width:42%;height:140%;position:absolute;top:-20%;left:-58%;transform:skew(-18deg)}.kb-btn--ghost:after{background:linear-gradient(90deg,#199ce000,#199ce03d,#199ce000)}.kb-btn:hover:not(:disabled):after,.kb-btn:focus-visible:not(:disabled):after,.kb-menuitem:hover:not(:disabled):after,.kb-menuitem:focus-visible:not(:disabled):after{transition:left var(--t-swoosh) var(--ease-out);left:115%}:root[data-contrast=high] .kb-btn,:root[data-contrast=high] .kb-menuitem{border:var(--hairline)}.kb-actions{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.kb-actions>.kb-btn{flex:150px}.kb-actions--stack{flex-direction:column}.kb-actions--stack>.kb-btn,.kb-actions--stack>.kb-menuitem{flex:none;width:100%}.kb-field{gap:var(--gap-sm);flex-direction:column;display:flex}.kb-field__label{letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--water-800);font-size:12px;font-weight:700}.kb-field__hint{color:var(--text-soft);font-size:13px}.kb-input{border-radius:var(--r-control);width:100%;min-height:52px;color:var(--text-strong);font-family:var(--font-display);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);background:#ffffffe0;border:1px solid #9dc2d8b3;padding:0 18px;font-size:17px;font-weight:700;box-shadow:inset 0 2px 5px #0a5b9724}.kb-input::placeholder{color:var(--mist-400);font-weight:600}.kb-input:hover{border-color:var(--sky-500)}.kb-input:focus{border-color:var(--water-600);box-shadow:inset 0 2px 5px #0a5b9724, var(--glow-sun);outline:none}.kb-input--code{letter-spacing:.32em;text-align:center;text-indent:.32em;text-transform:uppercase;min-height:68px;font-size:30px;font-weight:900}.kb-choices{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.kb-chip{align-items:center;gap:var(--gap-xs);border-radius:var(--r-chip);min-height:42px;color:var(--water-800);white-space:nowrap;box-shadow:var(--hi-top), 0 2px 5px #082d4e1f;transition:transform var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:linear-gradient(#ffffffeb,#e2f1faeb);border:1px solid #9dc2d899;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.kb-chip:hover:not(:disabled){border-color:var(--sky-500);background:linear-gradient(180deg, #eaf8ff, var(--sky-200));color:var(--water-800);transform:translateY(-1px)}.kb-chip:active:not(:disabled){box-shadow:var(--sh-press);transform:translateY(1px)}.kb-chip[aria-pressed=true],.kb-chip[aria-pressed=true]:hover:not(:disabled){background:var(--mat-water);color:var(--shell-000);text-shadow:0 1px 2px #06345873;box-shadow:var(--hi-top-soft), var(--sh-contact);border-color:#ffffffb3}.kb-chip[aria-pressed=true]:hover:not(:disabled){filter:saturate(1.08)brightness(1.06)}.kb-chip:disabled{opacity:.45;box-shadow:none}.kb-switch{justify-content:space-between;align-items:center;gap:var(--gap-md);border-radius:var(--r-chip);background:#ffffff8f;border:1px solid #9dc2d857;padding:11px 14px;display:flex}.kb-switch__text{min-width:0;color:var(--text-strong);flex-direction:column;gap:1px;font-weight:700;display:flex}.kb-switch__text small{color:var(--text-soft);font-size:12.5px;font-weight:600}.kb-switch__control{gap:var(--gap-xs);flex:none;display:flex}.kb-slider{appearance:none;cursor:pointer;background:0 0;width:190px;height:30px}.kb-slider::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--sky-500), var(--water-600));height:10px;box-shadow:inset 0 2px 4px #07345857}.kb-slider::-moz-range-track{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--sky-500), var(--water-600));height:10px;box-shadow:inset 0 2px 4px #07345857}.kb-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--shell-000), var(--mist-200));width:22px;height:22px;box-shadow:var(--sh-contact);border:1px solid #ffffffd9;border-radius:50%;margin-top:-6px}.kb-slider::-moz-range-thumb{background:linear-gradient(180deg, var(--shell-000), var(--mist-200));width:22px;height:22px;box-shadow:var(--sh-contact);border:1px solid #ffffffd9;border-radius:50%}.kb-roomcode{align-items:center;gap:var(--gap-sm);border-radius:var(--r-card);background:linear-gradient(#ffffffeb,#dceffae0);border:1px solid #9dc2d899;padding:12px 12px 12px 20px;display:flex;box-shadow:inset 0 2px 6px #0a5b971f}.kb-roomcode__value{font-family:var(--font-display);letter-spacing:.22em;color:var(--deep-900);font-variant-numeric:tabular-nums;flex:1;font-size:34px;font-weight:900}.kb-court{align-items:start;gap:var(--gap-xs);border-radius:var(--r-card);box-shadow:var(--hi-top), inset 0 -1px 0 #fff6, 0 3px 10px #082d4e1a;background:linear-gradient(#ffffff9e,#d6eefb75),radial-gradient(120% 90% at 50% 0,#4cc6f538,#4cc6f500 70%);border:1px solid #9dc2d875;grid-template-columns:1fr 34px 1fr;padding:14px;display:grid}.kb-court__side{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.kb-court__net{justify-content:center;align-self:stretch;align-items:center;min-height:76px;display:flex;position:relative}.kb-court__net:before{content:"";border-left:2px dashed #9dc2d8a8;width:0;position:absolute;top:4px;bottom:4px}.kb-court__vs{background:linear-gradient(180deg, var(--shell-000), var(--mist-200));width:26px;height:26px;box-shadow:var(--hi-top), var(--sh-contact-tight);border-radius:50%;place-items:center;display:grid;position:relative}.kb-court__vs .kb-ball{font-size:14px}.kb-seat{align-items:center;gap:var(--gap-sm);border-radius:var(--r-control);min-width:0;min-height:72px;box-shadow:var(--hi-top), 0 3px 8px #082d4e1f;transition:transform var(--t-menu) var(--ease-buoyant), box-shadow var(--t-menu) var(--ease-out);animation:kb-seat-in var(--t-menu) var(--ease-buoyant) both;background:linear-gradient(#fffffff5,#e2f1faeb);border:1px solid #9dc2d88f;padding:11px 16px 11px 12px;display:flex}.kb-court__side--blue .kb-seat:not(.kb-seat--open){background:var(--mat-water);box-shadow:var(--hi-top-soft), 0 5px 11px #084b7b3d;border-color:#ffffffb8}.kb-court__side--coral .kb-seat:not(.kb-seat--open){background:var(--mat-coral);box-shadow:var(--hi-top-soft), 0 5px 11px #7e301f38;border-color:#ffffffb8}@keyframes kb-seat-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.kb-seat--ready{outline-offset:-2px;outline:2px solid #3fd08ac7}.kb-seat--open{border-style:dashed;border-color:var(--mist-400);background:#ffffff57;box-shadow:inset 0 2px 6px #0a5b971a}.kb-seat__avatar{width:46px;height:46px;color:var(--water-800);font-family:var(--font-display);text-shadow:0 1px #ffffffb3;box-shadow:var(--hi-top-soft), var(--sh-contact-tight);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:900;display:grid;position:relative}.kb-court__side--coral .kb-seat__avatar{color:#b83d24}.kb-seat--bot .kb-seat__avatar{background:linear-gradient(180deg, #e7f3fa 0%, var(--mist-400) 100%);color:var(--water-800);text-shadow:0 1px #fff9}.kb-seat--ready .kb-seat__avatar:after{content:"";border:2px solid var(--shell-000);background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23073f28' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat, var(--mat-leaf);width:18px;height:18px;animation:kb-seat-confirm var(--t-menu) var(--ease-buoyant) both;border-radius:50%;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 4px #082d4e4d}@keyframes kb-seat-confirm{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.kb-seat--open .kb-seat__avatar{border:1px dashed var(--mist-400);color:var(--mist-400);text-shadow:none;box-shadow:none;background:#fff6}.kb-seat__body{flex-direction:column;gap:5px;min-width:0;display:flex}.kb-seat__half{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-size:10px;font-weight:800}.kb-seat:not(.kb-seat--open) .kb-seat__half{color:#ffffffe0;text-shadow:0 1px 2px #06345857}.kb-seat__name{align-items:baseline;gap:var(--gap-xs);min-width:0;font-family:var(--font-display);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.15;display:flex;overflow:hidden}.kb-seat:not(.kb-seat--open) .kb-seat__name{color:var(--shell-000);text-shadow:0 1px 2px #06345857}.kb-seat--open .kb-seat__name{color:var(--text-soft);font-size:15px;font-weight:700}.kb-seat__meta{align-items:center;gap:var(--gap-xs);flex-wrap:wrap;display:flex}.kb-seat__state{--dot:var(--mist-400);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--shell-000), #eaf5fc);color:var(--ink-800);letter-spacing:var(--track-utility);text-transform:uppercase;box-shadow:var(--hi-top), 0 1px 3px #06284642;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.kb-seat__state:before{content:"";background:var(--dot);border-radius:50%;width:7px;height:7px;box-shadow:inset 0 -1px 1px #06284638}.kb-seat__state--ready{--dot:var(--leaf-500);color:#0b6641}.kb-seat__state--waiting{--dot:var(--sun-400);color:#7a4a00}.kb-seat__state--empty{--dot:var(--mist-400);color:var(--ink-500)}.kb-seat__state--empty:before{animation:1.8s ease-in-out infinite kb-pulse}.kb-seat__state--bot{--dot:var(--water-500);color:var(--water-800)}.kb-seat__state--offline{--dot:var(--coral-500);color:#9c3216}.kb-seat__ping{border-radius:var(--r-pill);color:var(--text-soft);font-variant-numeric:tabular-nums;background:#9dc2d842;align-items:center;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.kb-seat:not(.kb-seat--open) .kb-seat__ping{color:#ffffffeb;background:#05243e4d;box-shadow:inset 0 1px #fff3}.kb-rules{gap:var(--gap-xs);grid-template-columns:1fr 1fr;display:grid}.kb-rule{border-radius:var(--r-chip);box-shadow:var(--hi-top);background:#ffffff8f;border:1px solid #9dc2d861;flex-direction:column;gap:1px;padding:8px 12px;display:flex}.kb-rule__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-size:10px;font-weight:800}.kb-rule__value{font-family:var(--font-display);color:var(--text-strong);font-size:14px;font-weight:800}.kb-ready{align-items:center;gap:var(--gap-sm);display:flex}.kb-ready__pips{gap:5px;display:flex}.kb-ready__pip{width:10px;height:10px;transition:background var(--t-menu) var(--ease-out), box-shadow var(--t-menu) var(--ease-out);background:#9dc2d873;border-radius:50%;box-shadow:inset 0 1px 2px #0a5b9738}.kb-ready__pip--on{background:linear-gradient(180deg, #8ef0bf, var(--leaf-500));box-shadow:var(--hi-top), 0 0 8px #3fd08ab3}.kb-ready__count{letter-spacing:.02em;color:var(--water-800);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.kb-warmup{align-items:center;gap:var(--gap-md);border-radius:var(--r-card);box-shadow:var(--hi-top), 0 3px 10px #082d4e1a;background:linear-gradient(#ffffff9e,#d6eefb75),radial-gradient(110% 90% at 30% 0,#4cc6f53d,#4cc6f500 70%);border:1px solid #9dc2d875;padding:22px 20px;display:flex}.kb-warmup__ball{animation:kb-warmup-bounce .9s var(--ease-buoyant) infinite alternate;font-size:30px}.kb-warmup__text{font-family:var(--font-display);color:var(--water-800);font-size:17px;font-weight:800}@keyframes kb-warmup-bounce{0%{transform:translateY(0)scaleY(.96)}to{transform:translateY(-14px)scaleX(.98)}}.kb-stats-wrap{border-radius:var(--r-card);width:100%;overflow-x:auto}.kb-stats{border-collapse:separate;border-spacing:0;border-radius:var(--r-card);font-variant-numeric:tabular-nums;border:1px solid #9dc2d875;width:100%;min-width:620px;font-size:14px;overflow:hidden}.kb-stats th{background:linear-gradient(180deg, var(--water-500), var(--water-800));color:var(--shell-000);font-family:var(--font-display);letter-spacing:var(--track-utility);text-transform:uppercase;text-align:right;padding:11px 14px;font-size:12.5px;font-weight:800}.kb-stats th:first-child,.kb-stats td:first-child{text-align:left}.kb-stats td{text-align:right;background:#ffffff9e;border-top:1px solid #9dc2d842;padding:9px 14px;font-weight:600}.kb-stats tbody tr:nth-child(2n) td{background:#dceffa85}.kb-stats td:first-child{color:var(--text-soft);font-weight:700}.kb-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kb-list li{color:var(--text-body);padding-left:26px;position:relative}.kb-list li:before{content:"";background:linear-gradient(150deg, var(--shell-000) 40%, var(--sky-500) 100%);border-radius:50%;width:11px;height:11px;position:absolute;top:.52em;left:2px;box-shadow:0 1px 3px #082d4e57}.kb-kbd{border-radius:var(--r-key);background:var(--mat-sand);min-width:30px;color:var(--deep-900);font-family:var(--font-display);box-shadow:var(--hi-top), 0 3px 0 var(--sand-500), 0 5px 8px #082d4e33;border:1px solid #ffffffb8;justify-content:center;align-items:center;padding:2px 9px;font-size:14px;font-weight:800;display:inline-flex;transform:translateY(-1px)}.kb-quality--Perfect{color:#a97800;font-weight:800}.kb-quality--Good{color:#0f6f46;font-weight:800}.kb-quality--Early{color:#0a5b97;font-weight:800}.kb-quality--Late{color:#a85f0c;font-weight:800}.kb-quality--Miss{color:#b52616;font-weight:800}.kb-result__crown{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.kb-result__winner{font-family:var(--font-display);letter-spacing:-.015em;color:var(--deep-900);animation:kb-celebrate var(--t-celebrate) var(--ease-buoyant) both;font-size:clamp(26px,4vw,38px);font-weight:900}.kb-result__winner--you{background:linear-gradient(#ffbe2e,#d98200);color:#0000;-webkit-background-clip:text;background-clip:text}.kb-result__score{font-family:var(--font-display);letter-spacing:.02em;color:var(--water-800);font-variant-numeric:tabular-nums;font-size:clamp(42px,7vw,64px);font-weight:900;line-height:1}.kb-result__rematch{gap:var(--gap-sm);color:var(--text-soft);flex-wrap:wrap;font-size:13px;display:flex}.kb-result__rematch b{color:var(--text-strong)}@keyframes kb-celebrate{0%{opacity:0;transform:scale(.82)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.kb-pill{align-items:center;gap:var(--gap-xs);border:var(--hairline-deep);border-radius:var(--r-pill);background:var(--mat-glass);color:var(--text-on-deep);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:var(--hi-top-soft), var(--sh-contact);padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.kb-pill__dot{background:var(--leaf-500);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #3fd08acc}.kb-pill__dot--warn{background:var(--sun-400);box-shadow:0 0 8px #ffd24dcc}.kb-pill__dot--bad{background:var(--coral-500);animation:1.4s ease-in-out infinite kb-pulse;box-shadow:0 0 8px #ff7455cc}.kb-pill__weak{opacity:.62}@keyframes kb-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:960px){.kb-shell,.kb-shell--wide{width:min(520px,100%)}.kb-shell__head,.kb-shell__body,.kb-shell__foot{padding-left:20px;padding-right:20px}.kb-court{gap:var(--gap-sm);grid-template-columns:1fr}.kb-court__net{min-height:26px}.kb-court__net:before{border-top:2px dashed #9dc2d8a8;border-left:0;width:auto;inset:50% 6px auto}}@media (max-height:760px){.kb-logo{width:clamp(190px,20vw,270px)}}@media (max-height:640px){.kb-logo{width:clamp(140px,16vw,190px)}.kb-shell__head{padding:14px 24px 8px}.kb-shell__head h1{font-size:22px}.kb-shell__sub{margin-top:3px;font-size:13px}.kb-shell__body{gap:var(--gap-sm);padding:6px 24px 8px}.kb-shell__foot{gap:var(--gap-xs);padding:10px 24px 14px}.kb-field{gap:var(--gap-xs)}.kb-menuitem{min-height:48px;font-size:17px}.kb-btn,.kb-input{min-height:44px}.kb-input--code{min-height:56px;font-size:25px}.kb-court{padding:10px}.kb-seat{min-height:58px;padding:8px 12px 8px 10px}.kb-seat__avatar{width:36px;height:36px;font-size:17px}.kb-seat--ready .kb-seat__avatar:after{background-size:10px 10px,cover;width:15px;height:15px}.kb-seat__name{font-size:16px}.kb-roomcode__value{font-size:27px}.kb-warmup{padding:16px}}.kb-hud{pointer-events:none;gap:var(--gap-md);font-variant-numeric:tabular-nums;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto 1fr;padding:clamp(12px,2.2vh,22px) clamp(14px,2.4vw,28px);display:grid;position:absolute;inset:0}.kb-hud>*{pointer-events:auto}.kb-hud__top{flex-direction:column;grid-area:1/2;align-items:center;gap:20px;min-width:0;display:flex}.kb-scoreboard{border:var(--hairline-deep);border-radius:var(--r-card);background:var(--mat-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--hi-top-soft), var(--sh-float);animation:kb-drop-in var(--t-menu) var(--ease-buoyant) both;align-items:stretch;display:flex;position:relative}.kb-scoreboard:before{content:"";border-radius:inherit;background:var(--mat-glass-gloss);pointer-events:none;position:absolute;inset:0}.kb-scoreboard:after{content:"";background:linear-gradient(90deg, #4cc6f500 0%, var(--sky-500) 30%, var(--shell-000) 52%, var(--water-600) 72%, #0f8ed600 100%);filter:drop-shadow(0 2px 6px #4cc6f58c);pointer-events:none;height:11px;position:absolute;bottom:-8px;left:6%;right:6%;-webkit-mask-image:radial-gradient(120% 190% at 50% 190%,#000 48%,#0000 52%);mask-image:radial-gradient(120% 190% at 50% 190%,#000 48%,#0000 52%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-contrast=high] .kb-scoreboard:after{filter:none;background:#fff;height:3px;-webkit-mask-image:none;mask-image:none}.kb-scoreboard__side{align-items:center;gap:var(--gap-sm);min-width:190px;padding:12px 18px;display:flex}.kb-scoreboard__side--right{text-align:right;flex-direction:row-reverse}.kb-scoreboard__side--left{border-radius:calc(var(--r-card) - 1px) 0 0 calc(var(--r-card) - 1px);background:linear-gradient(90deg, var(--sky-500) 34%, #4cc6f500 96%) top left / 100% 4px no-repeat, radial-gradient(128% 122% at 0% 0%, #4cc6f56b, #4cc6f500 78%);box-shadow:inset 0 0 34px #4cc6f52e}.kb-scoreboard__side--right{border-radius:0 calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 0;background:linear-gradient(270deg, var(--coral-500) 34%, #ff745500 96%) top left / 100% 4px no-repeat, radial-gradient(128% 122% at 100% 0%, #ff74556b, #ff745500 78%);box-shadow:inset 0 0 34px #ff74552e}:root[data-contrast=high] .kb-scoreboard__side--left{box-shadow:none;background:linear-gradient(#37d5ff,#37d5ff) 0 0/100% 5px no-repeat}:root[data-contrast=high] .kb-scoreboard__side--right{box-shadow:none;background:linear-gradient(#ff7455,#ff7455) 0 0/100% 5px no-repeat}.kb-scoreboard__name{min-width:0;font-family:var(--font-display);color:var(--text-on-deep);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:0;font-size:16px;font-weight:800;display:flex;overflow:hidden}.kb-scoreboard__name small{font-family:var(--font-body);letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--text-on-deep-soft);font-size:11px;font-weight:700;line-height:1.35}.kb-scoreboard__side--left .kb-scoreboard__name small{color:var(--sky-300)}.kb-scoreboard__side--right .kb-scoreboard__name small{color:#ffcfc2}.kb-scoreboard__points{font-family:var(--font-display);color:var(--shell-000);margin-left:auto;font-size:44px;font-weight:900;line-height:1}.kb-scoreboard__side--left .kb-scoreboard__points{text-shadow:0 2px 14px #4cc6f5b8}.kb-scoreboard__side--right .kb-scoreboard__points{text-shadow:0 2px 14px #ff7455ad;margin-left:0;margin-right:auto}.kb-scoreboard__serve{opacity:0;width:18px;height:18px;transition:opacity var(--t-menu) var(--ease-out), transform var(--t-menu) var(--ease-buoyant);flex:none;font-size:18px;transform:scale(.4)}.kb-scoreboard__serve--active{opacity:1;transform:scale(1)}.kb-scoreboard__side--right .kb-ball{--ball-deep:#e04f30;--ball-mid:#ff9d81;--ball-pale:#ffd3c5;--ball-shade:126 48 31;--ball-seam:110 38 22}.kb-scoreboard__side--left .kb-scoreboard__serve--active{filter:drop-shadow(0 0 7px #4cc6f5d9)}.kb-scoreboard__side--right .kb-scoreboard__serve--active{filter:drop-shadow(0 0 7px #ff7455d9)}.kb-scoreboard__serve-mini{vertical-align:baseline;width:9px;height:9px;margin-left:6px;font-size:9px}.kb-scoreboard__middle{border-left:var(--hairline-deep);border-right:var(--hairline-deep);min-width:110px;letter-spacing:var(--track-utility);text-transform:uppercase;text-align:center;color:var(--text-on-deep-soft);background:#04182c57;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.kb-scoreboard__middle b{font-family:var(--font-display);letter-spacing:.04em;color:var(--sun-400);font-size:14px;display:block}.kb-scoreboard__middle--matchpoint{background:#ffd24d29;animation:2.4s ease-in-out infinite kb-matchpoint}.kb-scoreboard__middle--matchpoint span{color:var(--sun-400)}.kb-scoreboard__middle--blue b{color:var(--sky-300)}.kb-scoreboard__middle--coral b{color:#ffb09a}@keyframes kb-matchpoint{0%,to{background:#ffd24d1f}50%{background:#ffd24d42}}@keyframes kb-drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.kb-statusbar{align-items:flex-start;gap:var(--gap-xs);grid-area:1/1;display:flex}.kb-statusbar--right{grid-column:3;justify-content:flex-end}.kb-spin{align-self:end;align-items:center;gap:0 var(--gap-md);border:var(--hairline-deep);border-radius:var(--r-card);background:var(--mat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hi-top-soft), var(--sh-contact);grid-area:3/1;grid-template-columns:auto 1fr;grid-template-areas:"keys title""keys value""keys hint";max-width:360px;padding:12px 18px;display:grid}.kb-spin__title{letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--text-on-deep-soft);grid-area:title;font-size:11px;font-weight:700}.kb-spin__value{font-family:var(--font-display);color:var(--shell-000);grid-area:value;font-size:20px;font-weight:800;line-height:1.1}.kb-spin__hint{color:var(--text-on-deep-soft);grid-area:hint;font-size:12px;font-weight:600}.kb-spin__keys{grid-area:keys;grid-template-rows:repeat(2,26px);grid-template-columns:repeat(3,26px);gap:3px;display:grid}.kb-spin__key{color:#d6ecfab8;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-buoyant), box-shadow var(--t-fast) var(--ease-out);background:#ffffff1a;border:1px solid #ffffff42;border-radius:7px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 2px 5px #03162866}.kb-spin__key--up{grid-area:1/2}.kb-spin__key--left{grid-area:2/1}.kb-spin__key--down{grid-area:2/2}.kb-spin__key--right{grid-area:2/3}.kb-spin__key--active{background:var(--mat-sun);color:var(--deep-900);box-shadow:var(--hi-top), 0 3px 0 #d99e12, 0 5px 10px #03162873;border-color:#ffffffc7;transform:translateY(-2px)}.kb-phase{border:var(--hairline-deep);border-radius:var(--r-pill);background:var(--mat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;box-shadow:var(--hi-top-soft), var(--sh-contact);flex-direction:column;grid-area:3/2;place-self:end center;align-items:center;gap:7px;padding:9px 20px 11px;display:flex}.kb-phase__label{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-on-deep);text-align:center;font-size:14px;font-weight:800}.kb-phase__turn{color:var(--sun-400)}.kb-phase__bar{border-radius:var(--r-pill);background:#0316288c;width:100%;height:7px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.kb-phase__fill{border-radius:inherit;background:linear-gradient(90deg, var(--sky-500), var(--water-500));height:100%;box-shadow:var(--glow-sky);transition:width 90ms linear}.kb-phase__fill--urgent{background:linear-gradient(90deg, #ffb26b, var(--coral-500));box-shadow:0 0 22px #ff7455b3}.kb-prompt{align-items:center;gap:var(--gap-sm);border-radius:var(--r-pill);background:var(--mat-sun);color:var(--deep-900);font-family:var(--font-display);text-shadow:0 1px #ffffff73;box-shadow:var(--hi-top), var(--sh-float);animation:kb-prompt-breathe 1.8s var(--ease-out) infinite;border:1px solid #ffffffb8;padding:13px 26px;font-size:17px;font-weight:800;display:flex}@keyframes kb-prompt-breathe{0%,to{box-shadow:var(--hi-top), var(--sh-float);transform:translateY(0)}50%{box-shadow:var(--hi-top), var(--sh-lift), 0 0 26px #ffd24d73;transform:translateY(-4px)}}.kb-feedback{pointer-events:none;text-align:center;animation:kb-feedback-pop .95s var(--ease-out) both;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.kb-feedback__label{font-family:var(--font-display);letter-spacing:.04em;color:var(--shell-000);-webkit-text-stroke:2px #0a23408c;paint-order:stroke fill;text-shadow:0 6px 22px #041a2eb3;font-size:clamp(40px,6vw,62px);font-weight:900;line-height:1}.kb-feedback__delta{letter-spacing:var(--track-utility);text-transform:uppercase;color:var(--shell-000);text-shadow:0 2px 10px #041a2ee6;font-size:14px;font-weight:700}.kb-feedback .kb-quality--Perfect{color:var(--q-perfect)}.kb-feedback .kb-quality--Good{color:var(--q-good)}.kb-feedback .kb-quality--Early{color:var(--q-early)}.kb-feedback .kb-quality--Late{color:var(--q-late)}.kb-feedback .kb-quality--Miss{color:var(--q-miss)}@keyframes kb-feedback-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}38%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(.96)}}.kb-banner{pointer-events:none;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.kb-banner__card{border:var(--hairline-deep);border-radius:var(--r-panel);background:var(--mat-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--hi-top-soft), var(--sh-lift);animation:kb-banner-in var(--t-menu) var(--ease-buoyant) both;flex-direction:column;align-items:center;gap:4px;padding:22px 40px;display:flex}.kb-banner__text{font-family:var(--font-display);color:var(--shell-000);font-size:clamp(24px,3.4vw,34px);font-weight:900;line-height:1.1}.kb-banner__text--win{color:var(--sun-400)}.kb-banner__sub{color:var(--text-on-deep-soft);font-size:14px;font-weight:600}.kb-banner__big{font-family:var(--font-display);color:var(--shell-000);-webkit-text-stroke:3px #0a234099;paint-order:stroke fill;text-shadow:0 10px 40px #041a2ecc;animation:kb-count .9s var(--ease-out) both;font-size:clamp(90px,16vw,190px);font-weight:900;line-height:1}@keyframes kb-banner-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes kb-count{0%{opacity:0;transform:scale(1.6)}18%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.94)}}.kb-debug{border-radius:var(--r-chip);color:#9fe4ff;max-width:300px;font-family:var(--font-mono);background:#041424d1;border:1px solid #8cc8eb42;grid-area:3/3;place-self:end;padding:10px 14px;font-size:11px;line-height:1.6}.kb-debug dt,.kb-debug dd{margin:0;display:inline}.kb-debug dt{color:#9fe4ff80}.kb-debug dt:after{content:" "}.kb-debug dd{color:#d7f6ff;font-weight:700}@media (max-height:720px){.kb-scoreboard__points{font-size:36px}.kb-scoreboard__side{min-width:160px;padding:9px 14px}.kb-spin__hint{display:none}}