*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#102233;color:#f3f6ed;font:13px system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff38;border-radius:6px;background:#132a3abd;padding:8px 13px;touch-action:none}button:hover{background:#3a5361}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #def78d;outline-offset:3px}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #ffffff20;background:#112331}.brand{text-decoration:none;color:white;font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:#a9c0c8;font-size:10px;letter-spacing:2px;margin-left:16px;font-weight:500}.header-actions{display:flex;gap:8px;align-items:center}.session{font-size:10px;color:#c2d0d4;letter-spacing:1px;margin-right:20px}main{position:relative;height:calc(100dvh - 58px);width:100%;overflow:hidden}main:fullscreen{height:100dvh}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scoreboard{position:absolute;top:22px;left:25px;width:245px;filter:drop-shadow(0 2px 8px #081f3966)}.score-row{display:grid;grid-template-columns:5px 1fr 40px;gap:11px;align-items:center;background:#f1f3e9;color:#183045;height:34px;padding-right:0;margin-bottom:2px;font-weight:650}.score-row:nth-child(2){background:#d8ed96}.jersey{height:100%;background:#b74749}.jersey.white{background:#f5f3e7}.score-row b{background:#182d3a18;text-align:center;padding:8px;font-size:17px;line-height:18px}.score-row small{font-size:9px;color:#49671c;padding-left:6px}.score-meta{font-size:10px;letter-spacing:2px;background:#10283cce;padding:7px 12px;display:flex;justify-content:space-between;color:#d4e5e5}.score-meta span{color:#d9eea4}.top-right{position:absolute;right:24px;top:22px;display:flex;gap:7px}.top-right button{height:35px;font-size:12px;background:#152c3bcc}.top-right #pause{font-size:19px;padding:3px 14px}.event{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;min-width:240px;text-shadow:0 3px 10px #132436}.event div{font-size:17px;text-transform:uppercase;letter-spacing:4px}.event strong{font-size:68px;font-weight:650;letter-spacing:-2px;display:block}.event small{font-size:11px;letter-spacing:2px;color:#edf2dc}.hidden{display:none!important}.shot-hud{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);width:260px;padding:11px 15px;border-radius:8px;background:#0c2334ba;pointer-events:none}.hud-top,.hud-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.hud-top{color:#e9f4c9;margin-bottom:8px}.hud-bottom{color:#bed1d7;margin-top:8px;font-size:8px}.hud-bottom b{display:inline-block;width:56px;background:#ffffff26;height:3px;vertical-align:middle;margin-left:6px}.hud-bottom b i{display:block;background:#d9ed9c;width:100%;height:100%}.meter{height:5px;border-radius:5px;background:#ffffff20;position:relative;overflow:hidden}.meter i{height:100%;width:0;display:block;background:#d8f496}.meter span{position:absolute;width:2px;left:83%;top:0;bottom:0;background:#f4f5e7}.joystick{position:absolute;left:5%;bottom:75px;width:118px;height:118px;border:2px solid #e6f0df88;border-radius:50%;background:#d0e3e618;touch-action:none;user-select:none}.stick-guide{position:absolute;inset:18px;border:1px solid #edf5eb38;border-radius:50%}.knob{position:absolute;left:32px;top:32px;width:50px;height:50px;border-radius:50%;background:#d9e99cb3;border:2px solid #eaf6bd;box-shadow:0 2px 12px #08213f33;pointer-events:none}.joystick span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#d7e3e6;pointer-events:none}.shot-buttons{position:absolute;right:4%;bottom:60px;width:175px;height:175px;pointer-events:none}.shot-buttons button{position:absolute;border-radius:50%;width:59px;height:59px;padding:0;background:#1a365490;border:2px solid #d3e1df78;box-shadow:inset 0 0 0 5px #ffffff0e;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:28px;line-height:26px;user-select:none;pointer-events:auto}.shot-buttons button small{font-size:7px;line-height:11px;letter-spacing:.7px;color:#e2e9df}.shot-buttons button:active,.shot-buttons button.charging{background:#d9eb9a66;border-color:#edffc0}.lob{top:0;left:58px;color:#99dba9}.flat{left:0;top:58px;color:#e5a5cf}.slice{right:0;top:58px;color:#f0a19a}.topspin{bottom:0;left:58px;color:#a4cfff}.court-caption{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:10px;color:#e5eded;font-size:10px;text-shadow:0 1px 4px #071f36}.court-caption span:last-child{font-size:8px;letter-spacing:1px;color:#bad0d9}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#09223694;backdrop-filter:blur(7px);z-index:10;padding:20px}.dialog{width:460px;max-width:100%;max-height:100%;overflow-y:auto;padding:34px;border-radius:14px;background:#102839ed;border:1px solid #ffffff24;box-shadow:0 25px 100px #05111e55}.eyebrow{font-size:9px;letter-spacing:2px;color:#d3e8a1;margin-bottom:17px}h1{font-size:44px;line-height:1.06;letter-spacing:-2px;margin:0 0 18px}h2{font-size:27px;letter-spacing:-1px;margin:0 0 18px}.dialog p{font-size:12px;line-height:1.75;color:#bfd0d6}.welcome-controls{display:flex;flex-direction:column;gap:12px;padding:17px 0 24px;color:#a8bec8;font-size:11px}.welcome-controls b{color:white;margin:0 10px;letter-spacing:1px;font-size:10px}.primary{display:block;background:#d9ed9a;color:#173344;padding:13px 20px;border:0;width:100%;font-weight:750;font-size:13px}.primary:hover{background:#e8f7bf}.dialog>small{display:block;font-size:8px;letter-spacing:1px;color:#93aebc;text-align:center;margin-top:18px}.dialog label{display:flex;justify-content:space-between;margin:20px 0 10px;color:#e2ebed;font-size:12px}.dialog select{width:100%;padding:10px;background:#234155;border:1px solid #a1b4c440;color:white;border-radius:5px}.dialog input{width:100%;accent-color:#d9ed9a}.help-dialog{width:540px}#loadError{z-index:30}
@media(max-width:700px){header{height:46px;padding:0 12px}.brand{font-size:20px}.brand span,.session{display:none}.header-actions{gap:5px}.header-actions button{font-size:10px;padding:6px 9px}main{height:calc(100dvh - 46px)}.scoreboard{top:12px;left:12px;width:190px}.score-row{height:27px;font-size:11px;grid-template-columns:4px 1fr 30px;gap:8px}.score-row b{font-size:13px;line-height:13px;padding:7px}.score-meta{font-size:8px;padding:5px 9px}.top-right{top:12px;right:12px}.top-right button{padding:5px 9px;height:30px;font-size:10px}.joystick{width:96px;height:96px;left:5%;bottom:70px}.knob{width:42px;height:42px;left:25px;top:25px}.shot-buttons{transform:scale(.8);transform-origin:right bottom;right:3%;bottom:48px}.shot-hud{width:180px;bottom:30px;padding:8px 10px}.hud-top{font-size:7px}.hud-bottom{font-size:7px}.court-caption{left:12px;right:12px;bottom:9px;font-size:8px}.court-caption span:last-child{display:none}.dialog{padding:25px}h1{font-size:33px}.event strong{font-size:50px}.event div{font-size:12px}}
@media(max-height:550px){header{height:39px}main{height:calc(100dvh - 39px)}.scoreboard{top:10px;left:15px;width:200px}.score-row{height:25px;font-size:10px}.score-row b{font-size:13px;line-height:13px;padding:6px}.score-meta{font-size:8px;padding:4px 9px}.top-right{top:10px;right:15px}.joystick{bottom:45px;width:90px;height:90px}.knob{width:40px;height:40px;left:23px;top:23px}.shot-buttons{transform:scale(.7);transform-origin:right bottom;bottom:30px;right:3%}.shot-hud{bottom:37px;width:210px;padding:8px 12px}.court-caption{bottom:9px}.dialog{padding:20px;max-height:100%;width:420px}h1{font-size:30px;margin-bottom:10px}.eyebrow{margin-bottom:10px}.welcome-controls{gap:8px;padding:8px 0 14px}.dialog p{margin:8px 0;font-size:11px}.dialog>small{margin-top:12px}.event strong{font-size:48px}}
@media(min-width:701px){.shot-hud{top:85px;right:24px;left:auto;bottom:auto;transform:none;width:215px}}
@media(min-width:701px) and (max-height:550px){.shot-hud{top:65px;right:15px;width:180px}}
.power-label{display:flex;justify-content:space-between;margin:6px 0;color:#d7e8e8;font-size:8px;letter-spacing:1px}.power-label b{font-size:10px;color:#e6f7b7}.meter{height:9px}.player-power{position:absolute;z-index:2;width:142px;transform:translate(-50%,-100%);padding:9px 10px;background:#112a3bed;border:1px solid #d7e5bf80;border-radius:7px;box-shadow:0 3px 15px #051c3455;pointer-events:none}.player-power>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.8px;color:#d9edb1;margin-bottom:7px}.player-power b{font-size:11px}.player-power-track{height:13px;background:#60757f7a;border-radius:3px;position:relative;overflow:hidden}.player-power-track i{display:block;height:100%;width:0;background:#d9f38e}.player-power-track span{position:absolute;top:0;bottom:0;left:82%;width:2px;background:#ffffffad}
@media(max-height:550px){.player-power{width:125px;padding:6px 8px}.player-power-track{height:10px}}
/* Club arrival, preparation and owned equipment gallery. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-screen]:not([data-screen="court"])>header,body[data-screen]:not([data-screen="court"])>#arena{visibility:hidden;position:absolute;inset:0;pointer-events:none}body[data-screen="court"] #clubShell{display:none}#clubShell{height:100dvh;background:#eeeee7;color:#1f3742;display:flex;flex-direction:column}.club-nav{height:76px;flex-shrink:0;display:flex;align-items:center;gap:30px;padding:0 5vw;border-bottom:1px solid #203d4526}.club-nav button{background:none;border:0;color:#243d46}.club-brand{font-size:29px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:18px;padding:0}.club-brand span{font-size:9px;letter-spacing:2px;border-left:1px solid #1c384333;padding-left:18px;font-weight:650}#clubStep{font-size:10px;letter-spacing:1.5px;margin-left:auto}#clubCredits{font-size:10px;letter-spacing:.8px;color:#5d757b;border-left:1px solid #1c384333;padding-left:24px}#club{overflow-y:auto;flex:1;overscroll-behavior:contain}.club-footer{padding:12px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#687e81;border-top:1px solid #203d4526;flex-shrink:0}.club-landing{min-height:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:7vh 7vw 80px;gap:3vw;align-items:center;overflow:hidden}.landing-copy{position:relative;z-index:1}.club-eyebrow{font-size:10px;letter-spacing:2px;color:#55767d;font-weight:650;margin:0 0 24px}.club-landing h1{font-size:clamp(56px,7.4vw,112px);line-height:.96;letter-spacing:-5px;margin:0 0 28px;color:#193944;font-weight:900}.landing-intro{max-width:335px;font-size:16px;line-height:1.7;color:#61767a;margin-bottom:32px}.club-primary{border:0;background:#203f4e;color:#f6f5e9;padding:17px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:11px;font-weight:800;letter-spacing:1px;border-radius:3px}.club-primary:hover{background:#37657a}.landing-copy .club-primary{max-width:320px}.landing-small{font-size:9px;letter-spacing:1.2px;color:#74878a;margin-top:20px}.landing-art{height:440px;background:#b5c8c8;position:relative;border-radius:3px;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#d4dfd8,#a0bdc8)}.art-court{position:absolute;left:20%;top:8%;width:70%;height:93%;background:#648ba8;border:2px solid #e9eee1;transform:rotate(-22deg) skewY(7deg);box-shadow:0 0 0 24px #497086,35px 40px 70px #22374b33}.art-court:before{content:'';position:absolute;inset:0 13%;border-left:2px solid #edf1e7;border-right:2px solid #edf1e7}.art-court:after{content:'';position:absolute;inset:23% 13%;border-top:2px solid #edf1e7;border-bottom:2px solid #edf1e7;background:linear-gradient(90deg,transparent calc(50% - 1px),#edf1e7 calc(50% - 1px),#edf1e7 calc(50% + 1px),transparent calc(50% + 1px))}.art-net{position:absolute;left:-5%;right:-5%;top:50%;height:6px;background:#e6eadd;z-index:1;box-shadow:0 8px 3px #20334545}.art-ball{position:absolute;left:63%;top:59%;width:65px;height:65px;border-radius:50%;background:#d7eb8c;box-shadow:18px 28px 22px #1c394144;z-index:3;transform:rotate(-25deg);overflow:hidden}.art-ball:after{content:'';position:absolute;left:-10px;top:-10px;width:48px;height:78px;border:3px solid #f4f5cc;border-radius:50%}.art-label{position:absolute;bottom:20px;left:20px;z-index:4;background:#eaf0e6e8;padding:12px;font-size:10px;letter-spacing:1.3px}.art-label b{display:block;font-size:8px;margin-top:5px;color:#637b83}.landing-bottom{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;border-top:1px solid #263e4526;padding-top:18px;font-size:9px;letter-spacing:1px;color:#577078}.club-sheet{max-width:1440px;margin:auto;padding:35px 5vw 55px}.sheet-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.sheet-heading .club-eyebrow{margin-bottom:10px}.sheet-heading h2{font-size:clamp(27px,3vw,43px);letter-spacing:-1.5px;margin:0;font-weight:850}.club-sheet button:not(.club-primary){color:#294754;border:1px solid #29475430;background:#f9f9f155}.club-sheet button:hover:not(:disabled){background:#d5e2dc}.club-sheet .club-primary:hover{background:#37657a}.prep-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.club-card{border:1px solid #1f3e4626;border-radius:4px;background:#f8f8f2;padding:24px;margin-bottom:20px}.club-card h3{margin:0 0 20px;font-size:12px;letter-spacing:.3px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-row button{text-align:left;padding:16px 12px;min-height:82px;border-radius:3px!important}.choice-row button strong{display:block;font-size:13px;margin-bottom:8px}.choice-row button span{display:block;font-size:10px;color:#658087;line-height:1.5}.club-sheet [aria-pressed="true"]{background:#dce9db!important;border-color:#557e70!important;box-shadow:inset 0 -3px #557e70}.control-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.control-preview span{font-size:8px;color:#69828a;letter-spacing:.6px}.control-preview b{display:block;color:#304e58;font-size:11px;margin-top:5px;font-weight:600;letter-spacing:0}.muted{color:#6d8085;font-size:11px;line-height:1.7}.club-card label{display:block;font-size:11px;text-transform:capitalize;color:#395762;margin-bottom:18px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.club-sheet select{display:block;width:100%;margin-top:10px;border:1px solid #29475430;border-radius:3px;background:#eeeFE8;padding:11px;color:#294754;font-size:12px}.club-sheet input[type="range"]{width:100%;display:block;margin-top:14px;accent-color:#366478}.club-sheet output{float:right;color:#69848b}.kit-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #26444b19;padding:13px 0;font-size:10px}.kit-row span{text-transform:capitalize;color:#768a8f}.kit-row b{text-align:right;font-weight:600}.kit-summary .club-primary{margin-top:23px}.locker-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.filter-buttons{display:flex;gap:10px}.locker-toolbar select{width:170px;margin:0}.locker-status{font-size:12px;color:#3b715c;min-height:19px}.locker-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-card{border:1px solid #2e50592b;background:#f8f8f2;border-radius:4px;overflow:hidden}.asset-card.equipped{border-color:#688e78}.asset-art{height:155px;background:#dde4df;position:relative}.asset-art svg{height:100%;width:100%;filter:drop-shadow(0 8px 6px #15344720)}.asset-art>span{position:absolute;left:10px;top:10px;font-size:8px;letter-spacing:1px;color:#3b6269;border:1px solid #42636933;background:#eef3e6c9;padding:4px 6px;border-radius:2px}.equipped .asset-art{background:#d7e4d4}.asset-copy{padding:16px}.asset-copy small{font-size:8px;letter-spacing:1px;color:#6b8184}.asset-copy h3{font-size:13px;margin:9px 0}.asset-copy p{font-size:10px;color:#738589;line-height:1.6;min-height:32px}.asset-copy button{width:100%;font-size:10px}.club-sheet button:disabled{opacity:.5;cursor:default}.locker-layout .kit-summary{position:sticky;top:20px}.control-legend{position:absolute;left:25px;bottom:65px;max-width:65%;font-size:10px;color:#edf3e3;padding:10px 13px;background:#122b3bc9;border-radius:5px}.touch-sprint{position:absolute;left:7%;bottom:220px;border:2px solid #e0efbf88;border-radius:50%;width:64px;height:46px;color:#e3f1bb;font-size:11px;font-weight:750;user-select:none}.touch-sprint.charging{background:#7a9c58}body:not([data-controls="touch"]) .joystick,body:not([data-controls="touch"]) .touch-sprint{display:none}body[data-controls="touch"] .control-legend{display:none}body[data-controls="touch"] .shot-buttons button{font-size:12px}body[data-controls="touch"] .shot-buttons button small{font-size:6px}body[data-controls="keyboard"] .shot-buttons button{font-size:17px}body[data-controls="keyboard"] .shot-buttons .topspin{font-size:12px}.dialog details{font-size:12px;color:#bfd0d6;margin-top:18px}#settingsControlGuide{font-size:11px;color:#afc4cd;line-height:1.6;margin-top:12px}
@media(max-width:1050px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-grid{grid-template-columns:minmax(0,1fr) 260px}.club-card{padding:19px}.landing-art{height:360px}.club-landing h1{letter-spacing:-3px}.choice-row{grid-template-columns:1fr}.choice-row button{min-height:0;display:flex;justify-content:space-between;gap:8px;padding:12px}.choice-row button strong{margin:0}.choice-row button span{text-align:right}}
@media(max-width:700px){.club-nav{height:65px;padding:0 20px;gap:12px}.club-brand{font-size:25px}.club-brand span{display:none}#clubStep{font-size:8px}#clubCredits{font-size:8px;padding-left:12px}.club-landing{grid-template-columns:1fr;padding:36px 24px 80px;gap:30px;align-content:start}.club-landing h1{font-size:61px}.landing-art{height:230px;grid-row:2}.landing-intro{font-size:13px;max-width:300px;margin-bottom:20px}.club-eyebrow{font-size:8px;margin-bottom:20px}.landing-small{font-size:8px}.landing-bottom{left:24px;right:24px;font-size:7px;gap:12px;bottom:23px}.club-footer{font-size:8px;letter-spacing:0;padding:10px 20px}.club-sheet{padding:27px 18px 35px}.sheet-heading{gap:12px}.sheet-heading h2{font-size:25px}.sheet-heading button{font-size:10px;white-space:nowrap;padding:8px}.prep-grid,.locker-layout{grid-template-columns:1fr}.prep-grid aside{grid-row:2}.club-card{padding:20px}.setting-grid{gap:8px 15px}.locker-layout .kit-summary{position:static}.asset-grid{gap:12px}.asset-art{height:140px}.asset-copy{padding:12px}.asset-copy h3{font-size:12px}.filter-buttons{gap:5px}.filter-buttons button{padding:9px;font-size:10px}.locker-toolbar{gap:8px}.locker-toolbar select{width:125px;font-size:10px}.control-legend{left:12px;bottom:65px;max-width:48%;font-size:8px}.touch-sprint{left:8%;bottom:185px;width:57px;height:40px}.header-actions #returnClub{font-size:9px}.brand{font-size:17px}.shot-hud{bottom:30px}.club-nav #clubStep{display:none}#clubCredits{margin-left:auto}.asset-copy p{min-height:48px}}
@media(max-height:550px) and (min-width:701px){.club-nav{height:52px}.club-landing{padding-top:25px}.club-landing h1{font-size:65px}.landing-art{height:280px}.club-sheet{padding-top:24px}.touch-sprint{bottom:145px;left:7%;width:55px;height:35px}.control-legend{bottom:37px;font-size:8px}.landing-intro{font-size:12px;margin-bottom:16px}.club-eyebrow{margin-bottom:15px}}