@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-latin.woff2) format("woff2")}.account-danger{margin-top:24px;color:#9cafb3}.account-danger summary{cursor:pointer}.account-danger p{font-size:13px}#account-name{display:grid;gap:10px}:root{--app-header-height: 78px;font-family:DM Sans,Arial,sans-serif;color:#edf0e8;background:#0c171c;font-synthesis:none;--lime: #d8f77c;--muted: #91a3a7;--line: #ffffff14;--panel: #122126;--orange: #f3b678}*{box-sizing:border-box;touch-action:pan-x pan-y}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .16s,color .16s,transform .16s}button:hover{filter:brightness(1.1)}svg{flex:none;vertical-align:middle}button svg{pointer-events:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-weight:600;letter-spacing:-.015em}p{font-size:13px;line-height:1.65;color:var(--muted)}.hidden{display:none!important}.topbar{height:var(--app-header-height);display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 -1px var(--line);padding:0 32px;position:relative;z-index:20;background:#0c171c;isolation:isolate}.topbar button:hover{filter:none}.brand{display:flex;gap:11px;align-items:center;background:none;padding:0;font-weight:700;letter-spacing:.04em;font-size:20px;line-height:1}.brand>svg{color:var(--lime)}.brand-light{font-weight:400;color:#8caaae;margin-left:3px}.brand i{align-self:flex-start;font-size:11px;font-style:normal;color:#70888b;margin:3px 0 0}.topbar nav{display:flex;align-self:stretch;gap:30px}.nav{display:flex;align-items:center;justify-content:center;position:relative;background:none;font-size:12px;font-weight:600;color:#9bafb4;padding:0 3px;line-height:1.25;text-align:center}.nav.active{color:#eaf0de}.nav.active:after{content:"";position:absolute;bottom:0;height:3px;left:0;right:0;background:var(--lime)}.top-actions{display:flex;gap:18px;align-items:center}.top-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;line-height:1}.top-actions>.icon-btn>svg{display:block;width:19px;height:19px}.topbar .brand>svg,.topbar .profile-btn>svg{display:block}.icon-btn,.language{padding:5px;background:none;color:#a1b0b3}.language{font-size:11px}.muted{opacity:.3}.profile-btn{display:flex;gap:9px;align-items:center;padding:10px 16px;background:#19282d;border:1px solid var(--line);border-radius:5px;font-size:11px}.layout{height:calc(100dvh - 78px);display:grid;grid-template-columns:minmax(0,1fr) 354px}.stage{position:relative;min-width:0;overflow:hidden;background:#14262d}#canvas{position:absolute;inset:0}#canvas canvas{width:100%;height:100%;display:block;touch-action:none}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#04141d33,transparent 32%,transparent 55%,#05131ac4);z-index:1}.stage-top{position:absolute;z-index:2;top:27px;left:30px;right:26px;display:flex;align-items:center;justify-content:space-between}.stage[data-lighting=day]:after{background:linear-gradient(180deg,#04141d12,transparent 32%,transparent 65%,#05131a70)}.badge{font-size:9px;letter-spacing:.13em;font-weight:600;display:flex;gap:8px;align-items:center;border:1px solid #ffffff24;padding:8px 11px;background:#102c3788;border-radius:3px;backdrop-filter:blur(12px)}.badge i,.location i,.connection i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime)}.round-btn{display:grid;place-items:center;padding:0;flex-shrink:0;border-radius:50%;width:34px;height:34px;background:#152e3988;border:1px solid #ffffff26;backdrop-filter:blur(10px)}.round-btn svg{display:block}.scene-brand{position:absolute;left:42px;bottom:105px;z-index:2;pointer-events:none}.scene-brand>span{display:block;font-size:9px;letter-spacing:.21em;font-weight:500;color:#c2d1cd}.scene-brand h2{font-size:clamp(58px,6.4vw,104px);line-height:.9;margin:0 0 12px;font-weight:700;text-transform:uppercase;text-shadow:0 4px 22px #001d3c44;letter-spacing:-.02em}.scene-brand em{color:var(--lime);font-style:italic}.scene-bottom{position:absolute;left:32px;right:32px;bottom:28px;border-top:1px solid #ffffff2b;padding-top:20px;z-index:2;display:flex;align-items:center;justify-content:space-between}.location{font-size:9px;letter-spacing:.12em;color:#c5d6d5;display:flex;gap:8px;align-items:center}#motion-preview{max-width:185px;padding:9px 12px;color:#deebdb;background:#172d32ed;border:1px solid #b7d4c533;border-radius:6px;font:inherit;font-size:12px;cursor:pointer}#motion-preview:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.audio-credits{margin:12px 0 18px;font-size:11px;color:var(--muted)}.audio-credits summary{cursor:pointer}.audio-credits p{font-size:11px}.audio-credits a{text-decoration:underline;color:inherit}.loading{position:absolute;inset:0;background:#12252deb;display:flex;flex-wrap:wrap;align-content:center;padding:20%;gap:12px;z-index:12;font-size:12px}.loading>b{margin-left:auto}.loading>div{width:100%;height:2px;background:#fff2}.loading i{display:block;height:100%;background:var(--lime);width:0;transition:width .3s}.dock{background:linear-gradient(150deg,#15272b,#0d1b20 75%);border-left:1px solid var(--line);padding:32px 26px 0;display:flex;flex-direction:column;overflow:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.19em;color:var(--lime);display:block;margin-bottom:13px}.dock h1{font-size:48px;line-height:1.02;margin-bottom:16px}.dock-intro p{font-size:12px;max-width:265px;line-height:1.7;margin-bottom:25px}.mode-list{display:flex;flex-direction:column;gap:9px}.mode-card{position:relative;display:flex;gap:14px;align-items:center;text-align:left;padding:16px 14px;background:#1b303433;border:1px solid #ffffff13;border-radius:7px;min-height:101px}.mode-card.selected{background:#263932;border-color:#b5d46888}.mode-icon{width:37px;height:44px;display:grid;place-items:center;color:#80c8c9}.mode-icon.dark{color:#c0a6e6}.mode-icon.trick{color:#f3bd80}.mode-copy b{font-size:14px;font-weight:600;display:block;margin-bottom:6px}.mode-copy small{font-size:10px;line-height:1.5;color:#92aaa9;display:block;padding-right:2px}.mode-copy em{display:block;font-size:8px;letter-spacing:.08em;font-style:normal;color:#b8c8ac;margin-top:8px;text-transform:uppercase}.mode-index{position:absolute;right:13px;top:11px;font-size:8px;color:#6f8a8c}.play-options{display:flex;background:#08171b;border:1px solid var(--line);border-radius:5px;margin:22px 0 12px;padding:4px;gap:3px}.play-options button{display:flex;align-items:center;justify-content:center;gap:5px;background:none;color:#81979c;font-size:10px;flex:1;padding:9px 3px;border-radius:3px}.play-options button.active{background:#25363a;color:#e5eddf}.primary{background:var(--lime);color:#18221b;padding:14px 19px;font-size:12px;font-weight:700;border:1px solid var(--lime);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:18px}.primary:hover{background:#e2ff98;transform:translateY(-1px)}.launch{justify-content:space-between;min-height:49px}.secondary{background:#21343a;border:1px solid #ffffff1c;border-radius:4px;padding:13px 17px;font-size:11px;font-weight:500;display:inline-flex;justify-content:center;align-items:center;gap:8px}.connection{display:flex;align-items:center;gap:6px;color:#789093;font-size:8px;justify-content:center;margin:13px 0 22px}.connection i{background:#607479;width:4px;height:4px}.connection i.green{background:#87b88b}.dock-footer{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.14em;color:#5d7a7d;border-top:1px solid var(--line);padding:18px 0;margin-top:auto}.dock-footer b{font-weight:400;color:#729291}.dock-footer nav{display:flex;flex-wrap:wrap;gap:4px 14px}.dock-footer a,.account-legal a{color:#c5d8d5;text-decoration:underline;text-underline-offset:3px}.dock-footer a{display:inline-flex;align-items:center;min-height:36px;font-size:12px;letter-spacing:0}.dock-footer b{align-self:center;white-space:nowrap}.dock-footer a:hover,.account-legal a:hover{color:var(--lime)}.dock-footer a:focus-visible,.account-legal a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.account-legal{font-size:12px;line-height:1.6}.account-identity{display:grid;gap:8px;margin:18px 0;padding:14px;border:1px solid #d8f77c30;border-radius:10px;background:#0b1d23}.account-identity span,.account-identity small{color:#adbec1;font-size:12px;line-height:1.5}.account-identity strong{font-size:16px;overflow-wrap:anywhere}.account-identity [hidden]{display:none}.full-panel{--panel-gutter: max(32px, calc((100vw - 1050px)/2) );--panel-bottom: 60px;position:fixed;z-index:10;inset:var(--app-header-height) 0 0;background:linear-gradient(135deg,#16292d,#0c181e);display:flex;flex-direction:column;overflow:hidden}.panel-toolbar{flex:0 0 auto;padding:10px var(--panel-gutter);border-bottom:1px solid var(--line)}.panel-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px var(--panel-gutter) var(--panel-bottom)}.panel-back{display:flex;gap:10px;align-items:center;background:#ffffff08;font-size:11px;color:#9cb0b4;min-height:44px;padding:10px 14px;border-radius:8px}body.panel-open{top:0!important}.panel-open .topbar{position:relative;top:0}.panel-back svg{transform:rotate(180deg)}.panel-heading h1{font-size:60px;margin-bottom:14px}.panel-heading p{font-size:14px;margin-bottom:22px}.pill{font-size:9px;color:#f1c68a;background:#3a3128;padding:8px 12px;border-radius:20px;display:inline-flex;align-items:center;margin:0 0 28px}.board-tabs{display:flex;gap:9px;margin:12px 0 17px}.board-tabs button{background:#1b2d33;border:1px solid var(--line);padding:12px 20px;border-radius:4px;font-size:11px}.board-tabs button.active{background:var(--lime);color:#18251d}.board{min-height:280px;border:1px solid #ffffff16;border-radius:8px;background:#0f1f2599;overflow:auto}.empty{text-align:center;padding:44px 22px}.empty>svg{color:var(--lime);margin-bottom:20px}.empty h3{font-size:29px;margin-bottom:10px}.empty p{margin-bottom:22px}.board table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.board th{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#90a5aa;font-weight:500;padding:19px 23px;background:#17292f}.board td{border-top:1px solid var(--line);padding:18px 23px}.board .mine{color:var(--lime);background:#c5e86d08}.fine{font-size:11px;line-height:1.7;margin-top:18px;color:#7f999f}.coin-balance{color:var(--lime);font-size:14px}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:25px}.outfit{padding:25px 20px 22px;border:1px solid var(--line);background:#1b2d3280;border-radius:7px}.shirt-art{height:160px;display:grid;place-items:center;background:radial-gradient(ellipse,#69b2b825,transparent 70%);color:#52b8b2}.coral .shirt-art{color:#e57e70}.ice .shirt-art{color:#e4e9df}.royal .shirt-art{color:#a28bda}.outfit h3{font-size:28px;margin-bottom:8px}.outfit p{font-size:9px}.outfit button{width:100%;margin-top:13px}.scrim{position:fixed;inset:var(--dialog-top, 0px) 0 auto;height:var(--dialog-height, 100dvh);z-index:40;background:#020b13b8;backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.modal{position:relative;background:linear-gradient(140deg,#23373d,#112129);border:1px solid #ffffff24;border-radius:13px;width:min(100%,490px);max-height:min(92dvh,calc(var(--dialog-height, 100dvh) - 44px));overflow:auto;padding:34px}.modal-close{position:absolute;right:15px;top:14px}.modal h2{font-size:38px;margin-bottom:19px;line-height:1.12}.modal>.primary,.modal>.secondary{margin-top:12px}.modal p{font-size:12px}.modal .screen-wake-hint{margin:14px 0;color:#b5c7cb;line-height:1.5}.modal form{display:flex;flex-direction:column;gap:11px}.modal label{display:block;font-size:11px;color:#a9bec1}.modal input{display:block;width:100%;margin-top:7px;background:#0d2026;border:1px solid #3f585e;padding:13px 12px;border-radius:4px;color:#fff;font-size:16px}.resume-countdown{position:absolute;z-index:25;left:50%;top:45%;transform:translate(-50%,-50%);padding:18px 28px;border-radius:16px;background:#102a30f5;color:#dbf77c;font-size:32px;font-weight:700;pointer-events:none}.resume-countdown[hidden]{display:none}.modal form small{font-size:9px;color:#7f9da3}.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch;margin-top:16px}.button-row>:is(button,a){flex:1 1 150px;margin:0;min-width:0;min-height:44px;padding:12px 16px;font-size:12px;line-height:1.4;text-align:center;text-decoration:none}@media(max-width:420px){.button-row>:is(button,a){flex-basis:100%}}.form-error{color:#ef9c96!important;margin:0;font-size:12px}.key-list{margin:22px 0}.key-list>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;color:#9fb6b9}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff20;box-shadow:0 2px #ffffff10;background:#ffffff08;border-radius:3px;padding:5px 7px;color:#d4e0d5}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,600px);padding:14px 22px;background:#263b3f;border:1px solid #aaca8750;border-radius:6px;box-shadow:0 9px 35px #0006;z-index:100;font-size:12px;line-height:1.6;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}.in-game .layout{grid-template-columns:minmax(0,1fr) 280px}.in-game .stage:after{background:linear-gradient(180deg,#05121a55,transparent 20%,transparent 80%,#05121a55)}.in-game .dock{padding:29px 23px 18px}.in-game .stage-top{top:18px;left:20px}.game-dock-head h2{font-size:35px;margin-bottom:10px}.run-status{font-size:8px;color:#88aaa5}.game-dock-head{margin-bottom:25px}.wave-track>div:first-child{display:flex;align-items:center;justify-content:space-between}.wave-track span{font-size:10px;color:var(--muted)}.wave-track b{font-size:27px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:500}.wave-track small{font-size:17px;color:#5c7a7f}.progress-segments{display:flex;gap:4px;margin:11px 0 26px}.progress-segments i{height:3px;flex:1;background:#ffffff13}.progress-segments i.current{background:#85a771}.progress-segments i.done{background:var(--lime)}.tennis-score{display:flex;align-items:center;justify-content:space-around;padding:16px 0 8px;border-top:1px solid var(--line)}.match-format{display:flex;justify-content:space-between;gap:8px;padding:18px 0 12px;color:var(--lime);font-size:9px;letter-spacing:.04em}.match-format span{color:#92a9ad;letter-spacing:0}.match-status{text-align:center;color:var(--lime);font-size:12px;min-height:22px}.match-games{width:100%;border-collapse:collapse;margin:8px 0 12px}.match-games th,.match-games td{padding:7px 4px;border-bottom:1px solid var(--line)}.match-games th{text-align:left;font-size:10px;font-weight:400;color:#9db5b9}.match-games thead th:not(:first-child),.match-games td{text-align:center}.match-games td{font-size:20px;font-variant-numeric:tabular-nums}.match-games tr:first-child td{color:var(--lime)}.match-history{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#96aeb3;margin:10px 0}.match-history b{color:#e0eddd;margin-left:4px}.serve-status{background:#cfe87e0b;border:1px solid #cfe87e24;border-radius:5px;padding:11px}.serve-status b,.serve-status span{display:block;font-size:10px}.serve-status b{color:#d6e9b0;margin-bottom:5px}.serve-status span{color:#99afb0;line-height:1.55}.serve-status.second-serve{border-color:#e2b77688}.serve-status.second-serve b{color:#edc38a}.tennis-score>div{text-align:center}.tennis-score span{font-size:9px;color:#97adb1}.tennis-score b{display:block;font-size:68px;font-family:Barlow Condensed,sans-serif;font-weight:500;line-height:1.25}.tennis-score>div:first-child b{color:var(--lime)}.tennis-score i{font-style:normal;font-size:26px;color:#3c585e}.score-caption{font-size:9px;display:flex;justify-content:space-between;color:#90a4a8;padding-bottom:19px;border-bottom:1px solid var(--line)}.score-caption b{color:#dcecca}.hud-metrics{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.hud-metrics>div{flex:1}.hud-metrics span{font-size:9px;color:#8aa3a8}.hud-metrics b{display:block;font-size:26px;font-family:Barlow Condensed,sans-serif;font-weight:500;margin-top:7px}.game-tip{padding-top:22px}.game-tip>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#afc5ab}.game-tip p{font-size:10px;color:#88a3a6;margin:10px 0 20px}.game-dock-actions{display:flex;gap:10px;margin-top:auto}.game-dock-actions>.secondary{flex:1}.keyboard-hint{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;margin-top:25px}.keyboard-hint span{font-size:9px;color:#80999c}.power-control{font-size:10px;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#a0b6b7}.power-control input{width:100%;accent-color:var(--lime);cursor:pointer}.power-control b{font-size:10px;color:var(--lime)}#match-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;display:grid;place-items:center;padding:20px}#match-overlay button{pointer-events:auto}.countdown{text-align:center;background:#102b3588;border:1px solid #ffffff20;border-radius:12px;padding:26px 32px;backdrop-filter:blur(14px);max-width:360px}.countdown>span{font-size:13px}.countdown>b{font-family:Barlow Condensed,sans-serif;display:block;font-size:120px;line-height:1.05;color:var(--lime)}.countdown p{font-size:11px;max-width:260px;margin-bottom:0;color:#ccdbd5}.wave-clear,.result-card{pointer-events:auto;text-align:center;padding:28px;background:#10262fec;border:1px solid #b7d79f40;border-radius:12px;box-shadow:0 20px 70px #04121a77;backdrop-filter:blur(18px);max-width:600px;width:100%}.wave-clear h2{font-size:46px;margin-bottom:18px}.wave-clear .eyebrow{color:var(--lime)}.tactics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tactics button{background:#213c42;border:1px solid #9ba79655;padding:17px 10px;border-radius:6px}.tactics button:hover{background:#506646}.tactics b{font-size:12px;display:block;margin-bottom:8px}.tactics small{font-size:9px;color:#a8bfae}.wave-clear:has(.tactic-explanation){max-height:calc(100dvh - 32px);overflow:auto}.wave-clear .tactic-explanation{font-size:13px;line-height:1.45;color:#c2d0cf;margin:8px 0 14px}.tactic-countdown{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left;align-items:center;padding:12px 14px;margin-bottom:14px;border:1px solid #d8f77c66;border-radius:8px;background:#d8f77c0d}.tactic-countdown>strong{font-size:30px;color:var(--lime);font-variant-numeric:tabular-nums}.tactic-countdown>span{font-size:13px;line-height:1.4}.tactic-countdown progress{grid-column:1/-1;width:100%;height:6px;accent-color:var(--lime)}.tactic-explanation~.tactics{margin-bottom:14px}.tactic-explanation~.tactics b{font-size:15px}.tactic-explanation~.tactics small{font-size:12px;line-height:1.4}.tactic-level{display:block;font-size:13px;color:var(--lime);margin-bottom:8px}@media(max-width:600px){.tactic-explanation~.tactics{grid-template-columns:1fr}.tactic-explanation~.tactics button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;padding:12px}.tactic-explanation~.tactics b,.tactic-level{margin:0}.tactic-explanation~.tactics small{grid-column:1/-1}.wave-clear:has(.tactic-explanation) h2{font-size:28px;margin-bottom:8px}}.result-card{max-width:470px}.result-card>svg{color:var(--lime);margin:5px 0 13px}.result-card h2{font-size:49px;margin-bottom:10px}.result-card>p{font-size:11px}.result-numbers{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.result-numbers b{font-size:42px;font-family:Barlow Condensed,sans-serif;font-weight:500;display:block}.result-numbers small{font-size:22px;color:#69878a}.result-numbers span{font-size:9px;color:#91a8a9}.combo{padding-top:15px;border-top:1px solid var(--line)}.combo>span{font-size:10px;color:#9ab0b3;display:flex;justify-content:space-between}.combo>span b{color:#f29b86;letter-spacing:5px;font-size:16px}.combo-steps{display:flex;justify-content:space-between;margin:20px 0 12px}.combo-steps b{font-size:31px;color:#4f696f;font-family:Barlow Condensed,sans-serif}.combo-steps .lit{color:var(--lime);text-shadow:0 0 22px #d6ee7b55}.combo>strong{display:block;font-size:12px;color:#ae96d5;font-weight:500;margin-bottom:20px}.target-score{text-align:center;padding:10px 0 22px}.target-score b{display:block;font-size:63px;color:#f3bc7e;font-family:Barlow Condensed,sans-serif;font-weight:500}.target-score small{font-size:32px;color:#6c8385}.target-score span{font-size:10px;color:#9eafb0}.touch{display:none}@media(min-height:900px){.dock{padding-top:48px}.dock h1{font-size:58px}.mode-card{min-height:116px}.mode-list{gap:12px}.dock-intro p{margin-bottom:34px}.play-options{margin-top:27px}}@media(max-height:760px)and (min-width:801px){:root{--app-header-height: 66px}.layout{height:calc(100dvh - 66px)}.dock{padding-top:23px}.dock h1{font-size:40px}.dock-intro p{margin-bottom:16px}.mode-card{min-height:84px;padding:11px 12px}.mode-copy em{margin-top:4px}.play-options{margin-top:15px}.connection{margin-bottom:14px}.dock-footer{padding:12px 0}.in-game .game-tip{padding-top:13px}.in-game .keyboard-hint{margin-top:16px}.in-game .game-dock-head{margin-bottom:15px}.hud-metrics{padding:13px 0}.scene-brand{bottom:80px}}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 318px}.dock{padding-left:22px;padding-right:22px}.topbar{padding:0 22px}.topbar nav{gap:20px}.brand{font-size:18px}.scene-brand{left:28px}.scene-brand h2{font-size:70px}.in-game .layout{grid-template-columns:minmax(0,1fr) 240px}.in-game .dock{padding:20px 18px}.game-tip p{font-size:9px}}@media(max-width:800px){:root{--app-header-height: 62px}body{overflow:auto}.topbar{height:var(--app-header-height);padding:0 16px;gap:12px;position:sticky;top:0}.brand{font-size:15px;gap:7px}.brand>svg{width:23px}.topbar nav{gap:13px}.nav{font-size:10px}.top-actions{gap:9px}.profile-btn{padding:8px}.profile-btn span{display:none}.top-actions>.icon-btn{width:25px;height:36px;padding:2px}.layout{display:flex;flex-direction:column;height:auto}.stage{height:47svh;min-height:320px}.scene-brand{bottom:66px;left:25px}.scene-brand h2{font-size:61px;margin:0 0 10px}.scene-brand>span{font-size:9px}.stage-top{top:15px;left:18px;right:18px}.badge{font-size:7px}.scene-bottom{bottom:17px;left:22px;right:22px;padding-top:14px}.location{font-size:7px}.dock{padding:28px 23px 10px;border-left:0;border-top:1px solid var(--line)}.dock h1{font-size:44px}.dock h1 br{display:none}.dock h1 br:after{content:" "}.dock-intro p{max-width:none}.mode-card{min-height:94px}.mode-list{display:grid;grid-template-columns:repeat(3,1fr)}.mode-card{flex-direction:column;gap:6px;padding:12px 10px;align-items:flex-start}.mode-icon{width:25px;height:26px}.mode-copy b{font-size:12px}.mode-copy small{font-size:9px}.mode-copy em{font-size:7px}.mode-index{right:8px;font-size:7px}.dock-footer{margin-top:4px}.play-options{margin-top:20px}.full-panel{--panel-gutter: 22px;--panel-bottom: 45px}.panel-heading h1{font-size:43px}.board-tabs{flex-wrap:wrap;gap:6px}.board-tabs button{padding:10px 13px;font-size:10px}.board th,.board td{padding:15px 12px;font-size:10px}.outfit-grid{grid-template-columns:repeat(2,1fr);gap:12px}.outfit{padding:16px}.shirt-art{height:130px}.outfit h3{font-size:25px}.in-game{overflow:hidden}.in-game .layout{height:calc(100dvh - 62px);display:flex;flex-direction:column-reverse}.in-game .stage{height:100%;min-height:0;flex:1}.in-game .dock{flex:none;height:auto;padding:10px 15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-bottom:1px solid var(--line)}.game-dock-head{display:none}.in-game .game-dock-head.connection-warning{display:block;grid-column:1 / -1;padding:7px 9px;margin:0;border:1px solid var(--line);border-radius:6px;background:#352b20}.game-dock-head.connection-warning>.eyebrow,.game-dock-head.connection-warning>h2{display:none}.game-dock-head.connection-warning .run-status{color:#ffe1a6;font-size:11px;line-height:1.4}.wave-track{align-self:center}.wave-track b{font-size:24px}.wave-track small{font-size:13px}.wave-track span{font-size:9px}.progress-segments{margin:7px 0 0}.tennis-score{padding:0;border:0}.classic-match .score-area{grid-column:1 / 3;display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;align-items:center}.classic-match .match-format{display:none}.classic-match .tennis-score{grid-column:1;grid-row:1}.classic-match .match-status{grid-column:1;grid-row:2;min-height:0;font-size:10px}.classic-match .match-games{grid-column:2;grid-row:1 / 3;margin:0}.classic-match .match-games th{font-size:8px;padding:3px}.classic-match .match-games td{font-size:15px;padding:3px}.classic-match .match-history{grid-column:1 / -1;margin:3px 0;font-size:8px}.classic-match .serve-status{grid-column:1 / -1;padding:6px 8px;margin-top:3px}.classic-match .serve-status b,.classic-match .serve-status span{font-size:9px}.classic-match .hud-metrics{flex-direction:column;align-self:start;gap:8px}.tennis-score span{font-size:7px}.tennis-score b{font-size:26px;line-height:1}.tennis-score i{font-size:17px}.score-caption{padding:5px 0 0;font-size:7px;border:none}.score-caption span{display:none}.hud-metrics{border:0;padding:0;gap:10px;align-self:center}.hud-metrics span{font-size:8px}.hud-metrics b{font-size:20px;margin-top:3px}.game-tip,.keyboard-hint{display:none}.game-dock-actions{position:absolute;z-index:4;right:15px;top:159px;gap:0}.game-dock-actions .icon-btn{display:none}.game-dock-actions>.secondary{font-size:0;padding:8px;background:#102630c9;backdrop-filter:blur(8px)}.in-game .stage-top{left:15px;top:15px;right:15px}.in-game #help{visibility:hidden}.touch{display:flex;position:absolute;z-index:6;bottom:25px;left:22px;right:22px;justify-content:space-between;align-items:flex-end;pointer-events:none}.joystick{width:92px;height:92px;border-radius:50%;border:1px solid #d9f8b642;background:#0a202b88;display:grid;place-items:center;pointer-events:auto;touch-action:none;backdrop-filter:blur(3px)}.stick{width:39px;height:39px;border-radius:50%;background:#9cbf9988;border:1px solid #d9f8b644;box-shadow:0 3px 15px #00201855}.touch-actions{display:flex;align-items:flex-end;gap:8px}.touch-actions button{pointer-events:auto;touch-action:none;width:43px;height:43px;border-radius:50%;border:1px solid #d9f8b642;background:#0a202bcc;backdrop-filter:blur(3px);font-size:14px}.touch-actions button:last-child{width:66px;height:66px;color:#15291e;background:#d8f77cdd;border-color:#d8f77c}.power-control{grid-column:1/-1;padding:0;display:flex;align-items:center;gap:10px}.power-control input{width:auto;flex:1}.combo{border:0;padding:0}.combo>span{font-size:7px}.combo>span b{font-size:10px;letter-spacing:2px}.combo-steps{margin:4px 0}.combo-steps b{font-size:17px}.combo>strong{font-size:8px;margin:0}.target-score{padding:0;text-align:center}.target-score b{font-size:28px;line-height:1}.target-score small{font-size:18px}.target-score span{font-size:7px}.wave-clear,.result-card{padding:22px 17px}.wave-clear h2{font-size:35px}.tactics{gap:6px}.tactics button{padding:14px 8px}.tactics b{font-size:10px}.tactics small{font-size:8px}.result-card h2{font-size:37px}.result-numbers b{font-size:31px}.result-card .button-row{gap:7px}.result-card button{font-size:10px;padding:12px}.modal{padding:28px 22px}.modal h2{font-size:32px}}@media(max-width:420px){.topbar nav{gap:10px}.brand{font-size:13px}.brand i{display:none}.topbar{padding:0 12px;gap:8px}.top-actions{gap:7px}.nav{font-size:9px}.language{font-size:10px;padding:3px}.mode-list{gap:7px}.mode-copy small{font-size:8px}.mode-copy b{font-size:11px}.mode-card{padding:12px 9px}.dock h1{font-size:40px}.outfit-grid{gap:9px}.outfit{padding:14px}.outfit h3{font-size:22px}}@media(pointer:coarse)and (min-width:801px){.touch{display:flex;position:absolute;left:20px;right:20px;bottom:22px;z-index:6;justify-content:space-between;pointer-events:none}.joystick{width:95px;height:95px;display:grid;place-items:center;border-radius:50%;background:#fff2;pointer-events:auto;touch-action:none}.stick{width:40px;height:40px;background:#d8f77c88;border-radius:50%}.touch-actions button{border-radius:50%;width:55px;height:55px;background:#23444bdd;margin:5px;pointer-events:auto;touch-action:none}.touch-actions button:last-child{background:var(--lime);color:#12332d}.keyboard-hint{display:none}}*{scrollbar-width:thin;scrollbar-color:#395253 transparent}.difficulty-select{margin:16px 0}.match-format-options{display:flex;gap:6px;margin:12px 0 6px}.match-format-options button{flex:1;padding:10px 8px;border:1px solid #446366;border-radius:8px;background:#152c30;color:#c1d5ce;font-size:12px}.match-format-options button.active{border-color:var(--lime);color:var(--lime);background:#263c32}.format-hint{font-size:11px;line-height:1.5;color:#9fb9b1;margin:6px 0}.wave-summary{margin:12px 0;color:var(--lime);font-size:13px}.wave-summary span{display:block;color:#a6bdb6;font-size:11px;margin-top:5px}.end-run{color:var(--lime)}#sound.muted{position:relative;opacity:1;color:#ffbb9c}#sound.muted:after{content:"×";position:absolute;right:2px;top:0;font-size:15px;color:#ffbb9c;background:#203031;border-radius:50%;line-height:14px}@media(max-width:800px){.match-waves .wave-track{grid-column:1 / -1}.match-waves .wave-track>div:first-child{justify-content:flex-start;gap:10px}.match-waves .wave-track b{font-size:16px}.match-waves .wave-track .progress-segments{display:none}.classic-match .wave-summary{grid-column:2;grid-row:1 / 3;font-size:11px;margin:0}.classic-match .wave-summary span{font-size:8px}.match-waves .game-dock-actions{position:static;display:flex;grid-column:1 / -1;gap:8px}.match-waves .game-dock-actions .secondary{padding:7px 10px;font-size:11px}}.difficulty-options{display:flex;gap:5px;margin:8px 0}.difficulty-options button{flex:1;padding:10px 8px;border:1px solid #365253;border-radius:8px;color:#bed0cc;background:#142c2e;font-size:12px}.difficulty-options button.active{color:#18322b;background:var(--lime);border-color:var(--lime)}.difficulty-options.match-grades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.difficulty-options.match-grades button{min-height:48px;white-space:normal}.difficulty-select small{display:block;color:#91aaa5;font-size:11px;line-height:1.5;min-height:32px}.grade-tag{display:block;margin-bottom:8px;color:var(--lime);font-size:12px}.performance-pill{margin-left:auto;margin-right:10px;border:1px solid #ffffff30;background:#102b32dd;color:#e1efdc;font-size:11px;padding:9px 12px;border-radius:20px;font-variant-numeric:tabular-nums}.lighting-select{margin:16px 0 12px}.lighting-options{display:flex;gap:6px;margin-top:8px}.lighting-options button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:11px 6px;border:1px solid #42616a;border-radius:8px;background:#122a31;color:#bdcdd1;font-size:11px}.lighting-options button span{font-size:19px;line-height:1}.lighting-options button.active{border-color:#dcca94;color:#ffedc0;background:#423d2b}.lighting-options button[data-lighting=evening].active{border-color:#9dbff2;color:#d4e5ff;background:#263d5d}.lighting-pill{border:1px solid #ffffff45;background:#102b32e8;color:#f8e8c4;font-size:11px;padding:9px 12px;border-radius:20px;margin-left:auto;white-space:nowrap}.lighting-pill+.performance-pill{margin-left:8px}.lighting-pill.hidden+.performance-pill{margin-left:auto}@media(max-width:800px){.lighting-select{margin:10px 0}.lighting-options button{padding:9px 6px}.lighting-pill{padding:7px 9px;font-size:9px}.lighting-pill+.performance-pill{margin-left:5px;margin-right:0}.in-game .stage-top{gap:4px}.in-game .stage-top .badge{font-size:8px}.in-game #help{display:none}}.modal select{font-size:16px;display:block;width:100%;margin:10px 0 18px;padding:12px;background:#193438;color:#fff;border:1px solid #486561;border-radius:8px}.modal .check-row{display:flex;gap:12px;align-items:center}.modal .check-row input{width:18px;height:18px;margin:0}.perf-live{display:block;font-variant-numeric:tabular-nums;color:var(--lime);padding:18px 0 4px}.benchmark-results article{border-top:1px solid #ffffff20;padding:12px 0}.audio-sliders{margin:22px 0}.audio-sliders label{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}.audio-sliders input[type=range]{grid-column:1 / -1;width:100%;padding:0;margin:0;height:20px;accent-color:var(--lime);cursor:pointer}.audio-sliders output{color:var(--lime);font-variant-numeric:tabular-nums}.audio-status{color:var(--lime);font-size:13px;min-height:20px}.sound-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 18px}.sound-previews .secondary{padding:11px 8px;font-size:12px}@media(max-width:420px){.topbar{gap:6px}.top-actions{gap:4px}.topbar nav{gap:8px}.brand{font-size:12px}}.benchmark-results small{display:block;color:#abc2bb;margin-top:5px}.benchmarking .topbar,.benchmarking .dock,.benchmarking .scene-brand,.benchmarking .scene-bottom,.benchmarking .stage-top{display:none}.benchmarking .layout{display:block;height:100dvh}.benchmarking .stage{width:100vw;height:100dvh;min-height:0}.benchmark-status{position:absolute;left:50%;top:20px;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 18px;background:#102b32eb;border:1px solid #ffffff30;border-radius:12px;pointer-events:auto;width:max-content;max-width:95%}.benchmark-status span{font-size:13px}.benchmark-status button{padding:8px 12px}@media(max-width:800px){.difficulty-select{margin:10px 0}.difficulty-select small{min-height:0}.performance-pill{font-size:9px;padding:7px 9px}.benchmark-status{font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:360px){.brand>span{display:none}.brand{flex-shrink:0}}.party-entry{width:100%;margin:12px 0;text-align:left}.party-entry small,.party-choices small{display:block;font-size:11px;opacity:.7;margin-top:5px}.party-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.party-choices button{text-align:left;line-height:1.4;white-space:normal}.room-code{font:600 38px/1.2 monospace;letter-spacing:.16em;color:var(--lime, #d9f879);margin:14px 0;user-select:all}.party-link{display:block;margin:12px 0;font-size:11px}.party-link input{width:100%;font-size:12px}#join-party{border-top:1px solid #ffffff16;margin-top:20px;padding-top:16px}#join-party input{text-transform:uppercase;letter-spacing:.12em}#party-start,#party-leave,#resume-party{width:100%;margin-top:10px}.binding-list{margin:20px 0;display:grid;gap:7px}.binding-list>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(60px,.7fr) minmax(60px,.7fr);gap:7px;align-items:center}.binding-list span{font-size:12px}.binding-key{border:1px solid #ffffff29;border-radius:6px;padding:9px 6px;color:#edf4e8;background:#ffffff0a;font-size:12px}.binding-key:focus{border-color:#d9f879;outline:1px solid #d9f879}.text-button{color:#d9f879;padding:5px;background:none;border:0;font-size:10px}.dark-buffs{margin-top:14px}.dark-buffs>span,.ball-recharge>span{color:#a8b8ba;font-size:11px}.dark-buffs>div{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.dark-buffs b{padding:5px 8px;border:1px solid #ffffff20;border-radius:6px;color:#6b7a7e;font-size:10px}.dark-buffs b.active{color:#d9f879;border-color:#d9f87970;background:#d9f87912}.dark-buffs small,.ball-recharge small{display:block;font-size:10px;color:#a8b8ba}.ball-recharge{margin-top:12px}.ball-recharge>b{float:right;font-size:11px;color:#d9f879}.ball-recharge progress{display:block;width:100%;height:5px;margin:7px 0;accent-color:#d9f879}@media(max-width:800px){.dark-mode .score-area{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;order:2}.dark-mode .wave-track,.dark-mode .hud-metrics,.dark-mode .game-dock-actions{order:1}.dark-buffs{margin-top:0}.dark-buffs>span{display:none}.dark-buffs b{padding:3px 5px;font-size:9px}.dark-buffs>div{margin:3px 0;gap:3px}.ball-recharge{grid-column:1/-1;margin-top:0;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:4px 8px}.ball-recharge>b{grid-column:3;grid-row:1;text-align:right}.ball-recharge progress{grid-column:2;grid-row:1;margin:0}.ball-recharge small{grid-column:1/-1;font-size:9px}}@media(max-width:600px){.party-choices{grid-template-columns:1fr}}@media(max-width:360px){.topbar{gap:5px}.topbar nav{gap:2px}.topbar nav button{padding-left:5px;padding-right:5px}.top-actions{gap:3px}}.coin-balance{display:inline-flex;align-items:center;gap:6px;background:#20322c;color:#d8f77c;border:1px solid #a8c66755;border-radius:9px;padding:8px 10px;white-space:nowrap}.coin-balance small{font-size:10px;color:#e4efc5}@media(max-width:600px){:root{--app-header-height:90px}.topbar{display:grid;grid-template-columns:auto 1fr;grid-template-rows:48px 42px;column-gap:6px;row-gap:0;height:var(--app-header-height);padding:0 10px}.topbar nav{grid-column:1/-1;grid-row:2;justify-content:center;height:42px;gap:24px}.topbar nav .nav{font-size:11px;height:42px}.top-actions{grid-column:2;grid-row:1;justify-content:flex-end;gap:4px}.top-actions .coin-balance{gap:3px;padding:7px 5px;font-size:11px}.coin-balance small{display:none}.topbar .brand{font-size:11px;gap:5px}.topbar .brand>svg{width:21px}.top-actions>.icon-btn{width:22px;padding:1px}.top-actions .profile-btn{padding:6px}}.point-ending{position:absolute;left:50%;bottom:25%;transform:translate(-50%);max-width:calc(100% - 32px);background:#102a30ed;color:#eef5db;padding:12px 20px;border-radius:10px;text-align:center;font-size:14px;pointer-events:none}.resume-entry,.personal-board{padding:16px;margin:16px 0;border:1px solid var(--lime);border-radius:12px}.resume-entry p{font-size:13px}.trick-practice-entry label{display:grid;gap:8px;margin-top:16px;color:#c5d4d4;font-size:13px}.trick-practice-entry select{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid #78908d;border-radius:8px;background:#18323d;color:#edf4e3;color-scheme:dark;font:inherit;font-size:16px}.trick-practice-entry select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.trick-practice-entry button{width:100%;min-height:48px;margin-top:12px}@media(hover:hover)and (pointer:fine){body,#canvas canvas{cursor:url(/padel-cursor.svg) 6 6,auto}button:not(:disabled),a{cursor:url(/padel-cursor.svg) 6 6,pointer}}.audio-start{margin:12px 0;font-size:13px}.monthly-scope{margin:0 0 20px;max-width:440px}.monthly-upcoming>.mode-board-tabs,.monthly-upcoming>.ranking-filter-box{display:none}.monthly-scope button{font-size:1.05rem;padding:14px 20px}.monthly-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 20px}.monthly-heading h2{margin:6px 0;font-size:clamp(1.4rem,4vw,2.15rem)}.monthly-heading .eyebrow{font-size:.7rem;color:var(--accent,#dcf980)}.monthly-period-label,.monthly-ruleset{display:grid;gap:7px;font-size:.8rem;color:#a7bcc0;min-width:0}.monthly-period-label select,.monthly-ruleset select{max-width:100%;min-height:44px;background:#142c34;color:#edf6ef;border:1px solid #46616a;border-radius:10px;padding:9px 12px}.monthly-launch{position:relative;overflow:hidden;padding:30px;border:1px solid #668b79;border-radius:20px;background:linear-gradient(130deg,#24433c,#142a33)}.monthly-date{color:#d9f887;font-size:2.8rem;font-weight:800;letter-spacing:.02em;line-height:1.2}.monthly-launch h3{font-size:1.35rem;margin:12px 0}.monthly-launch p{max-width:600px;line-height:1.65}.monthly-launch .secondary{margin-top:10px}.monthly-personal{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid #617b50;border-radius:16px;background:#203a33;margin-bottom:22px}.monthly-personal strong{display:block;font-size:1.25rem;margin-top:8px}.monthly-personal p,.monthly-personal small{color:#b6cac7;line-height:1.6;margin:8px 0 0}.monthly-bonus{min-width:140px;display:grid;gap:6px}.monthly-bonus b{color:#d9f887;font-size:1.35rem}.monthly-bonus span{font-size:.8rem;color:#b6cac7;max-width:185px}.monthly-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.monthly-list-heading h3{margin:0}.monthly-list-heading button{width:auto;min-height:44px;padding:9px 14px}.monthly-notice{border-left:3px solid #d9f887;padding:12px 16px;line-height:1.6;background:#27372a}.monthly-rules{margin-top:24px}.monthly-rules dl{max-width:480px}.monthly-rules dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #ffffff15}.monthly-rules dd{margin:0;color:#d9f887;white-space:nowrap}.monthly-rules p{line-height:1.65}@media(max-width:600px){.monthly-heading{align-items:flex-start;flex-direction:column;gap:12px}.monthly-period-label{width:100%}.monthly-launch{padding:22px}.monthly-personal{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.monthly-bonus{border-top:1px solid #ffffff20;width:100%;padding-top:12px}.monthly-bonus span{max-width:none}.monthly-ruleset select{width:100%}.monthly-list-heading h3{font-size:1.05rem}}.mode-option{position:relative;min-width:0}.mode-option .mode-card{--mode-rgb:112,213,213;width:100%;min-height:66px;padding:10px 58px 10px 14px;border-color:rgba(var(--mode-rgb),.48);background:linear-gradient(145deg,rgba(var(--mode-rgb),.22),rgba(var(--mode-rgb),.07)),#142e34;box-shadow:inset 0 3px rgba(var(--mode-rgb),.75)}.mode-option .mode-card[data-mode=dark]{--mode-rgb:191,158,239}.mode-option .mode-card[data-mode=trick]{--mode-rgb:245,184,113}.mode-option .mode-card.selected{border-color:var(--lime);background:linear-gradient(145deg,rgba(var(--mode-rgb),.34),rgba(var(--mode-rgb),.13)),#1b3438;box-shadow:inset 0 3px 0 var(--lime),inset 0 0 0 1px var(--lime)}.mode-option .mode-copy b{margin:0;font-size:16px;font-weight:800;color:#f3f8f5}.mode-option .mode-card.selected .mode-copy b{color:var(--lime)}.mode-option .mode-icon{width:30px;height:30px;flex-shrink:0}.mode-option .mode-icon svg{width:100%;height:100%}.mode-info{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#bfd3d4}.mode-info span{display:grid;place-items:center;width:21px;height:21px;border:1px solid currentColor;border-radius:50%;font:600 14px Georgia,serif}.mode-info:hover{background:#ffffff10;color:var(--lime)}.mode-info:focus-visible,.mode-card:focus-visible,.lobby-options summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.lobby-difficulty.difficulty-select{margin:16px 0 8px}.lobby-difficulty .eyebrow{margin-bottom:6px}.lobby-difficulty .difficulty-options button{min-height:44px}.lobby-score-note{font-size:11px;text-align:center;color:#a6bdbb;margin:9px 0 0;line-height:1.5}.lobby-score-note+.connection{margin:6px 0 14px}.lobby-options{margin:0 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lobby-options summary{min-height:44px;display:list-item;align-content:center;padding:12px 4px;cursor:pointer;font-size:12px;color:#c2d2d0}.lobby-options .lobby-grade-description{font-size:12px;line-height:1.6;color:#a6bdbb;margin:4px 0 12px}.lobby-options .audio-start{min-height:44px}.lobby-options .fullscreen-hint{margin:12px 0}.lobby-intro.dock-intro h1{margin-bottom:20px}.lobby-options{border:1px solid #91b5bc30;border-radius:12px;background:#162c324d;padding:0 14px}.lobby-options summary{color:#c9dbda;font-size:12px;padding:14px 0}.lobby-options[open]{padding-bottom:10px}.lobby-footer.dock-footer{display:block;margin-top:0;padding:0 0 10px;border-top:0;letter-spacing:0}.lobby-footer-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;padding-bottom:15px}.lobby-footer .lobby-footer-actions button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid #a4c3c52b;background:#142c334f;border-radius:10px;padding:12px;margin:0;min-height:48px;color:#c9deda;font-size:11px;line-height:1.4;text-decoration:none;white-space:normal}.lobby-footer .lobby-footer-actions button:hover{border-color:#91b5bc88;background:#213b414f}.lobby-footer-actions button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.lobby-footer-base{border-top:1px solid #a4c3c525;padding-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 15px;justify-content:space-between}.lobby-footer nav{gap:2px 16px}.lobby-footer nav a{min-height:44px;font-size:11px;color:#a6c0c1;text-decoration:none}.lobby-footer-base>small{display:block;font-size:9px;color:#87a4a9;letter-spacing:.06em}@media(max-width:800px),(max-width:1100px)and (max-height:600px){body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #dock{padding:16px 16px 10px}.lobby-intro.dock-intro{display:none}#dock .mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#dock .mode-list{gap:6px}.mode-option .mode-card{flex-direction:column;min-height:78px;height:100%;padding:8px;gap:5px;align-items:flex-start;justify-content:flex-end;border-radius:12px}.mode-option .mode-icon{height:28px;width:28px}.mode-option .mode-copy b{font-size:13.5px;line-height:1.2}.mode-option .mode-info{top:0;right:0;transform:none}.lobby-difficulty.difficulty-select{margin:10px 0 4px}.lobby-difficulty .difficulty-options.match-grades{gap:6px}.lobby-difficulty .difficulty-options.match-grades button{min-height:44px}#dock .launch{min-height:52px;font-size:15px}}.scene-brand{bottom:28px}@media(max-width:600px)and (max-height:660px)and (orientation:portrait){body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #dock{padding-top:8px}}@media(max-width:800px){body:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #stage{height:calc(47svh - 52px);min-height:264px}.scene-brand{bottom:18px}}@media(max-width:600px)and (max-height:620px)and (orientation:portrait){body:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #stage{height:calc(100svh - 386px - var(--app-safe-top));min-height:170px}.scene-brand h2{font-size:44px}.scene-brand{left:20px;bottom:14px}}@media(max-width:1100px)and (max-height:600px)and (orientation:landscape){body.mobile-play .topbar .top-actions{gap:10px}body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,38%);height:auto;align-items:start}body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #stage{height:calc(100svh - var(--app-header-height));min-height:0}body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #dock{padding:8px 12px}#dock .mode-option .mode-card{min-height:64px;padding:5px;gap:2px}#dock .mode-option .mode-icon{width:24px;height:24px}#dock .mode-option .mode-copy b{font-size:12.5px}#dock .lobby-difficulty.difficulty-select{margin:6px 0 4px}#dock .launch{margin-top:8px}.scene-brand{left:18px;bottom:18px}.scene-brand h2{font-size:clamp(34px,6vw,61px)}.stage-top{gap:5px;left:12px;right:12px}.stage-top .badge{display:none}}@media(max-width:1100px)and (max-height:340px)and (orientation:landscape){body.mobile-play:not(.in-game):not(.panel-open):not(.club-open):not(.benchmarking) #dock{padding-top:4px}#dock .lobby-difficulty.difficulty-select{margin:4px 0 0}#dock .lobby-difficulty .difficulty-options{margin:0}#dock .lobby-difficulty .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#dock .launch{margin-top:6px}}.modal.movement-modal{width:min(760px,100%)}.movement-help h2{margin:8px 40px 8px 0;font-size:30px}.movement-help>p{font-size:13px;line-height:1.5;color:#b9cece}.movement-stage{position:relative;height:clamp(180px,42svh,380px);border-radius:12px;overflow:hidden;margin:16px 0;background:#14262d}.movement-help label{display:block;font-size:12px;margin-bottom:6px}.movement-help select{width:100%;min-height:44px}.movement-help #movement-back{width:100%;min-height:44px;margin-top:12px}#maintenance-notice[hidden],#maintenance-notice [hidden]{display:none}#maintenance-notice{color:#edf4eb;background:#172b32;border:1px solid #d6ec84;box-shadow:0 8px 30px #0005}#maintenance-notice strong{display:block;color:#dafa81;font-size:15px}#maintenance-notice p{margin:5px 0 0;font-size:13px;line-height:1.45}.maintenance-banner{position:fixed;top:calc(var(--app-header-height,78px) + 8px);left:16px;width:min(460px,calc(100% - 32px));padding:12px 16px;border-radius:12px;z-index:22;pointer-events:none}#maintenance-notice.maintenance-inline{position:static;width:auto;margin:5px 0 0;padding:5px 0 0;border:0;border-top:1px solid #d6ec8460;background:none;box-shadow:none;text-align:center;flex-shrink:0;pointer-events:none}#maintenance-notice.maintenance-inline strong{font-size:11px;line-height:1.3}#maintenance-notice.maintenance-inline p{margin-top:2px;font-size:9px;line-height:1.3}.compact #maintenance-notice.maintenance-inline strong{font-size:10px}.compact #maintenance-notice.maintenance-inline p{font-size:8px}.maintenance-wall{position:fixed;inset:var(--app-header-height,78px) 0 0;z-index:19;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}#maintenance-notice.maintenance-wall{border:0;background:#10242a}#maintenance-notice.maintenance-wall strong{font-size:clamp(25px,5vw,44px)}#maintenance-notice.maintenance-wall p{font-size:16px;max-width:520px;margin-top:20px}#maintenance-notice button{margin-top:25px}.maintenance-banner button{pointer-events:auto;margin-top:10px;min-height:40px}#maintenance-notice.maintenance-inline button{pointer-events:auto;margin-top:6px;min-height:34px;padding:6px 10px;font-size:11px}.court-board.compact.training-board:has(.maintenance-inline:not([hidden])){height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.court-board.compact.training-board:has(.maintenance-inline:not([hidden]) button:not([hidden])){height:300px}.court-board.compact.training-board:has(.maintenance-inline:not([hidden])) .court-board-training{min-height:81px}.court-board.compact.training-board:has(.maintenance-inline:not([hidden])) .court-board-training:has(.court-board-coach:not([hidden])){min-height:133px}.mobile-play.in-game #stage:has(.maintenance-inline:not([hidden])){touch-action:pan-y}@media(orientation:portrait){.court-board.compact.training-board:has(.maintenance-inline:not([hidden])){max-height:calc(var(--court-controls-top,100%) - env(safe-area-inset-top,0px) - 134px)}}@media(orientation:landscape){.court-board.compact.training-board:has(.maintenance-inline:not([hidden])){height:calc(var(--court-controls-top,100%) - env(safe-area-inset-top,0px) - 22px)}.court-board.compact.training-board:has(.maintenance-inline:not([hidden])) .court-board-score{display:none}.compact #maintenance-notice.maintenance-inline p{display:none}}.stage[data-duel-active=true]{--duel-own-width: 70%}.stage[data-duel-active=true][data-duel-layout=split]{--duel-own-width: 50%}.stage[data-duel-active=true] #canvas,.stage[data-duel-active=true] #match-overlay{right:calc(100% - var(--duel-own-width))}.stage[data-duel-active=true] #touch{right:calc(100% - var(--duel-own-width) + 20px)}.opponent-view{position:absolute;z-index:2;left:calc(var(--duel-own-width) + 5px);right:12px;top:20%;bottom:16%;overflow:hidden;border:1px solid #91bfc138;border-radius:12px;background:#07121a;box-shadow:0 14px 38px #0005;pointer-events:none;contain:layout paint}.opponent-view[hidden]{display:none}.stage[data-duel-layout=split] .opponent-view{top:68px;bottom:24px}.opponent-view-canvas{position:absolute;inset:0}.opponent-view-canvas canvas{display:block;width:100%;height:100%;pointer-events:none}.opponent-view-heading{position:absolute;inset:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;padding:12px;background:linear-gradient(#07121af0,#07121a00);color:#e2efed;font-size:9px;letter-spacing:.08em;line-height:1.4}.opponent-view-heading span{color:#abd6b7;font-size:8px}.opponent-view-status{position:absolute;left:8px;right:8px;bottom:8px;padding:7px;border-radius:5px;background:#07121ae0;color:#dcece8;text-align:center;font-size:11px}.stage[data-duel-active=true][data-duel-layout=compact]{--duel-own-width: 100%}.stage[data-duel-layout=compact] .opponent-view{inset:66px 10px auto auto;width:clamp(120px,26%,190px);height:clamp(130px,25%,200px);border-radius:8px}.stage[data-duel-layout=compact] .opponent-view-heading{padding:7px;font-size:7px;gap:1px}.stage[data-duel-layout=compact] .opponent-view-heading span{font-size:6px}.stage[data-duel-layout=compact] .opponent-view-status{font-size:9px;padding:4px}@media(max-height:520px){.stage[data-duel-layout=compact] .opponent-view{top:52px;width:120px;height:125px}}.party-readiness{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.party-readiness>div{padding:12px;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;display:grid;gap:6px}.party-readiness span{font-size:12px;color:#9bb1b7}.party-readiness .is-ready{color:#d8f978}.party-link input{font-size:12px;width:100%}#party-address .button-row{margin:8px 0 12px}.duel-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.duel-score{display:grid;gap:5px;padding:11px;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px;font-size:12px;text-align:left}.duel-score>b{color:#d8f978}.duel-score.rival>b{color:#b4b8ff}.duel-score span{display:flex;justify-content:space-between;gap:8px}.duel-score small{color:#b8c6c9;line-height:1.5}.duel-layout-toggle{width:100%;font-size:12px!important;min-height:34px!important}.duel-wait{align-self:end;margin:0 auto 22px;max-width:360px;padding:16px;border:1px solid #ffffff22;border-radius:12px;background:#102026e8;text-align:center;pointer-events:auto}.duel-wait h2{font-size:24px;margin:5px 0}.duel-wait p{font-size:12px}.duel-wait .eyebrow{font-size:10px}.duel-wait button{font-size:12px;min-height:32px}.duel-wait .text-button{display:block;margin:8px auto 0}.result-card .duel-comparison{width:min(430px,100%)}@media(max-width:800px){#duel-live{grid-column:1/-1;display:flex;gap:8px;align-items:center}#duel-live .duel-comparison{flex:1;margin:2px 0;gap:5px}#duel-live .duel-score{padding:6px;font-size:10px;gap:2px}#duel-live .duel-score small{font-size:9px}#duel-live .duel-layout-toggle{width:auto;max-width:90px;font-size:10px!important;padding:6px}.duel-wait{max-width:240px;padding:10px;margin-bottom:75px}.duel-wait h2{font-size:19px}.duel-wait p{margin:6px 0}}@media(max-width:800px){#duel-live .duel-stats{flex:1}}#stage[data-duel-layout=compact]+#dock .duel-layout-toggle,#stage[data-duel-layout=compact] .duel-wait [data-action=duel-layout]{display:none}@media(max-width:800px){#stage[data-duel-active=true]+#dock.dark-mode{grid-template-columns:1fr auto auto}#stage[data-duel-active=true]+#dock.dark-mode #intermission:empty{display:none}#stage[data-duel-active=true]+#dock.dark-mode .game-dock-actions{position:static;justify-self:end;align-self:center}#stage[data-duel-active=true]+#dock.dark-mode .hud-metrics{gap:12px}}:root{--app-safe-top:env(safe-area-inset-top,0px)}.mobile-bar{display:none}.mobile-play :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:max(16px,1rem)}.mobile-play{--app-header-height:calc(62px + var(--app-safe-top))}@media(max-width:600px){.mobile-play{--app-header-height:calc(90px + var(--app-safe-top))}}.mobile-play:not(.in-game):before{content:"";position:fixed;inset:0 0 auto;height:var(--app-safe-top);background:#0c171c;z-index:21;pointer-events:none}.mobile-play:not(.in-game) .topbar{height:var(--app-header-height);padding-top:var(--app-safe-top);padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));background:#0c171c}.mobile-play .full-panel{--panel-bottom: calc(45px + env(safe-area-inset-bottom,0px)) }.dialog-open,.dialog-open body{overflow:hidden!important;overscroll-behavior:none}.scrim{overscroll-behavior:none;padding:calc(14px + var(--app-safe-top)) max(12px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.scrim .modal{max-height:calc(var(--game-height,100dvh) - var(--app-safe-top) - env(safe-area-inset-bottom,0px) - 28px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fullscreen-hint{display:none}.mobile-play .fullscreen-hint{display:block;margin:16px 0;padding:14px;border:1px solid #d8f77c55;border-radius:12px;background:#d8f77c0b}.fullscreen-hint strong{color:#d8f77c;font-size:14px}.fullscreen-hint p{font-size:12px;line-height:1.55;margin:8px 0 12px}.fullscreen-hint button{width:100%;min-height:44px;font-size:12px}.game-fullscreen .fullscreen-hint{display:none}.mobile-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mobile-menu-options button{min-height:44px;padding:10px;font-size:12px}.mobile-menu-options button:last-child:nth-child(odd){grid-column:1 / -1}@media(max-width:420px){.mobile-menu-options{grid-template-columns:1fr}}.mobile-play.in-game{overscroll-behavior:none}.mobile-play.in-game .topbar,.mobile-play.in-game #dock,.mobile-play.in-game .stage-top{display:none!important}.mobile-play.in-game .layout{position:fixed;inset:var(--game-top,0px) 0 auto;width:100%;height:var(--game-height, 100dvh);margin:0;padding:0;display:block;overflow:hidden}.mobile-play.in-game #stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-play.in-game #canvas{inset:0}.mobile-play.in-game .mobile-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;position:absolute;z-index:7;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);pointer-events:none}.mobile-score{padding:9px 12px;border-radius:12px;background:#071720dd;min-width:0}.mobile-score strong{display:block;font-size:16px;font-variant-numeric:tabular-nums;color:#ddf789}.mobile-score small{display:block;margin-top:3px;font-size:11px;color:#e7efef;line-height:1.35}.mobile-score small:empty{display:none}.mobile-bar.connection-warning .mobile-score{background:#553d12f5;border:1px solid #ffc857}.mobile-tools{display:flex;gap:6px;align-items:flex-start}.mobile-tools button{width:46px;height:46px;border-radius:12px;background:#102830ed;border:1px solid #a5cbd333;font-size:24px;pointer-events:auto;touch-action:manipulation}.mobile-tools [data-action=mobile-fullscreen]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:20px}.mobile-tools [data-action=mobile-fullscreen] small{font-size:8px;line-height:1}.game-standalone [data-action=mobile-fullscreen]{display:none!important}.fullscreen-return{display:none;position:fixed;z-index:12;left:50%;bottom:8px;transform:translate(-50%);padding:5px 12px;border-radius:12px;background:#102830ed;color:#dbe9e5;font-size:11px;pointer-events:none}.native-fullscreen:not(.mobile-play) .fullscreen-return{display:block}.native-fullscreen:not(.mobile-play).in-game .court-toolbar{bottom:40px}.score-date{display:block;color:#a5bdc3;font-size:11px;margin-top:5px;white-space:nowrap}.control-board-tabs{flex-wrap:wrap}.new-ball-control{display:flex;align-items:center;gap:8px}.new-ball-control b{font-size:25px;line-height:1}.new-ball-control small{display:block;font-size:10px;margin-top:2px}.new-ball-control.ball-ready{color:#102d20;background:#b8f58c;border-color:#bcffb1;box-shadow:0 0 12px #77f19c44}.new-ball-control:disabled{opacity:.65}.mobile-preview{justify-self:start;min-height:44px;padding:8px 12px;background:#102830e8;border-radius:10px;font-size:11px;pointer-events:auto}.mobile-touch-tip{grid-column:1/-1;font-size:10px;text-align:center;color:#d7e8e8;text-shadow:0 1px 4px #000}.mobile-play.in-game #touch{display:flex;position:absolute;z-index:8;left:calc(env(safe-area-inset-left,0px) + 20px);right:calc(env(safe-area-inset-right,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + var(--browser-controls-inset,0px) + 20px);align-items:flex-end;justify-content:space-between;pointer-events:none}.mobile-play.in-game .joystick{width:116px;height:116px;flex-shrink:0;display:grid;place-items:center;border:2px solid #d2e9e94f;border-radius:50%;background:#18393d95;box-shadow:inset 0 0 0 24px #b4e1c608;backdrop-filter:none;pointer-events:auto;touch-action:none}.mobile-play.in-game .stick{width:48px;height:48px;border-radius:50%;background:#d6f19acc;border:2px solid #ecffdca0;box-shadow:0 4px 14px #0004}.mobile-play.in-game .touch-actions{display:grid;grid-template-columns:70px 84px;gap:20px;align-items:end}.mobile-play.in-game .touch-actions button{width:70px;height:70px;margin:0;padding:4px;border-radius:50%;font-size:11px;font-weight:650;color:#f3f6ef;background:#17353deb;border:1px solid #a4c7cc88;backdrop-filter:none;pointer-events:auto;touch-action:none;transition:background .1s}.mobile-play.in-game .touch-actions [data-control=lob]{grid-column:1;grid-row:2}.mobile-play.in-game .touch-actions [data-control=shot]{grid-column:2;grid-row:1;justify-self:end}.mobile-play.in-game .touch-actions [data-control=hit]{grid-column:2;grid-row:2;width:84px;height:84px;background:#d8f77cf2;color:#132b22;font-size:13px}.mobile-play.in-game .touch-actions [data-pressed=true]{background:#f7ffc4;color:#17332e;box-shadow:0 0 0 5px #d8f77c33}.touch-actions :is([data-control=newBall],[data-control=smash]){display:none}.mobile-play.in-game #touch[data-mode=dark] .touch-actions{grid-template-columns:96px 84px;gap:20px}.mobile-play.in-game #touch[data-mode=dark] .touch-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:70px;height:70px;border-radius:50%}.mobile-play.in-game #touch[data-mode=dark] .touch-actions [data-control=shot]{display:none}.mobile-play.in-game #touch[data-mode=dark] [data-control=lob]{grid-column:1;grid-row:2;justify-self:center}.mobile-play.in-game #touch[data-mode=dark] [data-control=smash]{grid-column:2;grid-row:1;justify-self:end}.mobile-play.in-game #touch[data-mode=dark] .touch-actions [data-control=newBall]{grid-column:1;grid-row:1;width:96px;height:96px;font-size:13px}.mobile-play.in-game #touch[data-mode=dark] .touch-actions [data-control=hit]{grid-column:2;grid-row:2;width:84px;height:84px}.mobile-play.in-game #touch[data-mode=dark] [data-control=newBall] b{font-size:24px;line-height:1}.mobile-play.in-game #touch[data-mode=dark] .touch-actions small{font-size:9px;line-height:1.15}.mobile-play.in-game #touch[data-mode=dark] .touch-actions [aria-disabled=true]{opacity:.58}.mobile-play.in-game #touch[data-mode=dark] [data-control=newBall].ball-ready{color:#102d20;background:#b8f58c;border-color:#bcffb1;box-shadow:0 0 12px #77f19c66}@media(max-width:360px){.mobile-play.in-game #touch:not([data-mode=trick]){left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px))}.mobile-play.in-game .joystick{width:96px;height:96px}.mobile-play.in-game #touch[data-mode=dark] .joystick{width:88px;height:88px}}.mobile-play.in-game #touch[data-mode=trick] [data-control=lob],.mobile-play.in-game #touch[data-mode=trick] [data-control=shot],.mobile-play.in-game #touch[data-mode=trick] .joystick{display:none}.mobile-play.in-game #touch[data-mode=trick]{justify-content:flex-end}.mobile-play.in-game #touch[data-mode=trick] .touch-actions{grid-template-columns:60px 84px;gap:10px}.mobile-play.in-game .mobile-power{position:absolute;top:calc(var(--game-height,100dvh) - env(safe-area-inset-bottom,0px) - var(--browser-controls-inset,0px) - 120px);left:calc(env(safe-area-inset-left,0px) + 18px);width:calc(100% - 145px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:12px;border-radius:12px;background:#102830ee;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;pointer-events:auto}.mobile-power input{order:3;width:100%;min-height:32px;accent-color:#d8f77c;touch-action:pan-x}.mobile-power output{margin-left:auto}.mobile-bar [hidden],.mobile-play.in-game #touch.hidden{display:none!important}.mobile-play.in-game #match-overlay{inset:0;padding:110px 12px 20px;z-index:9}.mobile-play.in-game #match-overlay>div{max-height:calc(var(--game-height, 100dvh) - 150px);overflow:auto}.mobile-play.in-game .opponent-view{top:calc(env(safe-area-inset-top,0px) + 152px)!important;width:110px!important;height:135px!important;right:12px!important}.mobile-play.in-game .modal-overlay{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px)}@media(orientation:landscape){.mobile-play.in-game .mobile-bar{left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px)}.mobile-play.in-game .mobile-score{max-width:320px}.mobile-play.in-game .mobile-touch-tip{display:none}.mobile-play.in-game #touch{bottom:calc(env(safe-area-inset-bottom,0px) + var(--browser-controls-inset,0px) + 12px)}.mobile-play.in-game .joystick{width:104px;height:104px}.mobile-play.in-game #match-overlay{padding:20px max(145px,env(safe-area-inset-left,0px))}.mobile-play.in-game #match-overlay>div{max-height:calc(var(--game-height, 100dvh) - 45px)}.mobile-play.in-game .opponent-view{top:74px!important;right:calc(env(safe-area-inset-right,0px) + 14px)!important;width:94px!important;height:108px!important}.mobile-play.in-game .mobile-power{width:min(230px,calc(100% - 145px));top:calc(var(--game-height,100dvh) - env(safe-area-inset-bottom,0px) - var(--browser-controls-inset,0px) - 105px)}}.touch-aim-neutral{position:fixed;transform:translate(-50%,-50%);border:2px solid #dbe9eeaa;border-radius:50%;background:#10273040;pointer-events:none;z-index:35}.touch-aim-neutral[hidden]{display:none}.mobile-play.in-game .joystick{position:relative;background:transparent;border-color:transparent;box-shadow:none;--thumb-x:0px;--thumb-y:0px}.mobile-play.in-game .joystick:before{content:"";position:absolute;inset:-2px;border:2px solid #d2e9e94f;border-radius:50%;background:#18393d95;box-shadow:inset 0 0 0 24px #b4e1c608;transform:translate(var(--thumb-x),var(--thumb-y));pointer-events:none}.mobile-play.in-game .stick{position:relative;pointer-events:none}.mobile-play.in-game .touch-actions button{position:relative;--thumb-x:0px;--thumb-y:0px}.mobile-play.in-game .touch-actions button:has(.touch-face){background:transparent!important;border-color:transparent;box-shadow:none!important}.mobile-play.in-game .touch-face{position:absolute;inset:-1px;border:1px solid #a4c7cc88;border-radius:inherit;background:#17353deb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;transform:translate(var(--thumb-x),var(--thumb-y));pointer-events:none}.mobile-play.in-game [data-control=hit] .touch-face{background:#d8f77cf2}.mobile-play.in-game [data-control=newBall].ball-ready .touch-face{background:#b8f58c;border-color:#bcffb1;box-shadow:0 0 12px #77f19c66}.mobile-play.in-game [data-pressed=true] .touch-face{background:#f7ffc4;box-shadow:0 0 0 5px #d8f77c33}.touch-haptics-setting{margin:20px 0}.mobile-play.in-game .touch.smash-ready [data-control=shot] .touch-face,.mobile-play.in-game .touch.smash-ready [data-control=smash] .touch-face{border-color:#d8f77c;box-shadow:0 0 0 2px #d8f77c88}.training-entry{width:100%;margin-top:12px;text-align:left;display:grid;gap:4px;border-color:#d8f77c55}.training-entry small{font-size:11px;opacity:.7;font-weight:400}.training-lobby{margin:8px 0 20px;padding:20px;border:1px solid #73ccd35c;border-radius:16px;background:radial-gradient(ellipse at top right,#6ecdd322,transparent 70%),#142e36;box-shadow:inset 0 3px #74cbd3}.training-lobby h2{font-family:inherit;font-size:21px;line-height:1.3;margin:0;letter-spacing:-.02em;color:#c9f0ef}.training-lobby p{font-size:13px;color:#bdd0d0;line-height:1.6;margin:0;max-width:46ch}.training-lobby .training-entry{min-height:48px;white-space:normal;display:block;margin-top:18px;border-color:#7ccbd373;background:#72c9d012;color:#dff5f3}.training-lobby .training-entry:hover{background:#72c9d025;border-color:#7ccbd3}.training-lobby .training-entry:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.academy-entry-top{display:grid;gap:4px;margin-bottom:17px}.academy-entry-count{font-size:12px;color:#b8d9db}.training-lobby .academy-entry-tagline{font-size:14px;font-weight:600;color:#e3eeee;margin-bottom:5px}.academy-guest-note{display:block;font-size:11px;color:#a7c4c6;margin-top:10px}@media(max-width:380px){.training-lobby{padding:16px}.training-lobby h2{font-size:19px}}.training-difficulty{padding:16px;border:1px solid #d8f77c55;border-radius:12px;background:#112a2b}.modal .training-difficulty p{margin:10px 0 8px;font-size:13px;line-height:1.6}.training-difficulty .difficulty-options button{min-height:44px}.training-difficulty small{min-height:0}.training-choices{display:grid;gap:12px}.training-choice{text-align:left;display:grid;gap:8px;padding:16px;white-space:normal}.training-choice b{color:#d8f77c;font-size:15px}.training-choice span{font-size:12px;line-height:1.5;opacity:.8;font-weight:400}.training-choice b small{display:inline-block;min-width:24px;font-size:11px;opacity:.55}.training-choice:hover,.training-choice:focus-visible{border-color:#d8f77c;background:#173a35}.training-choice:focus-visible{outline:2px solid #d8f77c;outline-offset:3px}.training-choice .training-best{color:#d8f77c;font-size:11px;font-weight:500;border-top:1px solid #ffffff18;padding-top:8px}.training-access{color:#d8f77c;font-size:11px;font-weight:600}.training-choice[data-requires-signin] .training-access{color:#bdd4d1}.guest-preview{margin:0 0 18px;padding:17px;border:1px solid #d8f77c70;border-radius:12px;background:linear-gradient(120deg,#294639,#142c2c)}.guest-preview .eyebrow{color:#d8f77c;font-size:9px;letter-spacing:.08em}.guest-preview p{margin:9px 0 14px;color:#deebe4;font-size:13px;line-height:1.5}.guest-training-entry{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;white-space:normal;text-align:left}.guest-training-entry span{font-size:23px}.guest-training-entry:focus-visible{outline:2px solid white;outline-offset:4px}.account-lock{display:flex;align-items:center;gap:5px;margin-top:9px;color:#d7e4ca;font-size:10px;line-height:1.35;font-weight:500}.account-lock svg{flex:none}.account-lock.compact{display:inline-flex;margin:0 0 0 6px;vertical-align:middle}.account-lock.compact span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav[data-nav=club]{display:flex;align-items:center}#controls-settings[hidden]{display:none}@media(max-width:649px){.mode-copy .account-lock{font-size:9px;gap:4px;align-items:flex-start}.guest-preview{padding:14px}}.training-menu-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;margin:18px 0 8px}.training-menu-meta b{color:#d8f77c}.modal .training-medal-key{font-size:11px;line-height:1.6;margin:0 0 20px}.coach-card{margin:20px 0;padding:18px;background:#112d2f;border:1px solid #d8f77c30;border-radius:14px}.coach-card h3{margin:12px 0}.coach-card p,.training-feedback p{font-size:14px;line-height:1.55}.coach-card .training-cue{padding:10px 12px;border-left:3px solid #d8f77c;background:#d8f77c0b;color:#eaf8cc}.training-progress{display:flex;justify-content:center;gap:8px;margin:18px 0}.training-progress span,.training-progress button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff30;border-radius:50%;opacity:.5}.training-progress .current{border-color:#d8f77c;opacity:1}.training-progress .success{color:#14251c;background:#d8f77c;opacity:1}.training-progress .miss{background:#633f35;opacity:1}.training-feedback{max-width:510px}.training-result{font-size:64px;font-weight:800;color:#d8f77c}.training-result small{font-size:26px;opacity:.6}.training-saved{padding:12px;border:1px solid #d8f77c50;border-radius:10px;color:#d8f77c}.training-timing{padding:10px 12px;border-left:3px solid #a9cbd0;background:#a9cbd00b;color:#dae8eb}.training-timing[data-perfect=true]{border-color:#d8f77c;color:#e8ffb0;background:#d8f77c0c}.modal:has(.academy-menu){width:min(760px,calc(100vw - 32px))}@media(min-width:650px){.academy-menu .training-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:649px){.academy-menu .training-choice{padding:14px;gap:7px}.academy-menu .training-choice b{font-size:14px}}.mobile-play .training-feedback{padding:20px}.mobile-play .training-feedback h2{font-size:21px}.mobile-play .training-feedback p{font-size:13px}.mobile-play .training-feedback .button-row{flex-wrap:wrap}.mobile-play .training-feedback button{min-height:44px;flex:1}.training-progress button{cursor:pointer;padding:0;font-size:16px;opacity:1}.training-progress .success.perfect{background:#b8f271;color:#11291e}.training-progress .early{background:#ed8c7f;color:#351610}.training-progress .late{background:#f6d37b;color:#352710}.training-progress .success.clean{background:#9fbac1;color:#132c31}.training-choice-group{display:flex;flex-direction:column;gap:12px;min-width:0;border:1px solid #c0d8d333;border-radius:12px;background:#ffffff04}.training-choice-group>b{display:block;min-height:42px;line-height:1.4}.training-choice-group>span{flex:1}.training-choice-group .training-start{display:grid;gap:6px;width:100%;text-align:left;margin-top:auto;min-height:54px}.training-choice-group .training-best{border:0;padding:0}.training-serve-options{gap:6px}.training-serve-options button{padding:9px;min-height:44px;font-size:12px;white-space:normal}.modal .training-legacy{font-size:11px;margin:0;line-height:1.5}.serve-assistance{padding:16px;margin:18px 0;border:1px solid #d8f77c55;border-radius:12px;background:#112a2b}.serve-assistance h3{margin:0 0 12px;font-family:inherit;font-size:17px}.modal .serve-assistance p{font-size:13px;line-height:1.6;margin:12px 0}.serve-assistance small{display:block;font-size:12px;line-height:1.55;color:#b8cbc7}.serve-assistance button{min-height:44px}.training-section{grid-column:1/-1;margin:16px 0 4px;font-size:15px;color:#d8f77c}.training-history article{border-top:1px solid #ffffff26;padding:14px 0}.training-history article h3{font-size:16px}.training-history article p{margin:6px 0}.training-history-link{text-align:left;padding:10px}.training-reward{color:var(--lime,#d8f77c);font-weight:700}.mobile-play .training-progress button,.mobile-play .training-progress span{width:36px;height:36px}.training-control-hint{display:block;color:var(--lime);font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.academy-menu .training-menu-intro{font-size:13px;margin:8px 0 16px}.academy-menu .training-difficulty{padding:12px}.academy-menu details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;line-height:1.5;color:#bcd5d5}.academy-menu details>summary:focus-visible{outline:2px solid #d8f77c;outline-offset:2px;border-radius:4px}.training-group-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;position:sticky;top:0;z-index:1;background:#203238;padding:4px 0}.training-group-switch button{display:grid;gap:4px;min-width:0;min-height:60px;padding:8px 4px;white-space:normal;line-height:1.3}.training-group-switch b{font-size:13px;overflow-wrap:anywhere}.training-group-switch small{font-size:11px;font-weight:400;min-height:0}.training-group-switch [aria-pressed=true]{border-color:#d8f77c;color:#e5ff9b;background:#d8f77c16}.training-group[hidden]{display:none}.academy-menu .training-choice{padding:12px;gap:0}.training-choice-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}.training-choice-heading>b{font-size:14px;line-height:1.4}.training-choice-heading>b small{display:none}.training-choice-heading .training-start{width:auto;min-height:44px;padding:9px 14px;grid-column:2;grid-row:1/3;margin:0;font-size:13px}.training-choice-heading .training-best{color:#bcd5d5;font-size:11px;margin-top:5px;line-height:1.4;border:0;padding:0}.training-choice-heading .training-access{grid-column:1/-1;margin-top:6px}.academy-menu .training-lesson-details{border-top:1px solid #ffffff15;margin-top:10px}.academy-menu .training-lesson-details p{font-size:13px;line-height:1.6;margin:4px 0 10px}.academy-menu .training-lesson-details .training-control-hint{font-size:12px}.training-record-details{margin-top:14px;border-top:1px solid #ffffff20}@media(max-width:649px){.modal:has(.academy-menu){padding:20px 14px;width:calc(100vw - 24px)}.academy-menu h2{font-size:24px;margin:12px 28px 6px 0}.training-group-switch b{font-size:12px}.academy-menu .training-choices{gap:8px}}@media(max-width:380px){.training-group-switch b{font-size:11px}}@media(min-width:650px)and (max-height:500px){.modal:has(.academy-menu){padding:16px 22px}.academy-menu h2{font-size:24px;margin:8px 28px 4px 0}.academy-menu .training-menu-intro{margin:4px 0 8px}.academy-menu .training-difficulty{display:grid;grid-template-columns:2fr 1fr;column-gap:14px}.academy-menu .training-difficulty>.eyebrow,.academy-menu .training-difficulty>.difficulty-options{grid-column:1}.academy-menu .training-difficulty>.difficulty-options{margin:6px 0 0}.academy-menu .training-difficulty>details{grid-column:2;grid-row:1/3;align-self:center}}.training-countdown{display:grid;gap:4px;min-width:148px;padding:12px 18px;text-align:center;color:#ecf4ef;background:#102a30ed;border:1px solid #8edbff80;border-radius:16px;box-shadow:0 8px 24px #0003;pointer-events:none}.training-countdown>span{font-size:14px;font-weight:700}.training-countdown>b{font-size:64px;line-height:1;color:#d8f77c;font-variant-numeric:tabular-nums}.training-countdown>small{font-size:12px;color:#b7d7df}.club-open .layout{grid-template-columns:48% 52%}body.club-open{overflow:hidden}.club-open #dock{visibility:hidden}.club-open .scene-brand,.club-open .scene-bottom,.club-open .stage-top{display:none}.club-open .stage:after{background:linear-gradient(0deg,#081b3180,transparent 45%)}.full-panel.club-panel{--panel-gutter:30px;--panel-bottom:48px;position:fixed;inset:var(--app-header-height) 0 0 48%;max-width:none;width:auto;background:#0b202a}#fitting-room[hidden]{display:none}#fitting-room{position:absolute;inset:0;z-index:4;pointer-events:none}.fitting-heading{position:absolute;top:28px;left:28px;text-shadow:0 2px 10px #07111b}.fitting-expand{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #d4e6ed55;border-radius:12px;background:#0a1b27d9;color:#e8f4df;pointer-events:auto;font-size:12px;backdrop-filter:blur(12px)}.fitting-expand:focus-visible{outline:2px solid #d8f77c;outline-offset:3px}.fitting-heading small{display:block;color:#d8f77c;font-size:10px;letter-spacing:.2em;margin-bottom:8px}.fitting-heading span{font-size:15px;color:#f4f5ed}#fitting-hint{margin:8px 0 0;font-size:11px;color:#c1d0d5;line-height:1.5;max-width:310px}@media(hover:hover)and (pointer:fine){#stage.fitting-interactive #canvas canvas{cursor:url(/padel-rotate.svg) 16 16,move}#stage.fitting-interactive #canvas.is-dragging canvas{cursor:url(/padel-rotate-active.svg) 16 16,move}}.fitting-interactive canvas:focus-visible{outline:2px solid #d8f77c;outline-offset:-3px}.fitting-tools{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:4px;padding:6px;width:max-content;max-width:96%;background:#0a1b27cc;border:1px solid #d4e6ed33;border-radius:14px;pointer-events:auto;backdrop-filter:blur(12px)}.fitting-tools button{min-width:38px;min-height:44px;padding:8px 10px;color:#e6eeed;background:transparent;border-radius:8px;font-size:11px}.fitting-tools button:hover,.fitting-tools button[aria-pressed=true]{color:#102530;background:#d8f77c}.fitting-tools select{width:112px;min-width:0;min-height:44px;padding:5px;border:1px solid #809894;border-radius:8px;background:#18323d;color:#edf4e3;font-size:16px}.club-outfits{margin-top:20px;padding:14px;border:1px solid #a9cbc344;border-radius:10px}.club-outfits summary{cursor:pointer;padding:6px 0;color:#d8f77c}.club-outfits p{font-size:12px;line-height:1.6;color:#b6c8c9}.club-outfit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;margin:8px 0;font-size:12px}.club-outfit-row button{min-height:44px;padding:8px 10px;font-size:12px}@media(max-width:380px){.fitting-tools{gap:0}.fitting-tools select{width:95px}}.club-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.club-mobile-intro{display:none}.club-heading h1{margin:9px 0;font-size:clamp(25px,2.8vw,42px);letter-spacing:-.04em;line-height:1.05;color:#d8f77c}.club-heading p{color:#b6c8c9;font-size:12px;margin:0 0 22px}.club-wallet{flex-shrink:0;color:#d8f77c;padding:10px 13px;border:1px solid #d8f77c50;border-radius:10px;white-space:nowrap;font-size:18px}.club-wallet small{display:block;font-size:8px;letter-spacing:.12em;margin-top:3px}.club-mobile-tools,.club-mobile-category{display:none}.club-navigation{position:sticky;top:0;z-index:2;background:#0b202a;padding-top:6px}.club-groups{display:flex;gap:18px;padding:0 0 10px}.club-groups button{min-height:44px;color:#9eb8bc;background:transparent;padding:6px 0;font-size:12px;border-bottom:2px solid transparent}.club-groups button.active{color:#edf4e3;border-bottom-color:#d8f77c}.club-tabs{position:relative;display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #ffffff1c;padding-bottom:12px;scrollbar-width:thin}.club-tabs button{white-space:nowrap;padding:11px 13px;min-height:44px;border-radius:8px;background:#18323d;color:#c1d2d2;font-size:12px}.club-tabs button.active{background:#d8f77c;color:#132b22}.club-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 12px;font-size:12px;color:#b2c6c8}.club-toolbar b{color:#fff;margin-left:6px}.club-filter{border:1px solid #ffffff25;border-radius:20px;background:transparent;color:#e4ebdf;padding:9px 12px;min-height:38px;font-size:11px}.club-filter[aria-pressed=true]{border-color:#d8f77c;color:#d8f77c}.club-placement{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 15px;background:#19313a;padding:12px;border-radius:10px;margin-bottom:12px}.club-placement label{font-size:12px}.club-placement select{min-width:0;width:100%;min-height:40px;padding:8px;color:#e3efed;background:#0c232e;border:1px solid #597078;border-radius:6px}.club-placement small{grid-column:1/-1;color:#b7c9c7;font-size:11px}.club-context,.club-preview-note{font-size:11px;line-height:1.6;color:#b6c8ca;margin:12px 0}.club-preview-note{color:#d8f77c;min-height:20px}.club-preview-note button{color:#eff7e5;text-decoration:underline;background:none;margin-left:6px;padding:4px}.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.club-item{border:1px solid #ffffff19;border-radius:13px;background:#132b35;overflow:hidden;min-width:0}.club-item.equipped{border-color:#d8f77c80}.club-item.previewed{outline:2px solid #8ddce0;outline-offset:2px}.club-art{display:block;width:100%;position:relative;padding:8px 8px 22px;background:radial-gradient(ellipse at 50% 50%,#3a5560,#142e39 74%)}.club-art svg{display:block;width:100%;height:auto;transition:transform .15s ease}.club-art:hover svg{transform:translateY(-3px)}.club-art>span{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.06em;color:#ddf0cd}.club-zombie-mode{position:absolute;top:8px;left:8px;padding:5px 7px;border:1px solid #8ddce080;border-radius:6px;background:#10262e;color:#a4e5e8;font-size:11px;line-height:1.2}.club-zombie-mode.off{color:#cedadc;border-color:#a8bec060}.club-zombie-description{font-size:11px;line-height:1.5;color:#b6c8ca;margin:0 0 12px}.club-item-copy{padding:13px 10px 8px}.club-item-copy>small{color:#9eb8bc;font-size:9px}.club-item h3{margin:5px 0 10px;font-size:14px;color:#f0f3e9}.club-swatches{display:flex;gap:4px;height:18px;margin-bottom:8px}.club-swatches i{height:9px;width:18px;border-radius:3px;border:1px solid #ffffff30}.club-item-copy>button{width:100%;min-height:44px;padding:8px 3px;font-size:11px;border-radius:7px}.club-item-copy>button:disabled{opacity:.55;cursor:default}.club-afford{display:block;min-height:26px;text-align:center;margin-top:7px;line-height:1.45}.club-footnote{margin-top:24px;padding:18px;border:1px solid #a9cbc322;border-radius:10px}.club-footnote b{color:#d8f77c;font-size:10px;letter-spacing:.1em}.club-footnote p{font-size:11px;line-height:1.6;color:#a8bfc4;margin-bottom:0}@media(max-width:1150px){.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-panel.club-panel{--panel-gutter:18px}}@media(max-width:800px){.club-open{--club-preview-height:clamp(128px,28dvh,250px)}.club-open.club-preview-collapsed{--club-preview-height:0px}.club-open #stage{position:fixed;top:var(--app-header-height);left:0;width:100%;height:var(--club-preview-height);min-height:0;border:0;border-radius:0}.club-preview-collapsed #stage{visibility:hidden;pointer-events:none}.full-panel.club-panel{--panel-gutter:12px;--panel-bottom: calc(16px + env(safe-area-inset-bottom,0px)) ;inset:calc(var(--app-header-height) + var(--club-preview-height)) 0 0;border-top:1px solid #ffffff28}.club-panel .panel-toolbar{display:flex;align-items:center;gap:6px;padding:6px var(--panel-gutter)}.club-panel .panel-back{padding:8px 10px}.club-mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.club-preview-toggle{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid #ffffff25;border-radius:8px;background:#18323d;color:#d9e9e6;font-size:12px}.club-preview-toggle svg{flex-shrink:0}.club-preview-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.club-mobile-wallet{display:flex;align-items:center;gap:4px;color:#d8f77c;white-space:nowrap;font-size:16px}.club-mobile-wallet small{font-size:10px;color:#b6c8c9}.club-panel .panel-content{display:flex;flex-direction:column;overflow:hidden;padding:0}.club-heading{display:none}.club-mobile-intro{display:block;padding:12px 0 4px}.club-mobile-intro h2{margin:0 0 6px;font-size:15px;letter-spacing:.04em;line-height:1.3;color:#d8f77c}.club-mobile-intro p{margin:0 0 8px;font-size:12px;line-height:1.45;color:#b6c8c9}.club-navigation{position:static;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px var(--panel-gutter);border-bottom:1px solid #ffffff1c}.club-groups,.club-tabs{display:none}.club-mobile-category{display:block;min-width:0}.club-mobile-category>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.club-mobile-category select{width:100%;min-width:0;min-height:44px;padding:8px 30px 8px 12px;border:1px solid #78908d;border-radius:8px;background:#18323d;color:#edf4e3;font:inherit;font-size:16px}.club-toolbar{margin:0}.club-toolbar>span{display:none}.club-filter{min-height:44px;padding:8px 10px;font-size:11px}.club-catalog{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 var(--panel-gutter) var(--panel-bottom);scroll-padding:12px}.club-catalog:focus-visible{outline:2px solid #d8f77c;outline-offset:-2px}.club-grid{gap:10px}.club-preview-note{margin:9px 0;font-size:11px}.club-item-copy{padding:10px 10px 6px}.club-item h3{margin:4px 0 8px}.club-afford{min-height:22px}.club-placement{margin-top:10px}.club-placement select{font-size:16px}.fitting-heading{top:8px;left:12px}.fitting-expand{top:8px;right:10px;font-size:11px;padding:8px 10px}.fitting-heading small{display:none}.fitting-heading span{font-size:11px}#fitting-hint{font-size:9px;max-width:130px;margin-top:4px}.fitting-tools{bottom:6px;padding:2px}.fitting-tools button{padding:4px 8px;font-size:10px}}@media(max-width:800px)and (max-height:660px){.club-open{--club-preview-height:clamp(116px,22dvh,145px)}#fitting-hint{display:none}}@media(max-width:380px){.club-grid{grid-template-columns:minmax(0,1fr)}.club-item{display:grid;grid-template-columns:100px minmax(0,1fr)}.club-art{display:flex;flex-direction:column;justify-content:center}.club-item-copy>button{font-size:12px}.club-afford{min-height:0}.club-mobile-wallet small{display:none}}@media(max-width:800px)and (max-height:500px)and (orientation:landscape){.club-open #stage{width:42%;height:calc(100dvh - var(--app-header-height))}.full-panel.club-panel{inset:var(--app-header-height) 0 0 42%}.club-preview-collapsed .full-panel.club-panel{left:0}.club-panel .club-grid{grid-template-columns:minmax(0,1fr)}.club-panel .club-item{display:grid;grid-template-columns:100px minmax(0,1fr)}.club-panel .club-art{display:flex;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){.club-art svg{transition:none}}.club-season{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:0 0 22px;border:1px solid #80b5a966;border-radius:16px;background:linear-gradient(120deg,#233d38,#162b38)}.club-season h2{font-size:21px;margin:5px 0 8px;color:#edf2e8}.club-season p{font-size:14px;line-height:1.5;margin:0;color:#b7c9c7;max-width:50ch}.club-season .eyebrow{font-size:10px;letter-spacing:.12em;color:#e5c47d}.club-season button{white-space:nowrap;min-height:44px}@media(max-width:600px){.club-season{display:block;padding:15px}.club-season button{margin-top:12px;width:100%}.club-season h2{font-size:19px}}.club-open.club-fitting-expanded #stage{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;z-index:21;border:0;border-radius:0;visibility:visible}.club-fitting-expanded .topbar,.club-fitting-expanded #panel-root,.club-fitting-expanded #dock,.club-fitting-expanded #friend-notice{visibility:hidden;pointer-events:none}.club-fitting-expanded .fitting-expand{top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:auto;color:#d8f77c}.club-fitting-expanded .fitting-heading{top:calc(max(16px,env(safe-area-inset-top,0px)) + 60px);left:max(20px,env(safe-area-inset-left,0px))}.club-fitting-expanded .fitting-heading span{font-size:15px}.club-fitting-expanded #fitting-hint{display:block;max-width:210px;font-size:11px}.club-fitting-expanded .fitting-tools{bottom:max(16px,env(safe-area-inset-bottom,0px))}.club-fitting-expanded .maintenance-wall{z-index:22;inset:0}.friends-nav{display:inline-flex;align-items:center;justify-content:center;gap:5px}.friend-presence{display:inline-flex;gap:6px;align-items:center;color:#b8cacc;font-size:12px;line-height:1.3}.friend-presence:before{content:"";width:7px;height:7px;border-radius:50%;background:#74858b;flex-shrink:0}.friend-presence[data-presence=online]:before{background:#91d79d}.friend-presence[data-presence=playing]:before{background:#91d79d;box-shadow:0 0 0 2px #91d79d33}.friend-presence[data-presence=unknown]:before{background:transparent;border:1px solid #91a6ab}.friend-name{padding:0 0 4px;min-height:36px;background:transparent;color:#e6f4e9;font:inherit;text-align:left;text-decoration:underline;text-decoration-color:#91c6cc66;text-underline-offset:4px}.friend-name:hover{color:#dff58b}.friend-name:focus-visible{outline:2px solid #dff58b;outline-offset:3px}.friend-profile{max-width:620px;text-align:left}.friend-profile h2{overflow-wrap:anywhere;margin:10px 0}.friend-profile-look{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:20px;align-items:center;margin:20px 0;background:radial-gradient(ellipse at 25% 45%,#36576566,transparent 65%);border:1px solid #819ca633;border-radius:16px;padding:16px}.friend-profile-look img{width:100%;height:300px;object-fit:contain;image-rendering:auto}.friend-profile-look h3{font-size:16px}.friend-profile-look ul{padding-left:18px;font-size:14px;line-height:1.7;color:#d1e1e0}.friend-profile-look .fine{font-size:12px}.friend-profile .button-row{display:flex;gap:10px;flex-wrap:wrap}.friend-profile .button-row button{min-height:44px}.court-friends{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.court-friends[hidden],.court-friends [hidden]{display:none!important}.in-game .court-friends,.club-open .court-friends,.panel-open .court-friends,.benchmarking .court-friends{display:none}.court-friend-hit,.court-friend-label,.court-friends-more{pointer-events:auto;touch-action:manipulation;cursor:pointer}.court-friend-hit{position:absolute;width:44px;height:44px;background:transparent;border:0;padding:0;border-radius:12px}.court-friend-hit:hover,.court-friend-hit:focus-visible{outline:2px solid #dff58b99;background:#dff58b15}.court-friend-label{position:absolute;min-height:44px;height:44px;padding:5px 8px;background:#122d35ed;border:1px solid #7ba9b485;border-radius:9px;color:#eff5ed;box-shadow:0 3px 10px #0003;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;text-align:left;font-family:inherit}.court-friend-label:hover,.court-friend-label:focus-visible{border-color:#dff58b;outline:2px solid #dff58b44}.court-friend-name{font-size:12px;line-height:1.2;font-weight:700;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.court-friend-label .friend-presence{font-size:10px;line-height:1.1;gap:4px}.court-friend-label .friend-presence:before{width:6px;height:6px}.court-friend-line{position:absolute;height:1px;background:#c6ebea99;transform-origin:left center;pointer-events:none}.court-friends-more{position:absolute;right:12px;bottom:12px;min-height:44px;padding:8px 12px;border:1px solid #8bb3ba88;border-radius:12px;background:#142e36ed;color:#e0efed;font-size:12px;z-index:1}.court-friends-more:focus-visible{outline:2px solid #dff58b}@media(max-width:600px){.friend-profile-look{gap:10px;padding:10px}.friend-profile-look img{height:240px}.friend-profile-look ul{font-size:12px}.friend-profile .button-row button{flex:1}.court-friends-more{right:10px;bottom:10px;padding:7px 10px;font-size:11px}}.friend-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:12px;background:#dff58b;color:#10262d;font-size:10px;font-weight:800;line-height:1}.friend-badge.news-only{min-width:8px;width:8px;height:8px;padding:0;background:#9cd8e3}.friend-badge[hidden],.friend-notice[hidden]{display:none}.friend-notice{position:fixed;z-index:24;top:calc(var(--app-header-height) + 10px);right:16px;max-width:min(510px,calc(100% - 24px));display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #9cd8e366;border-radius:13px;background:#17343bf5;color:#edf5e9;box-shadow:0 7px 24px #0005;font-size:14px;line-height:1.4}.friend-notice .primary{min-height:44px;padding:9px 14px;white-space:nowrap}.friend-notice-close{flex:0 0 44px;min-height:44px;background:transparent;color:#abc4c7;font-size:26px;border-radius:8px}.in-game .friend-notice,.benchmarking .friend-notice{display:none}.friends-page .friends-panel{margin:0 auto}.friends-page .panel-content{padding-top:12px}.friends-page h2{font-size:clamp(28px,5vw,38px);margin:8px 0 16px}.friend-section-title{font-size:16px;color:#dff58b;margin:20px 0 8px}.incoming-requests li{border-color:#dff58b55}.incoming-requests button[data-friend-action=accept]{background:#dff58b;color:#10262d;border-color:#dff58b;font-weight:700}@media(max-width:600px){.topbar nav{gap:6px;justify-content:space-between}.topbar nav .nav{flex:1;min-width:0;min-height:42px;padding:0 1px}.friends-nav{gap:3px}.friend-notice{right:12px;gap:6px;font-size:12px;padding:8px}.friend-notice .primary{padding:8px 10px}.friends-page{--panel-gutter:16px;--panel-bottom: calc(24px + env(safe-area-inset-bottom,0px)) }.friends-page .button-row{flex-wrap:wrap}.incoming-requests .button-row>button{flex:1}.incoming-requests details{flex-basis:100%}}.friends-panel{width:min(620px,100%);text-align:left}.friends-panel h2{margin-bottom:18px}.friends-tabs{display:flex;gap:10px;margin-bottom:16px}.friends-tabs button{flex:1;min-height:44px}.friends-tabs .active{border-color:#dff58b;color:#dff58b;background:#dff58b12}.friend-request{display:flex;align-items:end;gap:10px;margin:20px 0}.friend-request label{flex:1;min-width:0}.friends-panel label{display:flex;flex-direction:column;gap:7px;font-size:14px}.friends-panel input,.friends-panel select{width:100%;min-height:46px;border:1px solid #55737c;border-radius:9px;background:#10262d;color:#edf5e9;padding:10px;font:inherit}.friend-request button{min-height:46px}.friends-list{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}.friends-list li{background:#23404a77;border:1px solid #8eafb533;border-radius:13px;padding:16px}.friends-list b{display:block;font-size:18px;overflow-wrap:anywhere}.friends-list span:not(.friend-rank){display:block;color:#abc4c7;font-size:14px;margin:5px 0 10px}.friends-list .button-row{gap:8px;justify-content:flex-start}.friends-list button{min-height:44px;padding:9px 14px}.friends-list details{font-size:13px;align-self:center}.friends-list summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#b6cbce}.friends-list p{margin:9px 0}.friend-rank{display:inline-flex;background:#dff58b;color:#10262d;border-radius:50%;width:27px;height:27px;align-items:center;justify-content:center;margin-right:10px;font-size:14px}.friend-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.friend-filters label:last-child{grid-column:1/-1}.friends-status{min-height:23px;color:#dfedb0}.assistance-notice{color:#b7ddf5!important;font-size:14px;line-height:1.45}.achievement-share{width:min(520px,100%);text-align:left}.share-card{border:1px solid #8eafb54f;border-radius:18px;background:linear-gradient(145deg,#28444f,#10262d);padding:30px 24px;margin:18px 0}.share-card>b{color:#dff58b;letter-spacing:3px;font-size:13px}.share-card h2{margin:25px 0 12px;font-size:32px}.share-card>strong{font-size:clamp(34px,8vw,62px);color:#dff58b;display:block}.share-card p{font-size:21px}.share-card small{color:#bdd2d5;font-size:14px;line-height:1.7}.share-fallback{width:100%;min-height:150px;font:inherit;color:#edf5e9;background:#10262d;padding:12px;border:1px solid #8eafb5}@media(max-width:480px){.friend-request{flex-direction:column;align-items:stretch}.friend-filters{grid-template-columns:1fr}.friend-filters label:last-child{grid-column:auto}.friends-list li{padding:12px}.club-social-entry{justify-content:stretch}.club-social-entry button{width:100%}.achievement-share .button-row{flex-wrap:wrap}}.friends-panel input,.friends-panel select{margin:0}@media(min-width:601px)and (max-width:800px){.topbar{gap:8px;padding:0 10px}.topbar nav{gap:8px}.topbar .brand{font-size:12px;gap:5px}.topbar .brand>svg{width:21px}.topbar .top-actions{gap:5px}}.friend-push-settings{width:100%;margin:0 0 18px;min-height:44px}.push-options>.primary,.push-options>.secondary{width:100%;min-height:48px;margin:8px 0}.push-install{padding:16px;border:1px solid #75bbc5;border-radius:12px;background:#17313a}.push-install ol{padding-left:22px;margin:12px 0}.push-install li{margin:9px 0}.push-options p{line-height:1.55}.push-device-status strong{color:#d5f575}.push-feedback:empty{display:none}.push-options h2{margin-right:28px}.push-options h3{font-size:16px;margin:24px 0 12px}.push-types,.push-schedule{min-width:0;border:1px solid #759ba448;border-radius:14px;padding:0 14px;margin:20px 0 12px;background:#112a32}.push-types legend,.push-schedule legend{font-size:13px;color:#d7efee;padding:0 7px;font-weight:700}.push-options .push-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;cursor:pointer}.push-choice+.push-choice{border-top:1px solid #ffffff14}.push-choice span{min-width:0}.push-choice b{display:block;font-size:14px;line-height:1.4}.push-choice small{display:block;color:#acc6c8;font-size:12px;line-height:1.5;margin-top:5px}.push-choice input{appearance:none;flex:0 0 42px;width:42px;height:26px;min-height:26px;padding:0;margin:0;border-radius:20px;border:1px solid #829fa4;background:#30474e;position:relative;cursor:pointer}.push-choice input:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#dce9e7;transition:transform .15s}.push-choice input:checked{background:#c4e976;border-color:#c4e976}.push-choice input:checked:before{background:#193137;transform:translate(16px)}.push-choice input:focus-visible,.push-schedule select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.push-types:disabled,.push-schedule:disabled{opacity:.65}.push-schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 14px}.push-schedule label{font-size:12px;min-width:0}.push-schedule select{width:100%;margin:6px 0 0;min-height:44px;font-size:13px;padding:8px}.push-schedule p,.push-schedule button{grid-column:1/-1;margin:0;overflow-wrap:anywhere}.push-schedule button{min-height:44px;text-align:left}.push-options .push-account-note{font-size:11px}.push-feedback{padding:10px 12px;border-radius:8px;background:#c4e97615;color:#d3ef9c;font-size:13px}@media(prefers-reduced-motion:reduce){.push-choice input:before{transition:none}}.court-friend-hit{z-index:1}.court-friend-label{z-index:2}.court-friends-more{z-index:3}.friends-list span.friend-presence{display:inline-flex}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.social-heading h2{margin:7px 0 0!important}.social-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#8fcbd1}.social-heading-actions{display:flex;gap:6px}.social-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0!important;background:#233c43;border:1px solid #73949b44;border-radius:12px;color:#d9e9e7}.social-icon:hover,.social-icon:focus-visible{border-color:#dff58b;color:#dff58b}.social-icon svg{pointer-events:none}.friends-panel{width:min(880px,100%)}.friends-panel [hidden],.court-friends-summary [hidden],.friend-presence[hidden]{display:none!important}.friends-panel .friends-tabs{background:#0c2229;border-radius:14px;padding:4px;gap:4px;margin:0 0 24px}.friends-panel .friends-tabs button{border-radius:10px;border:0;background:transparent;color:#a7bfc4;font-size:14px;min-height:46px}.friends-panel .friends-tabs .active{color:#e5f3ee;background:#28444a;box-shadow:0 2px 5px #0002}.friends-tabs .friend-badge{margin-left:6px}.friend-list-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 8px}.friend-list-heading h3{margin:0;font-size:14px;color:#bcd3d5}.friend-list-heading>span{font-size:12px;color:#8da9af}.friends-panel .friends-list{margin:10px 0 16px;gap:8px}.friends-panel .friend-card{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 6px;border-radius:16px;background:linear-gradient(115deg,#1e3b43,#172f37);border:1px solid #7498a326;flex-wrap:wrap}.friends-panel .friend-card span{margin:0}.friend-person{display:flex;align-items:center;gap:14px;min-width:0;flex:1;padding:0!important;background:transparent;color:#e7f2ee;text-align:left;font:inherit;border-radius:12px}.friend-person:hover .friend-info b{color:#dff58b}.friend-info{min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;color:#dce9e8!important}.friends-panel .friend-info b,.court-friends-summary .friend-info b{font-size:17px;font-weight:650;overflow-wrap:anywhere;line-height:1.25}.friend-info small{font-size:12px;color:#a5bfc4}.friend-info .friend-presence{display:inline-flex!important;margin:0!important;font-size:12px!important;align-items:center;color:#a9c2c7!important;line-height:1.3}.friend-presence[data-presence=playing]:before{background:#94cbed;box-shadow:0 0 0 2px #94cbed22}.friend-presence[data-presence=unknown]{display:none!important}.outfit-tile{display:flex!important;flex:0 0 58px;width:58px;height:78px;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#6494a64d,transparent 72%);color:#8db0b9!important;font-size:15px!important;margin:0!important}.outfit-tile>span{font-size:16px!important;color:#9fc2cb!important;letter-spacing:1px;margin:0!important}.outfit-tile img{display:block;width:100%;height:100%;object-fit:contain}.friend-card-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.friend-remove{border-color:transparent;background:transparent;color:#9db7be}.friend-remove:hover{color:#f3bab0;border-color:#f3bab055}.friend-remove svg{width:18px;height:18px}.friend-more{position:relative;align-self:center}.friends-panel .friend-more summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;cursor:pointer;color:#93aeb5}.friend-more summary::-webkit-details-marker{display:none}.friend-more summary::marker{content:""}.friend-more[open]>button{position:absolute;top:43px;right:0;width:180px;z-index:3;background:#233d44;box-shadow:0 5px 20px #0008;font-size:12px}.friend-request-actions{display:flex;gap:6px;margin-left:auto}.friend-request-actions button{font-size:12px;padding:8px 12px!important;border-radius:10px}.friend-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-basis:100%;padding:12px;border-top:1px solid #9db7be44}.friend-confirm>span{flex-basis:100%;font-size:13px!important}.friend-confirm button{font-size:12px}.friend-add{padding:16px;background:#203d43;border-radius:16px;margin:14px 0}.friend-add h3{font-size:16px;margin:0}.friend-add .friend-request{margin:12px 0 0}.friend-add p{margin:6px 0}.friend-other{margin:24px 0;color:#9db9c0;font-size:12px}.friend-other>summary{min-height:44px;cursor:pointer}.social-empty{font-size:14px;color:#adc4c8;padding:24px;background:#1b363d;border-radius:14px}.presence-notice{font-size:12px;color:#b3c6cc;line-height:1.5}.presence-notice:empty,.friends-status:empty{display:none}.friends-status{font-size:13px;min-height:0}.social-share{margin:14px 0;min-height:44px;border-radius:12px;font-size:13px}.friend-filters{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin:20px 0}.friend-filters label:last-child{grid-column:auto}.friends-panel .friend-filters label{font-size:11px;color:#9ebbc2;gap:6px}.friends-panel .friend-filters select{font-size:13px;background:#18333b;border-color:#698a9444;border-radius:12px;min-height:46px;padding:9px}.ranking-context{font-size:12px;color:#9dbbc1;margin:16px 0}.ranking-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ranking-row{display:grid;grid-template-columns:32px 50px minmax(80px,1fr) minmax(110px,auto);align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(105deg,#1c3740,#152b33);border:1px solid #65889326;border-radius:14px;min-height:90px}.ranking-row.is-self{border-color:#d6ed7c88;background:linear-gradient(105deg,#344b3a,#1c3435)}.ranking-place{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;color:#8faab2;text-align:center}.ranking-row[data-rank="1"] .ranking-place{color:#e3f69c}.ranking-row[data-rank="2"] .ranking-place{color:#c4dbdf}.ranking-row[data-rank="3"] .ranking-place{color:#d8bb98}.ranking-player{min-width:0;display:flex;flex-wrap:wrap;gap:3px 6px;align-items:center}.ranking-player b{font-size:15px;line-height:1.3;overflow-wrap:anywhere;color:#e3edeb;font-weight:650}.ranking-player time{display:block;flex-basis:100%;font-size:10px;color:#8daab1;margin-top:2px}.ranking-you{font-size:10px;color:#dff58b;background:#dff58b12;border-radius:5px;padding:2px 5px}.ranking-result{text-align:right;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.ranking-result strong{font-size:20px;line-height:1.25;font-weight:650;font-variant-numeric:tabular-nums;color:#e2f1e8}.ranking-result small{font-size:11px;color:#9bb6be;line-height:1.4}.ranking-result.no-result strong{font-size:12px;font-weight:400;color:#92adb5}.ranking-row .outfit-tile{width:50px;height:68px;flex-basis:50px}.ranking-explainer{margin:22px 0;color:#9bb6be;font-size:12px}.ranking-explainer summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.ranking-explainer summary:before{content:"+";margin-right:10px;color:#dff58b}.ranking-explainer[open] summary:before{content:"−"}.ranking-explainer p{line-height:1.65;margin:4px 0}.ranking-page .panel-content{max-width:1080px;margin:0 auto;width:100%}.ranking-page .panel-heading{margin-bottom:20px}.ranking-page .panel-heading h1{font-size:clamp(30px,5vw,44px);margin:7px 0}.ranking-page .panel-heading>p{font-size:13px;max-width:600px;color:#a9c1c5;line-height:1.5}.ranking-page .board{background:transparent;border:0;overflow:visible;min-height:160px}.ranking-page .board-tabs{margin:10px 0;gap:6px}.ranking-page .board-tabs button{font-size:13px;min-height:44px;flex:1;border-radius:11px;padding:10px 12px}.ranking-page .mode-board-tabs{background:#0e252d;border-radius:14px;padding:4px;margin-bottom:20px}.ranking-page .mode-board-tabs button{background:transparent;border:0;font-weight:650}.ranking-page .mode-board-tabs button.active{background:#2c4850;color:#e2f5ed;box-shadow:inset 0 2px #97ccd1}.ranking-filter-box{background:#122d35;border:1px solid #6a8d962e;border-radius:16px;padding:14px;margin:16px 0 20px}.ranking-filter-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ranking-filter-top>span{font-size:12px;color:#9bb6be}.ranking-filter-top .board-tabs{margin:0;max-width:350px;flex:1}.ranking-grade{margin:12px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ranking-grade>button{min-height:44px;padding:8px;border:1px solid #6e929943;border-radius:10px;font-size:12px;background:#1d3a42;color:#c0d1d3}.ranking-grade>button.active{background:#dff58b;color:#152c2b;border-color:#dff58b}.ranking-page .ranking-filter-box .fine{display:none}.ranking-page .personal-board{margin:18px 0 0;padding:16px;border:1px solid #dff58b55;border-radius:16px;background:#dff58b08;display:flex;gap:16px;align-items:center;justify-content:space-between}.personal-board>div{min-width:0}.personal-board .personal-label{font-size:11px;letter-spacing:1px;color:#dff58b}.personal-board .personal-best-number{display:block;font-size:23px;margin:7px 0;color:#e2f1e8}.personal-board p{font-size:12px;color:#a8c0c4;line-height:1.45;margin:3px 0}.personal-board button{min-height:44px;border-radius:10px;font-size:12px;flex-shrink:0}.ranking-page .empty{padding:32px 16px;background:#18343c;border-radius:16px}.ranking-page .empty h3{font-size:22px}.ranking-page .empty p{font-size:13px}.ranking-info{margin:24px 0;font-size:12px;color:#9db9bf}.ranking-info summary{min-height:44px;cursor:pointer}.ranking-info p{line-height:1.6}.court-friends-summary{width:100%;text-align:left}.court-friends-summary h2{font-size:28px;margin:8px 0!important}.court-friends-summary .eyebrow{font-size:10px;color:#99cdd4}.social-subtitle{font-size:12px;color:#a8c3c8;margin:8px 0 18px}.court-summary-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.court-summary-list .friend-person{width:100%;padding:6px 10px!important;background:#1d3942;border:1px solid #638c9733;border-radius:14px;gap:12px}.court-summary-list .friend-person.is-selected{border-color:#9ed5d38a;background:#27454c}.court-summary-list .friend-person>svg{margin-left:auto;color:#90adb5;flex-shrink:0}.court-summary-list .outfit-tile{height:65px;width:48px;flex-basis:48px}.sheet-footer{display:grid;gap:8px;padding-top:18px}.sheet-footer button{min-height:46px;border-radius:12px;font-size:14px}.social-text-button{background:transparent;color:#9cbbc3;font-size:12px!important}.sheet-handle{display:none}@media(max-width:600px){.friends-page .panel-content,.ranking-page .panel-content{padding:16px!important}.social-heading{margin:0 0 18px}.social-heading h2{font-size:30px!important}.friends-panel .friends-tabs{margin-bottom:18px}.friend-person{gap:9px}.friends-panel .friend-info b{font-size:15px}.friends-panel .friend-card{padding:5px 5px 5px 3px;gap:3px}.friends-panel .friend-card .outfit-tile{width:48px;height:70px;flex-basis:48px}.friend-card-actions{gap:0}.friend-more summary{width:36px!important}.friend-request-actions{flex-basis:100%;margin:0 7px 7px}.friend-request-actions button{flex:1}.friend-filters{grid-template-columns:1fr 1fr;gap:10px}.friend-filters label:last-child{grid-column:1/-1}.ranking-row{grid-template-columns:24px 40px minmax(0,1fr) minmax(85px,auto);gap:7px;padding:10px;min-height:82px}.ranking-row .outfit-tile{width:40px;height:62px}.ranking-place{font-size:16px}.ranking-player b{font-size:13px}.ranking-result strong{font-size:17px}.ranking-result small{font-size:10px;max-width:132px}.ranking-result.no-result strong{max-width:90px;font-size:11px}.ranking-filter-box{padding:10px;margin:12px 0 16px}.ranking-filter-top{gap:8px}.ranking-filter-top>span{display:none}.ranking-filter-top .board-tabs{max-width:none}.ranking-grade{grid-template-columns:1fr 1fr;gap:6px}.ranking-page .board-tabs button{font-size:12px;padding:8px 5px}.ranking-page .personal-board{align-items:flex-start;flex-direction:column;gap:10px}.ranking-page .personal-board button{width:100%}.court-summary-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;transform:none!important;width:100%!important;max-width:none!important;max-height:85dvh!important;border-radius:24px 24px 0 0!important;padding:24px 18px max(16px,env(safe-area-inset-bottom))!important}.sheet-handle{display:block;width:36px;height:4px;border-radius:3px;background:#6b8b93;margin:-12px auto 20px}.court-summary-list .friend-info b{font-size:15px}.court-summary-list .friend-person{padding:4px 8px!important}.court-friend-label,.court-friend-line{display:none!important}}@media(prefers-reduced-motion:reduce){.outfit-tile{transition:none}}.ranking-page .panel-content{padding:24px 24px var(--panel-bottom)}.ranking-grade>.learning-fixed{grid-column:1/-1;margin:4px 0;font-size:12px}.ranking-unplayed{margin-top:16px;color:#9db9bf;font-size:12px}.ranking-unplayed>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.ranking-unplayed>summary:before{content:"+";margin-right:10px}.ranking-unplayed[open]>summary:before{content:"−"}@media(max-width:600px){.friends-page .panel-toolbar,.ranking-page .panel-toolbar{display:none}.ranking-page .panel-content{padding:16px!important}}@media(max-width:600px),(pointer:coarse){.court-friends-summary{display:flex;flex-direction:column;max-height:calc(85dvh - 44px)}.court-friends-summary .court-summary-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;margin:12px 0}.court-friends-summary>.sheet-footer,.court-friends-summary>h2,.court-friends-summary>.social-subtitle,.court-friends-summary>.eyebrow,.court-friends-summary>.sheet-handle{flex-shrink:0}.court-friends-summary>h2{margin-bottom:6px}.court-friends-summary .sheet-footer .secondary{min-height:36px;font-size:11px}}@media(pointer:coarse){.court-friend-label,.court-friend-line,.court-friends-more{display:none!important}.court-summary-modal{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;margin:0;border-radius:22px 22px 0 0;padding:18px}.court-friends-summary .sheet-handle{display:block;width:36px;height:4px;border-radius:3px;background:#73949c;margin:0 auto 18px}}.push-invitation{max-width:480px;margin:auto}.push-invitation-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#dbff7820;color:var(--lime,#dcff78);margin-bottom:20px}.push-invitation .eyebrow{display:block}.push-invitation h2{font-size:clamp(1.65rem,5.6vw,2.45rem);line-height:1.1;margin:14px 0}.push-invitation>p{line-height:1.5}.push-invitation-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 14px}.push-invitation-actions button{min-height:48px}.push-invitation .fine{display:block;line-height:1.45}.push-invitation .push-feedback:empty{display:none}.modal:has(.sharing-panel){width:min(940px,96vw);max-height:94dvh;padding:26px;overflow-y:auto;background:#10272e}.sharing-panel{min-width:0}.sharing-panel header{padding-right:30px}.sharing-panel h2{font-size:clamp(28px,5vw,40px);margin:6px 0 16px}.sharing-kinds,.sharing-formats{display:flex;gap:6px}.sharing-kinds button,.sharing-formats button{flex:1;min-width:0;padding:10px 6px;border:1px solid #6d96994d;background:#ffffff06;color:#c7d6d6;border-radius:12px;font:inherit;font-size:14px;min-height:44px}.sharing-panel button[aria-pressed=true]{color:#e1f58c;border-color:#dff58b;background:#dff58b14}.sharing-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(230px,1fr);gap:26px;margin-top:18px}.sharing-art{min-width:0}.sharing-preview{position:relative;display:block;padding:0;background:transparent;border:0;margin:0 auto;max-width:100%;width:auto}.sharing-preview canvas{display:block;max-width:100%;max-height:510px;width:auto;height:auto;border-radius:18px;box-shadow:0 12px 36px #0005}.sharing-preview span{position:absolute;right:12px;bottom:12px;background:#10272edd;color:#fff;border-radius:50%;padding:4px 8px;font-size:24px}.sharing-themes{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.sharing-themes button{width:32px;height:32px;min-width:32px;min-height:32px;background:var(--swatch);border:2px solid #8aabad;border-radius:50%;padding:0}.sharing-themes button[aria-pressed=true]{background:var(--swatch);outline:2px solid #e1f58c;outline-offset:3px}.sharing-themes span{font-size:12px;color:#b0c5c7}.sharing-formats small{opacity:.65;padding-left:4px}.sharing-options{min-width:0}.sharing-panel .sharing-description{font-size:15px;line-height:1.5}.sharing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sharing-actions .primary{grid-column:1/-1}.sharing-actions button{min-width:0;min-height:46px;padding:12px;font-size:14px;border-radius:12px}.sharing-status{font-size:12px;min-height:22px;color:#bed1d2}.sharing-referral{padding:16px;border:1px solid #b9d58260;border-radius:16px;background:#dff58b09}.sharing-referral strong{color:#dff58b;font-size:24px}.sharing-referral p{font-size:13px;margin:6px 0}.sharing-referral small{display:block;color:#a9bec2;line-height:1.5;font-size:12px}.sharing-referral button{font-size:12px;min-height:44px;margin-top:8px}.sharing-help{font-size:13px;margin-top:16px}.sharing-help summary{padding:12px 0;cursor:pointer}.sharing-apps{display:flex;flex-wrap:wrap;gap:5px}.sharing-apps span{border:1px solid #8da5ab44;border-radius:12px;padding:4px 8px;font-size:11px}.sharing-help textarea{width:100%;box-sizing:border-box;background:#092027;color:#eaf0ef;border:1px solid #73989e;border-radius:8px;padding:10px;font:inherit;resize:vertical}.sharing-help button,.sharing-back{width:100%;margin-top:10px;min-height:44px}.sharing-full{width:min(92vw,640px);max-height:92dvh;background:#10272e;border:1px solid #799a9d;border-radius:16px;padding:12px;overflow:auto}.sharing-full::backdrop{background:#031318e8}.sharing-full img{display:block;width:100%;margin-top:10px;border-radius:8px}.sharing-full button{position:sticky;top:0;min-height:44px}.sharing-official{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sharing-panel [hidden]{display:none!important}.friends-share-entry{margin:12px 0 0;min-height:44px;width:100%}@media(max-width:600px){.modal:has(.sharing-panel){padding:18px 14px;max-height:94dvh;width:96vw;border-radius:22px}.sharing-layout{grid-template-columns:1fr;gap:14px;margin-top:12px}.sharing-panel h2{font-size:29px;margin-bottom:12px}.sharing-kinds button{font-size:12px;padding:8px 4px}.sharing-preview canvas{max-height:min(40dvh,360px);max-width:100%;width:auto}.sharing-themes{margin-top:12px}.sharing-options{display:flex;flex-direction:column}.sharing-description{display:none}.sharing-formats{margin-bottom:10px}.sharing-status{margin:8px 0}.sharing-referral{padding:12px}.sharing-referral strong{font-size:20px}.sharing-back{margin-top:16px}}@media(prefers-reduced-motion:reduce){.sharing-panel *{scroll-behavior:auto}}.court-share{position:absolute;right:20px;bottom:20px;z-index:4;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #c7e0de40;border-radius:12px;background:#10272e99;color:#eff6ef;font:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 2px 10px #00151b18;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.court-share:hover{background:#10272ecc;border-color:#dff58b88}.court-share:focus-visible{outline:2px solid #dff58b;outline-offset:3px}.court-share svg{flex-shrink:0}.in-game .court-share,.club-open .court-share,.panel-open .court-share,.benchmarking .court-share{display:none}#stage:has(.court-share) .court-friends-more{bottom:76px}@media(max-width:800px){.court-share{right:12px;bottom:12px;padding:8px 10px}}.sharing-panel .sharing-referral-choice{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 10px;font-size:13px;line-height:1.4;cursor:pointer}.sharing-referral-choice input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#dff58b}.sharing-account-note{font-size:12px;line-height:1.5;color:#adc5c7}.sharing-kinds button:disabled{opacity:.4;cursor:not-allowed}.sharing-official a{display:flex;align-items:center;min-height:44px;max-width:100%;padding:8px 12px;box-sizing:border-box;border:1px solid #6d969980;border-radius:10px;color:#e1f58c;background:#ffffff06;font-size:13px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.sharing-official a:hover{background:#dff58b14;border-color:#dff58b}.sharing-official a:focus-visible{outline:2px solid #dff58b;outline-offset:3px}.profile-btn .profile-icon-art{width:32px;height:32px;flex:none}.account-profile-icon{display:flex;align-items:center;gap:16px;margin:12px 0 18px;width:100%}.account-profile-icon .profile-icon-art{width:64px;height:64px;flex:none}.profile-icon-picker{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border:1px solid #a7c4c83b;background:linear-gradient(135deg,#29434d,#152c35);border-radius:14px;margin:4px 0 18px}.profile-icon-preview{aspect-ratio:1;border-radius:20px;background:#d3e6d60b}.profile-icon-preview svg{width:100%;height:100%}.profile-icon-picker b{color:#edf4e3;font-size:17px}.profile-icon-picker p{color:#bacbd0;font-size:12px;line-height:1.6;margin:7px 0 12px}.profile-icon-picker small{display:block;font-size:11px;line-height:1.6;color:#bacbd0;margin-top:12px}.profile-icon-colors{display:flex;flex-wrap:wrap;gap:6px}.profile-icon-colors button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;min-width:44px;min-height:44px;border:1px solid #728a934d;border-radius:9px;background:#112630;color:#edf4e3;font-size:11px}.profile-icon-colors button.active{border-color:#e6f4cd;box-shadow:inset 0 0 0 1px #e6f4cd}.profile-icon-colors i{width:16px;height:16px;border-radius:50%;flex:none}.club-profile-icons .club-art .profile-icon-art{width:100%;height:100%;max-height:150px;padding:6px 12px 17px}.club-profile-icons .club-outfits{display:none}.club-icons-open #canvas{visibility:hidden}.club-icons-open .stage:after{display:none}#profile-icon-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:radial-gradient(ellipse at 50% 45%,#355663,#112832 72%);text-align:center}#profile-icon-stage>.profile-icon-art{width:min(60%,330px);margin:32px 0 24px}#profile-icon-stage h2{font-size:30px;margin:0 0 12px}#profile-icon-stage p{color:#b8cbd0;font-size:13px}@media(max-width:800px){.club-icons-open #stage{visibility:hidden;pointer-events:none}.club-icons-open .full-panel.club-panel{top:var(--app-header-height)}.club-icons-open .club-preview-toggle{display:none}.club-icons-open .club-mobile-tools{justify-content:flex-end}}@media(max-width:600px){.profile-icon-picker{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:12px}.profile-icon-picker b{font-size:15px}.profile-icon-colors button{padding:7px}.profile-icon-colors span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.profile-color-status{display:flex;align-items:center;gap:12px;min-height:20px;margin-top:5px;color:#bacbd0;font-size:12px}.profile-color-status i{display:none;width:10px;height:10px;border-radius:50%;background:#dff789;border:1px solid #f3f3df;box-shadow:-5px 2px 0 -2px #dff78955}.profile-color-status.saving i{display:block;animation:profile-save-ball .85s ease-in-out infinite alternate}.profile-icon-colors button:disabled{cursor:progress;opacity:.8}@keyframes profile-save-ball{0%{transform:translateY(2px) rotate(0)}to{transform:translate(5px,-3px) rotate(120deg)}}@media(prefers-reduced-motion:reduce){.profile-color-status.saving i{animation:none}}.scrim .modal.playbook-modal{width:min(960px,100%);height:min(790px,calc(var(--game-height, 100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 44px));padding:0;overflow:hidden;border-color:#8bafb53b}.playbook-modal #playbook-root,.playbook{height:100%;min-height:0}.playbook{display:flex;flex-direction:column;color:#edf5ef}.pb-header{flex:none;padding:28px 30px 18px;border-bottom:1px solid #aac8cc20}.pb-header .eyebrow{font-size:10px;color:#d8f77c}.pb-heading{display:flex;align-items:center;gap:14px;padding-right:24px}.playbook .pb-heading h2{margin:9px 0 15px;font-size:clamp(27px,3vw,38px);line-height:1.13;flex:1;outline:none}.pb-count{font-size:12px;color:#b9cdd0;font-variant-numeric:tabular-nums;white-space:nowrap}.pb-orientation,.pb-game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.pb-orientation article,.pb-game-cards article{padding:16px;border:1px solid #99bbbf33;border-radius:12px;background:#173039;min-width:0}.playbook .pb-orientation h3,.playbook .pb-game-cards h3{margin:0 0 8px;font-size:17px;line-height:1.3;color:#e1f2e8}.playbook .pb-orientation p,.playbook .pb-game-cards p{font-size:14px;line-height:1.55;color:#bed0d1;margin:0}.pb-game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-game-cards button{margin-top:14px;width:100%;min-height:44px}.pb-game-match{border-top:3px solid #c6ed76!important}.pb-game-dark{border-top:3px solid #b4a0d6!important}.pb-game-trick{border-top:3px solid #dfb377!important}.playbook .pb-lead{font-size:16px;line-height:1.5;margin:0 0 18px;color:#dcebe4}.playbook .pb-support{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;padding-top:8px}.playbook .pb-support button{min-height:44px;min-width:0;font-size:10px;line-height:1.3;padding:4px}.pb-modes,.pb-device{display:flex;gap:8px}.pb-modes button,.pb-device button{background:#ffffff04;border:1px solid #abc9ce35;color:#c4d6d8;border-radius:7px;padding:9px 14px;min-height:40px;font-size:12px;cursor:pointer}.pb-modes button[aria-pressed=true],.pb-device button[aria-pressed=true]{color:#e0fa92;border-color:#d8f77c88;background:#d8f77c12}.playbook button:focus-visible,.pb-glossary summary:focus-visible{outline:2px solid #d8f77c;outline-offset:3px}.playbook p.pb-live{font-size:12px;line-height:1.4;color:#f5ca8a;margin:12px 0 0}.pb-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#658c91 transparent;padding:26px 30px}.pb-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:start;gap:28px}.pb-visual{margin:0;padding:20px 16px;border:1px solid #b0d2d326;border-radius:14px;background:radial-gradient(ellipse at 50% 25%,#23515a80,#0c2029bb 85%);text-align:center;min-width:0}.pb-example{display:block;color:#9fbabd;font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.pb-energy{display:grid;gap:10px;margin:24px 0;text-align:left;font-size:14px}.pb-energy>span{height:12px;border-radius:8px;overflow:hidden;background:#0b181e}.pb-energy i{display:block;height:100%;background:#d8f77c}.pb-energy:nth-of-type(2) i{background:#e9b668}.pb-energy:nth-of-type(3) i{background:#d88079}.pb-stamina-link{margin-top:20px;width:100%}.pb-visual svg{display:block;width:100%;height:auto}.pb-visual figcaption{font-size:11px;color:#a9c0c4;line-height:1.5;margin:14px 4px 0}.pb-ring-legend{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #aac8cc33;text-align:left}.pb-ring-legend svg{width:120px;height:108px;flex:none}.pb-ring-legend div{min-width:0}.pb-ring-legend b{display:block;font-size:14px;line-height:1.4;color:#edf5ef}.pb-ring-legend span{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#b2c7ca}.pb-pin{font-style:normal;display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#d8f77c;color:#172b28;line-height:1;font-size:11px;font-weight:700}.pb-notes{list-style:none;margin:0;padding:0;display:grid;gap:15px}.pb-notes li{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px}.pb-notes li>.pb-pin{margin-top:2px}.pb-notes b{font-size:14px;line-height:1.35}.playbook .pb-notes p{margin:4px 0 0;color:#b2c7ca;font-size:12px;line-height:1.55}.pb-board{border:2px solid #a3c2c7;box-shadow:0 0 0 4px #64858b23;border-radius:6px;background:#11272e;padding:13px 11px;font-variant-numeric:tabular-nums}.pb-board header{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#d8f77c}.pb-board header span{color:#a9c5cb}.pb-board-points{display:flex;position:relative;justify-content:space-around;margin:17px 0 10px}.pb-board-points>.pb-pin{position:absolute;left:-5px;top:21px}.pb-board-points>div{display:grid;gap:2px}.pb-board small{color:#aec7cb;font-size:8px}.pb-board-points strong{font-size:42px;line-height:1.12;font-weight:750}.pb-board-points>div:first-of-type strong{color:#d8f77c}.pb-board-wave{font-weight:700;font-size:12px;display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:5px}.pb-board-detail{display:block}.pb-board-metrics{display:flex;justify-content:space-around;gap:4px;margin:16px 0 13px}.pb-board-metrics>div{display:grid;justify-items:center;gap:5px}.pb-board-metrics b{font-size:16px}.pb-board-status{border-top:1px solid #8abbb955;padding-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#d8f77c;font-size:9px}.pb-winner{display:grid;gap:2px;padding:12px 0 0;color:#d8f77c}.pb-winner small{font-size:8px;letter-spacing:2px;color:#a6c3c5}.pb-winner b{font-family:var(--display, sans-serif);font-size:23px;letter-spacing:2px}.pb-timing{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:25px 0 28px;font-size:9px;color:#ffc37b}.pb-timing>span:first-child{color:#ff9b93}.pb-timing>b{color:#d8f77c;font-size:11px}.pb-timing-line{grid-column:1 / -1;display:flex;gap:5px;margin-top:13px;height:13px}.pb-timing-line i{flex:1;background:#d88079;border-radius:5px}.pb-timing-line i:nth-child(2){background:#d8f77c;box-shadow:0 0 18px #d8f77c35}.pb-timing-line i:nth-child(3){background:#e9b668}.pb-fraction{display:grid;gap:8px;padding:18px 0;border-top:1px solid #8abbb933}.pb-fraction b{font-size:24px}.pb-fraction em{display:inline-block;margin-left:12px;color:#d8f77c;font-style:normal}.pb-fraction span{font-size:11px;color:#a9c5cb}.pb-glossary{margin-top:18px;border-top:1px solid #99bbbf33;padding-top:12px}.pb-glossary summary{cursor:pointer;font-size:12px;color:#d8f77c;padding:5px 0}.pb-glossary dl{font-size:11px;color:#b4c9cb}.pb-glossary dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin:8px 0}.pb-glossary dt{color:#e3eeeb}.pb-glossary dd{margin:0}.pb-device{margin-bottom:20px}.pb-device button{flex:1}.pb-keyboard{display:grid;justify-content:center;gap:7px;padding:20px 0 16px}.pb-keyboard>div{display:flex;gap:7px;justify-content:center}.pb-keyboard kbd{display:inline-grid;place-items:center;min-width:43px;min-height:42px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:8px;font:inherit;font-size:13px;background:#33535a;box-shadow:0 3px #091c21;border:1px solid #9bc1c34d;border-radius:7px}.pb-keyboard .pb-keyboard-hit{margin-top:10px}.pb-keyboard-hit kbd{width:220px;color:#d8f77c}.pb-mouse{display:flex;justify-content:center;align-items:center;gap:12px;font-size:30px;color:#d8f77c;padding:10px 0 18px}.pb-mouse span{color:#b9d0d2;font-size:11px}.pb-bindings{margin:0}.pb-bindings>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;padding:12px 0;border-bottom:1px solid #aac8cc22;font-size:12px;line-height:1.5}.pb-bindings dt{color:#cbdcdd}.pb-bindings dd{margin:0;color:#d8f77c;overflow-wrap:anywhere}.playbook p.pb-tip{font-size:11px;line-height:1.5;color:#a2bec2;margin:16px 0 0}.pb-ammo{display:grid;justify-items:center;gap:6px;border:2px solid #d8f77caa;border-radius:22px;background:#c2ed7912;padding:20px;margin:20px auto;max-width:175px;box-shadow:0 0 30px #b9d88d12;color:#d8f77c}.pb-ammo span,.pb-ammo strong{font-size:11px;letter-spacing:2px}.pb-ammo b{font-size:64px;line-height:1}.pb-ammo-levels{display:flex;gap:10px;justify-content:center;padding:10px 0}.pb-ammo-levels span{flex:1;display:grid;gap:8px;font-size:11px;color:#b6cdd0}.pb-ammo-levels b{font-size:22px;color:#ecf6ed}.pb-rank-art{display:grid;justify-items:center;gap:12px;padding:5px 0 20px}.pb-rank-art>span{font-size:58px;color:#d8f77c}.pb-rank-art>b{font-size:10px;letter-spacing:1.5px;color:#c7dcde}.pb-rank-art>div{display:flex;align-items:flex-end;gap:5px;width:90%;margin-top:14px}.pb-rank-art i{display:grid;place-items:center;flex:1;height:55px;font-size:22px;font-weight:700;font-style:normal;border-radius:6px 6px 0 0;background:#83b9c038;color:#b9d9d8}.pb-rank-art i:nth-child(2){height:85px;background:#d8f77c;color:#1d3230}.pb-rank-art i:nth-child(3){height:38px}.pb-platforms{display:flex;justify-content:center;gap:8px;font-size:10px}.pb-platforms span{border:1px solid #aac8cc35;border-radius:6px;padding:8px}.pb-footer{flex:none;padding:10px 30px 20px;border-top:1px solid #aac8cc20;background:#152830}.pb-progress{display:flex;justify-content:center}.pb-progress button{padding:0;width:34px;height:32px;border:0;background:none;display:grid;place-items:center;cursor:pointer}.pb-progress button span{width:6px;height:6px;background:#67858a;border-radius:10px}.pb-progress button[aria-current] span{background:#d8f77c;width:20px}.pb-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px}.pb-actions>span{color:#9ab5ba;font-size:11px;align-self:center}.playbook .pb-actions button{margin:0;min-height:44px;padding:12px 20px;font-size:13px}.pb-actions button:disabled{opacity:.3;cursor:default}.pb-support button[data-pb-movement]{min-height:44px;padding:8px}@media(max-height:540px){.scrim .modal.playbook-modal{overflow:auto}.playbook-modal .playbook{height:auto;min-height:100%}.playbook-modal .pb-scroll{overflow:visible;flex:none}}@media(max-width:640px){.pb-orientation,.pb-game-cards{grid-template-columns:minmax(0,1fr)}.scrim .modal.playbook-modal{height:calc(var(--game-height, 100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)}.pb-header{padding:20px 18px 14px}.pb-heading{padding-right:16px;gap:9px}.playbook .pb-heading h2{font-size:28px;margin-bottom:12px}.pb-modes{gap:5px}.pb-modes button{flex:1;font-size:10px;padding:9px 5px}.pb-scroll{padding:18px}.pb-grid{grid-template-columns:minmax(0,1fr);gap:22px}.pb-visual{padding:16px}.pb-visual svg{max-height:205px}.pb-board{max-width:300px;margin-inline:auto}.pb-example{margin-bottom:14px}.pb-notes{gap:16px}.pb-notes b{font-size:14px}.playbook .pb-notes p{font-size:13px}.pb-device button{font-size:11px;padding:9px 6px}.pb-footer{padding:6px 18px 14px}.pb-actions>span{display:none}.pb-actions{grid-template-columns:1fr 1fr}.pb-progress:after{content:attr(data-swipe);align-self:center;margin-left:10px;font-size:10px;color:#aec5c8}}@media(min-width:641px)and (max-height:540px){.pb-header{padding:14px 24px 10px}.playbook .pb-heading h2{margin:4px 0 10px;font-size:27px}.pb-modes button{min-height:34px;padding:6px 12px}.pb-scroll{padding:18px 24px}.pb-footer{padding:4px 24px 10px}.pb-progress button{height:22px}}.overhead-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}.overhead-lesson{padding:18px;border:1px solid #49616a;border-radius:14px;background:#132c32;min-width:0}.overhead-lesson h3{font-size:17px;margin:0 0 12px;color:#d8f77c}.playbook .overhead-lesson p{font-size:14px;line-height:1.55;margin:12px 0 0}.overhead-court{display:block;width:100%;height:270px}.overhead-position{fill:#8edbff;fill-opacity:.45;stroke:#8edbff;stroke-width:1.5}.overhead-target{fill:#d8f77c;fill-opacity:.65;stroke:#d8f77c;stroke-width:1.5}@media(max-width:420px){.overhead-lessons{grid-template-columns:minmax(0,1fr)}}.overhead-legend{display:flex;flex-wrap:wrap;gap:6px 20px}.overhead-legend span:first-child{color:#8edbff}.overhead-legend span:nth-child(2){color:#d8f77c}.overhead-legend span:last-child{color:#fff}.pb-grade-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.pb-grade-cards article{padding:16px;border:1px solid #476263;border-radius:12px;background:#152c30}.pb-grade-cards b{color:#dafa81}.pb-grade-cards p{color:#bed0cc;margin:8px 0 0;line-height:1.5}.pb-grades-link{margin:12px 8px 0 0}@media(max-width:600px){.pb-grade-cards{grid-template-columns:1fr}}.scrim .feedback-modal{width:min(650px,100%)}.feedback-modal h2{outline:none}.feedback-modal form{display:grid;gap:14px}.feedback-modal label{display:grid;gap:7px;font-size:13px;color:#d5e3e3}.feedback-modal textarea,.feedback-modal select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #9dbec34d;border-radius:6px;background:#10252b;color:#edf4ef;padding:12px;font:inherit;font-size:16px}.feedback-modal textarea{resize:vertical;min-height:76px}.feedback-modal summary{cursor:pointer;color:#cde783;font-size:13px;padding:6px 0}.feedback-modal .feedback-preview{font:12px/1.6 monospace;margin-top:9px;white-space:pre-wrap}.feedback-modal p.feedback-warning{color:#ffce85;border-left:2px solid currentColor;padding-left:12px}.feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.feedback-modal .feedback-actions>*{margin:0;font-size:12px;min-height:44px;padding:12px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.feedback-guide{color:#cde783;font-size:12px}.feedback-modal #feedback-status:empty{display:none}.pb-support{display:flex;justify-content:center;gap:18px;padding-top:10px}.pb-support button,.pb-support a{color:#bfd2d4;border:0;background:none;font:inherit;font-size:11px;padding:4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dock-footer .beta-feedback-link{display:block;background:none;border:0;color:#d8f77c;font:inherit;font-size:12px;padding:10px 0;cursor:pointer}.release-notes-link{border:0;background:transparent;padding:12px 0;color:#d8f77c;font:inherit;font-size:12px;cursor:pointer;text-align:left}.release-notes-link:hover{text-decoration:underline}.release-notes-link:focus-visible,.release-notes summary:focus-visible{outline:2px solid #d8f77c;outline-offset:4px}.release-notes details{border-top:1px solid #ffffff26;padding:16px 0}.release-notes summary{cursor:pointer;color:#d8f77c;line-height:1.5}.release-notes summary span{font-size:12px;color:#a7bdc1}.release-notes summary strong{display:block;margin:4px 0;color:#edf4e9;font-size:17px}.release-notes ul{margin:14px 0 0;padding-left:22px;color:#c8d6d8;font-size:15px;line-height:1.6}.release-notes li+li{margin-top:8px}.point-callout{position:absolute;z-index:1;top:calc(100% + 8px);left:50%;width:100%;max-width:100%;box-sizing:border-box;padding:8px 10px 10px;border:1px solid #d8f77c80;border-radius:8px;color:#d8f77c;background:linear-gradient(110deg,#092323f5,#102f32ed);box-shadow:0 8px 28px #0005;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,4px) scale(.96);transition:opacity .16s ease,transform .2s ease}.point-callout.visible{opacity:1;transform:translate(-50%) scale(1)}.point-callout span{display:block;font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#e0eded}.point-callout strong{display:block;margin-top:3px;font-size:22px;line-height:1.1;font-weight:900;font-style:italic;text-transform:uppercase;overflow-wrap:break-word}.point-callout[data-team=opponent]{color:#ffb5a2;border-color:#ffb5a270}.mobile-play.in-game .point-callout{padding:7px 8px 9px}.mobile-play.in-game .point-callout strong{font-size:20px}@media(orientation:landscape)and (max-height:500px){.mobile-play.in-game .point-callout strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.point-callout{transition:none;transform:translate(-50%)}}.in-game .layout{grid-template-columns:minmax(0,1fr)}.in-game #dock,.court-board[hidden],.court-toolbar[hidden]{display:none!important}.court-board{--signal:#a5c7cb;position:absolute;z-index:6;transform:translate(-50%,-50%);width:230px;padding:8px 10px 5px;border:2px solid var(--signal);border-radius:5px;background:linear-gradient(155deg,#153139,#0b1d23 65%);color:#ecf4ef;box-shadow:0 8px 28px #0006;pointer-events:none;user-select:none;font-variant-numeric:tabular-nums;line-height:1.25}.court-board-head{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.06em}.court-board-head b{color:#d8f77c}.court-board-head span{color:#a5c7cb}.court-board-score{display:grid;grid-template-columns:1fr 1fr;margin:5px 0 3px;text-align:center}.court-board-score span{display:block;font-size:9px;color:#a5c7cb;letter-spacing:.04em}.court-board-score strong{display:block;font-size:calc(31px * var(--number-scale,1));line-height:1.1;font-weight:700;min-height:34px}.court-board-score>div:first-child strong{color:#d8f77c}.court-board-progress{text-align:center;font-size:11px;font-weight:650}.court-board-detail{text-align:center;font-size:9px;color:#b2cbce;margin-top:4px}.court-board-dark[hidden]{display:none}.court-board-dark{display:grid;gap:3px;margin-top:5px;padding-top:5px;border-top:1px solid #d8b4ff55;text-align:center;font-size:10px;line-height:1.3}.court-board-dark b{color:#e3caff;font-weight:600}.court-board-dark span{color:#c8d9db;font-size:9px}.court-toolbar [data-action^=dark-]:disabled{opacity:.6}.court-board-metrics{display:flex;justify-content:space-around;gap:8px;padding:8px 0;font-size:8px;color:#a5c7cb}.court-board-metrics b{color:#edf4ef;font-size:12px;margin-left:4px}.court-board-metrics>span{display:grid;gap:2px;text-align:center}.court-board-metrics b{margin-left:0}.court-board-signal{border-top:1px solid var(--signal);padding-top:6px;min-height:22px;color:var(--signal);text-align:center;font-size:11px;font-weight:700;letter-spacing:.035em}.court-board[data-signal=idle] .court-board-signal{font-size:9px;font-weight:500}.court-toolbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #a5c7cb30;border-radius:12px;background:#0b1d23eb;max-width:calc(100% - 28px)}.court-toolbar button{min-height:40px;padding:8px 14px;font-size:12px;white-space:nowrap}.court-power{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:10px;min-width:160px;padding:0 8px}.court-power input{grid-column:1/-1;width:100%;accent-color:#d8f77c}.court-power output{color:#d8f77c}.court-board.compact{top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);width:min(250px,calc(100% - 116px));padding:7px 10px 4px}.court-board.compact .court-board-head{font-size:8px}.court-board.compact .court-board-score{margin:4px 0}.court-board.compact .court-board-score strong{font-size:calc(24px * var(--number-scale,1));min-height:27px}.court-board.compact .court-board-score span{font-size:8px}.court-board.compact .court-board-progress{font-size:9px}.court-board.compact .court-board-detail{font-size:8px;margin-top:3px}.court-board.compact .court-board-signal{font-size:10px;padding-top:3px;min-height:15px}.mobile-play.in-game .mobile-score,.mobile-play.in-game .mobile-touch-tip{display:none}.mobile-play.in-game .mobile-bar{display:flex;justify-content:flex-end}.mobile-play.in-game .mobile-tools{flex-direction:column}.mobile-play.in-game .court-toolbar{display:none}@media(orientation:landscape)and (max-height:600px){.court-board.compact.dark-board .court-board-metrics{display:none}.court-board.compact.dark-board .court-board-dark{margin:4px 0;font-size:9px}.court-board.compact.dark-board .court-board-dark span{font-size:8px}.court-board.compact{left:auto;right:max(12px,env(safe-area-inset-right,0px));transform:none;width:clamp(186px,28vw,236px)}.court-board.compact .court-board-score{margin:2px 0}.court-board.compact .court-board-score strong{font-size:calc(24px * var(--number-scale,1));min-height:27px}.court-board.compact .court-board-metrics{padding:2px 0}.mobile-play.in-game .mobile-tools{flex-direction:row}.mobile-play.in-game .mobile-bar{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.court-board{box-shadow:none}}.court-board-training[hidden],.court-board-training [hidden]{display:none!important}.training-board .court-board-detail,.training-board .court-board-metrics,.training-board .point-callout{display:none}.court-board-training{text-align:center}.court-board-coaching{display:flex;flex-direction:column;min-height:0;flex:1}.court-board-training .training-progress{gap:5px;margin:7px 0 2px}.court-board-training .training-progress :is(button,span){width:32px;height:32px;min-height:32px;flex:none;font-size:15px}.court-board-training button{pointer-events:auto;touch-action:manipulation}.court-board-training button:focus-visible{outline:2px solid white;outline-offset:2px}.court-board-tip-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0}.court-board-tip-actions button{padding:6px;min-height:34px;border:1px solid #a5c7cb60;border-radius:6px;color:#edf4ef;font-size:11px;line-height:1.3}.court-board-tip-actions [data-action=coach-tip]{border-color:#d8f77c}.court-board-training-next{width:100%;min-height:44px;margin:8px 0 0;padding:9px 12px;font-size:13px;line-height:1.3;white-space:normal;flex-shrink:0}.court-board-training-next[hidden]{display:none}.court-board-coach{margin:10px 0 0;text-align:left}.court-board-coach>div{padding:8px 0;border-top:1px solid #a5c7cb45}.court-board-coach b{display:block;color:#a5c7cb;font-size:10px;letter-spacing:.08em}.court-board-coach p{margin:4px 0 0;color:#edf4ef;font-size:12px;line-height:1.45;font-weight:500}.court-board-analysis{margin-top:5px;padding:4px 0;text-align:left;border-top:1px solid #a5c7cb45}.court-board-analysis b{display:block;color:#a5c7cb;font-size:10px;letter-spacing:.08em}.court-board-analysis p{margin:4px 0 0;color:#edf4ef;font-size:11px;line-height:1.35;font-weight:500}.training-board .court-board-signal,.training-board[data-signal=idle] .court-board-signal{font-size:11px;line-height:1.4;letter-spacing:0;padding:6px 0}.training-board[data-training-countdown=true] .court-board-signal{font-size:22px;font-weight:700;color:#edf4ef}.court-board.court-anchored{transform:translate(-50%);max-height:calc(100% - var(--board-top) - 14px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin}.court-board.compact.training-board{left:calc(50% - 16px);width:min(260px,calc(100% - 100px))}.court-board.compact.training-board .court-board-tip-actions{flex-wrap:nowrap}.court-board.compact.training-board .court-board-tip-actions button{flex:1;min-width:0;white-space:normal}@media(orientation:landscape)and (max-height:600px){.court-board.compact.training-board{left:auto;width:clamp(210px,28vw,250px)}}@media(orientation:landscape)and (max-height:600px){.court-board.compact.training-board[data-training-feedback=true]{display:flex;flex-direction:column;max-height:calc(100% - 20px);pointer-events:auto;z-index:9}.court-board.compact.training-board .court-board-training{display:flex;flex-direction:column;min-height:0}.court-board.compact.training-board .court-board-coach{margin-top:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin}.court-board.compact.training-board :is(.court-board-attempts,.court-board-tip-actions,.court-board-signal,.court-board-progress,.court-board-head){flex-shrink:0}.court-board.compact.training-board[data-training-feedback=true] .court-board-score{display:none}.court-board.compact.training-board .court-board-tip-actions{gap:6px}}.mobile-play.in-game #stage:has(.court-board[data-training-feedback=true]){touch-action:pan-y}.mobile-play.in-game #stage:has(.court-board[data-training-feedback=true]) #touch{visibility:hidden}.court-board-personal{font-size:11px;color:var(--muted);line-height:1.35;padding-top:5px;white-space:nowrap;overflow:hidden}.court-board-personal:empty,.court-board-personal:has(span:empty){display:none}.court-board-personal span{display:inline-block}@media(orientation:landscape)and (max-height:400px){.court-board.compact.dark-board .court-board-personal{display:none}}.mobile-play.in-game #touch.hidden{display:flex!important;visibility:hidden;pointer-events:none}.court-board.court-anchored:not(.training-board){overflow:visible}.court-board.compact{left:max(12px,env(safe-area-inset-left,0px));transform:none;width:calc(100% - 84px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:6px 9px}.court-board.compact .court-board-score{margin:4px 0;gap:8px}.court-board.compact .court-board-score>div{display:flex;align-items:center;justify-content:center;gap:7px}.court-board.compact .court-board-score strong{font-size:calc(22px * var(--number-scale,1));min-height:0}.court-board.compact .court-board-metrics{padding:4px 0}.court-board.compact .court-board-metrics>span{display:flex;align-items:center;gap:5px}.court-board.compact .court-board-metrics b{font-size:10px}.court-board.compact .court-board-dark{padding-top:4px;margin-top:4px;gap:2px;font-size:9px}.court-board.compact .court-board-dark span{font-size:8px}.court-board.compact .court-board-personal{font-size:9px;padding-top:3px}.court-board.compact .point-callout{top:auto;bottom:0;left:0;transform:none;width:100%;padding:5px 8px}.court-board.compact .point-callout.visible{transform:none}.court-board.compact .point-callout strong{font-size:15px}.court-board.compact.training-board{left:max(12px,env(safe-area-inset-left,0px));width:calc(100% - 84px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:200px;display:flex;flex-direction:column;pointer-events:auto}.court-board.compact.training-board .court-board-score{display:none}.court-board.compact.training-board .court-board-training{display:flex;flex-direction:column;min-height:0;flex:1}.court-board.compact.training-board .court-board-score>div{display:block;min-width:0}.court-board.compact.training-board .court-board-coach{min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:4px}.court-board.compact.training-board .court-board-coach>div{padding:4px 0}.court-board.compact.training-board .court-board-coach p{font-size:11px;line-height:1.35}.court-board.compact.training-board :is(.court-board-attempts,.court-board-tip-actions,.court-board-signal,.court-board-progress,.court-board-head,.court-board-score){flex-shrink:0}.court-board.compact.training-board .court-board-attempts .training-progress{margin:5px 0 0}.court-board.compact.training-board .court-board-tip-actions{margin:5px 0}@media(orientation:portrait){.court-board.compact.training-board{height:auto}.court-board.compact.training-board .court-board-signal{min-height:28px;max-height:28px;padding:2px 0 0;font-size:10px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.court-board.compact.training-board .court-board-analysis{height:64px;flex-shrink:0;margin:0;overflow-y:auto;overscroll-behavior:contain}.court-board.compact.training-board .court-board-coaching{min-height:64px;justify-content:center}.court-board.compact.training-board[data-training-feedback=true]:not(:has(.court-board-analysis:not([hidden]))) .court-board-training:after{content:"";height:64px;flex-shrink:0}.court-board.compact.training-board[data-training-feedback=true] .court-board-coaching{position:absolute;top:var(--training-reading-top);left:var(--training-reading-left);width:var(--training-reading-width);height:calc(var(--training-reading-height) - env(safe-area-inset-bottom,0px) - var(--browser-controls-inset,0px));padding:8px 10px;border:1px solid #a5c7cb80;border-radius:8px;background:linear-gradient(155deg,#153139,#0b1d23 65%);display:grid;grid-template-columns:1fr 2fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}.court-board.compact.training-board[data-training-feedback=true] .court-board-coach{grid-column:1/-1;margin:0}.court-board.compact.training-board[data-training-feedback=true] .court-board-coach p{font-size:12px;line-height:1.45}.court-board.compact.training-board[data-training-feedback=true] .court-board-coach>div:first-child{border-top:0;padding-top:0}.court-board.compact.training-board[data-training-feedback=true] .court-board-training-next{margin:0;padding:6px;font-size:12px}.court-board.compact.training-board[data-training-feedback=true] .court-board-tip-actions{margin:0}.court-board.compact.training-board[data-training-feedback=true] .court-board-tip-actions button{min-height:44px}}@media(orientation:landscape){.court-board.compact,.court-board.compact.training-board{left:auto;right:max(12px,env(safe-area-inset-right,0px));width:clamp(194px,27vw,250px)}.court-board.compact.training-board,.court-board.compact.training-board[data-training-feedback=true]{height:calc(var(--court-controls-top,100%) - env(safe-area-inset-top,0px) - 22px);max-height:calc(var(--court-controls-top,100%) - env(safe-area-inset-top,0px) - 22px)}.court-board.compact.training-board[data-training-feedback=true]{height:calc(100% - 24px);max-height:calc(100% - 24px)}}.play-style-options{display:grid;gap:12px}.play-style-option{width:100%;display:grid;gap:8px;padding:16px;text-align:left;white-space:normal}.play-style-option strong{font-size:16px}.play-style-option span{color:#c3d4d5;font-size:12px;line-height:1.55;font-weight:400}.play-style-option[aria-pressed=true]{border-color:#d9f48a;background:#30433a;box-shadow:inset 3px 0 #d9f48a}.play-style-option:focus-visible{outline:2px solid #d9f48a;outline-offset:3px}.play-style-option:disabled{cursor:wait;opacity:.7}.play-style-note{color:#b7c9cb;line-height:1.5;margin:4px 0}.account-play-style{display:grid;gap:5px;margin:16px 0}.account-play-style span{color:#b7c9cb;font-size:12px}.learning-guide{margin:1.2rem 0;padding:1rem;border:1px solid #9bc8d04d;border-radius:16px;background:#203e46}.learning-guide h3{margin:.3rem 0 .6rem;color:#e0f68c}.learning-guide summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:#d8f77c;font-weight:700;cursor:pointer;list-style:none}.learning-guide summary::-webkit-details-marker{display:none}.learning-guide summary:after{content:"";width:8px;height:8px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px}.learning-guide[open] summary:after{transform:rotate(225deg);margin-bottom:-4px}.learning-guide summary:focus-visible{outline:2px solid #d8f77c;outline-offset:5px;border-radius:4px}.learning-guide p{line-height:1.55}.learning-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.learning-steps button{text-align:left;min-height:60px;white-space:normal}.learning-steps b{display:inline-grid;place-content:center;background:#dff98a;color:#152831;border-radius:50%;width:26px;height:26px;margin-right:.35rem}.learning-fixed{line-height:1.6;color:#c9e3e7}.learning-settings{margin:.7rem 0;display:grid;gap:.5rem}.learning-active #controls-settings,.learning-active [data-action=controls-settings]{color:#9ed9ee;border-color:#9ed9ee66;background:#9ed9ee12}.learning-active #controls-settings{box-shadow:inset 0 0 0 1px #9ed9ee35}.learning-active .court-board-head span,.learning-active .grade-tag{color:#b4e5f5;background:#83cfe51c;border-radius:4px;padding:1px 4px}@media(max-width:420px){.learning-steps{grid-template-columns:1fr}}