@font-face{font-family:Gotham;src:url(./Gotham%20Black%20Regular-D1YdJo6g.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--yellow:#fff500;background:#000;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}[hidden]{display:none!important}#app{place-items:center;min-height:100svh;display:grid}.board{aspect-ratio:1340/800;-webkit-user-select:none;user-select:none;width:min(100vw,167.5svh);font-family:Gotham,system-ui,sans-serif;font-weight:900;position:relative;container-type:inline-size}.points{text-align:center;grid-template-columns:43% 46%;justify-content:space-between;align-items:center;display:grid;position:absolute;inset:0 0 46%}.point{color:var(--yellow);letter-spacing:-.055em;padding-right:.055em;font-size:28cqw;line-height:1}.point.compact{font-size:20cqw}.dash{width:10%;font-size:11cqw;line-height:1;position:absolute;top:50%;left:45%;transform:translateY(-50%)}.games{text-align:center;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:absolute;inset:54% 0 5%}.game,.set-score{font-size:18.7cqw;line-height:1}.set-grid{gap:calc(1.1cqw * var(--set-scale,1));display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circles{gap:calc(1.4cqw * var(--set-scale,1));justify-content:center;display:flex}.circle{font-size:calc(2.2cqw * var(--set-scale,1));color:#fff;width:calc(6.2cqw * var(--set-scale,1));height:calc(6.2cqw * var(--set-scale,1));border:calc(.65cqw * var(--set-scale,1)) solid white;background:#000;border-radius:50%;place-items:center;line-height:1;display:grid}.won{color:#000;background:var(--yellow)}.yellow{color:var(--yellow)}.recap{grid-template-rows:repeat(var(--set-rows,3), 1fr);padding:1% 0;display:grid}.set-row{text-align:center;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.set-row .circles{position:absolute;left:50%;transform:translate(-50%)}.match-result,.tie-label{letter-spacing:.15em;white-space:nowrap;font-family:system-ui,sans-serif;font-size:1.1cqw;position:absolute;bottom:.5%;left:50%;transform:translate(-50%)}.match-result{color:var(--yellow)}.controls-toggle{color:#aaa;background:#111;border:1px solid #444;border-radius:8px;padding:8px 12px;font-size:12px;position:fixed;bottom:8px;right:12px}.controls{background:#171717;border:1px solid #555;border-radius:14px;width:min(520px,100vw - 24px);max-height:calc(100svh - 70px);padding:20px;position:fixed;bottom:50px;right:12px;overflow:auto;box-shadow:0 12px 50px #000}.controls header{justify-content:space-between;align-items:center;display:flex}.controls strong{font-size:20px}.controls p{color:#bbb;font-size:14px;line-height:1.5}.controls button{color:#fff;background:#292929;border:1px solid #666;border-radius:8px;min-height:44px;padding:12px}.controls button:disabled{opacity:.4;cursor:default}.button-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.button-row button{flex:1}small{color:#aaa;margin-top:4px;display:block}#notice{z-index:2;background:#222;border-radius:8px;max-width:85vw;margin:0;font-size:14px;position:fixed;top:8px;left:50%;transform:translate(-50%)}#notice:not(:empty){padding:10px 16px}.serve-dot{background:#fff;border-radius:50%;width:6.2cqw;height:6.2cqw;position:absolute;top:74.5%;transform:translateY(-50%)}.serve-0{left:4.4%}.serve-1{right:4.4%}.sides-swapped .points>.point:first-child,.sides-swapped .games>.game:first-child,.sides-swapped .set-row>.set-score:first-child{order:2}.sides-swapped .circles{flex-direction:row-reverse}button.point{font-family:inherit;font-weight:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:0;padding:0 .055em 0 0}.deuce-count{color:#fff;pointer-events:none;font-size:4.5cqw;line-height:1;position:absolute;top:38%;left:50%;transform:translate(-50%)}.recap .set-score{font-size:calc(18.7cqw * var(--set-scale,1))}.match-prompt{z-index:3;text-align:center;background:#171717;border:1px solid #777;border-radius:12px;width:min(440px,100vw - 32px);padding:20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.match-prompt p{color:#bbb}.match-prompt button{color:#fff;background:#292929;border:1px solid #777;border-radius:8px;min-height:44px;margin:4px;padding:10px 16px}.serve-dot.serve-outline{background:0 0;border:1.5cqw solid #fff}.settings label{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.settings input:not([type=checkbox]),.settings select{min-width:0;max-width:55%;min-height:44px;font:inherit;color:#fff;background:#292929;border:1px solid #666;border-radius:6px;padding:8px}.settings input[type=number]{width:90px}.settings input[type=checkbox]{width:24px;height:24px;accent-color:var(--yellow)}.settings input:disabled,.settings select:disabled{opacity:.45}.controls details{border-top:1px solid #444;padding:12px 0}.controls summary{cursor:pointer;min-height:36px}.history-scores{color:var(--yellow);flex-wrap:wrap;gap:12px;font-weight:700;display:flex}.extra-score{color:#aaa}.extra-set .circle{color:#bbb;border-color:#888}.extra-set .won{color:#000;background:#aaa}.set-row.extra-set .set-score{color:#aaa}.team-name{text-align:center;text-transform:uppercase;overflow-wrap:anywhere;pointer-events:none;width:40%;font-size:1.3cqw;line-height:1.2;position:absolute;bottom:5%}.team-name-0{left:0}.team-name-1{right:0}.settings fieldset{border:1px solid #444;border-radius:8px;min-width:0;margin:12px 0}