@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-italic-BRE8F-lA.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-italic-CRRJoTIA.woff) format("woff")}:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#f1f1df;background:#101d24;font-synthesis:none;--lime:#d9f57b;--muted:#8eaaa9;--line:#ffffff14}*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 0,#284044 0,transparent 65%),#101d24}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button{color:inherit;border:0}button:disabled{cursor:default;opacity:.42}button svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell{max-width:1320px;margin:auto;padding:0 30px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:36px;height:36px;border:1px solid #ddf58455;border-radius:50%;display:grid;place-items:center;transform:rotate(-25deg)}.brand-icon i{width:23px;height:23px;background:var(--lime);border-radius:50%;position:relative;overflow:hidden}.brand-icon i:before,.brand-icon i:after{content:"";position:absolute;width:18px;height:26px;border:1.5px solid #345046;border-radius:50%;top:-2px;left:-13px}.brand-icon i:after{left:17px}.wordmark{font:italic 900 38px/.9 Barlow Condensed,Arial Narrow,sans-serif;letter-spacing:-1px}.brand-caption{font-size:10px;letter-spacing:4px;margin-top:6px;color:#b4c1b8}.header-note{font:600 12px Barlow Condensed,sans-serif;letter-spacing:3px;color:#819b99}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent}.icon-button:hover{background:#ffffff12}.help-label{font-size:11px;color:#a6b9ae;margin-left:4px}.courts{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 16px}.eyebrow{font:600 11px Barlow Condensed,sans-serif;letter-spacing:3px;color:#819997}.court-tabs{display:flex;gap:7px}.court-tab{display:flex;align-items:center;gap:9px;border:1px solid #ffffff15;background:#ffffff04;border-radius:8px;padding:11px 16px;font-size:12px;transition:background .2s,border .2s}.court-tab .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px #ffffff0b}.court-tab.active{color:var(--lime);background:#d9f57b0b;border-color:#d9f57b55}.court-tab small{font:600 11px Barlow Condensed,sans-serif;letter-spacing:1px;color:#829593}.match{border:1px solid #c8dfd12b;border-radius:16px;overflow:hidden;box-shadow:0 22px 70px #0004;background:#153e48}.stage{position:relative;height:clamp(380px,calc(100dvh - 330px),650px);overflow:hidden;isolation:isolate}.stage canvas{display:block!important;width:100%!important;height:100%!important}#game{position:absolute;top:0;right:0;bottom:0;left:0}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#081c2a44,transparent 25%,transparent 90%,#0c273530)}.scoreboard{position:absolute;top:23px;left:24px;width:235px;z-index:2;border-radius:8px;overflow:hidden;background:#10282cec;box-shadow:0 7px 20px #07152122;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff15}.score-top{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:9px;letter-spacing:1px;color:#b0c3b6;border-bottom:1px solid #ffffff18}.live{display:flex;align-items:center;gap:5px;font:700 10px Barlow Condensed,sans-serif;letter-spacing:1.5px}.live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px #d9f57b88}.score-head,.score-row{display:grid;grid-template-columns:1fr 28px 28px 36px;align-items:center;padding:0 8px 0 12px;gap:3px}.score-head{height:21px;font-size:8px;color:#94aea6;text-align:center}.score-head span:first-child{text-align:left}.score-row{height:36px;font:600 23px Barlow Condensed,sans-serif}.score-row+.score-row{border-top:1px solid #ffffff0d}.player-name{font-size:12px;display:flex;align-items:center;gap:7px}.player-name small{font:500 9px Barlow Condensed,sans-serif;letter-spacing:1px;color:#93ada3}.serve-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block;visibility:hidden}.serve-dot.on{visibility:visible}.score-value{text-align:center;color:#aec0b4}.point-value{background:var(--lime);color:#173538;height:31px;display:grid;place-items:center;border-radius:3px}.score-row:last-child{padding-bottom:4px;height:39px}.match-info{position:absolute;right:25px;top:25px;text-align:right;z-index:2;text-shadow:0 2px 10px #09273599}.match-info .venue{font:800 28px Barlow Condensed,sans-serif;letter-spacing:2px}.match-info .venue-sub{font-size:10px;letter-spacing:2px;color:#f0f2d9c9;margin-top:5px}.match-info .court-number{display:inline-block;margin-top:10px;border:1px solid #e8efd047;padding:4px 6px;font:600 9px Barlow Condensed,sans-serif;letter-spacing:2px}.status-banner{position:absolute;z-index:2;top:18px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;color:#e6efd6;border:1px solid #ffffff1a;padding:6px 13px;border-radius:99px;background:#10272b99;white-space:nowrap}.rally-tag{position:absolute;right:24px;bottom:20px;font:600 10px Barlow Condensed,sans-serif;letter-spacing:2px;background:#12343caa;border:1px solid #ffffff25;padding:7px 9px;border-radius:5px;color:#e7f1d5;z-index:2}.rally-tag strong{font-size:20px;color:var(--lime);margin-right:5px}.player-tag{position:absolute;left:50%;bottom:11%;transform:translate(-50%);font:700 10px Barlow Condensed,sans-serif;letter-spacing:2px;color:#eff7d1;background:#183940b0;padding:4px 8px;border-radius:4px;pointer-events:none}.point-flash{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) scale(.96);opacity:0;text-align:center;pointer-events:none;z-index:4;transition:opacity .18s,transform .18s;background:#0c2936dc;border:1px solid #e3f48666;padding:18px 32px;border-radius:10px;min-width:185px}.point-flash.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.point-flash strong{font:italic 800 37px Barlow Condensed,sans-serif;color:var(--lime);display:block;white-space:nowrap}.point-flash span{font-size:12px;display:block;margin-top:5px}.dock{height:133px;background:#13262c;display:flex;align-items:center;justify-content:space-between;padding:10px 32px;border-top:1px solid #e0edc825;position:relative}.movement{display:flex;align-items:center;gap:18px}.joystick{width:96px;height:96px;position:relative;border:1px solid #cdddc225;border-radius:50%;background:radial-gradient(circle,#ffffff08 0 30%,#071d2544 32% 57%,#ffffff06 59% 61%,transparent 63%);touch-action:none;-webkit-user-select:none;user-select:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#9eafa930;left:50%;top:9%;width:1px;height:82%}.joystick:after{transform:rotate(90deg)}.joystick .knob{position:absolute;left:30px;top:30px;width:34px;height:34px;border:1px solid #e2eacd55;border-radius:50%;background:linear-gradient(145deg,#65776d,#364b48);box-shadow:0 4px 9px #0005;z-index:1;pointer-events:none}.joystick .arrows{position:absolute;top:5px;right:5px;bottom:5px;left:5px;text-align:center;color:#9bad9b66;font-size:9px;pointer-events:none}.movement-copy{font-size:11px;line-height:1.9;color:#b7c8b7}.movement-copy small{color:#78958e;font-size:10px}.dock-center{text-align:center;max-width:400px;padding:0 10px}.dock-center .small-kicker{font:600 10px Barlow Condensed,sans-serif;color:#91aa95;letter-spacing:2px;margin-bottom:7px}.start-button{background:var(--lime);color:#223b33;padding:12px 35px;font-weight:700;font-size:14px;border-radius:6px;box-shadow:0 4px #758d42;transition:transform .15s}.start-button:hover{transform:translateY(-2px)}.dock-message{font-size:13px;color:#e8edd7;line-height:1.7}.sub-message{font-size:10px;color:#8fa697;line-height:1.7;margin-top:5px}.shot-area{display:flex;align-items:center;gap:18px}.shot-copy{text-align:right;font-size:11px;color:#b7c8b7;line-height:1.9}.shot-copy small{color:#78958e;font-size:10px}.shot-button{width:91px;height:91px;border-radius:50%;background:var(--lime);color:#244034;box-shadow:0 0 0 6px #d9f57b0a,inset 0 -5px #8da54f55;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.shot-button:active,.shot-button.charging{background:#f1ffb9;transform:scale(.96)}.shot-button svg{height:29px;width:29px;stroke-width:1.5}.shot-button span{font-size:12px;font-weight:700;letter-spacing:2px}.charge-track{position:absolute;bottom:5px;left:25px;right:25px;height:3px;border-radius:3px;overflow:hidden;background:#20352622}.charge-fill{height:100%;width:0;background:#315444}.footnote{display:flex;justify-content:space-between;padding:14px 3px 18px;color:#81968a;font-size:10px;letter-spacing:1px}.footnote span:last-child{font:500 11px Barlow Condensed,sans-serif;letter-spacing:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081921aa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(440px,100%);max-height:90dvh;overflow:auto;padding:32px;border-radius:16px;border:1px solid #dcecbd38;background:#172e33;box-shadow:0 25px 100px #0007}.modal h2{margin:8px 0 12px;font-size:24px}.modal .close{position:absolute;right:16px;top:15px;font-size:22px;background:none;color:#acbfb1}.modal p{font-size:12px;color:#b7c9bb;line-height:1.85}.modal label{display:block;font-size:12px;color:#c9d5c1;margin:20px 0 8px}.modal select{width:100%;padding:12px;background:#243f42;color:#edf3d6;border:1px solid #b5c9ac44;border-radius:6px;font-size:13px}.modal .start-button{width:100%;margin-top:18px}.modal .secondary{width:100%;background:transparent;border:1px solid #bbcda343;color:#d3dfc4;padding:12px;border-radius:6px;margin-top:10px}.result{text-align:center}.result .big-result{font:italic 900 65px/.95 Barlow Condensed,sans-serif;color:var(--lime);margin:16px 0}.result .result-score{font:600 44px Barlow Condensed,sans-serif;letter-spacing:8px}.result-stats{display:flex;justify-content:space-evenly;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:17px 0}.result-stats strong{display:block;font:600 24px Barlow Condensed,sans-serif;color:#edf1d4}.result-stats span{font-size:10px;color:#99b3a6}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:10px 16px;background:#e1f196;color:#1c3b34;border-radius:6px;font-size:12px;z-index:40;max-width:90vw;text-align:center}.toast[hidden]{display:none}.pause-button{position:absolute;bottom:17px;left:22px;z-index:3;background:#15333bbd;width:31px;height:31px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#d9efc9;font-size:13px}.landscape-hint{display:none}@media(min-width:1500px){.shell{padding-top:12px}.stage{height:min(67dvh,720px)}}@media(max-width:800px){.shell{padding:0 16px}.header{height:72px}.header-note,.help-label{display:none}.courts{padding:13px 0;gap:10px}.courts>.eyebrow{display:none}.court-tabs{width:100%;gap:6px}.court-tab{flex:1;justify-content:center;padding:10px 7px}.court-tab small{display:none}.dock{padding:10px 20px}.movement-copy,.shot-copy{display:none}.scoreboard{width:205px;left:16px;top:16px}.match-info{right:17px;top:18px}.match-info .venue{font-size:22px}.status-banner{top:158px;font-size:9px}.stage{height:clamp(370px,calc(100dvh - 320px),650px)}}@media(max-width:540px)and (orientation:portrait){.shell{padding:0 10px}.header{height:66px;padding:0 4px}.wordmark{font-size:32px}.brand-icon{width:30px;height:30px}.brand{gap:10px}.brand-caption{font-size:8px}.header-actions{gap:6px}.icon-button{width:31px;height:31px}.courts{padding:10px 0}.court-tab{font-size:11px;padding:10px 5px;gap:7px}.match{border-radius:11px}.stage{height:calc(100svh - 300px);min-height:350px;max-height:690px}.scoreboard{width:171px;left:11px;top:12px;border-radius:6px}.score-top{font-size:8px;padding:6px 9px}.score-head,.score-row{grid-template-columns:1fr 20px 20px 28px;gap:1px;padding-left:8px;padding-right:5px}.score-row{font-size:20px;height:29px}.score-row:last-child{height:32px}.score-head{height:18px;font-size:7px}.player-name{font-size:10px;gap:3px}.player-name small{font-size:8px}.point-value{height:25px}.match-info{right:11px;top:15px}.match-info .venue{font-size:18px;letter-spacing:.5px}.match-info .venue-sub{font-size:8px;letter-spacing:.5px;max-width:145px}.match-info .court-number{font-size:8px;margin-top:7px}.status-banner{top:129px;font-size:8px;padding:4px 8px}.dock{height:129px;padding:10px 14px;gap:9px;align-items:center}.joystick{width:83px;height:83px;flex-shrink:0}.joystick .knob{left:24px;top:24px}.shot-button{width:76px;height:76px;flex-shrink:0}.shot-button svg{width:24px;height:24px}.shot-button span{font-size:11px}.dock-center{padding:0;flex:1;min-width:0}.dock-center .small-kicker{font-size:8px;letter-spacing:1px}.start-button{font-size:12px;padding:11px 14px}.dock-message{font-size:11px}.sub-message{font-size:9px;line-height:1.7}.footnote{font-size:8px;letter-spacing:0;padding:11px 3px}.footnote span:last-child{font-size:9px;letter-spacing:1px}.rally-tag{right:12px;bottom:14px;padding:4px 6px;font-size:8px}.rally-tag strong{font-size:16px}.pause-button{left:12px;bottom:12px}.point-flash{padding:13px 20px;min-width:160px;top:48%}.point-flash strong{font-size:31px}.modal{padding:25px}.landscape-hint{display:inline}}@media(max-height:560px)and (orientation:landscape){.shell{padding:0 max(14px,env(safe-area-inset-left))}.header{height:43px;border:0}.brand-icon{width:24px;height:24px}.brand-icon i{width:17px;height:17px}.brand-caption,.header-note,.help-label,.courts>.eyebrow,.footnote,.movement-copy,.shot-copy{display:none}.wordmark{font-size:27px}.header-actions{gap:6px}.icon-button{width:28px;height:28px}.courts{position:absolute;left:50%;transform:translate(-50%);top:4px;padding:0;width:auto;z-index:5}.court-tab{padding:8px 10px;font-size:10px}.court-tab small{display:none}.court-tabs{gap:5px}.match{position:relative;border-radius:9px}.stage{height:calc(100dvh - 55px);min-height:240px;max-height:none}.dock{position:absolute;inset:auto 0 0;height:105px;background:transparent;border:0;padding:7px 18px;pointer-events:none;z-index:3}.dock>*{pointer-events:auto}.dock-center{background:#15313ccb;border:1px solid #ffffff15;border-radius:7px;padding:6px 13px;max-width:260px;margin-top:42px}.dock-center .small-kicker,.sub-message{display:none}.dock-message{font-size:10px}.dock .start-button{padding:8px 22px;font-size:12px}.joystick{width:82px;height:82px;background-color:#14393b90}.joystick .knob{left:24px;top:24px}.shot-button{width:78px;height:78px}.scoreboard{top:11px;left:12px;width:180px}.score-top{padding:4px 8px;font-size:8px}.score-head{height:16px}.score-row{height:25px;font-size:18px}.score-row:last-child{height:28px}.player-name{font-size:10px}.point-value{height:22px}.match-info{top:13px;right:15px}.match-info .venue{font-size:21px}.match-info .venue-sub{font-size:8px}.match-info .court-number{display:none}.status-banner{top:10px;font-size:8px}.rally-tag{bottom:auto;top:82px;right:16px}.pause-button{left:auto;right:17px;bottom:113px}.point-flash{top:42%;padding:10px 20px}.point-flash strong{font-size:28px}.modal{max-height:93dvh;padding:20px 26px}.modal h2{font-size:20px}.modal p{margin:8px 0}.modal label{margin-top:10px}.result .big-result{font-size:40px;margin:8px 0}.result .result-score{font-size:30px}.result-stats{padding:8px;margin:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.player-name,.player-name small{white-space:nowrap}@media(max-width:800px){.player-name small{display:none}}.lineup-button{background:#d9f57b18;border:1px solid #d9f57b44;color:var(--lime);padding:8px 12px;border-radius:6px;font-size:11px;white-space:nowrap}.player-name small{display:none}.score-status{font-size:9px;padding:6px 9px;border-top:1px solid #ffffff18;color:#bdd6ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stroke-options{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.stroke-options button{padding:6px 12px;border-radius:5px;background:#ffffff08;border:1px solid #b6c7b329;color:#b5c7b2;font-size:11px}.stroke-options button.active{color:var(--lime);border-color:#d9f57b66;background:#d9f57b12}.stroke-options small{font:600 10px Barlow Condensed;margin-left:3px;opacity:.6}.dock-center .small-kicker{display:none}.return-clock{position:absolute;bottom:-23px;font:600 13px Barlow Condensed;color:var(--lime);padding:2px 6px;background:#17323d;border-radius:4px}.settings-modal{width:min(850px,100%);padding:28px}.settings-top{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.settings-top label{margin:6px 0}.settings-modal h2{margin:7px 0 15px}.settings-modal .difficulty-description{min-height:22px;margin:10px 0 15px;font-size:11px}.lineup-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lineup-columns h3{font-size:12px;font-weight:500;margin:0 0 10px;color:#dfebcd}.lineup-columns h3 small{font:600 10px Barlow Condensed;color:#99ac93;letter-spacing:2px;margin-left:5px}.player-grid{display:grid;gap:6px}.player-option{height:84px;text-align:left;padding:0 9px 0 0;display:flex;align-items:center;gap:8px;background:linear-gradient(110deg,color-mix(in srgb,var(--kit) 24%,#16323a),#183137 68%);border:1px solid #cadbc51c;border-radius:7px;position:relative;overflow:hidden}.player-option.selected{border-color:#d9f57bc0;background:linear-gradient(110deg,color-mix(in srgb,var(--kit) 40%,#18393d),#253d38 68%)}.player-option img{height:112px;width:85px;object-fit:contain;align-self:flex-start;margin-top:0;transform:translateY(-2px);flex-shrink:0}.player-option span{min-width:0}.player-option b{font-size:13px;font-weight:600;display:block}.player-option small{display:block;font:500 10px Barlow Condensed;letter-spacing:1px;color:#aabdac;margin-top:3px}.player-option em{font-size:9px;display:block;font-style:normal;color:#aec2b2;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-option i{display:none;position:absolute;right:7px;top:6px;color:var(--lime);font-size:10px}.player-option.selected i{display:block}.settings-note{font-size:10px!important}.settings-actions{display:flex;gap:9px;position:sticky;bottom:-28px;background:#172e33;padding:10px 0 5px}.settings-actions .start-button,.settings-actions .secondary{margin:0}.settings-actions .secondary{width:40%}.settings-modal #mode-select{font-size:12px}.settings-modal select{padding:9px}@media(max-width:800px){.header-actions{gap:5px}.lineup-button{padding:7px;font-size:10px}.stroke-options button{padding:6px 9px}.settings-modal{padding:22px}.settings-actions{bottom:-22px}.lineup-columns{gap:12px}.player-option img{width:66px}.player-option em{font-size:8px}.score-status{font-size:8px;padding:4px 7px}}@media(max-width:540px)and (orientation:portrait){.header-actions{gap:4px}.header-actions .icon-button{width:27px;height:27px}.lineup-button{font-size:9px;padding:7px 5px}.brand{gap:7px}.wordmark{font-size:29px}.stroke-options{gap:3px;margin-bottom:7px}.stroke-options button{padding:5px 7px;font-size:10px}.stroke-options small{display:none}.dock-message{font-size:10px}.sub-message{font-size:8px}.settings-modal{padding:20px 14px}.settings-modal h2{font-size:22px}.lineup-columns{gap:8px}.player-option{height:108px;display:block;padding:0 5px}.player-option img{position:absolute;right:-9px;top:20px;height:106px;width:84px;opacity:.85}.player-option span{position:relative;z-index:1;display:block;margin-top:9px}.player-option b{font-size:11px;text-shadow:0 1px 5px #183439}.player-option small{font-size:8px;margin-top:3px;letter-spacing:0}.player-option em{font-size:8px;width:65px;line-height:1.7;white-space:normal;margin-top:13px}.settings-actions{bottom:-20px}.settings-actions button{font-size:11px}.settings-top{gap:8px;grid-template-columns:.85fr 1.6fr}.settings-top select{font-size:10px;padding:9px 4px}.scoreboard{width:179px}.return-clock{bottom:-21px;font-size:11px}.stage{min-height:350px}}@media(max-height:560px)and (orientation:landscape){.lineup-button{padding:6px;font-size:9px}.header-actions{gap:4px}.header-actions .icon-button{width:25px;height:25px}.courts{left:44%}.court-tab{padding:8px;font-size:9px}.dock-center{margin-top:18px;padding:6px 12px}.stroke-options{margin-bottom:5px}.stroke-options button{font-size:9px;padding:4px 8px}.stroke-options small{display:none}.dock-message{font-size:9px}.return-clock{bottom:-12px;font-size:10px}.settings-modal{max-height:96dvh;padding:20px 24px}.settings-actions{bottom:-20px}.player-option{height:72px}.player-option img{height:100px;width:70px}.settings-modal .difficulty-description{margin:6px 0 10px}.score-status{font-size:8px;padding:4px 7px}.scoreboard{width:190px}}@media(max-width:540px)and (orientation:portrait)and (max-height:740px){.scoreboard{top:6px;width:160px}.score-top{padding:3px 7px;font-size:7px;line-height:11px}.score-top .live{font-size:8px}.score-head{height:10px}.score-row{height:21px;font-size:18px}.score-row .player-name{font-size:9px}.point-value{height:20px}.score-status{padding:3px 5px;font-size:7px;line-height:10px}}@media(max-height:560px)and (orientation:landscape){.dock-center{position:static;background:none;border:0;padding:0;margin-top:45px}.dock-center .stroke-options{position:absolute;top:calc(167px - 100dvh);left:50%;transform:translate(-50%);margin:0;padding:4px;background:#15313ce8;border:1px solid #ffffff20;border-radius:6px;pointer-events:auto}.dock-center .dock-message{display:none}.dock-center .start-button{padding:9px 25px}.dock-center .sub-message{display:none}}.self-settings{display:grid;grid-template-columns:90px 1fr;gap:7px 14px;align-items:center;margin:14px 0 20px}.self-settings label{margin:0}.self-settings label small{color:var(--muted);font-size:9px}.self-settings input{min-width:0;width:100%;padding:10px 12px;border-radius:6px;border:1px solid #ffffff30;background:#10292e;color:#eef2dd;font:inherit;font-size:13px}.self-settings>small{grid-column:2;font-size:10px;color:var(--muted)}input:focus-visible{outline:2px solid var(--lime)}.opponent-lineup{margin-bottom:18px}.opponent-lineup h3{font-size:13px}.opponent-lineup h3 small{font-size:10px;color:var(--muted);margin-left:8px}.opponent-lineup .player-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.opponent-lineup .player-option{height:158px;display:block;padding:9px}.opponent-lineup .player-option img{position:absolute;right:-8px;top:37px;width:95px;height:130px;margin:0}.opponent-lineup .player-option span{position:relative;display:block;z-index:1;margin:0}.opponent-lineup .player-option b{font-size:12px;white-space:nowrap}.opponent-lineup .player-option small{font-size:9px;letter-spacing:0}.opponent-lineup .player-option em{font-size:9px;white-space:normal;width:47px;line-height:1.8;margin-top:16px}.player-name{min-width:0}.player-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name .serve-dot{flex-shrink:0}@media(max-width:600px){.opponent-lineup .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opponent-lineup .player-option{height:125px}.opponent-lineup .player-option img{top:18px;width:88px;height:118px}.opponent-lineup .player-option em{width:62px;margin-top:12px}.self-settings{grid-template-columns:70px 1fr}.self-settings>small{font-size:9px}}@media(max-height:560px)and (orientation:landscape){.opponent-lineup .player-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.opponent-lineup .player-option{height:134px;padding:6px}.opponent-lineup .player-option b{font-size:10px}.opponent-lineup .player-option img{width:76px;height:105px;top:34px}.opponent-lineup .player-option em{font-size:8px;width:40px}}.settings-actions{z-index:5;isolation:isolate;box-shadow:0 -8px 12px #172e33}.settings-actions button{position:relative}.stage:after{background:linear-gradient(#ffffff05,transparent 25%,transparent 90%,#0c273508)}#settings-modal{background:#08192155;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px}#settings-modal .settings-modal{width:min(600px,calc(100vw - 32px));height:50dvh;max-height:500px;padding:16px 18px 12px;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}#settings-modal .settings-modal>.eyebrow{display:none}#settings-modal h2{font-size:19px;margin:0 28px 10px 0;flex-shrink:0}.settings-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:0 5px 10px 0;scrollbar-width:thin;scrollbar-color:#657c6b transparent}#settings-modal .settings-actions{position:static;flex-shrink:0;padding:10px 0 0;box-shadow:none;background:#172e33;gap:8px}#settings-modal .settings-actions button{font-size:11px;padding:11px 8px;min-height:40px;margin:0}#settings-modal .settings-actions .start-button{width:62%}#settings-modal .settings-actions .secondary{width:38%}#settings-modal .settings-top{gap:10px;grid-template-columns:1fr 1.5fr}#settings-modal label{margin:5px 0;font-size:11px}#settings-modal select{padding:8px 5px;font-size:11px;min-height:36px}#settings-modal .difficulty-description{font-size:10px;line-height:1.6;margin:6px 0;min-height:0}#settings-modal .self-settings{margin:9px 0;gap:4px 8px;grid-template-columns:65px 1fr}#settings-modal .self-settings input{padding:7px 9px;font-size:12px;min-height:36px}#settings-modal .self-settings>small{font-size:9px}#settings-modal .opponent-lineup{margin-bottom:10px}#settings-modal .opponent-lineup h3{font-size:11px;margin:10px 0 7px}#settings-modal .player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#settings-modal .player-option{height:82px;padding:7px}#settings-modal .player-option img{width:65px;height:85px;right:-6px;top:8px}#settings-modal .player-option b{font-size:11px}#settings-modal .player-option small{font-size:8px}#settings-modal .player-option em{display:none}#settings-modal .player-option span{max-width:100%;margin:0}#settings-modal .settings-note{font-size:9px!important;margin:7px 0}@media(max-width:600px){#settings-modal .settings-modal{padding:12px;height:50dvh}#settings-modal .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#settings-modal h2{font-size:17px;margin-bottom:8px}}@media(max-height:560px)and (orientation:landscape){#settings-modal .settings-modal{width:58vw;height:54dvh;padding:10px 12px}#settings-modal h2{font-size:16px;margin-bottom:6px}#settings-modal .settings-actions{padding-top:6px}#settings-modal .settings-actions button{min-height:34px;padding:7px}#settings-modal .player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.joystick .arrows{top:5px;right:5px;bottom:5px;left:5px;pointer-events:none}.joystick .arrows i{position:absolute;font-style:normal;color:#d9edc5;font-size:10px}.joystick .arrows i:nth-child(1){top:0;left:calc(50% - 5px)}.joystick .arrows i:nth-child(2){bottom:0;left:calc(50% - 5px)}.joystick .arrows i:nth-child(3){left:0;top:calc(50% - 6px)}.joystick .arrows i:nth-child(4){right:0;top:calc(50% - 6px)}.joystick .knob{display:grid;place-items:center}.joystick .knob span{font-size:9px;color:#f0f5dc;white-space:nowrap}.joystick-caption{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;color:#e2efce;pointer-events:none;background:#15333bd9;border-radius:4px;padding:1px 5px}.stroke-options button[data-stroke=auto]{font-weight:700}.joystick{margin-bottom:9px}@media(max-width:540px)and (orientation:portrait){.stroke-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:5px}.stroke-options button{padding:5px 4px;min-height:27px}.dock-center .sub-message{font-size:8px}.joystick-caption{font-size:9px;bottom:-14px}}.joystick .arrows i{width:12px;height:12px;background:#d9edc5;clip-path:polygon(50% 0,100% 100%,0 100%);font-size:0}.joystick .arrows i:nth-child(1){top:0;left:calc(50% - 6px);transform:none}.joystick .arrows i:nth-child(2){bottom:0;left:calc(50% - 6px);transform:rotate(180deg)}.joystick .arrows i:nth-child(3){left:0;top:calc(50% - 6px);transform:rotate(-90deg)}.joystick .arrows i:nth-child(4){right:0;top:calc(50% - 6px);transform:rotate(90deg)}#settings-modal .settings-modal{height:62.5dvh;max-height:625px}#settings-modal .self-settings{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:8px 0}#settings-modal .self-settings>div{display:flex;align-items:center;gap:7px;min-width:0}#settings-modal .self-settings label{flex-shrink:0;margin:0;white-space:nowrap}#settings-modal .self-settings input,#settings-modal .self-settings select{width:100%;min-width:0;flex:1}@media(max-width:540px)and (orientation:portrait){.dock{height:146px;padding:8px 10px;gap:7px}.movement{flex-shrink:0}.joystick{width:114px;height:114px;margin-bottom:9px}.joystick .knob{width:46px;height:46px;left:calc(50% - 23px);top:calc(50% - 23px)}.joystick .knob span{font-size:11px}.joystick .arrows{top:8px;right:8px;bottom:8px;left:8px}.shot-button{width:92px;height:92px}.shot-area{flex-shrink:0}.dock-center{max-width:94px;min-width:0;padding:0}.stroke-options{gap:3px}.stroke-options button{padding:4px 1px;font-size:9px;min-height:25px}.dock-center .start-button{padding:10px 5px;font-size:11px;white-space:nowrap}.dock-center .sub-message{font-size:7px;line-height:1.5}.dock-message{font-size:9px}.stage{height:calc(100svh - 317px)}#settings-modal .settings-modal{height:62.5dvh}#settings-modal .self-settings{gap:8px;grid-template-columns:1.25fr 1fr}#settings-modal .self-settings>div{gap:5px}}@media(max-height:560px)and (orientation:landscape){.joystick{width:110px;height:110px;margin-bottom:6px}.joystick .knob{width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px)}.joystick .arrows{top:8px;right:8px;bottom:8px;left:8px}.joystick-caption{bottom:-12px}.dock{height:126px;padding-bottom:10px}.shot-button{width:96px;height:96px}.dock-center .stroke-options{top:calc(188px - 100dvh);padding:3px;gap:3px}.stroke-options button{padding:4px 7px;font-size:9px}#settings-modal .settings-modal{height:67.5dvh;width:64vw}#settings-modal .difficulty-description{display:none}#settings-modal .settings-top>div{display:flex;gap:5px;align-items:center}#settings-modal .settings-top label{font-size:9px;white-space:nowrap;flex-shrink:0}#settings-modal .settings-top select{min-width:0}#settings-modal select,#settings-modal .self-settings input{min-height:28px;padding:5px;font-size:10px}#settings-modal .self-settings,#settings-modal .opponent-lineup h3{margin:5px 0}#settings-modal .player-option{height:58px;padding:5px}#settings-modal .player-option img{height:66px;width:49px;top:3px}#settings-modal .player-option b{font-size:10px}#settings-modal .player-option small{font-size:7px}}#start{width:168px;max-width:100%;height:32px;padding:0 16px;line-height:32px;white-space:nowrap;box-shadow:0 2px #758d42}@media(max-width:540px)and (orientation:portrait){#start{width:100%;height:28px;line-height:28px;padding:0 4px;font-size:11px}}@media(max-height:560px)and (orientation:landscape){#start{width:152px;height:30px;line-height:30px;padding:0 14px}}#message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#shot svg{width:48px;height:48px;flex-shrink:0;stroke-width:1.5}#shot{gap:2px}@media(max-width:540px)and (orientation:portrait){#message{font-size:8px;letter-spacing:0}#shot svg{width:48px;height:48px}}@media(max-height:560px)and (orientation:landscape){#shot svg{width:50px;height:50px}}@media(max-width:540px)and (orientation:portrait){.dock{height:164px;padding:26px 10px 10px}.stage{height:calc(100svh - 335px)}.dock-center #message:not([hidden]){display:block;position:absolute;top:6px;left:12px;right:12px;width:auto;max-width:none;margin:0;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}}@media(max-height:560px)and (orientation:landscape){.dock-center #message:not([hidden]){display:block;position:absolute;bottom:8px;left:134px;right:126px;width:auto;max-width:none;margin:0;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}}#settings-modal .settings-top>div,#settings-modal .self-settings>div{display:block;min-width:0}#settings-modal .settings-top label,#settings-modal .self-settings label,#settings-modal .mode-setting label{display:block;margin:0 0 5px;font-size:11px}#settings-modal .self-settings{grid-template-columns:1fr 1.5fr;margin:10px 0 0}#settings-modal .settings-top input,#settings-modal .self-settings input,#settings-modal .settings-top select,#settings-modal .self-settings select{height:36px;min-height:36px;font-size:11px;padding:8px 5px}#settings-modal .mode-setting{margin-top:10px}@media(max-width:540px)and (orientation:portrait){#settings-modal .difficulty-description{display:none}#settings-modal .self-settings{gap:10px}#settings-modal .player-option{height:66px}#settings-modal .player-option img{height:75px;top:4px}}@media(max-height:560px)and (orientation:landscape){#settings-modal .settings-fields{display:grid;grid-template-columns:.8fr 1.5fr 1fr .8fr;gap:8px}#settings-modal .settings-top,#settings-modal .self-settings{display:contents}#settings-modal .settings-fields label,#settings-modal .mode-setting label{font-size:9px;margin:0 0 3px}#settings-modal .settings-fields input,#settings-modal .settings-fields select{height:28px;min-height:28px;font-size:10px;padding:5px}#settings-modal .mode-setting{margin-top:6px}#settings-modal .player-option{height:48px}}@media(max-width:540px)and (orientation:portrait)and (max-height:740px){#settings-modal .settings-fields label,#settings-modal .mode-setting label{line-height:14px;margin-bottom:3px}#settings-modal .settings-fields input,#settings-modal .settings-fields select,#settings-modal .mode-setting select{height:32px;min-height:32px;padding:6px 5px}#settings-modal .self-settings,#settings-modal .mode-setting{margin-top:7px}}@media(max-height:560px)and (orientation:landscape){#settings-modal .settings-fields label,#settings-modal .mode-setting label{line-height:11px}#settings-modal .mode-setting{margin-top:4px}#settings-modal .mode-setting select{height:28px;min-height:28px;font-size:10px}#settings-modal .opponent-lineup h3{line-height:14px;margin:4px 0}#settings-modal .player-option{height:44px}}.aim-control{position:relative;z-index:6;width:168px;max-width:100%;margin:5px auto;color:#d5e3c2}.aim-control summary{list-style:none;cursor:pointer;touch-action:manipulation;border:1px solid #d9f57b55;border-radius:5px;background:#223d3b;padding:5px 8px;font-size:11px;white-space:nowrap}.aim-control summary::-webkit-details-marker{display:none}.aim-control summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.aim-panel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:320px;max-width:calc(100vw - 34px);padding:12px;background:#152f35;border:1px solid #71865a;border-radius:10px;box-shadow:0 8px 28px #0008;text-align:left}.aim-heading{font-size:12px;font-weight:600;margin-bottom:10px}.aim-heading span{float:right;font-size:10px;color:#9eb2a7;font-weight:400}.aim-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.aim-options button{min-height:44px;border-radius:5px;border:1px solid #ffffff26;background:#244147;font-size:11px;padding:4px 1px;white-space:nowrap}.aim-options button[aria-pressed=true]{background:var(--lime);color:#183538;border-color:var(--lime)}.aim-options small{display:block;font-size:9px;opacity:.65;margin-top:3px}.aim-panel p{margin:10px 0 0;color:#9eb2a7;font-size:9px;line-height:1.6}@media(max-width:540px)and (orientation:portrait){.aim-control{width:100%;margin:3px auto}.aim-control summary{font-size:10px;line-height:16px;padding:3px 1px}.dock-center .sub-message,.aim-options small{display:none}}@media(max-height:560px)and (orientation:landscape){.aim-control{margin:3px auto;width:152px}.aim-control summary{font-size:10px;padding:4px 8px}.aim-options small{display:none}}