:root{--bg:#070b14;--bg-2:#0c1426;--panel:#0f1729d1;--panel-solid:#101a2f;--panel-2:#16223b;--line:#8caae629;--line-strong:#8caae652;--text:#eaf0ff;--muted:#97a8c9;--faint:#6b7da3;--accent:#2f7bff;--accent-hover:#4a8dff;--accent-strong:#2563eb;--orange:#ff7a1a;--good:#23c483;--bad:#ff4d5e;--warn:#ffd34d;--radius:18px;--radius-sm:12px;--shadow:0 12px 34px #00000061;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45}#app{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent-hover);outline-offset:2px;border-radius:6px}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:800}h2{font-size:1.35rem;font-weight:750}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 .8em}.muted{color:var(--muted)}.small{font-size:.86rem}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:980px;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(28px + var(--safe-b)) calc(16px + var(--safe-l));margin:0 auto}.topbar{align-items:center;gap:10px;min-height:52px;margin-bottom:14px;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.35rem;overflow:hidden}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);padding:18px}.card.tight{padding:14px}.card h2,.card h3{margin-bottom:.35em}button.card,a.card{text-align:left;width:100%;color:var(--text);cursor:pointer;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:block}button.card:hover,a.card:hover{border-color:var(--line-strong);background:#16223be6}button.card:active,a.card:active{transform:scale(.985)}.card .icon-badge{width:44px;height:44px;color:var(--accent-hover);background:#2f7bff29;border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.card .icon-badge.orange{color:var(--orange);background:#ff7a1a29}.card .icon-badge.green{color:var(--good);background:#23c48329}.pill{color:#b9d0ff;background:#2f7bff29;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:650;display:inline-flex}.pill.orange{color:#ffc196;background:#ff7a1a2e}.pill.green{color:#9ff0cd;background:#23c4832e}.btn{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--panel-2);min-height:48px;color:var(--text);border:1px solid #0000;border-color:var(--line);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;background:linear-gradient(#3c86ff,#2563eb);border-color:#ffffff14;box-shadow:0 8px 22px #2f7bff59}.btn.primary:hover{background:linear-gradient(#4f93ff,#2f6ff0)}.btn.orange{color:#1b0d02;background:linear-gradient(#ff8c3a,#f26a0f);box-shadow:0 8px 22px #ff7a1a4d}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:#ffffff0f}.btn.danger{color:#ffb3bb;background:#ff4d5e24;border-color:#ff4d5e59}.btn.block{width:100%}.btn.lg{border-radius:16px;min-height:58px;font-size:1.1rem}.btn.icon{width:46px;min-width:46px;padding:0}.seg{border:1px solid var(--line);scrollbar-width:none;background:#00000047;border-radius:13px;gap:3px;padding:3px;display:flex;overflow-x:auto}.seg button{appearance:none;min-height:40px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 10px;font-size:.92rem;font-weight:650}.seg button[aria-pressed=true]{background:var(--accent-strong);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:.84rem;font-weight:650}.input{border:1px solid var(--line-strong);background:#0000004d;border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 14px}.input:focus{border-color:var(--accent)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.toggle{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.toggle:last-child{border-bottom:0}.toggle input{appearance:none;cursor:pointer;background:#2a3550;border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--good)}.toggle input:checked:after{transform:translate(20px)}input[type=range]{width:100%;accent-color:var(--accent)}.divider{background:var(--line);height:1px;margin:14px 0}.backdrop{-webkit-backdrop-filter:blur(6px);z-index:50;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#02050c9e;place-items:center;animation:.18s fade;display:grid;position:fixed;inset:0}.sheet{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:22px;width:min(520px,100%);max-height:100%;padding:22px;animation:.2s pop;overflow:auto;box-shadow:0 30px 80px #0000008c}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.toast{left:50%;bottom:calc(18px + var(--safe-b));background:var(--panel-solid);border:1px solid var(--line-strong);z-index:80;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 16px;display:flex;position:fixed;transform:translate(-50%)}.home{min-height:100dvh;position:relative;overflow:hidden}.home-bg{z-index:0;position:fixed;inset:0}.home-bg canvas{width:100%;height:100%;display:block}.home-bg:after{content:"";pointer-events:none;background:radial-gradient(at 50% 120%,#070b1400 30%,#070b148c 70%),linear-gradient(#070b1426 0%,#070b1459 45%,#070b14eb 100%);position:absolute;inset:0}.home-content{z-index:1;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:850;display:flex}.brand-mark{width:34px;height:34px}.hero{max-width:640px;padding:clamp(28px,10vh,120px) 0 18px}.hero p{color:#c9d6f2;font-size:1.08rem}.feature-list{flex-wrap:wrap;gap:8px;margin:14px 0 22px;display:flex}.game{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.game canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.game .input-layer{touch-action:none;position:absolute;inset:0}.hud{pointer-events:none;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));position:absolute;inset:0}.hud .interactive{pointer-events:auto}.hud-top{align-items:flex-start;gap:10px;display:flex}.scorebug{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#060a14c7;border-radius:14px;min-width:210px;overflow:hidden}.scorebug .r{grid-template-columns:14px 1fr 26px 40px;align-items:center;gap:6px;padding:5px 10px;font-weight:700;display:grid}.scorebug .r+.r{border-top:1px solid var(--line)}.scorebug .srv{background:var(--warn);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #ffd34db3}.scorebug .name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.scorebug .g{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.scorebug .p{text-align:center;font-variant-numeric:tabular-nums;background:#2f7bff2e;border-radius:8px;font-size:1.25rem;font-weight:850}.scorebug .flag{color:#1b1403;background:var(--warn);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:.75rem;font-weight:750}.shotmeter{border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;background:#060a14b3;border-radius:12px;padding:6px 10px;font-size:.82rem}.shotmeter b{color:var(--text);font-size:1rem}.banner{text-align:center;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);background:#060a14cc;border-radius:18px;max-width:calc(100% - 40px);padding:14px 26px;animation:.22s pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner .t{font-size:clamp(1.3rem,4vw,2rem);font-weight:850}.banner .d{color:var(--muted);font-weight:600}.banner.good{border-color:#23c48399}.banner.bad{border-color:#ff4d5e99}.hint{left:50%;bottom:calc(22px + var(--safe-b));border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#060a14b8;border-radius:999px;max-width:calc(100% - 24px);padding:10px 16px;font-size:.95rem;font-weight:650;position:absolute;overflow:hidden;transform:translate(-50%)}.spinbox{right:calc(12px + var(--safe-r));bottom:calc(70px + var(--safe-b));border:1px solid var(--line);background:#060a14cc;border-radius:14px;width:min(320px,100% - 24px);padding:12px 14px;font-size:.9rem;position:absolute}.split-divider{pointer-events:none;background:#ffffff40;position:absolute}.offline-dot{background:var(--good);border-radius:50%;width:8px;height:8px;display:inline-block}.board{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#05080f;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.board-top,.board-bottom{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 8px calc(10px + var(--safe-l));align-items:center;gap:8px;display:flex}.board-bottom{padding:8px calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));flex-wrap:wrap;justify-content:center}.board-sides{padding:0 calc(6px + var(--safe-r)) 0 calc(6px + var(--safe-l));grid-template-columns:1fr 1fr;gap:6px;min-height:0;display:grid}.board-side{appearance:none;cursor:pointer;color:#fff;border:0;border-radius:22px;grid-template-rows:auto 1fr auto;place-items:center;min-height:0;padding:12px;transition:filter .1s;display:grid;position:relative;overflow:hidden}.board-side:active{filter:brightness(1.25)}.board-side.t0{background:radial-gradient(circle at 50% 30%,#1d4fbf,#0d2459 70%)}.board-side.t1{background:radial-gradient(circle at 50% 30%,#c4501a,#5a1f07 70%)}.board-side .who{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;max-width:100%;font-size:clamp(1rem,3.4vw,1.6rem);font-weight:800;display:flex;overflow:hidden}.board-side .pts{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(5rem,min(30vw,42vh),22rem);font-weight:900;line-height:1}.board-side .games{opacity:.85;font-size:clamp(1rem,3vw,1.5rem);font-weight:800}.serve-ball{background:#fff;border-radius:50%;flex-shrink:0;width:.9em;height:.9em;display:inline-block;box-shadow:0 0 14px #ffffffe6}.board-flag{background:var(--warn);color:#1b1403;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:850;position:absolute;top:10px;left:50%;transform:translate(-50%)}.big-timer{font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(4rem,20vw,10rem);font-weight:900;line-height:1}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}table.standings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.92rem}table.standings th,table.standings td{border-bottom:1px solid var(--line);text-align:center;padding:8px 6px}table.standings th:nth-child(2),table.standings td:nth-child(2){text-align:left}.prose h2{margin-top:1.2em}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.2em}.prose li{margin-bottom:.4em}details.card summary{cursor:pointer;font-weight:700;list-style:none}details.card summary::-webkit-details-marker{display:none}details.card[open] summary{margin-bottom:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:520px){.scorebug{min-width:168px}.hint{font-size:.85rem}}