:root{color:#eef5ed;font-synthesis:none;--lime:#d6f37c;--muted:#a5bbc5;background:#0a1420;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}#game{outline:none;width:100vw;height:100dvh;display:block}#loading{z-index:20;background:#0d1925;flex-direction:column;justify-content:center;gap:22px;padding:12vw;display:flex;position:fixed;inset:0}#loading strong{letter-spacing:-.06em;font-size:clamp(38px,6vw,80px);line-height:1}.eyebrow{letter-spacing:.24em;font-size:10px;font-weight:700}.accent{color:var(--lime)}#load-status{color:var(--muted);font-size:13px}.load-track{background:#33434a;width:min(300px,70vw);height:2px}.load-track i{background:var(--lime);width:55%;height:100%;animation:1.5s infinite alternate loading;display:block}@keyframes loading{to{width:95%}}#menu{pointer-events:none;background:linear-gradient(90deg,#050d16b8,#050d1638 47%,#0000 74%);padding:36px 4.5vw;position:fixed;inset:0}.brand{letter-spacing:.17em;align-items:center;gap:14px;font-size:10px;font-weight:700;display:flex}.brand-mark{letter-spacing:-.04em;border:1px solid #89a7b366;padding:8px 7px;font-size:17px}.brand-line{background:#819aa65c;width:30px;height:1px}.title-block{position:absolute;top:23%;left:4.5vw}h1{letter-spacing:-.025em;margin:22px 0 20px;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(70px,10vw,154px);font-weight:900;font-stretch:75%;line-height:.88}h1 em{color:var(--lime);font-style:normal}.title-block p{color:#c0cdd3;letter-spacing:.015em;font-size:16px}.menu-bottom{pointer-events:auto;width:350px;position:absolute;bottom:45px;left:4.5vw}.player-picker>.eyebrow{color:#b2c4ca;margin-bottom:12px}.segmented{gap:6px;margin-bottom:18px;display:flex}.segmented button{text-align:left;letter-spacing:.08em;background:#142533a1;border:1px solid #90b0c138;flex:1;padding:12px;font-size:11px}.segmented button span{letter-spacing:0;color:#91a9b4;margin-top:5px;font-size:10px;font-weight:400;display:block}.segmented button.selected{color:var(--lime);border-color:#d6f37c}.primary{background:var(--lime);color:#17232b;letter-spacing:.13em;justify-content:space-between;align-items:center;width:100%;padding:19px 23px;font-size:12px;font-weight:800;display:flex}.primary span{font-size:25px;font-weight:400;line-height:15px}.tiny{color:#b8c6ca;letter-spacing:.18em;margin-top:13px;font-size:9px}.court-caption{letter-spacing:.14em;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:47px;right:4vw}.court-caption b{border:1px solid #a2bec550;padding:7px;font-weight:400}.status-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #d6f37c}#hud{pointer-events:none;position:fixed;inset:0}.top-left{flex-direction:column;align-items:flex-start;gap:13px;display:flex;position:absolute;top:25px;left:25px}.wordmark{letter-spacing:.12em;font-size:12px;font-weight:900}.wordmark span{color:var(--lime)}#change-player{letter-spacing:.15em;pointer-events:auto;background:#10212bc4;border:1px solid #c4dde536;padding:9px 11px;font-size:9px}#change-player span{color:var(--lime);margin-left:12px}.scoreboard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1b27c7;border-top:2px solid #d6f37c;align-items:center;gap:24px;padding:12px 25px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.scoreboard>div{text-align:center;flex-direction:column;gap:3px;display:flex}.scoreboard span{letter-spacing:.2em;color:#b3c4cb;font-size:8px}.scoreboard strong{font-size:35px;font-weight:400;line-height:1}.score-mid small{letter-spacing:.12em;color:#88a2ad;font-size:7px}.score-mid #serve-dot{color:var(--lime);font-size:10px}.icon-button{pointer-events:auto;background:#10212bae;border:1px solid #9db2bc42;width:40px;height:40px;position:absolute;top:24px;right:24px}.icon-button:hover{background:#253a47}#point-message{text-shadow:0 2px 6px #000;white-space:nowrap;font-size:13px;font-weight:500;position:absolute;top:115px;left:50%;transform:translate(-50%)}#rally-counter{color:var(--lime);letter-spacing:.16em;font-size:9px;position:absolute;top:144px;left:50%;transform:translate(-50%)}#desktop-help{color:#b6cad0;letter-spacing:.08em;gap:18px;font-size:8px;display:flex;position:absolute;bottom:28px;left:25px}kbd{font:inherit;color:#eef3f1;letter-spacing:.05em;font-size:8px}#desktop-help kbd{margin-bottom:5px;display:block}#shot-picker{pointer-events:auto;gap:4px;display:flex;position:absolute;bottom:26px;right:25px}#shot-picker button{letter-spacing:.13em;background:#0c1b27bd;border:1px solid #b0c5cf40;padding:12px 15px;font-size:9px}#shot-picker kbd{color:#89a3ac;margin-right:8px}#shot-picker .selected{border-color:var(--lime);color:var(--lime)}#serve-hint{letter-spacing:.17em;color:var(--lime);white-space:nowrap;background:#102331ce;border:1px solid #d6f37c55;padding:14px 20px;font-size:10px;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}#touch-controls{display:none}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#08121d82;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#132632eb;border:1px solid #7396a238;width:min(390px,100%);padding:35px}.modal-card .eyebrow{color:var(--lime)}h2{letter-spacing:-.05em;margin:25px 0;font-size:35px;font-weight:500;line-height:1.03}.modal-card>button{width:100%;padding:15px;font-size:12px;display:block}.modal-card>.primary{margin:25px 0 6px;font-size:11px}.small,.modal-card p{color:#9fb5bd;font-size:12px;line-height:1.7}.setting{color:#9fb5bd;justify-content:space-between;align-items:center;margin:22px 0;font-size:12px;display:flex}select{color:#eef5ed;background:#233a46;border:1px solid #526975;padding:8px}#final-score{letter-spacing:-.06em;color:var(--lime);margin-top:25px;font-size:65px}@media (pointer:coarse){#desktop-help,#shot-picker{display:none}#touch-controls{pointer-events:auto;display:block}#stick{left:25px;bottom:max(28px,env(safe-area-inset-bottom));touch-action:none;background:#15283250;border:1px solid #bed5db60;border-radius:50%;width:112px;height:112px;position:absolute}#stick-thumb{pointer-events:none;background:#d6f37c27;border:1px solid #d6f37c70;border-radius:50%;width:44px;height:44px;position:absolute;top:33px;left:33px}.touch-shots{right:20px;bottom:max(27px,env(safe-area-inset-bottom));grid-template-columns:55px 55px;gap:9px;display:grid;position:absolute}.touch-shots button{background:#152832b0;border:1px solid #b5ccd363;border-radius:50%;width:55px;height:55px;font-size:10px}.touch-shots .swing-touch{border-color:var(--lime);width:75px;height:75px;color:var(--lime);background:#66784266;grid-column:1/3;justify-self:center}#serve-hint{bottom:185px}}@media (max-width:650px){#menu{padding:22px}.brand{gap:9px;font-size:8px}.brand-mark{font-size:13px}.title-block{top:19%;left:24px}h1{margin-top:16px;font-size:clamp(65px,16vw,115px)}.title-block p{font-size:12px}.menu-bottom{left:24px;bottom:max(28px,env(safe-area-inset-bottom));width:calc(100% - 48px);max-width:360px}.court-caption{display:none}.top-left{top:20px;left:15px}.wordmark{font-size:9px}.wordmark span{margin-top:3px;display:block}#change-player{padding:8px;font-size:8px}.scoreboard{gap:15px;padding:10px 18px;top:16px}.scoreboard strong{font-size:29px}.icon-button{width:34px;height:34px;top:17px;right:14px}#point-message{font-size:11px;top:100px}#rally-counter{top:124px}.modal-card{padding:27px}#desktop-help{gap:10px;left:15px}#shot-picker{bottom:65px;right:15px}#shot-picker button{padding:10px}}@media (max-height:580px){.title-block{top:24%}h1{font-size:70px}.menu-bottom{width:280px;bottom:30px;left:auto;right:4.5vw}.court-caption,.title-block p{display:none}.brand{font-size:9px}.scoreboard{padding:7px 20px;top:10px}.scoreboard strong{font-size:26px}#point-message{top:83px}#rally-counter{top:107px}#serve-hint{bottom:65px}#touch-controls #stick{width:90px;height:90px;bottom:20px;left:25px}#stick-thumb{top:22px;left:22px}.touch-shots{align-items:end;display:flex;bottom:20px}.touch-shots .swing-touch{width:68px;height:68px}}.menu-bottom{width:420px;bottom:32px}.title-block{top:18%}h1{font-size:clamp(70px,9vw,128px)}.roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;display:grid}.roster button{letter-spacing:.035em;min-width:0;padding:11px 9px;font-size:10px}.roster button span{letter-spacing:0;white-space:nowrap;font-size:9px}.rival-picker{letter-spacing:.16em;color:#c1d1d4;justify-content:space-between;align-items:center;margin:10px 0 14px;font-size:9px;display:flex}.rival-picker select{background:#142533d9;min-width:155px;padding:6px;font-size:11px}.primary:disabled{opacity:.55;cursor:wait}#roster-panel{pointer-events:auto;background:#102331f5;border:1px solid #8cabba44;width:350px;padding:16px;position:absolute;top:79px;left:0;box-shadow:0 15px 40px #0006}#roster-panel .eyebrow{color:var(--lime);margin-bottom:13px;font-size:9px}#roster-panel .roster{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}#avatar-loading{z-index:30;color:var(--lime);pointer-events:none;white-space:nowrap;background:#102331ed;border:1px solid #d6f37c55;padding:16px 23px;font-size:12px;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 35px #0004}@media (max-width:650px){.menu-bottom{width:calc(100% - 48px);max-width:370px;bottom:max(25px,env(safe-area-inset-bottom))}.title-block{top:17%}h1{font-size:clamp(65px,16vw,100px)}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.roster button{padding:11px 7px;font-size:9px}.roster button span{font-size:8px}#roster-panel{width:min(350px,100vw - 30px)}.title-block p{font-size:12px}}@media (max-height:660px) and (min-width:651px){.title-block{top:22%}.title-block h1{font-size:90px}.title-block p{display:none}.menu-bottom{width:360px;bottom:25px;left:auto;right:4.5vw}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.court-caption{display:none}}@media (max-height:580px){.title-block h1{font-size:70px}.menu-bottom{width:290px;bottom:22px;left:auto;right:22px}.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.roster button{padding:8px;font-size:9px}.roster button span{font-size:8px}.rival-picker{margin:8px 0}.player-picker>.eyebrow{margin-bottom:8px}.menu-bottom .primary{padding:15px}.tiny{margin-top:9px}.modal-card{padding:20px}.modal-card h2{margin:14px 0;font-size:28px}.modal-card>.primary,.modal-card .setting{margin:12px 0}.modal-card p{margin-bottom:0}}@media (min-width:651px) and (min-height:661px) and (max-height:780px){.title-block{top:17%}.title-block h1{font-size:110px}.title-block p{display:none}}