.club-calendar{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.85fr);gap:20px;margin:22px 0}.club-calendar-summary{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;background:#292d46;color:#fff1db}.club-calendar-summary strong{font:600 27px/1.1 Barlow Condensed,sans-serif}.club-calendar-summary span{font-size:14px;white-space:nowrap}.club-calendar-month,.club-calendar-times{background:#f8f2e8;border-radius:20px;padding:18px;min-width:0}.club-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;min-height:36px}.club-calendar-heading strong{font-size:16px}.club-calendar-heading span{font-size:12px;color:#796788}#app .clubhouse .club-calendar-heading button{background:#e9e1ed;border:0;border-radius:50%;width:36px;height:36px;padding:0;font:24px/1 sans-serif;box-shadow:none;color:#463953}.club-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.club-calendar-grid>span{font-size:11px;color:#796e80;padding:8px 0}#app .clubhouse .club-calendar-grid button{border:0;border-radius:50%;aspect-ratio:1;min-width:0;width:100%;max-width:44px;justify-self:center;padding:0;font-size:14px;background:transparent;color:#332d44;box-shadow:none;transition:background .15s,transform .15s}#app .clubhouse .club-calendar-grid button:hover:not(:disabled){background:#ddd0ee;transform:scale(1.08)}#app .clubhouse .club-calendar-grid button[aria-pressed=true]{background:#4f3f72;color:#fff6e2;box-shadow:0 3px #332745}#app .clubhouse .club-calendar-grid button[aria-current=date]:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px #a28bba}#app .clubhouse .club-calendar button:disabled{opacity:.28;cursor:default}.club-time-slots{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:272px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c2b2cd transparent;padding:3px 6px 8px 0}#app .clubhouse .club-time-slots button{border:0;background:#eae4ed;border-radius:12px;padding:12px 6px;font-size:13px;color:#4a3c58;box-shadow:none}#app .clubhouse .club-time-slots button[aria-pressed=true]{background:#4f3f72;color:#fff6e2;box-shadow:0 3px #332745}#app .clubhouse .club-calendar button:focus-visible{outline:2px solid #796097;outline-offset:3px}@media(max-width:600px){.club-calendar{grid-template-columns:1fr;gap:12px}.club-calendar-summary{flex-direction:column;align-items:flex-start;padding:18px;gap:8px}.club-calendar-month,.club-calendar-times{padding:14px}.club-time-slots{grid-template-columns:repeat(3,minmax(0,1fr));max-height:166px}}@media(prefers-reduced-motion:reduce){#app .clubhouse .club-calendar-grid button{transition:none}}.club-activity{margin:42px 0;color:#252a3b}.club-activity>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.club-activity h3{font:700 36px Barlow Condensed,sans-serif;margin:0}.club-activity header>span{font-size:13px;color:#696976}.club-activity-stats{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:20px}.club-activity-chart,.club-activity-modes,.club-activity-recent{border-radius:22px;padding:26px;background:#e7dff1;min-width:0}.club-activity-metrics{display:flex;gap:8px}#app .clubhouse .club-activity-metrics button{flex:1;padding:12px;display:flex;flex-direction:column;gap:6px;background:transparent;border:0;box-shadow:none;color:#5c536f;border-radius:14px}#app .clubhouse .club-activity-metrics button[aria-pressed=true]{background:#302b49;color:#fff4e7}.club-activity-metrics strong{font:700 38px Barlow Condensed,sans-serif}.club-activity-metrics span{font-size:13px}.club-chart-reading{min-height:20px;font-size:13px;color:#5c536f}.clubhouse .club-activity h4{font:700 26px Barlow Condensed,sans-serif;margin:0 0 18px}.club-activity p{font-size:14px;line-height:1.5}.club-activity-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,320px));gap:16px}.club-activity-person{position:relative;overflow:hidden;border-radius:20px;background:#e1e5eb;text-align:center;padding:0 16px 20px}.club-activity-person:nth-child(3n+2){background:#f0dfe4}.club-activity-person:nth-child(3n){background:#e7e6cf}.club-activity-person canvas{width:220px;max-width:100%;height:120px;object-fit:contain;display:block;margin:0 auto}.club-person-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#626372}.club-person-status.online:before{content:"";width:7px;height:7px;background:#407a64;border-radius:50%}.clubhouse .club-activity-person h4{margin:8px 0 15px;overflow-wrap:anywhere}.club-activity-person dl{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0}.club-activity-person dl div{display:flex;flex-direction:column-reverse;gap:5px}.club-activity-person dt{font-size:10px;color:#626372}.club-activity-person dd{margin:0;font:700 24px Barlow Condensed,sans-serif}.club-activity-person p{font-size:11px;color:#626372;margin:15px 0 0}.club-billing-footer{margin-top:48px;padding:24px;border-radius:20px;background:#faf7f1}.clubhouse .club-billing-footer>h3{margin:0 0 18px;font:700 24px/1.2 Barlow Condensed,sans-serif}.club-billing-footer .club-plan-management{margin:0 0 20px;padding:0;border:0}.club-billing-capacity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:16px 0 0;border-top:1px solid #252a3b18}.club-billing-capacity>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 20px}.club-billing-capacity>div:first-child{padding-left:0}.club-billing-capacity>div:last-child{padding-right:0}.club-billing-capacity>div+div{border-left:1px solid #252a3b18}.club-billing-capacity dt{font-size:12px;color:#626374}.club-billing-capacity dd{margin:0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.club-billing-footer .club-pass-note{display:block;margin:16px 0 0}@media(max-width:600px){.club-billing-footer{padding:20px}.club-billing-capacity{grid-template-columns:1fr}.club-billing-capacity>div{padding:10px 0}.club-billing-capacity>div+div{border-left:0;border-top:1px solid #252a3b12}}@media(max-width:700px){.club-activity-stats{grid-template-columns:1fr}.club-activity>header{align-items:flex-start;flex-wrap:wrap}.club-activity-chart,.club-activity-modes,.club-activity-recent{padding:18px}.club-activity-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-activity-person{padding:0 10px 18px}.club-activity-person canvas{height:110px}}.club-periods{display:flex;gap:6px;flex-wrap:wrap}#app .clubhouse .club-periods button{border:0;background:#e4dfd8;color:#595566;padding:9px 12px;border-radius:24px;font-size:12px;box-shadow:none}#app .clubhouse .club-periods button[aria-pressed=true]{background:#292b43;color:#fff4e5}.club-activity-chart{display:flex;flex-direction:column;background:#e6def1}.club-pulse-plot{position:relative;height:170px;margin:35px 0 4px;color:#7759a4}.club-pulse-plot svg{width:100%;height:100%;overflow:visible}.club-pulse-points{position:absolute;inset:0}#app .clubhouse .club-pulse-points button,#app .clubhouse .club-pulse-points button:hover,#app .clubhouse .club-pulse-points button:focus-visible{position:absolute;padding:0;width:32px;height:32px;min-height:0;transform:translate(-50%,-50%);scale:1;border-radius:50%;border:0;background:transparent;box-shadow:none}.club-pulse-points button:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;box-sizing:border-box;border:3px solid #e6def1;border-radius:50%;background:#7759a4;transform:translate(-50%,-50%);transition:transform .15s,background .15s}#app .clubhouse .club-pulse-points button:hover,#app .clubhouse .club-pulse-points button:focus-visible{z-index:1}.club-pulse-points button:hover:after,.club-pulse-points button:focus-visible:after{transform:translate(-50%,-50%) scale(1.6);background:#322140}.club-pulse-empty{position:absolute;inset:40% 0 auto;text-align:center;color:#70627c;font-size:14px}.club-pulse-range{display:flex;justify-content:space-between;font-size:11px;color:#766980}.club-chart-reading{margin-top:16px}.club-activity-modes{background:#f1d9c2;display:flex;flex-direction:column;align-items:center}.clubhouse .club-activity-modes h4{align-self:flex-start}.club-activity-modes>.club-mode-ring{position:relative;display:grid;place-items:center;aspect-ratio:1;width:184px;border-radius:50%;margin:4px auto 24px;box-shadow:0 10px #34264114;transform:rotate(-8deg)}.club-mode-ring>div{position:relative;z-index:1;pointer-events:none;width:66%;height:66%;border-radius:50%;background:#f1d9c2;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg)}.club-mode-ring strong{font:700 54px/1 Barlow Condensed,sans-serif}.club-mode-ring span{font-size:12px}.club-activity-modes>.club-mode-legend{display:grid;width:100%;gap:12px;margin:0}#app .clubhouse .club-mode-legend>button{width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;box-shadow:none;transform:none;text-align:left;font-weight:400;color:inherit;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;font-size:12px}.club-mode-legend i{display:block;width:10px;height:10px;border-radius:50%;grid-column:auto}.club-activity-recent{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:transparent;padding:16px 0 0}.club-activity-recent>h4{grid-column:1/-1}#app .clubhouse .club-activity-match{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;border-radius:20px;background:#fffaf1;overflow:hidden;color:#252a3b;text-decoration:none;transition:transform .2s,box-shadow .2s}#app .clubhouse .club-activity-match:hover{transform:translateY(-5px);box-shadow:0 12px 24px #29233a13}.club-match-poster{position:relative;aspect-ratio:16/8;background:linear-gradient(120deg,var(--poster-home) 0 49.8%,var(--poster-away) 50%);overflow:hidden}.club-match-poster:before{content:"";position:absolute;inset:12px;border:1px solid #fff5;border-radius:60px}.club-match-poster canvas{position:absolute;width:100%;height:100%;object-fit:contain}.club-match-score{position:absolute;inset:15px 50px auto 15px;font:700 30px/1 Barlow Condensed,sans-serif;color:#202537}.club-match-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#252a3b;color:#fff3e6;font-size:14px;box-shadow:0 3px #0002;transition:scale .2s}.club-activity-match:hover .club-match-play{scale:1.12}.club-match-caption{display:grid;gap:8px;padding:18px}.club-match-caption>b{font-size:15px}.club-match-caption>span{font-size:12px;font-weight:700;color:#635477}.club-activity-person>button{margin-top:16px}.club-player-history{margin-top:30px;padding:28px;background:#e5dfed;border-radius:24px}.club-player-history>header{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:20px}.club-player-history>header span{white-space:nowrap;font-size:12px;color:#71657d}.club-history-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;margin-top:28px}.club-history-court canvas{width:100%;height:auto;display:block;margin:16px 0;border-radius:18px}.club-history-court p,.club-playing-style>p{font-size:12px;color:#70647a}.club-heat-empty{display:grid;place-items:center;min-height:200px;border-radius:18px;background:#d4cadd;padding:28px;color:#62516d;line-height:1.6}.club-playing-style dl{display:grid;gap:0;margin:18px 0}.club-playing-style dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #49395916;font-size:14px}.club-playing-style dd{font-weight:700;margin:0}.club-style-ribbon{display:flex;gap:4px;height:22px;border-radius:8px;overflow:hidden;margin:20px 0}.club-nights{margin:0 0 40px}.club-nights>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.club-night-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.club-night{display:flex;gap:26px;align-items:flex-start;padding:28px;background:#e1e9da;border-radius:24px;border-top:5px solid #afbc9c}.club-night:first-child{background:#eee0b7;border-color:#d2ac51}.club-night-date{display:flex;flex-direction:column;align-items:center;min-width:65px;gap:3px;padding:12px 8px;background:#fff6;border-radius:12px;transform:rotate(-4deg)}.club-night-date strong{font:700 50px/1 Barlow Condensed,sans-serif}.club-night-date span{font-size:12px;text-transform:uppercase}.club-night-content{flex:1;min-width:0}.clubhouse .club-night-content h4{font:700 30px/1.1 Barlow Condensed,sans-serif;margin:8px 0}.club-night-content p{margin:8px 0}.club-night-content>small{font-size:12px}.club-night-rsvp,.club-night-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#app .clubhouse .club-night-rsvp button,#app .clubhouse .club-night-options button{padding:9px 12px;font-size:12px;border:0;background:#fff8;color:#3e3847;box-shadow:none}#app .clubhouse .club-night-rsvp button[aria-pressed=true],#app .clubhouse .club-night-options button[aria-pressed=true],#app .clubhouse .club-night-options .primary{background:#292b43;color:#fff4e5}.club-night.cancelled .club-night-date,.club-night.cancelled .club-night-content>:not(.club-night-rsvp){opacity:.6}.club-night-empty{display:flex;flex-direction:column;justify-content:center;min-height:140px;background:repeating-linear-gradient(-50deg,transparent 0 30px,#fff3 30px 32px),#e6dec9;border-radius:22px;padding:30px}.club-night-empty strong{font:600 28px Barlow Condensed,sans-serif}.club-night-empty p{margin-bottom:0}.club-night-editor:empty,.club-night-message:empty{display:none}.club-night-editor{background:#e1dbed;padding:26px;border-radius:22px;margin-bottom:20px}.club-night-editor label{display:grid;gap:10px;font-size:12px;max-width:380px}.club-night-editor input{width:100%}.club-nights[aria-busy=true] button{pointer-events:none;opacity:.6}@media(max-width:900px){.club-activity-recent{grid-template-columns:repeat(2,minmax(0,1fr))}.club-history-body{grid-template-columns:1fr}}@media(max-width:600px){.club-player-history{padding:20px}.club-night{padding:20px;gap:16px}.club-night-date{min-width:50px}.club-night-date strong{font-size:40px}.club-activity-recent{gap:10px}.club-match-caption{padding:14px}.club-match-score{font-size:24px}.club-match-play{width:32px;height:32px;right:10px;bottom:10px}.club-activity>header{gap:14px}.club-activity-metrics strong{font-size:32px}}@media(prefers-reduced-motion:reduce){#app .clubhouse .club-activity-match,.club-match-play{transition:none}}.club-activity-modes>.club-mode-legend{grid-template-columns:1fr}.club-activity-load-message:empty{display:none}.club-activity-load-message button{margin-left:12px}.club-playing-style dd{display:flex;gap:16px;align-items:baseline}.club-playing-style dd small{font-size:11px;font-weight:400;color:#70647a;min-width:78px;text-align:right}.club-player-collection{margin-top:38px;border-radius:28px;padding:26px;background:#e6dfed}.club-player-collection>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.club-rating-modes{margin-bottom:20px}.club-player-collection .club-activity-members{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}#app .clubhouse .club-activity-person{position:relative;flex:0 0 224px;scroll-snap-align:start;display:block;min-width:0;overflow:hidden;text-align:center;border:2px solid #ffffff66;border-radius:20px 20px 28px 28px;padding:12px 16px 18px;background:radial-gradient(ellipse at 70% 10%,#d9c7f5,transparent 65%),linear-gradient(145deg,#f6edda,#d2bace);color:#30273e;box-shadow:0 5px #9583a633;transition:transform .2s,border-color .2s,box-shadow .2s}#app .clubhouse .club-activity-person:nth-child(3n+2){background:radial-gradient(ellipse at 70% 10%,#fbe1ac,transparent 65%),linear-gradient(145deg,#f8f0d9,#d9b890)}#app .clubhouse .club-activity-person:nth-child(3n){background:radial-gradient(ellipse at 70% 10%,#beeadb,transparent 65%),linear-gradient(145deg,#f2f0d7,#a4c8bd)}#app .clubhouse .club-activity-person:hover{transform:translateY(-3px)}#app .clubhouse .club-activity-person[aria-pressed=true]{border-color:#493656;box-shadow:0 5px #493656,0 10px 20px #33274622}#app .clubhouse .club-activity-person:focus-visible{outline:2px solid #493656;outline-offset:3px}.club-card-overall{position:absolute;top:16px;left:17px;display:flex;flex-direction:column;z-index:1}.club-card-overall strong{font:700 48px/.9 Barlow Condensed,sans-serif;letter-spacing:-1px}.club-card-overall span{font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:4px}.club-activity-person .club-person-status{font-size:10px}.clubhouse .club-activity-person h4{font:700 26px/1.05 Barlow Condensed,sans-serif;margin:8px 0 18px}.club-activity-person canvas{height:120px;max-width:100%}.club-activity-person .club-card-attributes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:12px;border-top:1px solid #64516733}.club-card-attributes dt{font-size:9px;color:#5e5267}.club-card-attributes dd{font:700 23px Barlow Condensed,sans-serif}.club-activity-person .club-rating-sample{font-size:10px;min-height:15px;color:#605267}.club-player-collection .club-player-history{margin:8px 0 0;padding:26px 0 0;border-radius:0;border-top:1px solid #a596b6;background:transparent}.club-player-detail-heading{display:flex;align-items:center;gap:14px;margin:0 0 20px}.club-player-detail-heading>canvas{width:64px;height:64px;flex-shrink:0;background:#f7efe1;border-radius:22px}.club-player-detail-heading>div{flex:1;min-width:0}.club-player-detail-heading>div>span{display:block;margin-top:6px;font-size:12px;color:#74627d;white-space:normal}.club-detail-overall{font:700 56px/1 Barlow Condensed,sans-serif;color:#493656}.club-rating-breakdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.club-rating-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline}.club-rating-breakdown span{font-size:12px}.club-rating-breakdown strong{font:700 26px Barlow Condensed,sans-serif}.club-rating-breakdown i{grid-column:1/-1;height:5px;border-radius:8px;background:linear-gradient(90deg,#79629b var(--rating),#cfc2dc var(--rating))}#app .clubhouse .club-rating-method{background:none;border:0;box-shadow:none;padding:0;font-size:11px;color:#71617c;margin-top:14px}.club-history-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:32px;margin-top:26px}.club-history-court canvas{width:min(100%,calc(300px * var(--heat-aspect)));height:auto;max-height:300px;margin:14px 0 0}.club-history-court{min-width:0}.club-heat-empty{min-height:180px;font-size:13px}.club-style-ribbon{height:30px;gap:4px;overflow:visible}#app .clubhouse .club-style-ribbon button{min-width:8px;padding:0;border:0;border-radius:5px;box-shadow:none;transition:transform .15s,filter .15s}#app .clubhouse .club-style-ribbon button.highlighted{transform:translateY(-4px) scaleY(1.2);filter:brightness(1.1);box-shadow:0 5px 8px #33274520}.club-playing-style dl>div{border-radius:8px;padding:9px 10px;transition:background .15s}.club-playing-style dl>div.highlighted{background:#fff8}.club-playing-style dt{display:flex;align-items:center;gap:8px}.club-playing-style dt:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--action-color)}.club-rating-dialog{color-scheme:light;background:#f6efdf;color:#292738;border:0;border-radius:24px;max-width:560px;padding:32px}.club-rating-dialog h2{font:700 36px Barlow Condensed,sans-serif;margin-top:0}.club-rating-dialog p{font-size:14px;line-height:1.6}.club-rating-dialog::backdrop{background:#161729aa;backdrop-filter:blur(4px)}.club-rating-dialog button{background:#493656;color:#fff2dc;border:0;border-radius:12px;padding:12px 24px}.club-match-poster{background:linear-gradient(155deg,var(--court-light),var(--court-deep))}.club-match-poster:before{inset:0;border:0;border-radius:0;background:linear-gradient(120deg,color-mix(in srgb,var(--poster-home) 20%,transparent) 0 49.8%,color-mix(in srgb,var(--poster-away) 20%,transparent) 50%)}.club-replay-court{position:absolute;inset:28% 8% 12%;border-radius:6px;background:linear-gradient(90deg,transparent 49.5%,#f5f1db88 49.5% 50.5%,transparent 50.5%),repeating-linear-gradient(90deg,#ffffff0d 0 12%,transparent 12% 24%),var(--court-accent);box-shadow:0 6px #10292735,inset 0 0 0 1px #edf5db90;transform:perspective(360px) rotateX(20deg) rotate(-7deg)}.club-replay-court:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border:1px solid #eef6dc99;border-radius:50%;transform:translate(-50%,-50%)}.club-match-score{color:#fff2db;text-shadow:0 2px 6px #17233e66}.club-night-attendance{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.club-night-group{display:flex;align-items:center;gap:10px}.club-night-group>span{font-size:12px;color:#655c50}.club-night-faces{display:flex;flex-wrap:wrap;gap:3px}.club-night-avatar{position:relative;display:block;width:38px;height:38px;border-radius:50%;background:#fff5;transition:transform .18s}.club-night-avatar canvas{display:block;width:100%;height:100%}.club-night-avatar:hover,.club-night-avatar:focus{transform:translateY(-4px);z-index:2;outline:none}.club-avatar-name{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#302b43;color:#fff1dc;border-radius:8px;font-size:11px;padding:6px 9px;white-space:nowrap;opacity:0;pointer-events:none}.club-night-avatar:hover .club-avatar-name,.club-night-avatar:focus .club-avatar-name{opacity:1}.club-rsvp-choices{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:6px}#app .clubhouse .club-rsvp-choices button{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:14px;background:#fff7;color:#625644;box-shadow:0 3px #73614e26;transform:translateY(0);transition:background .18s,transform .18s,box-shadow .18s}.club-rsvp-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#40304612;font-size:15px;font-weight:800}#app .clubhouse .club-rsvp-choices button[aria-pressed=true]{background:#473853;color:#fff2df;box-shadow:0 1px #33243f;transform:translateY(2px)}#app .clubhouse .club-rsvp-choices button[aria-pressed=true] .club-rsvp-symbol{background:#baa5d9;color:#302239}#app .clubhouse .club-rsvp-choices button:hover:not([aria-pressed=true]){background:#fff9;transform:translateY(-2px)}#app .clubhouse .club-rsvp-choices button.saving{background:#baabd0;transform:translateY(2px)}.club-nights[aria-busy=true] button{opacity:1}@media(max-width:800px){.club-history-body{grid-template-columns:1fr}.club-rating-breakdown{gap:12px}.club-rating-breakdown span{font-size:10px}.club-history-court canvas{height:auto;max-height:300px}}@media(max-width:600px){.club-player-collection{padding:18px}.club-player-collection>header{gap:10px}.club-player-collection h3{font-size:30px}#app .clubhouse .club-activity-person{flex-basis:196px}.club-rating-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}.club-player-detail-heading>canvas{width:48px;height:48px;border-radius:16px}.club-detail-overall{font-size:44px}.club-rsvp-choices{gap:6px}#app .clubhouse .club-rsvp-choices button{gap:6px;padding:10px;font-size:11px}.club-rsvp-symbol{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){#app .clubhouse .club-activity-person,#app .clubhouse .club-style-ribbon button,#app .clubhouse .club-rsvp-choices button,.club-night-avatar{transition:none}}@media(max-width:600px){.club-night{position:relative;display:block}.club-night-date{position:absolute;top:20px;left:20px}.club-night-content>.eyebrow{display:block;margin-left:74px}.clubhouse .club-night-content>h4,.club-night-content>p:first-of-type{margin-left:74px}.club-night-attendance{margin-top:22px}.club-rsvp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#app .clubhouse .club-rsvp-choices button{justify-content:center;padding:10px 6px;min-height:44px}.club-rsvp-symbol{flex-shrink:0}}.club-mode-ring>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.club-mode-ring path{cursor:pointer;pointer-events:stroke;transition:stroke-width .18s,opacity .18s}.club-mode-ring.has-highlight path:not(.highlighted){opacity:.4}.club-mode-ring path.highlighted{stroke-width:42px}.club-mode-ring path:focus-visible{outline:none;stroke-width:42px;filter:brightness(.8)}.club-mode-ring span{max-width:84%;text-align:center;min-height:28px;display:grid;place-items:center;line-height:1.1}#app .clubhouse .club-mode-legend>button.highlighted{background:#fff4e580;transform:none}@media(prefers-reduced-motion:reduce){.club-mode-ring path,.club-pulse-points button:after{transition:none}}.club-social-feature{margin:32px 0;padding:clamp(22px,4vw,56px);border-radius:28px;background:#e6dff1;color:#252a3b;overflow:hidden}.club-social-intro{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-bottom:32px}.club-social-intro .eyebrow{width:100%}.club-social-intro h2{font-size:clamp(38px,4.3vw,66px);line-height:1;margin:0}.club-social-intro p{max-width:380px;margin:0;flex:1 1 240px}.club-social-intro button{padding:16px 22px;border-radius:14px}.club-social-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.club-social-cards article{min-width:0;padding:26px;border-radius:22px;position:relative;overflow:hidden}.club-social-player{background:#302c4a;color:#fff3dd;transform:rotate(-2deg)}.club-social-player canvas{width:100%;height:180px;object-fit:contain}.club-social-rating{position:absolute;top:62px;left:26px;font:700 64px Barlow Condensed,sans-serif}.club-social-cards h3{font-size:32px;margin:0 0 12px}.club-social-attributes{display:flex;justify-content:space-between;gap:8px;font-weight:700}.club-social-night{background:#f7c879;transform:rotate(1.5deg)}.club-social-night strong{display:block;font:800 88px Barlow Condensed,sans-serif;margin-top:22px;line-height:1.1}.club-social-faces{display:flex;margin-top:20px}.club-social-faces canvas{width:24%;margin-left:-4%;aspect-ratio:1}.club-social-history{background:#f7f2e8}.club-social-history h3{margin-top:32px}.club-social-heat{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:12px;border:2px solid #a599bd;border-radius:14px;transform:perspective(400px) rotateX(20deg)}.club-social-heat i{aspect-ratio:1.3;background:#8b64ba;border-radius:4px}.club-social-note{display:block;margin-top:25px;color:#635b72}.club-demo-bar{display:flex;align-items:center;gap:12px;padding:20px 0;flex-wrap:wrap}.club-demo-bar>div{flex:1 1 320px;display:grid;gap:5px}.club-demo-bar span{color:#6b6878;font-size:14px}.club-demo-bar button{padding:14px 20px;border-radius:14px}.club-demo-hero{position:relative;height:clamp(300px,42vw,520px);border-radius:28px;overflow:hidden;background:#1d2434;scroll-margin-top:85px}.club-demo-hero canvas{width:100%;height:100%;display:block}.club-demo-caption{position:absolute;left:0;right:0;bottom:0;padding:60px 30px 28px;display:flex;align-items:center;gap:20px;background:linear-gradient(transparent,#182036ed);color:#fff0da;pointer-events:none}.club-demo-caption h1{margin:0;font-size:clamp(48px,6vw,88px);line-height:1}.club-demo-crest{width:70px;height:70px;border-radius:24px;background:#bdacff;color:#382f64;padding:15px}.club-demo-crest svg{width:100%;height:100%}.club-demo-clip{position:absolute;top:16px;left:20px;margin:0;padding:8px 14px;border-radius:20px;background:#1d2434df;color:#fff0da;font-size:13px}.club-demo :is(.club-nights,.club-activity-stats,.club-player-collection){scroll-margin-top:90px}@media(max-width:850px){.club-social-cards{grid-template-columns:1fr 1fr}.club-social-history{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.club-social-history .eyebrow{grid-column:1/-1}.club-social-history h3{margin:0}.club-social-heat{grid-column:2;grid-row:2/4}}@media(max-width:540px){.club-social-cards{grid-template-columns:1fr}.club-social-cards article{transform:none}.club-social-history{display:block}.club-social-history h3{margin-top:20px}.club-demo-caption{padding:50px 18px 22px;gap:12px}.club-demo-crest{width:52px;height:52px;padding:10px}.club-demo-bar button{flex:1}.club-social-intro button{width:100%}}.clubhouse[data-editor=demo]>:is(.clubhouse-heading,.club-switcher,.club-destinations){display:none}#app .club-social-player h3{color:#fff3dd}#app .club-social-feature h2{font-size:clamp(38px,4vw,60px)}#app .club-demo-caption h1{color:#fff0da;margin:0}canvas.club-social-heat{display:block;width:100%;height:auto;padding:0}.club-social-cards article{--card-angle: 0deg;--tilt-x: 0deg;--tilt-y: 0deg;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(var(--card-angle));animation:club-social-drift 7s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease}.club-social-cards article:hover{transform:perspective(900px) translateY(-5px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(0);box-shadow:0 18px 30px #302c4a26}.club-social-cards .club-social-player{--card-angle: -2deg;animation-delay:-1.8s}.club-social-cards .club-social-night{--card-angle: 1.5deg;animation-duration:8.3s;animation-delay:-4s}.club-social-cards .club-social-history{animation-duration:9.2s;animation-delay:-2.8s}.club-social-feature:not(.is-visible) .club-social-cards article{animation-play-state:paused}@keyframes club-social-drift{0%,to{translate:0 3px}50%{translate:0 -5px}}#app .club-social-player{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 190px auto auto;align-content:start;gap:12px 8px}.club-social-player>.eyebrow{grid-column:1/-1;margin-bottom:4px}.club-social-player canvas{width:100%;height:190px;object-fit:contain;grid-column:2;grid-row:2}.club-social-player .club-social-rating{position:static;grid-column:1;grid-row:2;align-self:center;display:grid;gap:2px}.club-social-rating b{font:700 70px/1 Barlow Condensed,sans-serif;letter-spacing:-.02em}.club-social-rating span{font:700 11px/1.4 DM Sans,sans-serif;letter-spacing:.12em;opacity:.75}#app .club-social-player h3{grid-column:1/-1;font-size:42px;line-height:1.05;margin:0}.club-social-attributes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #fff3dd30;padding-top:15px}.club-social-attributes>div{display:flex;align-items:baseline;gap:6px}.club-social-attributes b{font:600 30px/1 Barlow Condensed,sans-serif}.club-social-attributes span{font-size:10px;letter-spacing:.06em;opacity:.75}@media(max-width:540px){.club-social-cards article{--card-angle: 0deg !important}}@media(prefers-reduced-motion:reduce){.club-social-cards article{animation:none;transition:none;transform:none}.club-social-cards article:hover{transform:none}}body.clubs-view #app{background:#f2eee5;color:#252b3b}body.clubs-view #app .masthead,body.clubs-view #app .site-footer{display:flex;background:#1b2337}#app .clubhouse{--club-primary: #bdacff;--club-ink: #51416a;color-scheme:light;color:#252b3b;background:#f2eee5;width:100%;max-width:1480px;min-height:calc(100svh - 112px);padding:26px 44px 0;margin:0 auto;border:0;outline:none}.clubhouse [hidden]{display:none!important}.clubhouse :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}.clubhouse h1{font:700 clamp(56px,6vw,94px)/.96 "Barlow Condensed",sans-serif;margin:18px 0 24px;letter-spacing:-.025em}.clubhouse h2{font:600 36px/1.06 Barlow Condensed,sans-serif;margin:0;color:#252b3b}.clubhouse h3{font:600 34px/1.05 Barlow Condensed,sans-serif;margin:10px 0 14px;color:#252b3b}.clubhouse h4{font-size:13px;margin:24px 0 10px}.clubhouse p{font-size:14px;line-height:1.65}.clubhouse .eyebrow{color:#737480;font-size:10px;font-weight:700;letter-spacing:.12em}.clubhouse-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}.clubhouse-heading>div:first-child{margin-right:auto}.clubhouse-heading h2{font-size:29px;margin-top:3px}.club-toolbar{display:flex;gap:8px}.clubhouse :is(input,textarea,select){color:#252b3b;background:#fbfaf7;border:1px solid #c8c4bd;padding:11px 12px;border-radius:7px;font:inherit;width:100%;min-width:0}.clubhouse button{cursor:pointer;border-radius:7px;padding:11px 16px;font:600 13px DM Sans Variable,sans-serif;background:#e6e1d8;border:1px solid transparent;color:#252b3b;transition:background .16s,transform .16s}.clubhouse button:hover:not(:disabled){background:#dad5ce}.clubhouse button:disabled{opacity:.45;cursor:default}.clubhouse button.primary{color:#fff8ed;background:#27314c}.clubhouse button.primary:hover:not(:disabled){background:#3c4561}.clubhouse .text-button{background:transparent;padding-left:0;padding-right:0}.clubhouse .text-button:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:4px}.clubhouse :is(button,input,select,textarea):focus-visible{outline:1px solid #53617b;outline-offset:3px}.clubhouse :focus:not(:focus-visible){outline:none}.club-tabs{display:flex;gap:22px;max-width:100%;overflow-x:auto;border-bottom:1px solid #d7d1c8;margin:0 0 26px}.club-tabs button{white-space:nowrap;padding:12px 0;background:transparent;border-radius:0;border-bottom:2px solid transparent;font-size:12px}.club-tabs button[aria-selected=true]{border-bottom-color:#28314b}.club-tabs button:hover:not(:disabled){background:transparent;color:#6f5987}.club-home-hero{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);min-height:470px;background:#1c263d;color:#f4eee1;border-radius:18px;overflow:hidden}.club-home-copy{padding:50px 0 44px 40px;align-self:center;position:relative;z-index:1}.club-home-copy .eyebrow{color:#b1b7c7}.club-home-copy p{color:#ccd0db;max-width:360px;font-size:15px}.club-home-copy h1{font-size:clamp(60px,6.5vw,100px)}.club-home-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;align-items:center}.club-home-actions button.primary{background:#efdbb7;color:#242b3d}.club-home-actions button.primary:hover:not(:disabled){background:#faebd0}.club-home-actions .text-button{color:#e0d9e8}.club-home-venue{min-width:0;display:flex;flex-direction:column;justify-content:center}.club-home-venue canvas{width:100%;height:420px;display:block}.club-home-rehearsal{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 24px 24px;justify-content:center}.club-home-rehearsal span{color:#abb4c8;font-size:11px;margin-right:8px}.club-home-rehearsal button{font-size:11px;background:#344057;color:#eee8dc}.club-home-rehearsal button:hover:not(:disabled){background:#48526a}.club-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:54px 0 24px}.club-section-heading p{margin:0;color:#747581;max-width:340px;font-size:12px}.club-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.club-feature{padding:30px;border-radius:14px;background:#e9e4dc;min-width:0;overflow:hidden}.club-feature p{max-width:470px;color:#626674;font-size:13px}.club-feature .text-button{margin-top:15px}.club-feature-venues{background:#e3ded2}.club-feature-courts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.club-feature-courts button{padding:0 0 12px;background:#d6d0c4;overflow:hidden;font-size:9px}.club-feature-courts canvas{display:block;width:100%}.club-feature-kit{background:color-mix(in srgb,var(--club-primary) 27%,#eeebf3)}.club-feature-kit>canvas{width:100%;display:block;margin-top:20px}.club-feature-voice{background:#e8e4ec}.club-speech-preview{display:block;width:100%;height:210px;border-radius:10px;margin:20px 0 12px}.club-chat-samples{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.club-chat-samples button{font-size:11px;padding:8px 10px;text-align:left}.club-feature-games{background:#dfe4ed}.club-mode-stories{margin:20px 0 16px}.club-mode-stories>div{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #28344b20}.club-mode-stories b{font-size:13px}.club-mode-stories span{font-size:11px;line-height:1.5;color:#626b7c}.club-feature-games small{color:#697186}.club-together{padding:50px 0 34px;display:grid;grid-template-columns:.8fr 1.2fr auto;gap:32px;align-items:center}.club-together p{margin:0;color:#6b6e79;font-size:13px}.club-work{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:40px;align-items:start}.club-stage{position:sticky;top:calc(var(--shell-header, 68px) + var(--session-height, 0px) + 16px);border-radius:14px;overflow:hidden;background:#202a40;color:#efeee8;min-width:0}.club-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px}.club-stage-heading h3{color:#eeebe4;font-size:30px;margin:4px 0 0}.club-stage-heading .eyebrow{color:#b3bbcb}.club-stage-badge{display:grid;place-items:center;width:42px;height:42px;color:var(--club-primary)}.club-stage-badge svg{width:34px;height:34px}.club-stage canvas{display:block;width:100%;height:clamp(300px,40vh,460px)}.club-stage-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px}.club-live-label{color:#a6b0c4;font-size:10px}.club-goal-tests{display:flex;gap:6px}.clubhouse .club-stage-actions button{padding:8px 10px;color:#ede7db;background:#364056;font-size:10px}.club-summary{padding:0 20px 18px;color:#a5afc2;font-size:10px!important;margin:0}.club-editor{min-width:0;padding:4px 0}.club-editor>h3{margin-top:0}.club-copy{color:#6e707a;font-size:12px!important;line-height:1.7}.club-field{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:11px;color:#616576}.club-field small{align-self:end;font-size:10px}.club-palette-card{padding:18px 0;border-bottom:1px solid #d3cfc7}.club-palette-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.club-palette-heading h4{margin:0;font:600 24px Barlow Condensed,sans-serif}.club-palette-heading small{font-size:10px;color:#777887}.club-colors{display:flex;gap:14px}.club-colors .club-field{flex:1}.club-colors input{height:42px;padding:4px;cursor:pointer}.club-palette-feedback{font-size:11px!important;color:#697082}.club-palette-feedback.has-error{color:#a6413f}.clubhouse .club-away-suggest{font-size:10px;padding-top:10px}.club-choices{display:flex;gap:10px;flex-wrap:wrap}.club-choices button{flex:1 0 28%}.club-choices button[aria-pressed=true],.club-emblem-grid button[aria-pressed=true]{border-color:#6f6081;background:color-mix(in srgb,var(--club-primary) 25%,#f3eef6)}.club-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.clubhouse .club-patterns button{display:flex;flex-direction:column;padding:0 0 10px;overflow:hidden;font-size:10px}.club-patterns canvas{display:block;width:100%;height:auto}.club-venue-choices,.club-led-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clubhouse .club-venue-choices button,.clubhouse .club-led-choices button{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden}.club-venue-choices canvas,.club-led-choices canvas{display:block;width:100%}.club-led-choices canvas{height:54px}.club-venue-choices .club-choice-label,.club-led-choices .club-choice-label{min-height:42px;padding:12px 8px;font-size:11px;line-height:1.4}.club-emblem-tools{display:flex;gap:8px;position:sticky;top:calc(var(--shell-header, 68px) + var(--session-height, 0px));background:#f2eee5;z-index:1;padding:8px 0}.club-emblem-tools input{flex:1;width:0}.club-emblem-tools select{width:120px;font-size:11px}.club-emblem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.clubhouse .club-emblem-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:84px;padding:10px 4px}.club-emblem-grid svg{width:30px;height:30px;color:#605573}.club-emblem-grid span{font-size:9px}.club-phrases{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.club-phrases .club-field{padding:14px;background:#e8e2ee;border-radius:12px}.club-phrases textarea{font-size:12px;line-height:1.5;resize:vertical}.clubhouse .club-phrases button{align-self:start;font-size:10px;padding:2px}.club-members{list-style:none;padding:0;margin:22px 0}.club-members li{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #d3cfc7}.club-members li span{flex:1;overflow-wrap:anywhere}.club-members small{color:#787687}.club-editor details{margin-top:32px;font-size:12px;color:#807477}.club-editor summary{cursor:pointer}.club-feedback{flex:1;font-size:12px!important;margin:0;color:#646a78}.club-dirty{color:#737786;font-size:10px}.club-intro{color:#747481}.club-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.club-library button{display:flex;flex-direction:column;align-items:start;padding:0 0 24px;border-radius:14px;overflow:hidden}.club-library canvas{display:block;width:100%}.club-library b{padding:8px 24px;font:600 30px Barlow Condensed,sans-serif}.club-library span{padding:0 24px;color:#727485;font-size:11px}.club-library .club-library-new{align-items:center;justify-content:center;min-height:260px;border:1px dashed #aba5b5;background:transparent}.club-library .club-library-plus{font-size:48px}.club-join-page{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1120px;padding:40px 0 80px}.club-join-page p{color:#737687;max-width:440px}.club-invitation-form{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:28px}.club-invitation-form .club-field{width:100%}.club-invitation-ticket{padding:28px;background:#e3dbec;border-radius:16px;text-align:center;align-self:start;border-bottom:6px solid #c6b9d6}.club-invitation-ticket>canvas{width:100%;display:block}.club-invitation-ticket h2{font-size:50px;margin:16px 0}.club-invitation-ticket p{margin:12px auto 24px}.club-invite-share{padding:26px;border-radius:14px;background:#e5ddef;margin:22px 0}.club-invite-share h3{margin-top:0}.club-invite-share input{margin:10px 0;font-size:11px}.club-invite-share .text-button{margin-top:12px}@media(max-width:1000px){#app .clubhouse{padding:22px 24px 0}.club-home-copy{padding-left:28px}.club-home-copy h1{font-size:68px}.club-home-hero{grid-template-columns:.9fr 1.1fr}.club-home-venue canvas{height:360px}.club-feature{padding:24px}.club-feature-courts{grid-template-columns:repeat(2,minmax(0,1fr))}.club-work{gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.club-together{grid-template-columns:1fr 1.3fr}.club-together button{justify-self:start}}@media(max-width:760px){#app .clubhouse{padding:18px 16px 0}.clubhouse-heading{gap:12px;flex-wrap:wrap}.clubhouse-heading h2{font-size:25px}.clubhouse-heading>.text-button{font-size:10px}.club-toolbar{width:100%;gap:20px}.club-tabs{gap:18px;margin-bottom:20px}.club-home-hero{grid-template-columns:1fr}.club-home-copy{padding:28px 26px 4px}.club-home-copy h1{font-size:66px;margin:16px 0}.club-home-copy p{font-size:13px}.club-home-actions{margin-top:20px}.club-home-venue canvas{height:300px}.club-home-rehearsal{padding:0 16px 20px}.club-home-rehearsal span{width:100%;text-align:center}.club-section-heading{display:block;margin-top:34px}.club-section-heading p{margin-top:12px}.club-feature-grid{grid-template-columns:1fr;gap:16px}.club-feature{padding:24px}.club-feature-courts{grid-template-columns:repeat(4,minmax(0,1fr))}.club-feature-courts button{font-size:8px}.club-mode-stories>div{grid-template-columns:105px 1fr}.club-together{display:flex;flex-direction:column;align-items:start;gap:18px;padding:34px 0 20px}.club-work{display:flex;flex-direction:column;gap:26px}.club-stage{top:calc(var(--shell-header, 58px) + var(--session-height, 0px));width:100%;z-index:3}.club-stage-heading{padding:14px}.club-stage-heading h3{font-size:23px}.club-stage-heading .eyebrow{display:none}.club-stage-badge{height:24px;width:24px}.club-stage-badge svg{width:24px;height:24px}.club-stage canvas{height:180px}.club-stage-actions{padding:8px 12px}.club-stage-actions .club-live-label,.club-summary{display:none}.club-goal-tests{width:100%}.club-goal-tests button{flex:1}.club-editor{width:100%}.club-emblem-tools{position:static}.club-feedback{flex-basis:100%;font-size:11px!important}.club-dirty{flex-basis:100%}.club-library{grid-template-columns:1fr}.club-join-page{grid-template-columns:1fr;gap:24px;padding:16px 0 30px}.club-join-page h1{font-size:55px}.club-invitation-ticket{padding:20px}}@media(prefers-reduced-motion:reduce){.clubhouse *{transition:none!important;animation:none!important}}.reduced-motion .clubhouse *{transition:none!important;animation:none!important}.lobby-club-row{display:flex;align-items:center;gap:4px;padding:0 12px 8px}.lobby-club-row button{font-size:11px}.chat-pack{white-space:nowrap;font-size:10px}.club-mode-copy{font-size:11px;line-height:1.5;color:#b8c5a8;margin:8px 0 12px}.club-work-people{display:block}.club-work-people .club-stage{display:none}.club-work-people .club-editor{max-width:840px;margin:0 auto}.club-invite-share{position:relative;padding:32px}.club-invite-share>.eyebrow{display:block;margin-bottom:12px}.club-invite-share>.text-button{display:block}.club-invite-share .club-copy{max-width:540px}.club-invite-crest{float:right;margin-left:24px;width:80px;height:80px;color:#655275}.club-invite-crest:empty{display:none}.club-invite-crest svg{width:100%;height:100%}.club-member-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--club-primary) 30%,#e5dfed);font-size:14px}body.clubs-view #app .brand{color:#f5efdf}body.clubs-view #app .shell-tab[aria-current=page]{background:#39415a;border-color:transparent;color:#eee4fa}.clubhouse button.primary{box-shadow:none}.club-feature-kit>canvas,.club-feature-courts canvas,.club-library canvas,.club-invitation-ticket>canvas,.club-venue-choices canvas{height:auto}#app .clubhouse{scroll-margin-top:calc(var(--shell-header, 68px) + var(--session-height, 0px))}.club-account-actions{display:flex;flex-direction:column;align-items:start;gap:14px;margin:28px 0}#app #clubs-page>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 22px;margin:28px 0 0;min-height:88px;position:sticky;bottom:0;z-index:5;background:#f8f5eff5;border:1px solid #ddd8d0;border-radius:16px 16px 0 0;font-family:DM Sans Variable,sans-serif;letter-spacing:normal;text-transform:none}#app #clubs-page>footer:has(.club-save-actions>button:not([hidden])){box-shadow:0 -8px 28px #20283d08}#app #clubs-page>footer:not(:has(.club-save-actions>button:not([hidden]))){position:static;min-height:0;padding:12px 0;background:none;border:0}#app #clubs-page>footer:not(:has(.club-save-actions>button:not([hidden]))) .club-dirty{display:none}.club-save-status{min-width:0;display:grid;gap:4px}.club-save-actions{display:flex;gap:12px;align-items:stretch}#app .club-save-actions button{min-height:48px;min-width:152px;margin:0;white-space:normal}.club-feedback:empty,.club-dirty:empty{display:none}.club-chat-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#e6e1d9;padding:5px;border-radius:12px;margin:24px 0 16px}.club-chat-groups button{padding:12px 5px;font-size:12px}.club-chat-groups button[aria-pressed=true]{background:#fbfaf7;box-shadow:0 2px 5px #21293a12}.club-chat-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-chat-slots button{display:flex;align-items:center;gap:12px;min-height:78px;text-align:left;background:#e9e5dd}.club-chat-slots button[aria-pressed=true]{background:#e4dcef;border-color:#a494bb}.club-chat-slots kbd{display:grid;place-items:center;width:24px;height:26px;flex-shrink:0;background:#ffffff80;border-radius:5px}.club-chat-slots .phrase-text{overflow-wrap:anywhere}.club-chat-composer{display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px;background:#fbfaf7;border-radius:14px;margin-top:20px;gap:10px}.club-chat-composer .club-field{grid-column:1 / -1;margin:0}.club-chat-composer small{color:#737480}.club-chat-composer textarea{resize:vertical;min-height:100px}.club-venue-show{overflow:hidden;background:#192237;border-radius:12px;margin:18px 0}.club-venue-show canvas{display:block;width:100%;height:auto;aspect-ratio:17 / 11}.club-venue-show figcaption{text-align:center;padding:12px;color:#f2ede5}#app .clubhouse .club-kit-preview{width:100%;height:240px;display:block;border-radius:12px;margin:18px 0}#app .clubhouse .club-game-preview{width:100%;height:260px;display:block;background:#192237;border-radius:12px;margin-top:18px}.club-mode-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}#app .club-invite-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;padding:36px;background:#e7e0f1;border:0;border-radius:20px;margin-top:24px}.club-invite-share>:is(.eyebrow,h3,.club-copy,.text-button,details){grid-column:1 / -1;margin:0}.club-invite-share>.club-invite-crest{grid-column:2;grid-row:1 / 4;float:none;margin:0}.club-invite-share>:is(.eyebrow,h3){grid-column:1}.club-invite-share>input{grid-column:1;font-size:13px}.club-invite-share>button.primary{grid-column:2;min-height:50px;padding-inline:24px}.club-invite-share>.text-button{justify-self:start}.club-invite-share>details{border-top:1px solid #ccc1d9;padding-top:22px;margin-top:16px}.club-switcher{display:flex;gap:10px;overflow-x:auto;padding:4px 0 20px;margin-bottom:6px}.club-switcher .club-switch-choice{display:flex;gap:10px;align-items:center;flex-shrink:0;background:#e6e1d8;padding:8px 16px 8px 8px;border-radius:32px}.club-switcher .club-switch-choice[aria-pressed=true]{background:#28314a;color:#f5efdf}.club-switch-crest{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}.club-switch-crest svg{width:21px;height:21px}.club-switcher>.club-switch-new{padding-inline:18px;background:transparent;border:1px dashed #a6a1aa}.club-member-home{position:relative;background:#1b2337;border-radius:22px;overflow:hidden;color:#f5efdf}.club-member-stadium canvas{display:block;width:100%;height:clamp(300px,40vw,550px)}.club-member-welcome{padding:24px 34px 30px;display:grid;grid-template-columns:1fr auto;column-gap:24px}.club-member-welcome h1{font-size:clamp(46px,5vw,72px);margin:8px 0}.club-member-welcome .eyebrow{color:#abaac3}.club-member-welcome .club-home-actions{grid-column:2;grid-row:1 / 4;align-content:center;align-items:center;margin:0}.club-member-welcome p{margin:0;color:#bab7cd}.club-home-social{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.club-home-social>section{background:#fbfaf7;border-radius:18px;padding:28px}.club-home-people{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.club-home-people>div{display:grid;gap:6px;justify-items:center;min-width:80px}.club-home-people small{color:#777888}.club-studio-shortcut{display:flex;width:100%;justify-content:space-between;gap:12px;margin:10px 0;text-align:left}.club-studio-shortcut span{color:#777888;font-weight:400}@media(max-width:700px){#app #clubs-page>footer{grid-template-columns:1fr;padding:14px;gap:10px}.club-save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#app .club-save-actions button{min-width:0;padding:12px}.club-save-actions:has(>button[hidden]){grid-template-columns:1fr}.club-chat-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.club-chat-slots button{padding:12px}.club-chat-composer{padding:16px}#app .club-invite-share{padding:22px;grid-template-columns:minmax(0,1fr)}.club-invite-share>.club-invite-crest{grid-column:1;grid-row:auto;width:54px;height:54px}.club-invite-share>button.primary{grid-column:1;grid-row:5}.club-member-welcome{display:block;padding:22px}.club-member-welcome .club-home-actions{margin-top:20px}.club-home-social{grid-template-columns:1fr}.club-studio-shortcut{flex-direction:column}}.club-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;max-width:920px}.club-plan-options>section,.club-plan-state{background:#fbfaf7;padding:32px;border-radius:20px}.club-plan-options h2{margin-top:18px;font-size:48px}.club-plan-options button{margin-top:20px;width:100%;min-height:50px}.club-product-price{margin:32px 0;padding:36px;border-radius:20px;background:#e4dcef}@media(max-width:700px){.club-plan-options{grid-template-columns:1fr}.club-plan-options>section{padding:24px}}.club-member-welcome .club-home-presence{margin-top:14px;grid-column:1}.club-member-welcome>button{justify-self:start;margin-top:12px;grid-column:1;background:#343c51;color:#e3dced}.home-club-rooms{margin-top:28px;display:grid;gap:8px;max-width:420px;pointer-events:auto}.home-club-rooms>.eyebrow{font-size:10px;letter-spacing:.1em;color:#ddd4f0}.home-club-rooms button{display:grid;gap:5px;width:100%;padding:13px 16px;text-align:left;background:#242d43ed;color:#f3ecff;border:1px solid #6b668080;border-radius:12px}.home-club-rooms button span{font-size:11px;line-height:1.4;color:#c9c0da}#app .clubhouse[data-editor=voice] .club-goal-tests,#app .clubhouse[data-editor=voice] .club-summary{display:none}#app .club-chat-slots kbd{background:#ffffff90;color:#454057;border:0;font:inherit;font-size:11px}.club-venue-show>span,.club-venue-show>b{display:block;text-align:center;padding:12px;color:#eee7fa}.club-feature-games .club-mode-caption+p{margin-bottom:8px}.club-immersive-grid{margin:30px 0;gap:24px}.club-immersive{position:relative;isolation:isolate;overflow:hidden;min-height:560px;border-radius:24px;background:#1b2337}#app .club-immersive>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.club-card-caption{position:absolute;bottom:0;inset-inline:0;z-index:2;padding:88px 32px 28px;background:linear-gradient(transparent,#172036c9 34%,#172036f5);pointer-events:none}#app .club-card-caption .eyebrow{color:#c4b9d4}#app .club-card-caption h3{color:#fff4e6;font-size:clamp(32px,3vw,46px);margin:10px 0}.club-card-caption p{color:#dad4e1;max-width:400px;line-height:1.5;margin:0 0 20px}#app .club-card-caption button{pointer-events:auto;background:#eee4fc;color:#302c49;padding:12px 18px}.club-card-current{position:absolute;z-index:2;top:24px;left:24px;background:#152037ba;color:#f4ebff;border:1px solid #ffffff26;backdrop-filter:blur(12px);border-radius:24px;padding:8px 14px;font-size:12px}#app .club-card-next{position:absolute;top:22px;right:22px;z-index:3;background:#152037ba;color:#f4ebff;border:1px solid #ffffff26;border-radius:24px}#app .club-home-rehearsal{justify-content:end;gap:8px;padding:14px 20px}#app .club-home-rehearsal button{min-width:104px;margin:0}@media(max-width:700px){.club-immersive{min-height:490px}.club-card-caption{padding:76px 24px 24px}.club-card-current{top:18px;left:18px}#app .club-card-next{top:16px;right:16px}}.club-pass{display:grid;grid-template-columns:1.1fr 1fr;background:#202b43;color:#f5efdf;border-radius:26px;overflow:hidden;min-width:0}.club-pass-stage{position:relative;overflow:hidden;min-height:560px;background:radial-gradient(ellipse at 45% 30%,#6e748b,#1b253c 70%)}.club-pass-stage canvas{width:100%;height:100%;position:absolute;inset:0}.club-pass-caption{position:absolute;left:28px;right:28px;bottom:28px;display:grid;gap:8px;pointer-events:none}.club-pass-caption strong{font:700 30px Barlow Condensed;overflow-wrap:anywhere}.club-pass-ticket{position:relative;padding:36px;background:#f4eedf;color:#242b41;display:flex;flex-direction:column;gap:18px}.club-pass-ticket h2{font:800 clamp(30px,3.5vw,52px)/1.02 "Barlow Condensed";margin:0;letter-spacing:-.5px;overflow-wrap:anywhere}.club-pass-description{margin:0;font-size:14px;line-height:1.6;color:#5b5d70}.club-pass-badge{display:flex;align-items:center;gap:14px}.club-pass-crest{width:54px;height:54px;display:grid;place-items:center;border-radius:18px 18px 26px 26px}.club-pass-crest svg{width:32px;height:32px}.club-pass-cadence{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clubhouse .club-pass-cadence button{text-align:left;background:#fffaf2;border:1px solid #262d412b;border-radius:14px;padding:16px;display:grid;align-content:start;gap:7px;color:#262d41}.clubhouse .club-pass-cadence button[aria-pressed=true]{background:#e2d9fa;border-color:#8e7da9}.club-pass-cadence strong{font:700 32px Barlow Condensed}.club-pass-cadence small{font-size:11px;line-height:1.5}.clubhouse .club-pass-open{min-height:50px;width:100%}.club-pass-note{color:#6f6b77;font-size:11px;line-height:1.5}.club-pass-actions{display:flex;flex-wrap:wrap;gap:10px}.club-pass-details{border-top:1px solid #262d4124;padding-top:14px;font-size:12px}.club-pass-details summary{cursor:pointer}.club-pass-wait{display:flex;gap:12px;align-items:center;font-size:13px}.club-pass-wait:before{content:"";width:12px;height:12px;border-radius:50%;background:#9680c2;animation:club-pass-pulse 1.5s ease-in-out infinite alternate}.club-pass-unlocked .club-pass-ticket{animation:club-pass-reveal .8s ease-out both}.club-pass-unlocked .club-pass-crest{animation:club-pass-key 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes club-pass-reveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes club-pass-key{0%{transform:rotate(-15deg) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes club-pass-pulse{to{opacity:.25;transform:scale(.6)}}@media(max-width:760px){.club-pass{grid-template-columns:1fr}.club-pass-stage{min-height:300px}.club-pass-ticket{padding:24px}}@media(prefers-reduced-motion:reduce){.club-pass *{animation:none!important;transition:none!important}}body.reduced-motion .club-pass *{animation:none!important;transition:none!important}.club-destinations{display:flex;align-items:center;gap:8px;margin:4px 0 24px}.clubhouse .club-destinations button{padding:13px 22px;border:1px solid #282e4230;border-radius:12px;background:transparent;color:#343a50;font-size:14px}.clubhouse .club-destinations button[aria-current=page]{background:#29334b;color:#f4eddb;border-color:#29334b}.clubhouse .club-destinations+.club-tabs{margin-top:-8px}.club-dashboard-plan p{font-size:13px;line-height:1.6;color:#656473}@media(max-width:600px){.club-destinations{gap:6px}.clubhouse .club-destinations button{flex:1;padding:13px 16px}}#app .lobby-heading.has-club>div:first-child{display:none}#app .lobby-heading .club-room-identity{display:flex;align-items:center;gap:18px;padding:6px 0 18px;min-width:0}#app .club-room-identity h2{font:700 clamp(30px,4vw,48px) "Barlow Condensed",sans-serif;color:var(--ink);margin:0;overflow-wrap:anywhere}.club-room-crest{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;flex-shrink:0;transform:rotate(-5deg)}.club-room-crest svg{width:40px;height:40px}.club-stadium-policy{font-size:13px;line-height:1.5;color:#646372;margin:0 0 18px}.clubhouse .club-venue-choices button:disabled{opacity:.55}.club-work.club-work-people{min-height:0}.club-pass-presence{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.club-pass-presence p{margin:0;font-size:13px}.club-plan-management{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0 0;border-top:1px solid #29334b20}.club-plan-calendar{display:grid;text-align:center;overflow:hidden;border-radius:10px;background:#fffaf0;box-shadow:0 3px #28334b14}.club-plan-calendar span{padding:4px;background:#b7a3e2;font-size:10px;text-transform:uppercase;font-weight:700}.club-plan-calendar strong{padding:4px;font:700 26px/1 Barlow Condensed}.club-plan-info{display:grid;gap:5px}.club-plan-info strong{font-size:14px}.club-plan-info span{font-size:12px;color:#62677a}#app .club-invite-share{grid-template-columns:minmax(0,1fr) 80px}#app .club-invite-share>.club-invite-crest{grid-column:2;grid-row:1 / 4}#app .club-invite-share>.club-copy-invite{grid-column:1 / -1;grid-row:auto;justify-self:start;width:min(100%,290px);height:64px;padding:0 24px;display:grid;border-radius:18px;overflow:hidden;background:#29334b;color:#faf3e4;transition:background .22s,box-shadow .22s;box-shadow:0 5px #141a2b}.club-copy-invite>span{grid-area:1 / 1;display:flex;justify-content:center;align-items:center;gap:12px;transition:opacity .22s,transform .32s cubic-bezier(.2,.8,.2,1)}.club-copy-invite svg{width:22px;height:22px}.club-copy-invite .club-copy-done{opacity:0;transform:translateY(24px) rotate(-5deg)}#app .club-copy-invite.is-copied{background:#8470b4;box-shadow:0 5px #5a4985}.club-copy-invite.is-copied .club-copy-ready{opacity:0;transform:translateY(-24px)}.club-copy-invite.is-copied .club-copy-done{opacity:1;transform:none}.club-copy-invite.is-copied .club-copy-done svg{animation:club-copy-check .4s ease-out}@keyframes club-copy-check{0%{transform:rotate(-35deg) scale(.5)}to{transform:none}}.club-invite-status{grid-column:1 / -1;margin:0;min-height:1.4em;font-size:12px}.club-invite-reset{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:22px;background:#f7f2fb;border-radius:16px}.club-invite-reset h4{margin:0 0 6px;font-size:15px}.club-invite-reset p{margin:0;max-width:380px;font-size:12px;color:#686277}.club-invite-reset-actions{display:flex;flex-wrap:wrap;gap:8px}.club-join-page{margin-inline:auto;width:100%}.club-join-invitation{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:none;padding:0;gap:0;margin-block:28px;background:#e7e0f1;border-radius:24px;overflow:hidden}.club-join-stadium{display:grid;align-items:center;background:#c9bfd7;min-width:0}.club-join-stadium canvas{display:block;width:100%;height:auto}.club-join-content{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px;padding:44px;min-width:0}.club-join-content h1{font-size:clamp(32px,4.5vw,64px);margin:0;line-height:1.05;overflow-wrap:anywhere}.club-join-content p{margin:0}.club-join-crest{width:64px;height:64px;color:#635080}.club-join-crest svg{width:100%;height:100%}.club-join-crest:empty{display:none}@media(max-width:700px){.club-plan-management{grid-template-columns:48px minmax(0,1fr)}.club-plan-management>button{grid-column:1 / -1;justify-self:start}#app .club-invite-share{grid-template-columns:minmax(0,1fr) 54px}#app .club-invite-share>.club-invite-crest{width:54px;height:54px}.club-join-invitation{grid-template-columns:minmax(0,1fr)}.club-join-content{padding:28px}}@media(prefers-reduced-motion:reduce){.club-copy-invite,.club-copy-invite *{animation:none!important;transition:none!important}}body.reduced-motion .club-copy-invite,body.reduced-motion .club-copy-invite *{animation:none!important;transition:none!important}.clubhouse .club-copy-room{display:grid}.club-copy-room>span{grid-area:1 / 1}.club-copy-room>.club-copy-room-done{visibility:hidden}.club-copy-room.copied>span{visibility:hidden}.club-copy-room.copied>.club-copy-room-done{visibility:visible}.clubhouse .club-copy-room.copied{background:#ddd2ee;color:#403451}#app .clubhouse-heading{align-items:center;justify-content:space-between;margin:10px 0 22px}#app .clubhouse-heading>div:first-child{display:flex;align-items:center;gap:18px;min-width:0}#app .clubhouse-heading>div:first-child>div{display:flex;flex-direction:column;justify-content:space-between;min-height:64px;gap:8px}#app .clubhouse-heading .eyebrow,#app .clubhouse-heading h2{text-box:trim-both cap alphabetic}#app .clubhouse-heading h2{font:700 clamp(32px,4vw,48px)/1 "Barlow Condensed",sans-serif;margin:0;overflow-wrap:anywhere}.club-header-crest{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:22px}.club-header-crest svg{width:38px;height:38px}.clubhouse .club-header-new{flex-shrink:0;padding:10px 14px;background:transparent;border:1px solid #252a3b25;font-size:12px}#app .club-switcher{padding:0 0 14px;margin:0;gap:8px}#app .club-switcher .club-switch-choice{padding:5px 10px 5px 5px;font-size:12px;border-radius:10px;background:transparent;color:#6a6773;border:1px solid transparent}#app .club-switcher .club-switch-choice[aria-pressed=true]{background:#e5dfec;color:#302a43;border-color:#cbc1d7}#app .club-switch-crest{width:26px;height:26px}#app .club-switch-crest svg{width:17px;height:17px}#app .clubhouse .club-destinations{margin:0 0 26px;gap:28px;border-bottom:1px solid #252a3b20}#app .clubhouse .club-destinations button{position:relative;flex:none;padding:14px 0;border:0;border-radius:0;background:transparent;color:#6c6877;box-shadow:none;font-size:15px}#app .clubhouse .club-destinations button[aria-current=page]{color:#292d41}#app .clubhouse .club-destinations button[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#71618e;border-radius:3px}.club-members li{flex-wrap:wrap}.club-member-remove{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}.club-member-remove p{flex-basis:100%;margin:0;font-size:12px}.club-disband-name{display:grid;gap:8px;width:min(100%,360px);margin:16px 0;font-size:13px}.clubhouse .club-danger-button{background:#833e4f;color:#fff7f0}@media(max-width:600px){#app .clubhouse-heading{gap:12px}#app .clubhouse-heading>div:first-child{gap:12px}#app .clubhouse-heading>div:first-child>div{min-height:48px}.club-header-crest{width:48px;height:48px;flex-basis:48px;border-radius:16px}.club-header-crest svg{width:30px;height:30px}.clubhouse .club-header-new{padding:10px}#app .clubhouse-heading h2{font-size:30px}}#app .club-stage-heading h3{margin:0;line-height:1}#app .home-club-rooms{max-width:520px;gap:12px}#app .home-club-heading{font-size:23px;margin:0 0 2px;color:inherit}#app .home-club-room{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;border:1px solid color-mix(in srgb,var(--room-primary) 35%,transparent);background:#20283d;text-align:left;min-height:102px;transition:transform .18s,border-color .18s}#app .home-club-room:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--room-primary) 24%,transparent),transparent 60%)}#app .home-club-room:after{content:"";position:absolute;z-index:-1;width:110px;height:220px;right:-60px;top:-80px;transform:rotate(28deg);background:var(--room-primary);opacity:.14;transition:transform .25s}#app .home-club-room:hover{transform:translateY(-2px);border-color:var(--room-primary)}#app .home-club-room:hover:after{transform:rotate(35deg) translate(-15px)}#app .home-club-crest{flex:0 0 60px;height:60px;display:grid;place-items:center;border-radius:20px 20px 24px 24px;background:var(--room-primary);color:var(--room-ink);box-shadow:0 4px #0002}#app .home-club-crest svg{width:36px;height:36px}#app .home-club-copy{display:grid;gap:6px;min-width:0;flex:1}#app .home-club-copy b{font-size:19px;color:#f4efe6;overflow-wrap:anywhere}#app .home-club-presence{color:#c3c8d5;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#app .home-club-state{flex:0 0 auto;color:var(--room-primary);font-size:12px;font-weight:750}#app .home-club-state.is-live:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}@media(max-width:600px){#app .home-club-room{gap:12px;padding:16px}#app .home-club-crest{flex-basis:48px;height:48px}}body.clubs-view #app #clubs-page{flex:0 0 auto;height:auto;overflow:visible}body.clubs-view #app>.site-footer{flex:0 0 auto;position:static;margin-top:auto}.club-social-hero{position:relative;display:block;min-height:540px;background:#202b43;isolation:isolate}.club-social-hero .club-pass-stage{position:absolute;inset:0;min-height:0;z-index:-2}.club-social-hero .club-pass-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#182036f5,#182036bb 25%,#18203600 70%);pointer-events:none}.club-social-hero .club-pass-caption{display:none}.club-social-hero .club-pass-ticket{min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:transparent;color:#fff2df;padding:120px 40px 36px}#app .club-social-hero .club-pass-ticket h2{color:#fff2df;font-size:clamp(42px,5vw,72px);max-width:80%}.club-social-hero .club-pass-badge{position:absolute;top:28px;left:30px}.club-social-hero .club-pass-badge>.eyebrow{display:none}.club-social-hero .club-pass-crest{width:64px;height:64px;box-shadow:0 4px 16px #10152533;transform:rotate(-6deg)}.club-social-hero .club-pass-description{display:none}.club-social-hero .club-pass-actions{margin-top:24px;gap:12px}#app .club-social-hero .club-pass-actions button{background:#f7ecdb;color:#252a3b;border:0;padding:14px 20px}#app .club-social-hero .club-pass-actions button.primary{background:var(--club-primary);color:#242438;font-weight:800}#app .club-social-hero .club-pass-actions button:last-child:not(.club-copy-room):not(.primary){background:#ffffff18;color:#fff2df}.club-social-hero .club-pass-presence{color:#e0d8dc}.club-social-hero .club-pass-presence p{margin:10px 0 0}@media(max-width:600px){.club-social-hero,.club-social-hero .club-pass-ticket{min-height:460px}.club-social-hero .club-pass-ticket{padding:112px 24px 24px}.club-social-hero .club-pass-actions{gap:8px}#app .club-social-hero .club-pass-actions button{padding:12px 14px;font-size:12px}}#app article.home-club-room{cursor:pointer;flex-wrap:wrap;gap:12px}#app .home-club-visit{display:flex;align-items:center;gap:16px;width:100%;padding:0;border:0;background:none;box-shadow:none;text-align:left}#app .home-club-room.has-occupants{display:grid;grid-template-columns:minmax(0,1fr) auto}#app .home-club-avatars{display:flex;align-items:center;padding:4px;border-radius:24px;background:#ffffff0c}#app .home-club-avatar{display:block;position:relative;width:34px;height:34px;margin-left:-10px;border-radius:50%;transition:translate .16s}#app .home-club-avatar:first-child{margin-left:0}#app .home-club-avatar canvas{width:100%;height:100%}#app .home-club-avatar:hover,#app .home-club-avatar:focus-visible{translate:0 -3px;z-index:1}#app .home-club-avatar:focus-visible{outline:2px solid var(--room-primary);outline-offset:2px}#app .home-club-peek-more{min-width:28px;text-align:center;font-size:11px;font-weight:750;color:#f4efe6}.home-club-name{position:fixed;inset:auto;margin:0;padding:7px 11px;max-width:min(240px,calc(100vw - 16px));overflow-wrap:anywhere;box-sizing:border-box;border:0;border-radius:9px;background:#f4efe6;color:#252d43;box-shadow:0 4px 16px #0003;font:600 12px/1.3 DM Sans,sans-serif;pointer-events:none}.club-social-hero .club-pass-presence{width:100%}.club-room-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px 12px;list-style:none;padding:4px;margin:12px 0 0;max-height:180px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.club-room-roster[hidden]{display:none}.club-room-roster:focus-visible{outline:2px solid var(--club-primary);outline-offset:3px;border-radius:12px}.club-room-roster li{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 2px;border-radius:14px;background:#ffffff0a}.club-room-roster canvas{width:40px;height:40px;flex:0 0 40px}.club-room-roster span{font-size:13px;line-height:1.3;overflow-wrap:anywhere}@media(max-width:600px){#app .home-club-room.has-occupants{gap:8px}#app .home-club-visit{gap:12px}#app .home-club-avatar{width:28px;height:28px;margin-left:-9px}.club-room-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media(prefers-reduced-motion:reduce){#app .home-club-avatar{transition:none}#app .home-club-avatar:hover,#app .home-club-avatar:focus-visible{translate:none}}.club-switch-item{display:flex;align-items:center;flex-shrink:0}#app .club-delete-design{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:7px;border:0;border-radius:10px;background:transparent;color:#827784;opacity:0;transition:opacity .14s,background .14s}#app .club-delete-design[hidden]{display:none}#app .club-delete-design svg{width:18px;height:18px}#app .club-switch-item:hover .club-delete-design,#app .club-switch-item:focus-within .club-delete-design,#app .clubhouse-heading:hover .club-delete-design,#app .clubhouse-heading:focus-within .club-delete-design{opacity:1}#app .club-delete-design:hover{background:#a8405012;color:#a84050}#app .club-delete-design:focus-visible{outline:2px solid #b39acb;outline-offset:2px}.club-design-delete-dialog{width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:0;border-radius:24px;background:#f4efe6;color:#252d43;box-shadow:0 24px 80px #141b3540}.club-design-delete-dialog::backdrop{background:#19203866;backdrop-filter:blur(4px)}.club-design-delete-dialog h2{font:700 32px/1.1 Barlow Condensed,sans-serif;margin:0 0 16px}.club-design-delete-name{color:#252d43;font:650 18px/1.3 DM Sans,sans-serif;overflow-wrap:anywhere;margin:0}.club-design-delete-note{font:400 13px/1.5 DM Sans,sans-serif;color:#746a78;margin:8px 0 24px}.club-design-delete-actions{display:flex;flex-wrap:wrap;gap:10px}.club-design-delete-actions button{flex:1;padding:12px 16px;border:0;border-radius:12px;background:#e5dfec;color:#302a43;font:650 14px DM Sans,sans-serif;cursor:pointer}.club-design-delete-actions .club-design-delete-confirm{background:#a84050;color:#fff}.club-design-delete-actions button:focus-visible{outline:2px solid #9275b0;outline-offset:3px}@media(hover:none){#app .club-delete-design{opacity:1}}@media(prefers-reduced-motion:reduce){#app .club-delete-design{transition:none}}.club-price{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.club-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.club-price-amount del{color:#777384;font-size:22px;text-decoration-thickness:2px}.club-price-amount strong{font:800 clamp(36px,4vw,60px) / 1 "Barlow Condensed",sans-serif}.club-price-discount{padding:5px 12px;border-radius:8px;background:#ead5ff;color:#49375f;font-size:13px;font-weight:800;overflow-wrap:anywhere}.club-price small{font-size:13px;line-height:1.5;text-align:left}.club-price-deadline{color:#6a6575}.club-product-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.clubhouse .club-product-offer{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:28px;border-radius:22px;background:#e6dff0;color:#24293d}.clubhouse .club-product-offer:nth-child(2){background:#f5d9c7}.club-product-offer-title{font:800 32px/1.1 Barlow Condensed,sans-serif;margin:0 0 16px}.club-product-offer .club-price{margin-bottom:24px}.club-product-offer-action{align-self:flex-end;margin-top:auto;padding:10px 16px;border-radius:999px;background:#27314c;color:#fff8ed;font-weight:700}.clubhouse .club-product-offer:hover:not(:disabled){background:#e6dff0}.clubhouse .club-product-offer:nth-child(2):hover:not(:disabled){background:#f5d9c7}.clubhouse .club-product-offer:focus-visible{outline:2px solid #8e7da9;outline-offset:4px;box-shadow:none}@media(max-width:600px){.club-product-offers{grid-template-columns:1fr}.clubhouse .club-product-offer{padding:22px}.club-pass-cadence{grid-template-columns:1fr}}.clubhouse .club-plan-peek{position:relative;isolation:isolate;overflow:hidden}.club-plan-peek>:not(.club-nav-window){position:relative;z-index:1}.club-plan-peek .club-nav-window{background:#ebe3fb;transition:clip-path .4s ease,opacity .3s ease}.club-plan-peek[data-plan=club_lifetime] .club-nav-window{background:#ffe5d1}.club-plan-peek .club-nav-court{width:140px;height:140px;border:22px solid #c5b6e733;border-radius:40px;top:-50px;right:-45px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.club-plan-peek[data-plan=club_lifetime] .club-nav-court{border-color:#e9ae8538;border-radius:50%}.club-plan-peek:is(:hover,:focus-visible) .club-nav-window{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.club-plan-peek:is(:hover,:focus-visible) .club-nav-court{transform:rotate(35deg) translate(-12px,8px)}@media(prefers-reduced-motion:reduce){.club-plan-peek .club-nav-window,.club-plan-peek .club-nav-court{transition:none}}body.reduced-motion .club-plan-peek .club-nav-window,body.reduced-motion .club-plan-peek .club-nav-court{transition:none}.clubhouse .club-pass-cadence .club-plan-peek,.clubhouse .club-product-offer{padding-bottom:48px}#app .club-public{flex:0 0 auto;height:auto;padding-bottom:48px}.club-public-hero{display:flex;align-items:center;gap:clamp(24px,5vw,70px);position:relative;isolation:isolate;overflow:hidden;border-radius:30px;padding:clamp(28px,5vw,64px);margin:14px 0 40px;color:#f2eee5;background:#252d45}.club-public-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,color-mix(in srgb,var(--club-primary) 27%,transparent) 48%,transparent 48%),linear-gradient(125deg,transparent 72%,color-mix(in srgb,var(--club-away) 28%,transparent) 72%)}.club-public-crest{display:grid;place-items:center;flex:0 0 clamp(100px,16vw,190px);aspect-ratio:1;border-radius:30%;background:var(--club-primary);color:var(--club-ink);box-shadow:0 12px #0002;transform:rotate(-5deg);transition:transform .25s}.club-public-hero:hover .club-public-crest{transform:rotate(3deg)}.club-public-crest svg{width:66%;height:66%}.clubhouse .club-public-hero h1{margin:12px 0 16px}.clubhouse .club-public-hero .eyebrow{color:#f2eee5bb}.clubhouse .club-public-hero p{margin:0;font-size:17px;color:#f2eee5bb}.club-public-player-link{display:inline-block;margin-top:10px;color:#665180;font-size:14px;text-underline-offset:3px}@media(max-width:600px){.club-public-hero{flex-direction:column;align-items:flex-start;gap:24px}.club-public-crest{flex-basis:auto;width:100px}.clubhouse .club-public-hero h1{font-size:52px}}@media(prefers-reduced-motion:reduce){.club-public-crest{transition:none}}.clubhouse .club-product-offer.club-plan-upgrade{width:100%;margin:0;background:#f5d9c7}.clubhouse .club-product-offer.club-plan-upgrade:hover:not(:disabled){background:#f5d9c7}.club-billing-plans{margin:20px 0}.club-current-renewal{display:grid;gap:8px;margin:22px 0 32px}.club-current-renewal small{font-size:13px;color:#756e83}.club-current-renewal strong{font:700 30px/1.1 Barlow Condensed,sans-serif}.club-current-plan .club-price-discount{margin-top:8px}#app .home-club-header{display:flex;align-items:center;justify-content:space-between;gap:10px}#app .home-club-header .home-club-heading{font-size:19px;white-space:nowrap}#app .home-club-switcher{display:flex;align-items:center;gap:5px}#app .home-club-switcher button{width:34px;height:34px;min-height:0;display:grid;place-items:center;padding:7px;border:1px solid transparent;border-radius:50%;background:#ffffff0c;color:#e5e0ef}#app .home-club-switcher .home-club-switch{background:color-mix(in srgb,var(--crest-color) 25%,#20283d);color:var(--crest-color)}#app .home-club-switcher .home-club-switch[aria-pressed=true]{background:var(--crest-color);color:var(--crest-ink);border-color:#f2eee5}#app .home-club-switcher svg{width:100%;height:100%}#app .home-club-switcher button:hover{transform:translateY(-2px)}@media(max-width:600px){#app .home-club-header .home-club-heading{font-size:16px}#app .home-club-switcher{gap:3px}#app .home-club-switcher button{width:29px;height:29px;padding:5px}}@media(max-height:800px){body.home-view #app .hero-copy:has(.home-club-room) h1{font-size:clamp(44px,8svh,64px)}body.home-view #app .hero-copy:has(.home-club-room) h1 br{display:none}#app .home-club-rooms{margin-top:16px;gap:8px}#app article.home-club-room{min-height:76px;padding:12px 16px}#app .home-club-crest{flex-basis:46px;height:46px;border-radius:16px}#app .home-club-crest svg{width:28px;height:28px}}@media(max-height:650px){body.home-view #app .hero-copy:has(.home-club-room) .button{padding-block:10px;min-height:40px}body.home-view #app .hero-copy:has(.home-club-room) #join-code{padding-block:10px}#app .home-club-rooms{margin-top:12px}}@media(max-height:650px){body.home-view #app .home-overlay:has(.home-club-room){padding-block:0;overflow:hidden;align-items:center}body.home-view #app .hero-copy:has(.home-club-room) :is(.button,#join-code){height:40px;min-height:40px}body.home-view #app .hero-copy:has(.home-club-room) h1{margin:8px 0 12px}}#app .home-club-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-member-cosmetics{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:30px;background:#e5dbef;overflow:hidden;margin:28px 0;color:#272d40}.club-cosmetics-stage{min-width:0;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 20% 15%,#dceec6aa,transparent 60%),linear-gradient(130deg,#d2bce7,#e8d5d6);padding:28px}.club-cosmetics-stage>canvas{width:100%;height:auto;aspect-ratio:10/5;object-fit:contain}.club-cosmetics-combination{margin:10px 0;min-height:20px;text-align:center;color:#665372;font-size:13px}.club-cosmetics-copy{padding:clamp(24px,3vw,48px)}.club-cosmetics-copy h2{margin:10px 0 18px;font:800 clamp(32px,4vw,54px)/1 "Barlow Condensed",sans-serif}.club-cosmetics-copy>p{font-size:14px;line-height:1.6;color:#696179;max-width:370px}.club-cosmetics-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}#app .club-cosmetics-looks button{border-radius:16px;border:2px solid transparent;padding:3px;background:#f6f0e7a0;transition:transform .16s,background .16s}#app .club-cosmetics-looks button[aria-pressed=true]{border-color:#9876bd;background:#cdb6e7}#app .club-cosmetics-looks button:hover{transform:translateY(-3px);background:#f6f0e7}.club-cosmetics-looks canvas{width:100%;height:auto}#app .club-cosmetics-try{display:inline-flex;padding:13px 18px;border-radius:14px;text-decoration:none;background:#2b3047;color:#f2eee5;font-weight:700;font-size:13px;box-shadow:0 3px #87818f}#app .club-cosmetics-try:hover{background:#514466}@media(max-width:800px){.club-member-cosmetics{grid-template-columns:minmax(0,1fr)}.club-cosmetics-stage{padding:14px}.club-cosmetics-stage>canvas{aspect-ratio:2/1}}@media(prefers-reduced-motion:reduce){#app .club-cosmetics-looks button{transition:none}}.matchmaking-dock{position:absolute;z-index:6;bottom:22px;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 36px));padding:18px 22px 12px;border:1px solid #e8f5c535;border-radius:20px;color:#f2f4dd;background:linear-gradient(135deg,#213c30ed,#102921f5);box-shadow:0 14px 50px #081c2855,inset 0 1px #f2f4dd12;backdrop-filter:blur(18px);pointer-events:none;overflow:hidden;animation:matchmaking-enter .45s ease-out both}.matchmaking-dock header{display:flex;align-items:center;gap:13px}.matchmaking-dock header>div{display:grid;gap:2px}.matchmaking-dock small{color:#c7e895;font-size:9px;letter-spacing:2px;font-weight:800}.matchmaking-title{font-size:18px;font-weight:650;letter-spacing:-.5px}.matchmaking-count{margin-left:auto;font-size:18px;font-variant-numeric:tabular-nums;color:#d8eea8}.matchmaking-signal{position:relative;width:34px;height:34px;flex:0 0 34px}.matchmaking-signal i,.matchmaking-signal b{position:absolute;border-radius:50%;inset:0;border:1px solid #d9f39b60}.matchmaking-signal i{animation:matchmaking-ping 2.8s ease-out infinite}.matchmaking-signal i:nth-child(2){animation-delay:1.4s}.matchmaking-signal b{inset:13px;border:0;background:#def4a3;box-shadow:0 0 16px #daf79970}.matchmaking-roster{display:grid;grid-template-columns:repeat(var(--seats),minmax(0,1fr));gap:7px;margin:18px 0 15px}.matchmaking-seat{min-width:0;display:grid;justify-items:center;gap:6px}.matchmaking-portrait{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px dashed #e9f4c52e;border-radius:50%;background:#e6f2d005}.matchmaking-portrait:empty:after{content:"";width:4px;height:4px;border-radius:50%;background:#cce1b858;animation:matchmaking-breathe 2s ease-in-out infinite alternate}.matchmaking-seat:nth-child(2n) .matchmaking-portrait:empty:after{animation-delay:-1s}.matchmaking-portrait canvas{flex:none;display:block;width:42px;height:42px;animation:matchmaking-arrive .5s cubic-bezier(.16,1,.3,1) both}.matchmaking-name{font-size:9px;width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#a4b7a5}.matchmaking-seat.is-found .matchmaking-name{color:#e8eed6}.matchmaking-seat.is-found .matchmaking-portrait{border-style:solid;border-color:#e0f4b32e;background:#e4f4a00a}.matchmaking-dock .matchmaking-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #f0f5d311;padding-top:10px;font-size:10px;color:#aebfa9}.matchmaking-time{color:#dfeac9;font-variant-numeric:tabular-nums}.matchmaking-sweep{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#dff79890,transparent);width:40%;bottom:0;animation:matchmaking-scan 4s ease-in-out infinite}.matchmaking-dock.is-ready .matchmaking-sweep{width:100%;animation:none}@keyframes matchmaking-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes matchmaking-arrive{0%{opacity:0;transform:translateY(9px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes matchmaking-ping{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}@keyframes matchmaking-breathe{to{opacity:.2}}@keyframes matchmaking-scan{0%{left:-40%}to{left:100%}}@media(max-width:600px){.matchmaking-dock{bottom:16px;padding:13px 15px 10px;border-radius:16px}.matchmaking-title{font-size:16px}.matchmaking-roster{gap:3px;margin:13px 0 11px}.matchmaking-portrait{width:26px;height:26px}.matchmaking-portrait canvas{width:30px;height:30px}.matchmaking-name{font-size:8px}}@media(max-height:500px){.matchmaking-dock{bottom:9px;width:min(440px,calc(100% - 220px));padding:10px 14px}.matchmaking-dock small,.matchmaking-name,.matchmaking-dock .matchmaking-meta{display:none}.matchmaking-title{font-size:14px}.matchmaking-roster{margin:6px 0 0;gap:2px}.matchmaking-portrait{width:24px;height:24px}.matchmaking-portrait canvas{width:28px;height:28px}.matchmaking-signal{width:24px;height:24px;flex-basis:24px}.matchmaking-signal b{inset:9px}}@media(prefers-reduced-motion:reduce){.matchmaking-dock,.matchmaking-dock *,.matchmaking-dock :after{animation:none!important}}.analytics-choice{position:fixed;z-index:80;bottom:16px;right:16px;width:min(480px,calc(100vw - 32px));padding:18px 20px;border:1px solid #657461;border-radius:16px;background:#15231f;color:#f3f4e9;box-shadow:0 8px 32px #0005;font-size:13px}.analytics-choice[hidden]{display:none}.analytics-choice p{margin:7px 0 14px;line-height:1.5;color:#c7cec4}.analytics-choice a{color:inherit;text-decoration:underline}.analytics-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.analytics-actions .button{min-height:36px;font-size:13px}#match-report[data-club-mode]:not([data-club-mode=""]){color:#edeadd;max-width:1180px;margin:auto}#match-report[data-club-mode]:not([data-club-mode=""]) .report-heading{background:linear-gradient(115deg,#29374b,#212b3e);border:1px solid #b1bdce25;border-radius:22px;padding:26px 30px;align-items:center}#match-report[data-club-mode]:not([data-club-mode=""]) .report-heading h2{font-size:clamp(28px,3.8vw,46px);letter-spacing:-.5px;line-height:1.1;overflow-wrap:anywhere}#match-report[data-club-mode]:not([data-club-mode=""]) .report-heading>div:first-child{min-width:0}#match-report[data-club-mode]:not([data-club-mode=""]) .report-final{font-size:clamp(44px,6vw,72px);gap:14px;flex-shrink:0}.club-result-context{margin:10px 0;font-size:12px;color:#bec3cf;line-height:1.5}.club-result-rule{font-size:11px;color:#c4b5e7}.club-result-survival{display:grid;justify-items:center;gap:6px;min-width:95px;padding:18px;border-radius:18px;background:#c4b5e717}.club-result-survival strong{font:700 52px/1 Barlow Condensed;color:#d3c4ff}.club-result-survival span{font-size:11px}.club-standings{min-width:0;padding:24px;border:1px solid #b1bdce25;border-radius:20px;background:#222e3e}.club-standings h3{margin:0 0 16px;font:700 24px Barlow Condensed}.club-standing{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-top:1px solid #b1bdce22}.club-standing-player{display:grid;gap:5px;border-left:4px solid var(--player-color);padding-left:12px;min-width:0}.club-standing-player strong{font-size:15px;overflow-wrap:anywhere}.club-standing-player span{font-size:11px;color:#aab5c7}.club-standing-lives{display:flex;gap:5px;align-items:center}.club-standing-lives i{width:18px;height:6px;border-radius:2px;background:#ffffff19}.club-standing-lives .remaining{background:var(--player-color)}.club-standing-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;padding-left:16px;font-size:11px;color:#aab5c7}.club-standing-stats b{color:#edeadd;font-weight:500}#match-report[data-club-mode=japanese] .goal-ticket-score{font:500 12px/1.4 DM Sans;letter-spacing:0}@media(max-width:650px){#match-report[data-club-mode]:not([data-club-mode=""]) .report-heading{padding:20px;gap:12px}#match-report[data-club-mode]:not([data-club-mode=""]) .report-heading h2{font-size:30px}#match-report[data-club-mode=japanese] .report-grid{grid-template-columns:1fr}.club-result-survival{min-width:58px;padding:12px}.club-result-survival strong{font-size:38px}.club-standings{padding:18px}}.result-card[data-club-mode]:not([data-club-mode=""]) h2{font-size:clamp(32px,5vw,46px)}.result-card[data-club-mode]:not([data-club-mode=""]) .result-score{font-size:64px}.result-score[data-label]:after{content:attr(data-label);display:block;font:500 12px/1.6 DM Sans Variable,sans-serif;letter-spacing:0}.match-message{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center;pointer-events:none;gap:10px;min-width:300px;text-shadow:0 3px 25px #071818}.match-message>span{font:10px ui-monospace,monospace;letter-spacing:2px;color:#e2ecd4}.match-message>strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:80px;line-height:1;font-weight:800;letter-spacing:-1px;color:var(--lime)}.match-message #message-sub:empty{display:none}.match-message #message-sub{font-size:9px;color:#becdbb}.match-message.is-goal{top:15%;transform:translate(-50%);align-items:center;width:max-content;min-width:min(300px,calc(100% - 32px));max-width:calc(100% - 32px);color:var(--goal-color);pointer-events:none}.match-message.is-goal #message-title{display:flex;justify-content:center;transform:rotate(-5deg);gap:.015em;font-size:clamp(60px,9vw,126px);line-height:.9;text-shadow:4px 6px 0 #10241e}.match-message.is-goal #message-kicker{padding:7px 15px;border:2px solid #ffffff70;border-radius:12px 9px 13px 10px;background:var(--goal-color);color:#102c34;box-shadow:0 3px #10241e;font:850 clamp(12px,1.4vw,16px)/1.1 "DM Sans Variable",sans-serif;letter-spacing:1px;text-shadow:none;transform:rotate(2deg)}.match-message.is-goal #message-title i{font-style:normal;display:block;animation:goal-letter .55s cubic-bezier(.15,1.6,.35,1) both}.match-message.is-goal #message-title i:nth-child(2){animation-delay:55ms;transform:rotate(9deg)}.match-message.is-goal #message-title i:nth-child(3){animation-delay:.11s}.match-message.is-goal #message-title i:nth-child(4){animation-delay:165ms}.match-message.is-goal #message-title i:nth-child(5){animation-delay:.22s}.match-message.is-goal #message-sub{font:600 clamp(17px,2.2vw,24px)/1.35 "DM Sans Variable",sans-serif;letter-spacing:0;color:#fff8e8;margin-top:12px;padding:10px 18px;border-radius:12px;background:#152131ed;box-shadow:0 5px 20px #07101840;max-width:100%;overflow-wrap:anywhere;text-wrap:balance;text-shadow:none;animation:goal-caption .48s cubic-bezier(.2,.8,.2,1) .18s both}@keyframes goal-caption{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}body.reduced-motion .match-message.is-goal #message-sub{animation:none}@keyframes goal-letter{0%{opacity:0;transform:translateY(-65px) rotate(-22deg) scale(.2)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.match-message.is-goal #message-title i,.match-message.is-goal #message-sub{animation:none}}:root{font-family:DM Sans Variable,Arial,sans-serif;color:#242c29;background:#eaeae3;font-synthesis:none;--paper: #eaeae3;--ink: #242c29;--lime: #d2f865;--lilac: #bdacff;--coral: #ff997e}.legal-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.legal-links a{text-decoration:underline;text-underline-offset:3px}.profile-account-details .legal-links{margin-top:20px}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8a69d3;outline-offset:5px}[hidden]{display:none!important}svg{width:22px;height:22px;display:block}button{color:inherit}a{color:inherit;text-decoration:none}.masthead{height:108px;max-width:1536px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:40px;font-weight:1000;letter-spacing:-2.8px;gap:11px}.brand-icon{display:block;width:40px;height:auto;flex-shrink:0;margin-right:3px}.club-label{font-size:10px;letter-spacing:2px;line-height:1.8;margin-left:20px;font-weight:800}.club-label span{display:block;font:9px ui-monospace,monospace;color:#7a8177;letter-spacing:1.5px}nav{display:flex;align-items:center;gap:12px}.icon-button{height:38px;width:38px;display:grid;place-items:center;background:transparent;border:1px solid #cbd0c4;border-radius:50%;transition:background .2s}.icon-button:hover{background:#d9dece}.is-muted{opacity:.4}.text-button{background:none;font-size:12px;font-weight:700;padding:12px 5px}.text-button:hover{text-decoration:underline}main{max-width:1536px;padding:0 52px;margin:auto}.section-bar{border-top:1px solid #cbd0c4;height:52px;display:flex;align-items:center;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1px}.section-bar>div{display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4f7c4a;box-shadow:0 0 0 3px #567c4210}.edition-note{font-size:9px;letter-spacing:1.2px;color:#7a8276}.game-shell{border-radius:13px;background:#111e23;overflow:hidden;box-shadow:0 12px 24px #18262515;color:#edf0df;border:1px solid #31443f}.arena-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #40554d40;position:relative;background:#152329;gap:10px}.court-name{display:flex;align-items:center;gap:9px;font:10px ui-monospace,monospace;letter-spacing:1.4px;white-space:nowrap}.court-dot{width:7px;height:7px;background:#d3f865;border-radius:2px;transform:rotate(45deg)}.muted{color:#667b7c;margin-left:5px}.arena-actions{display:flex;align-items:center;gap:14px}.connection{font:9px ui-monospace,monospace;letter-spacing:.7px;color:#9cad9e}.arena-button{background:transparent;color:#c8d5c6;font:10px ui-monospace,monospace;border:1px solid #53665b70;padding:8px 11px;border-radius:5px}.arena-button:hover{background:#ffffff12}.arena-button.square{border:0;padding:5px}.arena-button svg{width:19px;height:19px}.canvas-wrap{position:relative;aspect-ratio:1330/760;max-height:calc(100svh - 300px);min-height:430px;background:#172a2a;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none}.home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#111e24ee,#132227d9 25%,#162a2a50 64%,#162a2a00);display:flex;align-items:center;padding:0 6.5%}.hero-copy{position:relative;z-index:1;padding-bottom:7px}.eyebrow{display:flex;align-items:center;gap:10px;font:9px ui-monospace,monospace;font-weight:500;letter-spacing:1.6px}.mini-ball{font-size:19px;color:var(--lime)}h1{font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-weight:800;font-size:clamp(76px,7.2vw,114px);line-height:.88;letter-spacing:-1.7px;margin:25px 0 22px}h1 em{font-style:normal;color:var(--lilac)}.hero-copy>p{color:#b4c2b6;font-size:13px;line-height:1.8;margin:0 0 26px}.hero-actions{display:flex;gap:10px}.button{display:flex;align-items:center;justify-content:space-between;gap:38px;border-radius:7px;padding:17px 21px;font-size:13px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;min-height:51px}.button span{font-size:21px;font-weight:400;line-height:1}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#223022;box-shadow:0 3px #94b23f}.primary:hover{background:#defc91;box-shadow:0 5px #94b23f}.primary:active{transform:translateY(2px);box-shadow:0 1px #94b23f}.secondary{background:#e9eadd0a;color:#e6eadd;border:1px solid #697f6d70}.secondary:hover{background:#ffffff12}.practice-link{padding:0;background:transparent;font-size:10px;color:#9aaca1;margin-top:21px}.practice-link u{text-decoration:none;color:#dbe3d2;margin-left:3px;border-bottom:1px solid #758676;padding-bottom:2px}.hero-specs{display:flex;gap:34px;margin-top:35px}.hero-specs span{display:flex;flex-direction:column;gap:5px;color:#8c9e94;font:8px ui-monospace,monospace;letter-spacing:1.2px}.hero-specs b{font-size:12px;font-weight:500;color:#c9d5c6;letter-spacing:1px}.court-sticker{position:absolute;right:8.5%;top:11%;height:139px;width:139px;border-radius:50%;background:var(--lime);color:#25382c;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);box-shadow:3px 8px #071b1a30;border:1px solid #edffb6}.court-sticker>span{font:8px ui-monospace,monospace;letter-spacing:1px}.court-sticker b{font-family:Barlow Condensed,Impact,sans-serif;font-size:38px;line-height:.86;letter-spacing:-1px;text-align:center;margin:8px 0}.court-sticker svg{width:40px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.demo-label{position:absolute;right:5%;bottom:28px;font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#a0b4a0;display:flex;gap:9px;align-items:center}.demo-label .live-dot{background:var(--lime);width:4px;height:4px}.arena-bottom{height:41px;border-top:1px solid #718a7620;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#a3b4a5;background:#152329}.arena-bottom>span:last-child{display:flex;gap:8px;align-items:center;color:#718679}.status-light{width:4px;height:4px;border-radius:50%;background:#b2d980}.controls-strip{display:flex;justify-content:space-between;align-items:center;padding:30px 10px 29px;gap:20px;border-bottom:1px solid #cbd0c4}.control-item{display:flex;align-items:center;gap:16px}.control-item>div:last-child{display:flex;flex-direction:column;gap:5px}.control-item b{font-size:12px;font-weight:750}.control-item span{font-size:10px;color:#7a8176}.key-cluster{text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center}.key-cluster>div{display:flex;gap:3px}kbd{font:9px ui-monospace,monospace;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c0c7b8;background:#f4f3eb;border-radius:4px;box-shadow:0 2px #c7cbbf;height:20px;min-width:22px;color:#59644f}.wide{height:31px;min-width:65px;font-size:8px;padding:0 8px;gap:8px}.space{height:31px;min-width:80px;font-size:8px}.gamepad-note{display:flex;align-items:center;gap:11px;font-size:24px;color:#8c9387}.gamepad-note span{font:8px ui-monospace,monospace;line-height:1.6;letter-spacing:.6px}footer{display:flex;justify-content:space-between;align-items:center;height:64px;font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#8e9688}footer b{font-weight:500;color:#505c4b}footer>span:last-child{display:flex;align-items:center;gap:20px}.footer-ball{font-size:24px;color:#727e68}.scoreboard{display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;left:50%;transform:translate(-50%)}.scoreboard strong{font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;font-size:34px;min-width:16px;text-align:center}.team{font:9px ui-monospace,monospace;letter-spacing:1px}.lilac{color:var(--team-left)}.coral{color:var(--team-right)}.clock{padding:6px 13px;border:1px solid #66837345;border-radius:5px;min-width:61px;text-align:center;font:13px ui-monospace,monospace;color:#d3ddca}.clock.urgent{color:var(--coral);border-color:#ff997e70}.boost-hud{position:absolute;left:26px;bottom:21px;width:175px;background:#112222ce;padding:12px 14px;border:1px solid #52716150;border-radius:7px;pointer-events:none}.boost-heading{display:flex;justify-content:space-between;gap:8px;font:8px ui-monospace,monospace;letter-spacing:.5px;color:#b2c2ae}.boost-heading span:last-child{color:var(--player-color)}.charge-bars{display:flex;gap:5px;margin:10px 0 8px}.charge-bars i{height:7px;background:#ffffff13;border-radius:2px;flex:1;overflow:hidden}.charge-bars b{display:block;height:100%;background:var(--player-color);box-shadow:0 0 12px var(--player-color);transition:width .08s linear}.boost-tip{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;color:#819581;letter-spacing:.7px}.pause-button{position:absolute;right:24px;bottom:28px;background:#122a;display:flex;align-items:center;gap:11px}.pause-button span{color:#829b89}.result-overlay{position:absolute;inset:0;background:#102023d9;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5}.result-card{text-align:center;width:360px;max-width:90%;padding:20px 10px}.result-card .eyebrow{justify-content:center;font-size:8px;color:#b9c8a4}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:56px;line-height:1;margin:16px 0;font-weight:700;letter-spacing:-1px}.result-card h2{color:var(--lime);font-size:72px;margin:10px 0}.result-score{font-family:Barlow Condensed,Impact,sans-serif;font-size:61px;line-height:1;color:var(--player-color)}.result-score span{color:#7c907f;font-size:30px;vertical-align:middle;margin:0 16px}.result-card p{font-size:11px;color:#b0c0b0;line-height:1.7}.result-stats{display:flex;justify-content:center;gap:40px;margin:19px 0}.result-stats span{display:flex;flex-direction:column;gap:5px;font:8px ui-monospace,monospace;color:#8da58f}.result-stats strong{font-size:18px;color:#d5e1c7;font-weight:500}.result-card .button{width:100%;margin:8px 0}.result-card .text-button{color:#bacbb3;font-size:10px}dialog{background:var(--paper);color:var(--ink);border:1px solid #b9c3ae;border-radius:16px;width:510px;max-width:calc(100% - 28px);padding:40px;box-shadow:0 24px 100px #06101570;max-height:90svh}dialog::backdrop{background:#0a182ab0;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:17px;top:15px;background:none;font-size:24px;color:#77856b}.dialog-intro{font-size:13px;line-height:1.7;color:#707d67}.lesson{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #c8cebf}.lesson>b{font:12px ui-monospace,monospace;color:#8b947f;padding-top:3px}.lesson h3{font-size:15px;margin:0 0 6px}.lesson p{font-size:12px;line-height:1.7;margin:0;color:#6f7b66}.help-bottom{font:8px ui-monospace,monospace;color:#818c76;line-height:2;letter-spacing:.4px;margin:20px 0}dialog>.button{width:100%;margin-top:13px}dialog .secondary{color:#526248;border-color:#b2bda6}dialog>p{font-size:13px;line-height:1.7;color:#6c7c64}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #c6cfba}.setting-row b{font-size:12px;display:block}.setting-row small{font-size:10px;display:block;color:#859077;margin-top:5px}.setting-row select{font-size:10px;padding:8px;max-width:150px;color:#516047;border:1px solid #b8c1ac;border-radius:5px;background:#f3f3eb}.setting-row input[type=checkbox]{appearance:none;position:relative;width:37px;height:22px;border-radius:20px;background:#b8c2ac;flex-shrink:0;cursor:pointer}.setting-row input[type=checkbox]:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fcfff7;transition:transform .2s}.setting-row input[type=checkbox]:checked{background:#678345}.setting-row input[type=checkbox]:checked:before{transform:translate(15px)}.settings-note{font-size:11px;line-height:1.7;color:#859077;margin-top:20px}.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%);background:#d2f865;color:#233225;border:1px solid #a6c359;border-radius:8px;box-shadow:0 5px 25px #0003;padding:16px 22px;max-width:90vw;width:max-content;font-size:12px;font-weight:600;z-index:30}#debug{position:fixed;left:15px;bottom:15px;background:#06191eea;color:#d7edaa;border:1px solid #51673c;padding:12px;line-height:1.7;font:10px ui-monospace,monospace;z-index:20;pointer-events:none}.game-shell:fullscreen{display:flex;flex-direction:column;border-radius:0}.game-shell:fullscreen .canvas-wrap{flex:1 1 0;min-height:0;max-height:none;aspect-ratio:auto}.game-shell:fullscreen .arena-top{height:70px;flex-shrink:0}.game-shell:fullscreen .arena-bottom{height:35px;flex-shrink:0}@media(min-width:1600px){.canvas-wrap{min-height:620px;max-height:calc(100svh - 320px)}}@media(max-width:1100px){.masthead{padding:0 30px;height:90px}main{padding:0 30px}.club-label{display:none}.control-item{gap:12px}.gamepad-note{display:none}.canvas-wrap{min-height:455px}.hero-specs{margin-top:28px}h1{font-size:86px}.scoreboard{gap:11px}.court-name{font-size:8px;letter-spacing:.5px}.arena-top{padding:0 18px}.connection{font-size:8px}.arena-actions{gap:5px}.control-item b{font-size:11px}.control-item span{font-size:9px}.controls-strip{gap:12px}.court-sticker{right:6%;top:9%;width:116px;height:116px}.court-sticker b{font-size:33px}}@media(max-width:760px){.masthead{height:78px;padding:0 18px}.brand{font-size:34px}.brand-icon{width:34px}main{padding:0 14px}.edition-note{display:none}.section-bar{height:42px;font-size:9px}nav{gap:6px}.text-button{font-size:10px}.icon-button{width:32px;height:32px}.icon-button svg{width:18px;height:18px}.game-shell{border-radius:10px}.arena-top{height:48px;padding:0 12px}.court-name{font-size:7px;letter-spacing:0}.court-name .muted{display:none}.arena-top:has(.scoreboard:not([hidden])) .court-name{display:none}.scoreboard{gap:12px;position:static;transform:none;flex:1;justify-content:flex-start}.scoreboard strong{font-size:27px}.clock{font-size:11px;min-width:45px;padding:5px}.team{font-size:8px}.arena-actions{gap:5px}.connection{font-size:7px}.arena-button{font-size:8px;padding:6px}.canvas-wrap{aspect-ratio:auto;min-height:480px;max-height:none;height:62svh}.home-overlay{padding:0 7%;background:linear-gradient(90deg,#111e24ee,#132227b0 55%,#162a2a30)}h1{font-size:87px;margin:23px 0 20px}.eyebrow{font-size:8px;letter-spacing:.8px}.hero-copy>p{font-size:12px}.button{padding:15px 17px;font-size:12px;gap:22px}.hero-specs{gap:28px}.hero-actions{gap:9px}.practice-link{font-size:9px}.court-sticker{width:92px;height:92px;top:6%;right:6%;opacity:.9}.court-sticker b{font-size:27px;margin:5px 0}.court-sticker>span{font-size:6px}.court-sticker svg{width:25px;height:12px}.demo-label{font-size:6px;bottom:18px;right:6%}.arena-bottom{padding:0 12px;letter-spacing:.4px;font-size:7px;height:34px}.arena-bottom>span:last-child{max-width:47%;text-align:right}.controls-strip{flex-wrap:wrap;padding:24px 3px;gap:22px}.control-item{min-width:45%;flex:1;gap:13px}.control-item:nth-child(3){display:none}.control-item span{font-size:8px;max-width:125px;line-height:1.5}.control-item b{font-size:10px}.wide{min-width:60px}.key-cluster{width:60px}footer{font-size:6px;letter-spacing:.6px;height:54px}footer>span:last-child{gap:8px}.footer-ball{font-size:18px}.match-message>strong{font-size:65px}.match-message>span{font-size:8px}.boost-hud{left:14px;top:14px;bottom:auto;width:142px;padding:10px}.boost-heading{font-size:7px}.boost-tip{font-size:6px}.pause-button{bottom:auto;top:14px;right:14px}.result-card h2{font-size:62px}dialog{padding:32px 25px}h2{font-size:48px}.setting-row{padding:17px 0}.setting-row small{max-width:155px;line-height:1.5}}@media(pointer:coarse){.canvas-wrap:has(#home[hidden]){min-height:470px}.boost-hud{top:14px;bottom:auto}.pause-button{top:16px;bottom:auto}.controls-strip{display:none}}@media(max-width:480px){.court-sticker{display:none}.hero-specs{margin-top:26px}.hero-copy{padding-top:4px}.home-overlay{padding:0 7%}h1{font-size:79px}.canvas-wrap{height:530px}.hero-copy>p{font-size:11px}.hero-actions .button{font-size:11px;gap:21px;padding:15px}.brand{font-size:31px}.masthead nav .text-button{font-size:9px}.arena-actions .square{display:none}.arena-actions{gap:4px}.arena-actions .connection,.camera-button span,#invite span{display:none}.arena-actions .arena-button{width:44px;min-width:44px;height:44px;padding:10px}.scoreboard{gap:8px}.arena-bottom{font-size:6px}.result-score{font-size:57px}}@media(orientation:landscape)and (max-height:600px){.masthead{height:58px}.section-bar,.controls-strip,footer{display:none}main{padding:0 12px}.canvas-wrap{min-height:0;height:calc(100svh - 138px);max-height:none}.arena-top{height:44px}.arena-bottom{height:27px}.hero-copy{padding:0}.hero-copy h1{font-size:60px;margin:10px 0}.hero-copy>p{font-size:10px;margin:0 0 12px}.hero-specs,.court-sticker,.practice-link{display:none}.eyebrow{font-size:7px}.button{min-height:40px;padding:10px 15px}.home-overlay{padding:0 7%}.canvas-wrap:has(#home[hidden]){min-height:0}.result-card{padding:0;max-width:300px}.result-card h2{font-size:45px;margin:5px}.result-score{font-size:38px}.result-card p{margin:5px;font-size:10px}.result-stats{margin:9px;gap:30px}.result-stats strong{font-size:14px}.result-stats span{font-size:6px}.result-card .button{min-height:33px;padding:9px 14px}.result-card .text-button{padding:6px}.result-card .eyebrow{font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.canvas-wrap{width:100%;max-height:none;height:clamp(520px,55vw,700px);aspect-ratio:auto}@media(max-width:760px){.canvas-wrap{height:530px}}@media(orientation:landscape)and (max-height:600px){.canvas-wrap{height:calc(100svh - 138px)}}.game-shell:fullscreen .canvas-wrap{height:auto}body.playing .masthead,body.playing .section-bar,body.playing .controls-strip,body.playing footer{display:none}body.playing main{padding:14px;max-width:none}body.playing .canvas-wrap{height:calc(100svh - 134px);min-height:0;max-height:none}body.playing .game-shell{box-shadow:none}body.playing .game-shell:fullscreen .canvas-wrap{height:auto;flex:1}.pause-options{display:flex;justify-content:space-between;margin:12px 0 0}@media(max-width:760px){body.playing main{padding:8px}body.playing .canvas-wrap{height:calc(100svh - 100px);min-height:0}}@media(orientation:landscape)and (max-height:600px){body.playing main{padding:0}body.playing .game-shell{border-radius:0}body.playing .canvas-wrap{height:calc(100svh - 73px)}}.format-select{display:flex;align-items:center;gap:16px;margin:22px 0 4px}.format-select span{font:600 10px DM Sans Variable,sans-serif;letter-spacing:.16em}.format-select select{font:600 13px DM Sans Variable,sans-serif;border:1px solid #20383435;border-radius:8px;background:#f4f3e8;color:#203834;padding:9px 30px 9px 12px;cursor:pointer}@media(max-width:600px){.format-select{margin:12px 0 0;gap:10px}.format-select select{font-size:12px;padding:7px}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.account-button{padding:9px 13px;border:1px solid #bbc4af;border-radius:30px;background:transparent;color:var(--ink);font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#829944;margin-right:8px}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a5b962;outline-offset:3px}.hero-copy h1{font-size:clamp(84px,8vw,116px);margin:18px 0}.hero-copy .hero-specs{margin-top:24px}.hero-copy .practice-link{margin:12px 0 0}.join-form{display:flex;gap:0;margin-top:18px;width:315px;max-width:100%;border:1px solid #738a7250;border-radius:6px;overflow:hidden}.join-form input{min-width:0;width:145px;background:#15292880;color:#e2e9d6;padding:11px 12px;border:0;font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px}.join-form input::placeholder{text-transform:none;letter-spacing:0;color:#9dab97}.join-form button{background:#324738;color:#d5e4c7;font-size:10px;flex:1;padding:10px}.lobby-overlay{position:absolute;inset:0;overflow:auto;background:#132824f5;color:#dce7cf;padding:28px 38px;z-index:4}.lobby-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #86a18335;padding-bottom:20px;margin-bottom:23px}.lobby-heading .eyebrow{color:#9fb093;font-size:9px;letter-spacing:1.4px;gap:18px}.lobby-heading h2{font-size:47px;margin:9px 0 0;color:#eaf0dc;display:flex;gap:24px;align-items:center}#lobby-code{font:16px ui-monospace,monospace;letter-spacing:4px;color:var(--lime);background:#d2f8650c;border:1px solid #d2f86530;padding:10px 15px;border-radius:5px}.lobby-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:32px}.lobby-roster{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-column{border-top:3px solid currentColor}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0}.team-heading h3{font:700 32px Barlow Condensed,Impact,sans-serif;margin:0}.team-heading button{background:none;color:inherit;font-size:9px;padding:8px 0}.team-heading button:disabled{opacity:.5}.team-column ol{list-style:none;padding:0;margin:0}.team-column li{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #86a18325;min-height:65px}.team-column li>span{flex:1;min-width:0;font-size:12px;color:#e5ebda;overflow-wrap:anywhere}.team-column small{display:block;color:#8a9e89;font-size:9px;margin-top:5px;line-height:1.3}.team-column .ready small{color:#c4de96}.shirt{font:700 18px Barlow Condensed,Impact,sans-serif;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:32px;height:32px;flex-shrink:0}.bot-seat{opacity:.45}.remove-player{color:#a7b99a;background:none;padding:8px;font-size:17px}.lobby-settings{border-left:1px solid #86a18325;padding-left:30px}.lobby-settings>.eyebrow{font-size:9px;color:#a5b696;margin-bottom:12px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-card{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;background:#ffffff04;color:#bcccb0;border:1px solid #829d7030;border-radius:7px;padding:10px;text-align:left}.map-card:hover:not(:disabled){border-color:#bcd697;background:#d2f86510}.map-card[aria-pressed=true]{border-color:#d2f865;background:#d2f8650a;color:#ebf8d7}.map-card:disabled{opacity:1}.map-card span{display:block;font-size:10px;margin-top:0;white-space:normal;line-height:1.4}.court-swatch{flex:0 0 8px;width:8px;height:24px;border-radius:3px;background:var(--court-accent)}.map-card>.ui-icon{margin-left:auto;flex:0 0 14px;width:14px;height:14px;visibility:hidden}.map-card[aria-pressed=true]>.ui-icon{visibility:visible}#map-description{font-size:10px;color:#9cae93;line-height:1.7;min-height:35px;margin:12px 0 17px}.lobby-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lobby-options label{color:#a3b596;font-size:10px}.lobby-options select{display:block;width:100%;border:1px solid #86a18335;background:#21372f;color:#e1ebd3;border-radius:5px;font:12px DM Sans Variable,sans-serif;padding:10px;margin-top:7px}.bot-toggle{display:flex;align-items:center;gap:8px;font-size:10px;margin:17px 0;color:#b7c8a8}.bot-toggle input{accent-color:#d2f865;width:15px;height:15px}.invite-box{border-top:1px solid #86a18325;padding-top:16px}.invite-box label{font:8px ui-monospace,monospace;letter-spacing:1px;color:#91a687}.invite-box>div{display:flex;margin-top:8px;border:1px solid #86a18330;border-radius:5px;overflow:hidden}.invite-box input{min-width:0;flex:1;background:#0e201b;color:#a8bc98;border:0;font:10px ui-monospace,monospace;padding:11px}.invite-box button{background:#354934;color:#d8e7c8;font-size:10px;padding:10px 13px}.lobby-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #86a18335;margin-top:24px;padding-top:20px}.lobby-bottom p{font-size:11px;color:#a2b496;line-height:1.5}.lobby-bottom .button{min-width:170px;justify-content:space-between}.lobby-bottom .button:disabled{opacity:.4}body.in-lobby .canvas-wrap{height:auto;min-height:0;max-height:none;aspect-ratio:auto}body.in-lobby #court{position:absolute;inset:0}body.in-lobby .lobby-overlay{position:relative;overflow:visible}body.in-lobby .game-shell:fullscreen .canvas-wrap{flex:1 1 0;min-height:0}body.in-lobby .game-shell:fullscreen .lobby-overlay{position:absolute;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.lobby-overlay:focus-visible{outline:2px solid #d2f865;outline-offset:-3px}body.in-lobby .controls-strip{display:none}.account-form{margin:20px 0}.account-form label{display:block;font-size:11px;font-weight:600;margin:15px 0 7px}.account-form label small{color:#7a876c;font-size:10px;font-weight:400;margin-left:8px}.account-form input{width:100%;border:1px solid #b6c2a8;border-radius:6px;padding:12px;background:#f8f8ef;color:#243623;font:13px DM Sans Variable,sans-serif}.inline-field{display:flex;gap:8px}.inline-field input{min-width:0}.inline-field button{border-radius:6px;background:#d2ddbf;color:#304124;padding:0 18px;font-size:11px}.auth-tabs button{padding:12px 0;background:none;font-size:11px;color:#7e8b70;border-bottom:2px solid transparent}.account-form .button{margin-top:18px;width:100%;justify-content:space-between}.recovery-box b{font-size:13px}.recovery-box input{font:11px ui-monospace,monospace}#account-feedback{color:#506d35;min-height:18px;font-size:12px}@media(max-width:1100px){.lobby-overlay{padding:24px}.lobby-layout{grid-template-columns:1.1fr 1fr;gap:22px}.lobby-settings{padding-left:22px}.map-card span{white-space:normal;line-height:1.5}}@media(max-width:760px){.account-button{max-width:100px;font-size:9px;padding:7px}.account-button:before{display:none}.hero-copy h1{font-size:82px;margin:15px 0}.hero-copy .hero-specs{display:none}.lobby-overlay{padding:20px 16px}.lobby-heading h2{font-size:37px;gap:12px;flex-wrap:wrap}#lobby-code{font-size:12px;letter-spacing:2px;padding:8px}.lobby-heading .eyebrow{font-size:7px;gap:12px}.lobby-layout{grid-template-columns:1fr;gap:22px}.lobby-settings{padding:18px 0 0;border-left:0;border-top:1px solid #86a18335}.lobby-roster{gap:16px}.map-card span{font-size:10px}.lobby-bottom{align-items:stretch;flex-direction:column;gap:9px;margin-top:18px;padding-top:10px}.lobby-bottom .button{width:100%}.lobby-bottom p{font-size:10px}.team-column li{gap:8px}.team-column li>span{font-size:11px}.team-column small{font-size:8px}.shirt{width:26px;height:26px;font-size:15px}.remove-player{padding:5px}body.in-lobby .canvas-wrap{min-height:0}}@media(orientation:landscape)and (max-height:600px){.home-overlay{overflow:auto;align-items:flex-start;padding-top:16px;padding-bottom:16px}.hero-copy h1{font-size:54px}.hero-copy .hero-specs{display:none}}.authkit-panel{border-top:1px solid #c1cbb4;padding-top:22px;margin-top:24px}.authkit-panel .button{width:100%;justify-content:space-between}.authkit-panel .text-button{display:block;width:100%;margin-top:10px;text-align:center}.authkit-panel button:disabled{opacity:.45}.authkit-panel p{font-size:11px;color:#6f7f61;line-height:1.6}.hero-copy .format-select{display:inline-flex;margin:16px 18px 0 0;gap:8px}.hero-copy .format-select span{letter-spacing:0;font-size:11px;opacity:.65}.hero-copy .format-select select{border:0;background:#e2ebd212;color:#e2ebd2;border-radius:20px;padding:6px 22px 6px 10px;font-size:12px}.hero-copy .practice-link{display:inline-block}.court-sticker>span{font:700 16px Barlow Condensed,sans-serif;letter-spacing:1.5px}.lobby-overlay>.invite-box{padding:12px 16px;margin:0 0 22px;border:1px solid #d2f86550;border-radius:10px;background:#d2f8650b}.lobby-overlay>.invite-box label{color:#d2f865;font-size:10px}.lobby-overlay>.invite-box input{font-size:12px;padding:13px}.lobby-overlay>.invite-box button{background:#d2f865;color:#203834;font-size:12px;font-weight:700;padding:13px 24px}@media(max-width:600px){.lobby-overlay>.invite-box{margin-bottom:12px;padding:10px}.lobby-overlay>.invite-box button{padding:12px}}.goal-replay{position:absolute;inset:22px 26px auto;display:flex;align-items:center;justify-content:space-between;z-index:7;pointer-events:none}.goal-replay>div{display:flex;align-items:center;gap:10px;background:#101f22e8;border:1px solid #eff3d73d;padding:11px 15px;border-radius:6px;color:#f1f3dc;font-size:12px;letter-spacing:2px}.goal-replay i{width:7px;height:7px;border-radius:50%;background:#ff997e;box-shadow:0 0 12px #ff997e}.goal-replay button{pointer-events:auto;background:#e3f894;color:#1f3426;border-radius:30px;padding:12px 18px;font-size:12px;font-weight:600}.goal-replay button:disabled{opacity:.7}.replay-controls{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:min(860px,calc(100% - 36px));z-index:8;background:#101f23f5;border:1px solid #80968755;color:#e4ecd1;border-radius:12px;padding:15px 19px;box-shadow:0 8px 30px #08111666}.replay-caption{display:flex;justify-content:space-between;font-size:11px;color:#bccbb2;gap:12px}.replay-exit{color:#e0f39b;text-decoration:none}.replay-scrubber{position:relative;margin:20px 0 9px}.replay-scrubber input{width:100%;accent-color:#ddf68f;cursor:pointer;margin:0;position:relative;z-index:1}#replay-markers{position:absolute;inset:-13px 7px auto;height:8px}#replay-markers button{position:absolute;width:7px;height:9px;transform:translate(-50%);background:var(--goal-color);border-radius:1px}.playback-row{display:flex;gap:7px;align-items:center}.playback-row button,.playback-row select{background:#293c3a;border:0;color:#e7efd5;padding:9px 12px;border-radius:5px;font-size:11px}.playback-row #replay-play{background:#ddf68f;color:#1f3426;font-weight:700;min-width:68px}.playback-row output{flex:1;font:11px ui-monospace,monospace;text-align:center}body.replay-view .canvas-wrap{min-height:520px}.result-overlay:has(.match-report:not([hidden])){display:block;overflow:auto;padding:24px;background:#10231ff5;backdrop-filter:blur(18px);z-index:12}.match-report{max-width:1120px;margin:0 auto;color:#e9efdb;text-align:left;padding:8px 8px 32px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #81937740;padding-bottom:20px}.report-heading h2{font:800 clamp(40px,5vw,74px)/.95 "Barlow Condensed",sans-serif;letter-spacing:-1.5px;margin:14px 0 0;display:flex;align-items:center;gap:18px}.report-mark{display:block;flex:0 0 36px;width:36px;height:32px;background:#d9f087;mask:url(/logo-twin-touch.svg) center / contain no-repeat;opacity:.3}.report-final{display:flex;gap:20px;align-items:center;font:800 clamp(76px,10vw,128px)/.9 "Barlow Condensed",sans-serif}.report-final span:first-child{color:var(--team-left)}.report-final span:last-child{color:var(--team-right)}.report-final em{font-style:normal;font-size:.5em;opacity:.25}.report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:19px 0 24px}.report-actions .button{padding:13px 18px;min-height:0;font-size:12px;text-decoration:none}.report-actions .secondary{background:#d2e3bc0e;color:#d9e7c8;border-color:#82957055}.report-actions .text-button{color:#aabca0;margin-left:auto}.save-status{color:#c2d29e;font-size:12px}.match-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.match-award{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;border:1px solid #78917335;border-top:3px solid var(--award-color);border-radius:5px;padding:16px 19px;background:linear-gradient(135deg,#c7d3b811,transparent);min-width:0}.match-award>span{grid-column:1 / -1;font:9px ui-monospace,monospace;letter-spacing:1.8px;color:var(--award-color)}.match-award strong{grid-column:1;display:block;font:700 30px/1.2 Barlow Condensed,sans-serif;margin:8px 0 3px;overflow-wrap:anywhere}.match-award small{grid-column:1;color:#a7ba9e;font-size:11px}.award-blob{grid-column:2;grid-row:2 / 4;align-self:center;width:100px;height:auto;max-width:100%;margin-left:8px}.report-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.match-report h3{font:700 28px/1 Barlow Condensed,sans-serif;margin:0;letter-spacing:-.4px}.report-section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 16px}.report-section-heading>span{font-size:10px;color:#9db191}.report-section-heading select{max-width:170px;border:1px solid #77916c4d;background:#20362c;color:#d4e3c4;font-size:11px;padding:7px 10px;border-radius:5px}.possession-numbers{display:flex;justify-content:space-between;align-items:center}.possession-numbers strong{font:700 46px Barlow Condensed,sans-serif;color:var(--team-left)}.possession-numbers strong:last-child{color:var(--team-right)}.possession-numbers small{font-size:20px;opacity:.7}.possession-numbers>span{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#aabda1}.possession-bar{height:9px;background:var(--team-right);border-radius:8px;overflow:hidden;margin:5px 0 18px}.possession-bar i{height:100%;display:block;background:var(--team-left);border-right:3px solid #1d342a}.team-comparison>div{display:flex;justify-content:space-between;border-bottom:1px solid #7a966221;padding:7px 4px;font-size:11px}.team-comparison b:first-child{color:var(--team-left)}.team-comparison b:last-child{color:var(--team-right)}.team-comparison span{color:#b8c9ac}#heatmap{width:100%;border-radius:8px;border:1px solid #90a76a30;display:block}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:9px;color:#90a585;margin-top:9px}.heat-legend i{width:85px;height:6px;border-radius:6px;background:linear-gradient(90deg,#193c31,#65ca90,#e1f86b)}.report-goals,.report-players{margin-top:28px;padding-top:22px;border-top:1px solid #80946b35}.goal-timeline{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.goal-ticket{position:relative;min-width:160px;max-width:240px;padding:13px 16px;border:1px solid #81946835;border-left:3px solid var(--goal-color);border-radius:5px;color:#dfe8d0;background:#80945d09;text-decoration:none}.goal-ticket:hover{background:#a2b07918}.goal-ticket>strong{display:block;font:700 23px Barlow Condensed,sans-serif;color:var(--goal-color);margin:9px 0 2px}.goal-ticket>strong small{font-size:12px}.goal-ticket>span{display:block;font-size:10px;color:#aabd9b}.goal-minute{font-family:ui-monospace,monospace}.goal-minute b{float:right}.goal-ticket-score{display:block;font:600 12px ui-monospace,monospace;margin-top:15px}.no-goals{font-size:12px;color:#aabd9b}.player-table-scroll{overflow-x:auto;margin-top:16px}.report-players table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.report-players td,.report-players th{border-bottom:1px solid #87a06921;padding:11px 10px;text-align:center;font-variant-numeric:tabular-nums}.report-players thead th{color:#a8bc95;font-size:9px;font-weight:500}.report-players th:first-child{text-align:left;padding-left:0;min-width:145px}.report-players tbody th{color:var(--team-color);font-weight:600}.report-players tbody th small{display:inline-block;margin-left:8px;color:#8ea17d;font:8px ui-monospace,monospace}.report-players th i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--team-color);margin-right:8px}.stat-definitions{margin-top:22px;color:#92a582;font-size:10px;line-height:1.7}.stat-definitions summary{cursor:pointer;color:#becdac}.replay-library-list>a{display:flex;align-items:center;gap:20px;padding:17px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid #18362c24}.replay-library-list span{flex:1;font-weight:600}.replay-library-list small{display:block;font-size:10px;opacity:.65;margin-top:5px;font-weight:400}.replay-library-list strong{font:700 32px Barlow Condensed,sans-serif}@media(max-width:650px){.result-overlay:has(.match-report:not([hidden])){padding:14px}.report-grid{grid-template-columns:1fr}.match-awards{gap:6px}.match-award{padding:10px;grid-template-columns:minmax(0,1fr)}.award-blob{grid-column:1;grid-row:2;width:80px;height:auto;margin:8px 0 0}.match-award strong{font-size:23px}.match-award>span{font-size:7px}.report-final{gap:10px}.report-heading h2{font-size:38px}.report-mark{display:none}.playback-row{flex-wrap:wrap}.playback-row button,.playback-row select{padding:8px;font-size:10px}.replay-controls{padding:12px}.replay-caption{font-size:9px}.goal-replay{inset:12px 12px auto}}.match-report{width:100%;min-width:0}.report-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.report-grid>*,.report-players,.report-goals{min-width:0}.match-awards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.report-grid{grid-template-columns:minmax(0,1fr)}}#skip-replay kbd{display:inline-grid;place-items:center;margin-left:7px;width:21px;height:21px;border:1px solid currentColor;border-radius:5px;font:inherit;opacity:.7}.sound-volume-row input[type=range]{width:130px;max-width:45%;accent-color:var(--accent, #b8f16c)}.court-sticker>span{transform:translateY(4px)}.heat-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.heat-teams{display:flex;padding:3px;gap:2px;border:1px solid #829b8240;border-radius:8px;background:#102124}.heat-teams button{padding:8px 12px;border-radius:5px;background:transparent;color:#adbcad;font-size:11px}.heat-teams button[aria-pressed=true]{background:#deedc9;color:#172b29}.heat-player-label{flex:1;display:flex;align-items:center;gap:8px;min-width:145px;font-size:10px;color:#b9c8b4}#heat-player{width:100%;min-width:0;padding:9px 26px 9px 10px;border:1px solid #829b8240;border-radius:7px;background:#102124;color:#e0e9d7;font:inherit;font-size:11px}#heatmap{height:auto;border-radius:9px}.report-heat .heat-legend{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;font-size:10px;color:#b9c8b4}.report-heat .heat-legend i{width:100%;height:7px;border-radius:5px;background:linear-gradient(90deg,#101f24,#16484e,#218682,#7bc397,#f6c460,#ffefb7)}.heat-scale-note{margin:8px 0 0;color:#97aa9e;font-size:10px;text-align:right}.hero-copy .hero-actions,.hero-copy #join-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:380px;max-width:100%}.hero-copy #join-form{margin-top:10px;border:0;border-radius:0;overflow:visible}.hero-copy .hero-actions .button,.hero-copy #join-form .button{height:51px;min-height:51px;gap:10px;padding:14px 16px;font-size:12px}.hero-copy #join-form .button{background:#263e32;color:#e1ebce;border:1px solid #738a7270}.hero-copy #join-code{width:100%;height:51px;border:1px solid #738a7250;border-radius:7px;padding:14px 16px;font-size:12px}:root{--team-left: #bdacff;--team-right: #ff997e;--player-color: var(--team-left)}#account-dialog{width:min(550px,calc(100vw - 32px))}.player-studio{margin:18px 0 24px}.studio-heading,.kit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-heading h3{margin:0;font:700 28px Barlow Condensed,sans-serif}.studio-heading label{display:flex;align-items:center;gap:8px;font-size:10px}#look-court{max-width:145px;font:inherit;padding:7px;border:1px solid #62716555;background:#e9eedf;border-radius:6px;color:#233832}#look-preview{width:100%;height:auto;display:block;border-radius:10px;margin-top:12px;border:1px solid #203a3330}.studio-note{font-size:11px;color:#53685b;margin:8px 0 18px}.player-studio fieldset{border:0;padding:0;margin:14px 0;min-width:0}.player-studio legend{font-size:11px;font-weight:700;margin-bottom:7px}.look-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.look-options.faces{grid-template-columns:repeat(6,minmax(0,1fr))}.look-options button{padding:4px 4px 9px;background:#d8e0d2;border:2px solid transparent;border-radius:9px;color:#213b34;min-width:0}.look-options button[aria-pressed=true]{background:#c8d7bd;border-color:#385c49;box-shadow:0 0 0 2px #f3f5e8 inset}.look-options button:hover{background:#c7d5bd}.look-options canvas{display:block;width:100%;height:auto;max-height:74px;object-fit:contain}.look-options span{font-size:11px;font-weight:650}.lobby-kits{border-bottom:1px solid #829b8240;padding-bottom:15px;margin-bottom:18px}.kit-heading h4{margin:0;font-size:13px;color:#e2ead4}#kit-auto{background:#30493b;border:1px solid #829b8240;border-radius:6px;padding:7px 10px;color:#dfedce;font-size:10px}.kit-row{margin-top:10px;display:flex;flex-direction:column;gap:7px}.kit-row>span{font-size:11px;font-weight:600}.kit-row>div{display:flex;flex-wrap:wrap;gap:7px}.kit-swatch{width:25px;height:25px;background:var(--swatch);color:#16252c;border-radius:50%;border:2px solid #102225;font-size:13px;font-weight:800}.kit-swatch[aria-pressed=true]{outline:2px solid #f2f5e9;outline-offset:1px}.kit-swatch:disabled{opacity:.24;cursor:default}.kit-swatch[aria-pressed=true]:disabled{opacity:1}.lobby-kits p{font-size:10px;color:#9fb19d;margin:12px 0 0}.member-blob{width:39px;height:32px;object-fit:contain;flex:none}.team-column.lilac h3,.team-column.lilac .shirt,.team.lilac,.report-final span:first-child,.possession-numbers>strong:first-child,.team-comparison b:first-child{color:var(--team-left)}.team-column.coral h3,.team-column.coral .shirt,.team.coral,.report-final span:last-child,.possession-numbers>strong:last-child,.team-comparison b:last-child{color:var(--team-right)}.possession-bar{background:var(--team-right)}.possession-bar>i{background:var(--team-left)}.heat-teams button[data-team="0"][aria-pressed=true]{background:var(--team-left)}.heat-teams button[data-team="1"][aria-pressed=true]{background:var(--team-right)}#account-dialog h2{margin:8px 0;font-size:42px}#account-description{margin:8px 0;font-size:12px}.look-options.faces button{padding:5px 2px 8px}.look-options.faces span{font-size:10px}@media(max-width:460px){.look-options.faces{grid-template-columns:repeat(3,minmax(0,1fr))}}.team-heading h3,.kit-row>span{display:inline-flex;align-items:center;gap:9px}.team-heading h3 .ui-icon,.kit-row>span .ui-icon{fill:currentColor;stroke:none}.team-heading h3 .ui-icon{width:15px;height:15px;flex-basis:15px}.kit-row>span .ui-icon{width:8px;height:8px;flex-basis:8px}.ui-icon{width:18px;height:18px;flex:0 0 18px;display:inline-block;vertical-align:middle;pointer-events:none}.button .ui-icon{width:19px;height:19px;flex-basis:19px}.button .button-label{font:inherit;line-height:inherit}button,a.button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.text-button,.practice-link,.arena-button,.playback-row button,.replay-exit,.close-dialog,.remove-player,.team-heading button,#kit-auto{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button{min-height:48px;border-radius:7px;gap:16px}.arena-button,.playback-row button,#kit-auto{min-height:34px;border-radius:7px;padding:8px 12px}.icon-button,.arena-button.square,.close-dialog{width:36px;height:36px;min-height:36px;padding:8px}.close-dialog{line-height:1}.close-dialog .ui-icon{width:20px;height:20px}.remove-player .ui-icon{width:14px;height:14px;flex-basis:14px}.goal-minute .ui-icon,.replay-library-list .ui-icon{width:16px;height:16px}.mini-ball .ui-icon,.footer-ball .ui-icon{width:15px;height:15px}.boost-tip .ui-icon,kbd .ui-icon{width:13px;height:13px;flex-basis:13px}#replay-history{display:inline-flex;align-items:center;gap:7px}@media(max-width:600px){.playback-row button{gap:5px;padding:7px 8px}.playback-row .ui-icon{width:14px;height:14px;flex-basis:14px}}#profile-form .inline-field button{white-space:nowrap;min-width:104px;min-height:44px;border-radius:7px}.boost-tip{display:inline-flex;align-items:center;gap:6px}.team-heading button{gap:5px;white-space:nowrap;line-height:1;min-height:32px}.team-heading button .ui-icon{width:14px;height:14px;flex-basis:14px}.kit-swatch{display:inline-flex;align-items:center;justify-content:center;padding:0}.kit-swatch .ui-icon{width:14px;height:14px;flex-basis:14px}.profile-page{max-width:1760px;padding-bottom:24px}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #213e3333;padding:24px 0}.profile-heading h1{font:800 clamp(40px,4vw,68px)/.96 "Barlow Condensed",sans-serif;letter-spacing:-1.7px;margin:6px 0 0}.profile-heading .eyebrow{font-size:10px;letter-spacing:2px}.profile-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(370px,1.38fr) minmax(340px,1fr);gap:20px;align-items:start}.profile-panel{min-width:0;min-height:0;background:#f6f5eb;border:1px solid #203b322b;border-radius:18px;overflow:clip}.player-card{position:relative;isolation:isolate;overflow:hidden;min-height:158px;background:#273e34;color:#e6f1bb;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.player-card:before{content:"";position:absolute;z-index:-1;right:-85px;top:-90px;width:260px;height:260px;border:35px solid #d3e9ac17;border-radius:50%}.player-card h2{font:800 clamp(32px,3.1vw,52px)/1 "Barlow Condensed",sans-serif;letter-spacing:-.7px;margin:28px 0 0;overflow-wrap:anywhere}.player-card .eyebrow{font-size:9px;letter-spacing:1.5px}.player-card-mark{position:absolute;right:14px;top:12px;font:800 32px Barlow Condensed,sans-serif;opacity:.5}.profile-account-details{padding:20px 22px 8px}.profile-account-details p{font-size:12px;line-height:1.55;color:#657164;margin:0 0 16px}.profile-account-details h3{font:700 26px Barlow Condensed,sans-serif;margin:8px 0}.profile-account-details .authkit-panel{border:0;margin:0;padding:0;display:grid;gap:9px}.profile-account-details .authkit-panel[hidden]{display:none}.profile-account-details .button{font-size:12px;min-height:42px;padding:10px 12px;width:100%;gap:10px;justify-content:center}.profile-account-details .text-button{font-size:11px;padding:8px 0;text-align:center}.google-button{background:#fff;color:#25392f;border:1px solid #cbd2c2;box-shadow:0 2px #20332b0b}.save-account{color:#426037;text-decoration:none}.career-panel{padding:16px 22px 24px;border-top:1px solid #243b321a;margin-top:14px}.profile-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-section-title h3{font:700 26px Barlow Condensed,sans-serif;margin:0}.career-headliners{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 20px;gap:12px}.career-headliners strong{display:block;font:800 58px/.95 Barlow Condensed,sans-serif;color:#33563e;letter-spacing:-2px}.career-headliners span{font-size:11px;display:block;margin-top:7px;color:#657164}.career-stats dl{margin:0}.career-stats dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:9px 0;border-top:1px solid #29453613}.career-stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700}.profile-note{color:#71806e;font-size:11px;line-height:1.6}.profile-customize{display:flex;flex-direction:column;margin:0}#profile-studio{min-width:0}.profile-customize .player-studio{margin:0;padding:22px 22px 0}.profile-customize .studio-heading h3{font:700 30px Barlow Condensed,sans-serif}.profile-customize #look-preview{height:auto;max-height:180px;object-fit:cover;margin-top:18px}.profile-customize .studio-note{font-size:11px;margin:0;color:#536547;line-height:1.5;overflow-wrap:anywhere}.studio-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;min-height:64px}#look-shuffle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:40px;padding:8px;border:1px solid #c3ceb7;border-radius:8px;background:#e8eddd;color:#355134;font-size:11px}#look-shuffle .ui-icon{width:15px;height:15px}.studio-tabs{display:flex;gap:5px;border-bottom:1px solid #203a3326;overflow-x:auto;scrollbar-width:thin}.studio-tabs button{border:0;background:transparent;padding:12px 9px;flex:1 0 auto;white-space:nowrap;font:600 12px DM Sans Variable,sans-serif;border-bottom:2px solid transparent;color:#788370;border-radius:0}.studio-tabs button[aria-selected=true]{color:#243e30;border-color:#243e30}.studio-tabs span{font-size:10px;margin-left:3px;background:#dfe5d5;padding:2px 5px;border-radius:4px}.profile-customize .player-studio fieldset{margin:0;padding:0 4px 14px 0}.look-collections{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:1;padding:10px 0 12px;background:#f6f5eb}.collection-tabs{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a5b596 transparent;overscroll-behavior-x:contain;scroll-padding:4px;padding:3px 2px 6px}.collection-tabs button{flex-shrink:0;white-space:nowrap;padding:9px 12px;min-height:40px;background:#e8eadc;color:#4c6140;border:1px solid transparent;border-radius:20px;font-size:11px;font-weight:600}.collection-tabs button[aria-selected=true]{background:#d2f865;border-color:#91ac4a;color:#283d24}.collection-step{display:grid;place-items:center;flex:0 0 32px;min-height:40px;padding:6px;background:#e8eadc;border:1px solid #c8d0be;border-radius:8px;color:#3e5635}.collection-step .ui-icon{width:16px;height:16px}.studio-tabs button:focus-visible,.collection-tabs button:focus-visible{outline-offset:-3px}.profile-customize #surface-panel,.profile-customize #detail-panel{padding-top:14px}.profile-customize .look-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-customize .look-options button{background:#e8eadc;border-radius:11px;padding:3px 2px 10px}.profile-customize .look-options button:hover{background:#dce3cf}.profile-customize .look-options button[aria-pressed=true]{background:#dce8be;border-color:#426037;box-shadow:none}.profile-customize .look-options span{font-size:11px}.profile-customize .look-options canvas{max-height:100px}.profile-save{position:sticky;bottom:0;z-index:2;padding:16px 22px;border-top:1px solid #203a3326;background:#eef0e4}.profile-save label{font-size:10px;font-weight:600;display:block;margin-bottom:7px}.profile-save .inline-field{gap:8px}.profile-save input{min-width:0;width:100%;border:1px solid #bdc7b5;border-radius:8px;padding:11px 12px;background:#fffef6;color:#223b2e;font:600 13px DM Sans Variable,sans-serif}.profile-save .button{min-height:40px;padding:10px 14px;font-size:12px;white-space:nowrap}.profile-save #account-feedback{font-size:11px;margin:7px 0 0;min-height:14px;color:#385b3b}.profile-history{display:flex;flex-direction:column}.profile-history>.profile-section-title{padding:22px 22px 18px;border-bottom:1px solid #203a3326}.profile-history h2{font:700 32px/1 Barlow Condensed,sans-serif;margin:6px 0 0}.profile-history .eyebrow{font-size:9px;letter-spacing:1.6px;color:#75816b}.history-count{font:700 16px Barlow Condensed,sans-serif;border:1px solid #c2cfb5;border-radius:50%;min-width:32px;height:32px;display:grid;place-items:center}.profile-matches{padding:0 18px}.profile-match{display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;gap:11px;align-items:center;padding:20px 0;border-bottom:1px solid #203a3320;color:inherit;text-decoration:none}.profile-match:hover .history-match-info strong{text-decoration:underline;text-underline-offset:3px}.history-court{display:block;position:relative;width:44px;height:55px;overflow:hidden;border-radius:7px}.history-court:before{content:"";position:absolute;inset:7px;border:1px solid #fff9}.history-court:after{content:"";position:absolute;top:50%;left:7px;right:7px;border-top:1px solid #fff9}.history-court>i{position:absolute;width:12px;height:12px;top:calc(50% - 6px);left:16px;border:1px solid #fff9;border-radius:50%}.history-match-info{min-width:0;display:flex;flex-direction:column;gap:5px}.history-match-info strong{font-size:12px;font-weight:650}.history-match-info small{font-size:9px;color:#7a856f}.history-performance{font-size:10px;color:#536948}.history-match-score{text-align:right}.history-match-score b{font:700 26px Barlow Condensed,sans-serif;white-space:nowrap}.history-match-score i{font-style:normal;color:#9aa38d;margin:0 5px}.history-match-score small{display:block;font-size:9px;color:#7d8674;margin-top:5px}[data-result=won] .history-match-score small{color:#376344}[data-result=lost] .history-match-score small{color:#936549}.history-play{color:#5e7755}.history-play .ui-icon{width:16px;height:16px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;height:100%;padding:24px;text-align:center}.history-empty>.ui-icon{width:48px;height:48px;color:#7b9866;stroke-width:1}.history-empty h3{font:700 36px/1.05 Barlow Condensed,sans-serif;margin:25px 0 12px}.history-empty p{font-size:12px;line-height:1.6;color:#78846c;max-width:230px}.history-empty .button{font-size:12px;min-height:42px;padding:10px 14px;margin-top:14px}#history-more{border-top:1px solid #243b3220;padding:14px;font-size:12px}.arena-home{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:7px}.arena-home .ui-icon{width:16px;height:16px}body:not(.playing) .arena-home{display:none}@media(max-width:1199px){.profile-layout{grid-template-columns:240px minmax(0,1fr)}.profile-history{grid-column:1/-1}.profile-matches{padding:0 22px}}@media(max-width:700px){.profile-page{padding:0 16px 20px}.profile-heading{padding:20px 0}.profile-heading h1{font-size:42px}.profile-heading>.button{font-size:11px;padding:10px 14px;min-height:42px}.profile-layout{grid-template-columns:minmax(0,1fr);gap:16px}.profile-customize{grid-row:1}.profile-identity{grid-row:2}.profile-history{grid-row:3}.player-card{min-height:130px}.profile-customize .player-studio{padding:18px 16px 0}.profile-save{padding:14px 16px}.profile-customize .look-options{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-home span{display:none}}@media(max-width:430px){.studio-tabs span{display:none}.studio-tabs button{padding:12px 7px}}@media(pointer:coarse){.collection-tabs button,.collection-step,#look-shuffle{min-height:44px}.collection-step{flex-basis:40px}}#profile-form .profile-save .button{flex-shrink:0;gap:10px}.profile-save input{flex:1}.public-career{max-width:900px;margin:auto;padding:24px}.public-career canvas{width:100%;height:auto;background:#dce5ca;border-radius:12px}.public-career .career-stats{padding:24px 0}.court-player-card{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #203b3233}.court-player-card small{opacity:.7}#players-dialog{min-width:min(360px,85vw)}.profile-visibility{padding:18px 24px;border-bottom:1px solid #203b322b}.visibility-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.visibility-row label{font-size:12px;font-weight:600}#public-profile{width:auto;min-width:105px;min-height:36px;padding:7px 30px 7px 12px;border:1px solid #80947c66;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.visibility-link{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12px;font-weight:600;color:inherit;text-decoration:none}.visibility-link svg{width:16px;height:16px}#visibility-feedback{font-size:12px;margin:12px 0 0}.public-profile-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:20px;align-items:start;max-width:1280px;margin:auto}.public-profile-layout .public-career{max-width:none;margin:0}.public-history .profile-matches{max-height:none}@media(max-width:850px){.public-profile-layout{grid-template-columns:minmax(0,1fr)}}.member-club-crest{display:inline-flex;width:19px;height:19px;margin-left:7px;padding:3px;vertical-align:-4px;border-radius:6px;background:color-mix(in srgb,var(--member-club-color) 16%,transparent);color:#ded9ed}.member-club-crest svg{width:100%;height:100%}.member-club-crest{position:relative;text-decoration:none;cursor:pointer;transition:background .16s,box-shadow .16s}.member-club-crest:is(:hover,:focus-visible){background:color-mix(in srgb,var(--member-club-color) 35%,#242c42);box-shadow:0 0 0 3px color-mix(in srgb,var(--member-club-color) 30%,transparent);outline:none;z-index:5}.member-club-hint{position:absolute;z-index:10;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,3px);padding:7px 11px;width:max-content;max-width:min(220px,65vw);border-radius:10px;background:#f2eee5;color:#252b3b;box-shadow:0 4px 16px #0004;font:700 13px/1.25 DM Sans,sans-serif;text-align:center;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}.member-club-crest:is(:hover,:focus-visible) .member-club-hint{opacity:1;visibility:visible;transform:translate(-50%)}.profile-quick-chat{margin:24px;padding-top:24px;border-top:1px solid #b9c9ae25}.profile-quick-chat h3{margin:0;font:700 28px/1.1 Barlow Condensed,sans-serif}.profile-quick-chat header p{margin:8px 0 16px;color:#a9b8aa;font-size:13px}.profile-chat-sets,.profile-chat-groups{display:flex;flex-wrap:wrap;gap:8px}#app .profile-chat-set{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;min-height:40px;border:1px solid #a9b8aa35;border-radius:24px;background:#ffffff08;color:#dfdfd1}#app .profile-chat-set:first-child{padding-left:14px}#app .profile-chat-set[aria-pressed=true]{background:#e6dff0;color:#282d44;border-color:#e6dff0}.profile-chat-crest{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex:0 0 28px}.profile-chat-crest svg{width:19px;height:19px}.profile-chat-body{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr);gap:16px;margin-top:18px}.profile-chat-body canvas{width:100%;height:210px;border-radius:18px}#app .profile-chat-groups button{padding:6px 8px;font-size:11px;border-radius:12px;background:transparent;color:#b9c8b3}#app .profile-chat-groups button[aria-pressed=true]{color:#ede6ff;background:#bdacff25}.profile-chat-phrases{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}#app .profile-chat-phrases button{border-radius:13px 13px 13px 3px;background:#39404f;color:#f2eee5;text-align:left;padding:10px 12px;min-height:54px;font-size:12px;overflow-wrap:anywhere;transition:transform .16s,background .16s}#app .profile-chat-phrases button:hover:not(:disabled){transform:translateY(-2px);background:#514765}.profile-chat-feedback{min-height:18px;margin:12px 0 0;font-size:12px;color:#c9bcea}@media(max-width:900px){.profile-chat-body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#app .profile-chat-phrases button{transition:none}}body.home-view #app{display:flex;flex-direction:column;height:100svh;min-height:560px}body.home-view #app .masthead{flex-shrink:0}body.home-view #app #game-page{flex:1;width:100%;min-height:0;height:auto;padding-top:12px;padding-bottom:0;display:grid;grid-template-rows:minmax(0,1fr) 76px}body.home-view #app .game-shell{display:flex;flex-direction:column;min-height:0}body.home-view #app .arena-top{height:44px;flex-shrink:0}body.home-view #app .arena-bottom{height:26px;flex-shrink:0}body.home-view #app .canvas-wrap{flex:1;height:auto;min-height:0;max-height:none;aspect-ratio:auto}body.home-view #app .hero-copy{min-width:0;max-width:100%;padding:10px 0}body.home-view #app .hero-copy h1{font-size:clamp(54px,10svh,106px);margin:12px 0 16px}body.home-view #app .join-form,body.home-view #app .hero-copy .format-select{margin-top:12px}body.home-view #app .controls-strip{display:flex;height:auto;padding:10px}body.home-view #app .site-footer{flex-shrink:0}#fps-counter{flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:0;color:#c8d5c6;white-space:nowrap;min-width:6ch}@media(max-width:760px){body.home-view #app #home .button{gap:8px;padding:12px 10px;font-size:11px}body.home-view #app #join-code{padding:12px 10px;font-size:11px}body.home-view #app .controls-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0}body.home-view #app .control-item{display:flex;min-width:0;flex-direction:column;gap:5px}body.home-view #app .control-item span{display:none}body.home-view #app .control-item b{font-size:11px}body.home-view #app .gamepad-note{display:none}}@media(max-height:700px){body.home-view #app .hero-copy h1{font-size:clamp(44px,8svh,60px)}body.home-view #app .hero-copy h1 br{display:none}body.home-view #app .hero-copy .practice-link{display:inline-flex}}#app :is(.clubhouse,.toast):not([id]){display:none}:root{color-scheme:dark;--paper: #101c19;--ink: #eef2df;--shell-muted: #9cab9e;--shell-line: #adc0a526;background:var(--paper);color:var(--ink)}#app{--shell-header: 68px;--session-height: 0px;min-height:100svh;background:var(--paper)}body.has-session #app{--session-height: 56px}:root:fullscreen #app{width:100%;height:100dvh;overflow:auto}#app .masthead{display:flex;height:var(--shell-header);max-width:none;width:100%;padding:0 32px;border-bottom:1px solid var(--shell-line);background:#101c19f5;position:sticky;top:0;z-index:30}#app .brand{font-size:28px;letter-spacing:-1.7px;gap:8px}#app .brand-icon{width:38px;height:34px;margin-right:-4px}#app .edition{font-size:9px}#app .masthead nav{gap:8px}.shell-tab,#app .account-button{padding:10px 16px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:12px;font-weight:600;color:var(--shell-muted);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-tab[aria-current=page],#app .account-button[aria-current=page]{background:#26372d;color:var(--lime);border-color:#bed38829}#app .icon-button{background:transparent;color:var(--shell-muted);border:0}#app #save-account{display:none}.session-bar{position:sticky;top:var(--shell-header);z-index:29;height:var(--session-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#23352a;border-bottom:1px solid #c9e69729}.session-summary{display:flex;align-items:center;gap:14px;min-width:0}#session-return{padding:8px 10px;margin-left:-10px;border-radius:6px;transition:background-color .15s}#session-return:hover,#session-return:focus-visible{background:#d2e4b414}.session-summary>span:nth-child(2){display:grid;gap:4px}.session-summary strong{font-size:10px;letter-spacing:1.5px;color:#d2e4b4}.session-summary small{font-size:11px;color:#bec8b4}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d2f8650c;flex-shrink:0}.session-players{padding-left:18px;border-left:1px solid #ffffff20;font-size:11px;color:#b4c2ad}.session-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}#app .session-actions .text-button{font-size:11px;color:#dae6ca;padding:8px 0}#app #session-leave{color:#a7b59f}#app main{max-width:1600px;padding:0 32px 24px;margin:auto}#app .section-bar{display:none}#app #game-page{height:auto;min-height:0;display:block;padding-top:20px}#app .game-shell{border:1px solid var(--shell-line);box-shadow:none;border-radius:14px;overflow:hidden}#app .arena-top{height:48px}#app .arena-bottom{height:30px}#app .canvas-wrap{height:calc(100svh - var(--shell-header) - var(--session-height) - 190px);min-height:430px;max-height:none}#app .controls-strip{height:64px;padding:10px;border-color:var(--shell-line);color:#d6decb}#app .control-item span,#app .gamepad-note{color:var(--shell-muted)}#app kbd{color:#c4d4b7;background:#22342b;border-color:#496044;box-shadow:none}#app footer{height:36px;color:var(--shell-muted)}body.playing #app #game-page{max-width:none;padding:12px}body.playing #app .canvas-wrap{height:calc(100svh - var(--shell-header) - var(--session-height) - 104px);min-height:260px}body.playing #app .controls-strip,body.playing #app footer,body.in-lobby #app .controls-strip,body.in-lobby #app footer{display:none}body.in-lobby #app .canvas-wrap{height:auto;min-height:0}body.in-lobby #app #game-page{max-width:1440px}#app .lobby-heading h2{font-size:clamp(36px,4vw,52px)}#app .lobby-overlay{background:#14261feb}#app .lobby-bottom{border-color:var(--shell-line)}#app .report-actions{position:sticky;top:-24px;z-index:3;background:#142820;padding:16px 0}#app #report-rematch,#app #report-close{order:-1}#app .report-actions .primary{background:var(--lime);color:#20301d}#app .profile-heading{border:0;padding:30px 0 24px}#app .profile-heading h1{font-size:clamp(42px,4vw,60px)}#app .profile-heading .eyebrow{color:var(--shell-muted)}#app .profile-panel{background:#192a23;border-color:var(--shell-line);border-radius:14px}#app .player-card{background:#304730}#app .profile-account-details p,#app .profile-note,#app .career-headliners span,#app .profile-customize .studio-note,#app .profile-history .eyebrow,#app .history-match-info small,#app .history-performance,#app .history-match-score small,#app .history-empty p{color:#a5b49c}#app .career-headliners strong,#app .history-play{color:#c6df9d}#app .career-panel,#app .career-stats dl>div,#app .profile-history>.profile-section-title,#app .profile-match,#app .studio-tabs,#app #history-more{border-color:var(--shell-line)}#app .profile-save,#app .look-collections{background:#20342a;border-color:var(--shell-line)}#app .profile-save input,#app #look-court{background:#13241d;color:#e1e9d3;border-color:#4d6245}#app .profile-save #account-feedback{color:#c4e899}#app .studio-tabs button{color:#adbaa0}#app .studio-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}#app .studio-tabs span{background:#334a33}#app .collection-tabs button,#app .collection-step,#app #look-shuffle,#app .profile-customize .look-options button{background:#283d2f;color:#d9e3c8;border-color:#526547}#app .profile-customize .look-options button{border-color:transparent}#app .profile-customize .look-options button:hover{background:#354d37}#app .collection-tabs button[aria-selected=true],#app .profile-customize .look-options button[aria-pressed=true]{background:#405637;border-color:var(--lime);color:#e3f4c8}#app .profile-page .text-button{color:#c4d4b7}#app .profile-page .secondary{color:#d1dfbf;background:#2d4232;border:1px solid #647851}#app [data-result=won] .history-match-score small{color:#bddf8d}#app [data-result=lost] .history-match-score small{color:#f5b495}#app dialog{background:#20332a;color:#e5ebd8;border:1px solid #667b50}#app dialog p,#app dialog small{color:#b1bea5}#app dialog .text-button{color:#d0dfbc}@media(max-width:760px){#app{--shell-header: 58px}#app .masthead{padding:0 16px}#app .masthead nav{gap:2px}#app .brand{font-size:24px}#app .brand-icon,#app .edition{display:none}#app .account-button{max-width:110px;padding:10px}.shell-tab{padding:10px}.session-bar{padding:0 16px;gap:8px}.session-summary{gap:10px}.session-summary strong{font-size:9px;letter-spacing:1px}.session-summary small{font-size:10px}.session-players{display:none}.session-actions{gap:12px}#app #session-replay,#app #session-invite{font-size:0;gap:0}#app main{padding:0 12px 16px}#app #game-page{padding-top:12px}#app .controls-strip{display:grid}#app .profile-heading{padding:24px 4px 20px}#app .profile-heading .button{font-size:11px}#app .report-actions{gap:8px}#app .report-actions .button{min-height:42px;padding:10px 12px;font-size:12px}}@media(max-height:600px)and (orientation:landscape){#app{--shell-header: 46px}body.has-session #app{--session-height: 46px}body.playing #app .canvas-wrap{min-height:180px}}#app .lobby-overlay{padding:26px 30px}#app .lobby-heading{padding-bottom:20px;margin-bottom:22px}#app .lobby-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:32px}#app .lobby-settings{border:0;padding:20px 0 0}.next-court{position:relative;isolation:isolate;overflow:hidden;min-height:185px;padding:24px;background:var(--next-court-color, #355e4d);border:1px solid #ffffff26;border-radius:10px;color:#f0f5e8}.next-court:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0b1f23e0,#0b1f2350);z-index:-1}.next-court h3{font:700 36px/1 Barlow Condensed,sans-serif;margin:22px 0 8px}.next-court p{font-size:11px;margin:0;color:#d0e1cc}.next-court>i{position:absolute;right:-30px;top:24px;width:125px;height:150px;border:2px solid #ffffff20;transform:rotate(20deg);pointer-events:none;z-index:-1}.next-court>i:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #ffffff20}.lobby-setup{margin-top:12px}.lobby-setup>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px;border:1px solid var(--shell-line);border-radius:8px;font-size:12px;color:#c6d7ba;list-style:none}.lobby-setup>summary::-webkit-details-marker{display:none}.lobby-setup[open]>summary{background:#2a3e2e}#app .lobby-bottom{margin-top:24px;padding-top:20px}#app .profile-save .primary{background:var(--lime);color:#24301e;box-shadow:none}@media(max-width:1000px){#app .lobby-layout{grid-template-columns:1fr}.next-court{min-height:130px}.next-court h3{margin-top:14px}}@media(max-width:760px){#app .lobby-overlay{padding:20px 16px}#app .lobby-layout{gap:20px}#app .lobby-bottom{position:sticky;bottom:0;z-index:3;background:#182c22;padding:14px 0}}.lobby-tv{overflow:hidden;border:1px solid #91ac773b;border-radius:10px;background:#10251e}.lobby-tv>header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lobby-tv>header>span{display:flex;align-items:center;gap:8px;color:#d3e4b6;font-size:10px;font-weight:700;letter-spacing:1.2px}.lobby-tv header small{font-size:8px;letter-spacing:.8px;color:#8da58b;font-weight:500}.lobby-tv-screen{position:relative;aspect-ratio:1.9}#lobby-tv-canvas{width:100%;height:100%;display:block}#lobby-tv-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#a8c88303 0px,#a8c88303 1px,transparent 1px,transparent 4px);color:#b7caa6}#lobby-tv-empty>.ui-icon{opacity:.5;width:26px;height:26px;margin-bottom:12px}#lobby-tv-empty strong{font:700 28px Barlow Condensed,sans-serif}#lobby-tv-empty p{font-size:11px;color:#8ea287;margin:8px 12px;text-align:center}.lobby-tv-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;border-top:1px solid #91ac7724}#lobby-tv-caption{margin:0;font-size:10px;color:#a6be96}#lobby-tv-replay{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--lime);white-space:nowrap}#lobby-tv-replay:hover{text-decoration:underline;text-underline-offset:3px}#lobby-tv-replay .ui-icon{width:12px;height:12px;flex-basis:12px}.lobby-tv:not([hidden])+.next-court{min-height:0;padding:16px;margin-top:12px}.lobby-tv:not([hidden])+.next-court h3{font-size:28px;margin:10px 0 6px}body.focus-match #app .masthead,body.focus-match #app .session-bar{display:none}body.focus-match #app{--shell-header: 0px;--session-height: 0px}body.focus-match #app #game-page{padding:0;max-width:none}body.focus-match #app .game-shell{border:0;border-radius:0}body.focus-match #app .arena-top{height:44px;padding:0 16px}body.focus-match #app .canvas-wrap{height:calc(100dvh - 66px);min-height:0}body.focus-match #app .arena-bottom{height:22px}.match-room{display:inline-flex;align-items:center;padding:6px 9px;border-radius:5px;background:#2b4030;color:#c7dea7;font-size:10px;letter-spacing:.7px;white-space:nowrap}body.focus-match #app .court-name{gap:12px}@media(max-width:1000px){body.focus-match #app .court-name #map-name,body.focus-match #app .court-dot{display:none}}@media(max-width:760px){body.focus-match #app .arena-top{padding:0 8px;gap:6px}body.focus-match #app .court-name{display:flex;gap:0}body.focus-match #app .scoreboard{justify-content:center;gap:7px}body.focus-match #app .team{display:none}body.focus-match #app .arena-actions{gap:2px}body.focus-match #app .camera-button{min-width:34px;width:34px;padding:6px}.match-room{padding:7px 6px;font-size:9px}}body.in-lobby #app #court{height:560px;width:100%;top:0;bottom:auto;opacity:.5;mask-image:linear-gradient(#000 45%,transparent 100%)}body.in-lobby #app .game-shell,body.in-lobby #app .canvas-wrap{overflow:clip}#app .lobby-bottom{position:sticky;bottom:0;z-index:3;background:#182c22;padding:16px 20px;gap:16px;justify-content:flex-end}#app{display:flex;flex-direction:column}#app>.masthead,#app>.session-bar{flex-shrink:0}#app>main{width:100%}#app .site-footer{min-height:44px;height:auto;padding:0 32px}body.playing #app .site-footer,body.in-lobby #app .site-footer{display:none}body.profile-view #app .site-footer,body.legal-view #app .site-footer{display:flex}#app #legal-page{max-width:824px;padding:32px 32px 48px;margin:0 auto}#legal-return{display:inline-flex;margin-bottom:28px;color:var(--shell-muted);font-size:12px}#app #legal-page:focus{outline:none}@media(max-width:760px){#app .site-footer{padding:0 16px}#app #legal-page{padding:24px 20px 40px}}#app #lobby-hint{margin:0 auto 0 0}#app #lobby-hint:empty{display:none}#app #lobby-ready{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}#app #lobby-ready .ui-icon{width:24px;height:24px;flex:0 0 24px}#app #lobby-ready[aria-pressed=true]{background:#294731;color:#d2f2af;border-color:#90b46b;box-shadow:inset 0 0 0 1px #a4d07620}#app #lobby-ready[aria-pressed=true]:hover{background:#35563c}#app #lobby-ready[aria-pressed=true] .ui-icon{background:#d2f865;color:#24371e;border-radius:50%;padding:3px;animation:ready-check .22s ease-out}@keyframes ready-check{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#app #lobby-ready{transition:none}#app #lobby-ready[aria-pressed=true] .ui-icon{animation:none}}@media(max-width:760px){#app .lobby-bottom{padding:14px 16px}}body.stats-view #app #game-page{display:flex;flex-direction:column;height:calc(100dvh - var(--shell-header) - var(--session-height));min-height:0}body.stats-view #app .game-shell{display:flex;flex-direction:column;flex:1;min-height:0}body.stats-view #app .arena-top,body.stats-view #app .arena-bottom{flex-shrink:0}body.stats-view #app .canvas-wrap{flex:1;min-height:0;height:auto}#app .lobby-roster{align-content:start}.roster-tools,.spectator-column{grid-column:1 / -1}.roster-tools{display:flex;align-items:center;gap:7px;margin-bottom:2px}.roster-tools>span{margin-right:auto;color:#a7bc9c;font:9px ui-monospace,monospace;letter-spacing:1.4px}.roster-tools button,.lobby-room-options button{border:1px solid #bdd5a82b;padding:7px 10px;border-radius:5px;color:#d2dec5;font-size:10px;background:#b9d59708}.roster-tools button:hover{background:#b9d5971a}.roster-tools button[aria-pressed=true]{color:var(--lime);border-color:#cee99966}#app .team-column li.member-row{gap:8px;min-height:64px}#app .team-column li>span{flex:1;min-width:0;overflow-wrap:anywhere}.member-handle{touch-action:none;cursor:grab;padding:10px 2px;color:#87997e;font-size:21px}.member-handle:active{cursor:grabbing}.member-menu{color:#8fa986;border-radius:4px;padding:7px;font-size:10px;letter-spacing:1px}.member-menu:hover,.member-menu:focus-visible{background:#b9d59720;color:var(--lime)}#app .team-column .member-blob{flex:0 0 38px;width:38px;height:32px}#app .team-column ol{min-height:64px;border-radius:6px;transition:background .12s,box-shadow .12s}#app .team-column ol.drop-target{background:#cef78912;box-shadow:inset 0 0 0 2px #cfee99}#app .spectator-column{border-top:1px solid #a5b39730;margin-top:4px}#app .spectator-column h3{color:#b6c2ad;font-size:23px}.spectator-column h3 span{font:11px ui-monospace,monospace;margin-left:8px;opacity:.7}#app .spectator-column ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}#app .team-column li.empty-team{font-size:11px;color:#859a7e;padding:14px 0;border:0;grid-column:1 / -1}.roster-note{color:#8fa286;font-size:10px;line-height:1.6}.lobby-room-options{margin-top:18px;padding:16px;border:1px solid #a9bd9229;border-radius:7px;background:#10231b}.lobby-room-options>label{display:block;color:#d6e3c3;font-size:11px;margin-bottom:9px}.lobby-room-options select{width:100%;background:#243d2a;color:#d9e8c5;border:1px solid #a9bd9233;border-radius:5px;padding:9px;font-size:12px}.lobby-room-options p{color:#91a583;font-size:10px;line-height:1.6;margin:10px 0 0}#lobby-bans{margin-top:12px;font-size:11px}#ban-list{display:grid;gap:6px;padding-top:8px}#member-dialog{width:min(380px,calc(100vw - 32px))}#member-actions{display:grid;gap:7px}#member-actions button{text-align:left;padding:11px 13px;color:#d4e5bf;border:1px solid #a7bd9030;border-radius:5px;background:#243a2a;font-size:12px}#member-actions button:hover{background:#304b34}#member-actions .danger-action{color:#efafa1}#lobby-force{color:#b7c8a6;font-size:11px;padding:12px}#lobby-force:hover{color:var(--lime);text-decoration:underline}body.in-lobby #app .game-shell{margin-bottom:0}#app .lobby-overlay{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px 22px 14px;background:#132127e8}#app .lobby-heading{margin:0;padding:0 0 10px;flex-shrink:0}#app .lobby-heading>div{display:flex;align-items:center;gap:18px}#app .lobby-heading h2{font-size:29px;margin:0;gap:16px}#app .lobby-heading .eyebrow{order:1;font-size:8px;gap:8px;white-space:nowrap}#app #lobby-code{font-size:12px;padding:7px 10px;border:0;border-radius:20px}#app .lobby-layout{grid-template-columns:minmax(0,1.45fr) minmax(335px,1fr);gap:26px;flex:1;min-height:0}#app .lobby-roster{gap:4px 16px;align-content:start;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}#app .roster-tools{height:28px;margin:0 0 3px}#app .roster-tools button{border:0;background:transparent;border-radius:20px;padding:5px 9px;color:#b8c5c9}#app .roster-tools button:hover{background:#ffffff12;color:#fff6e4}#app .roster-tools button[aria-pressed=true]{background:#d4e99c;color:#263027}#app .team-heading{padding:3px 0;min-height:30px;margin-bottom:1px}#app .team-heading h3{font-size:24px}#app .team-heading button{font-size:10px;padding:5px 0}#app .team-column li,#app .team-column li.member-row{min-height:33px;padding:3px 0;gap:7px}#app .team-column li>span{font-size:11px}#app .team-column li small{font-size:8px;margin-top:2px}#app .team-column .member-blob{width:29px;height:26px;flex-basis:29px}#app .team-column ol{min-height:0}#app .member-handle{background:none;border:0;font-size:16px;padding:5px 1px;color:#85949a}#app .member-menu{background:none;border:0;border-radius:50%;color:#a2b3b8}#app .member-menu:hover{background:#ffffff16;color:#fff6e4}#app .spectator-column{margin:5px 0 0}#app .spectator-column h3{font-size:19px;color:#9eafb4}#app .spectator-column ol:empty{display:none}#app .team-column.drop-target{background:#cef78912;box-shadow:inset 0 0 0 2px #cfee99;border-radius:9px}.lobby-floor{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(335px,1fr);gap:26px;flex-shrink:0}#app .lobby-bottom{position:static;background:transparent;border:0;padding:0;margin:0;flex-wrap:wrap;align-content:end;gap:8px;justify-content:flex-end}#app #lobby-hint{flex:1 0 100%;text-align:right;font-size:11px;margin:0 0 4px;padding:0}#app .lobby-bottom .primary{min-width:170px;min-height:48px}.lobby-mobile-tabs{display:none}#app .lobby-config{min-width:0;min-height:0;display:flex;flex-direction:column}#app .next-court{flex-shrink:0;min-height:0;border:0;background:transparent;padding:0 0 9px;border-radius:0}#app .next-court:before,#app .next-court>i,#app .next-court>.eyebrow{display:none}#app .next-court h3{font-size:23px;margin:0 0 3px}#app .next-court p{font-size:10px;color:#94a8af}.room-setup{flex:1;min-height:0}.setup-tabs{display:flex;gap:4px;border-bottom:1px solid #ffffff16;margin-bottom:10px}.setup-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;flex:1;border:0;background:transparent;padding:8px 4px 10px;color:#96acb3;font-size:11px;transition:color .15s}.setup-tabs button[aria-selected=true]{color:#f3eddb}.setup-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--lime);border-radius:4px;left:15%;right:15%;animation:setup-underline .18s ease-out}.setup-tabs button:hover{color:#fff}.setup-tabs .ui-icon,.setup-field .ui-icon,.setup-bots .ui-icon,.room-help .ui-icon{width:15px;height:15px;flex:0 0 15px}.setup-page{animation:setup-in .18s ease-out}.court-browser{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9fb0b7;margin-bottom:7px}.court-browser>div{display:flex;gap:9px;align-items:center}.court-browser button{display:grid;place-items:center;background:#ffffff09;border:0;color:#c8d4d8;padding:3px;border-radius:50%}.court-browser .ui-icon{width:15px;height:15px}#courts-page{font:9px ui-monospace,monospace}#app .map-grid{grid-template-rows:repeat(2,43px);grid-template-columns:1fr 1fr;gap:6px}#app .map-card{border:1px solid #ffffff14;background:#ffffff04;border-radius:9px;height:43px;min-height:43px;padding:5px 8px;gap:8px;transition:background .16s,border-color .16s,transform .16s}#app .map-card:hover:not(:disabled){background:#ffffff0c;transform:translateY(-1px);border-color:#ffffff40}#app .map-card[aria-pressed=true]{border-color:#dfebae;background:#d3e9970d;color:#f5f0dc}#app .map-card span{font-size:10px;line-height:1.15}#app .court-swatch{position:relative;width:39px;height:26px;flex-basis:39px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff45;background:linear-gradient(90deg,transparent 48%,#ffffff60 49%,#ffffff60 51%,transparent 52%),var(--court-accent)}#app .court-swatch:after{content:"";width:10px;height:10px;border:1px solid #ffffff80;border-radius:50%;position:absolute;top:8px;left:14px}#app #map-description{font-size:9px;line-height:1.4;color:#8fa3aa;margin:7px 0;min-height:26px}.setup-field{margin:0 0 10px}.setup-field>label,.setup-bots>label{display:flex;align-items:center;gap:7px;color:#becbd0;font-size:10px;margin-bottom:6px}.setup-field label small{margin-left:auto;color:#7e969f;font-size:9px}.setup-segments{display:flex;gap:3px;padding:3px;background:#0d181c70;border-radius:10px}.setup-segments button{min-width:0;flex:1;padding:7px 3px;font-size:10px;background:transparent;border:0;border-radius:7px;color:#92a8b0;transition:background .14s,color .14s,box-shadow .14s}.setup-segments button[aria-pressed=true]{background:#f0ecd9;color:#233038;box-shadow:0 2px 8px #0002}.setup-segments button:hover:not(:disabled):not([aria-pressed=true]){background:#ffffff10;color:#f6f3e9}.setup-segments.is-disabled{opacity:.5}.rule-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-bots{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding:9px 0}.setup-bots>label{margin:0}#lobby-bots{appearance:none;width:30px;height:18px;border:0;border-radius:14px;background:#41535c;position:relative;cursor:pointer;margin:0;transition:background .16s}#lobby-bots:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#f2efdf;top:3px;left:3px;transition:transform .18s cubic-bezier(.2,1.5,.5,1)}#lobby-bots:checked{background:#d5ed92}#lobby-bots:checked:before{transform:translate(12px);background:#243735}#lobby-bots:disabled{opacity:.5;cursor:default}.setup-note,#chat-mode-description,.room-help p{font-size:10px;color:#8fa5ad;line-height:1.5;margin:6px 0}.room-help{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff12;margin-top:22px;padding-top:12px;color:#a5b8be}#setup-tv .lobby-tv{margin:0;border:0;background:transparent}#setup-tv .lobby-tv-screen{aspect-ratio:2.3}.room-chat{position:relative;color:#e4e8e6;font-size:11px;min-width:0}.room-chat button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.room-chat button:disabled{opacity:.35;cursor:default}.chat-heading{display:flex;align-items:center;gap:8px;height:25px;color:#92a8b0;font-size:10px}.chat-heading>span{display:flex;align-items:center;gap:7px;margin-right:auto}.chat-heading .ui-icon{width:13px;height:13px}.chat-restore{font-size:9px!important}.chat-log{list-style:none;margin:0;padding:3px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;overscroll-behavior:contain}.chat-line{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:5px;padding:1px 15px 1px 0;margin:0;font-size:11px;line-height:1.55;overflow-wrap:anywhere;animation:chat-arrive .24s cubic-bezier(.16,1,.3,1) both}.chat-sender{display:inline;padding:0;font-weight:700!important;font-size:inherit!important}.chat-sender[data-side="0"]{color:var(--team-left)}.chat-sender[data-side="1"]{color:var(--team-right)}.chat-sender:hover{text-decoration:underline}.chat-scope{font-size:8px;color:#bfcde1;padding-left:4px}.chat-scope:empty{display:none}.chat-author{grid-column:1}.chat-continuation .chat-author{visibility:hidden}.chat-message{grid-column:2;white-space:pre-wrap}.chat-ignore{position:absolute;right:0;top:1px;opacity:0;padding:0}.chat-ignore .ui-icon{width:10px;height:10px}.chat-line:hover .chat-ignore,.chat-ignore:focus-visible{opacity:.65}.chat-empty{color:#8ea2a7;font-size:10px;margin:auto 0}.chat-controls{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:29px}.chat-channel{font-size:9px!important;padding:3px 6px;border-radius:20px;color:#9db0b7!important}.chat-channel[aria-pressed=true]{color:#f3eac7!important;background:#ffffff10}.chat-categories{display:flex;flex:1;gap:9px}.chat-categories button{display:flex;align-items:center;gap:5px;padding:4px 0;font-size:10px;color:#acbdc2}.chat-categories button:hover{color:#f4ebd4}#app .room-chat kbd{display:inline-grid;place-items:center;width:17px;height:17px;min-width:17px;min-height:17px;padding:0;flex:0 0 17px;line-height:1;border-radius:5px;background:#d4e2e712;color:#dbe3de;font:9px ui-monospace,monospace}.chat-write{display:flex;gap:5px;align-items:center;padding:0}.chat-write .ui-icon{width:13px;height:13px}.chat-composer{position:absolute;bottom:0;left:0;width:100%;visibility:hidden;opacity:0;transform:translateY(3px);transition:opacity .13s,transform .18s,visibility 0s .18s;display:flex;align-items:center;gap:8px;min-height:29px;border-bottom:1px solid #cedba880}.chat-composer input{flex:1;min-width:0;background:none;border:0;padding:5px 0;color:#f6f1e4;font:12px DM Sans Variable,sans-serif;outline:none}.chat-composer input::placeholder{color:#a3b3b8}.chat-composer .ui-icon{width:16px;height:16px}.room-chat.is-writing .chat-controls{opacity:0!important;visibility:hidden}.room-chat.is-writing .chat-composer{transition-delay:0s;visibility:visible;opacity:1;transform:none}#lobby-chat-slot{min-width:0;border-top:1px solid #ffffff1c}#lobby-chat-slot .room-chat{height:132px;display:flex;flex-direction:column}#lobby-chat-slot .chat-log{flex:1;min-height:0}#lobby-chat-slot .chat-log:empty{display:none}#session-chat-slot{position:fixed;z-index:24;left:50%;transform:translate(-50%);bottom:36px;width:min(365px,calc(100vw - 48px));pointer-events:none}#session-chat-slot:empty,#session-chat-slot:has(.room-chat[hidden]),body.in-lobby #session-chat-slot{display:none}#session-chat-slot .room-chat{display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 1px 4px #08131f,0 1px 12px #08131fcc}#session-chat-slot .chat-heading{display:none}#session-chat-slot .chat-controls{opacity:.6;transition:opacity .13s,visibility .13s}#session-chat-slot .chat-composer{pointer-events:auto}#session-chat-slot .chat-controls:hover,#session-chat-slot .chat-controls:focus-within,#session-chat-slot .is-choosing .chat-controls{opacity:1}#session-chat-slot button{pointer-events:auto}#session-chat-slot .chat-log{position:absolute;bottom:36px;left:0;width:100%;height:140px;margin:0;padding:0;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none;transition:opacity .13s,transform .18s,visibility 0s .18s}#session-chat-slot .is-writing .chat-log{opacity:1;visibility:visible;transform:none;pointer-events:auto}#session-chat-slot .chat-empty{display:none}.chat-feed{position:absolute;bottom:36px;left:0;width:100%;margin:0;padding:0;list-style:none;pointer-events:none;transition:opacity .13s}.chat-feed .chat-line{animation:none;transition:opacity .45s}.chat-feed .chat-ignore{display:none}#session-chat-slot .chat-feed button{pointer-events:none}.chat-feed .feed-expiring,.is-writing .chat-feed{opacity:0}#session-chat-slot .is-writing .chat-heading:has(.chat-restore:not([hidden])){display:flex;position:absolute;bottom:180px;right:0}body.profile-view #session-chat-slot,body.legal-view #session-chat-slot{bottom:24px}.chat-orbit{position:absolute;z-index:26;pointer-events:none;width:0;height:0}.orbit-choice{position:absolute;width:max-content;max-width:190px;display:flex;align-items:center;gap:6px;padding:7px 10px;background:#f4eedeef;color:#22333b;border:0;border-radius:17px;box-shadow:0 3px 12px #03131b30;font:600 11px/1.2 DM Sans Variable,sans-serif;pointer-events:auto;cursor:pointer;animation:orbit-pop .16s cubic-bezier(.16,1,.3,1) both;transition:background .1s,scale .1s}.orbit-choice:hover,.orbit-choice:focus-visible{background:#ddf797;scale:1.04}#app .orbit-choice kbd{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;line-height:1;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:#243841;color:#f4eedf;font:10px ui-monospace,monospace}.orbit-0{bottom:42px;left:0;translate:-50% 0}.orbit-1{left:39px;top:0;translate:0 -50%;animation-delay:20ms}.orbit-2{top:42px;left:0;translate:-50% 0;animation-delay:40ms}.orbit-3{right:39px;top:0;translate:0 -50%;animation-delay:60ms}.orbit-cancel{position:absolute;top:83px;left:-10px;width:20px;height:20px;display:grid;place-items:center;padding:0;background:#14263070;border:0;border-radius:50%;color:#fff6e5;pointer-events:auto;cursor:pointer}.orbit-cancel .ui-icon{width:12px;height:12px}.chat-orbit:not(.in-court){width:100%;height:auto;left:0;bottom:29px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px 0}.chat-orbit:not(.in-court) .orbit-choice{position:static;translate:none;max-width:none;width:100%;font-size:10px;padding:6px 8px}.chat-orbit:not(.in-court) .orbit-cancel{top:-19px;left:auto;right:0}.room-chat:not([data-context=match]).is-choosing .chat-log,.room-chat:not([data-context=match]).is-choosing .chat-empty{visibility:hidden}.compact-orbit .orbit-choice{max-width:132px;font-size:10px;padding:6px 8px;gap:4px}.compact-orbit .orbit-1{left:20px}.compact-orbit .orbit-3{right:20px}.swap-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:6px 0;font-size:10px;color:#9eb3be}.swap-player select{grid-column:1;min-width:0;background:#15252d;border:1px solid #a7bd9030;border-radius:6px;color:#d4e5bf;padding:8px;font-size:11px}#member-actions .swap-player button{padding:8px 12px}#member-actions button:disabled{opacity:.4}@keyframes chat-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes setup-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes setup-underline{0%{scale:.4 1}to{scale:1}}@media(min-height:850px)and (min-width:761px){#app .lobby-overlay{gap:18px}#app .team-column li,#app .team-column li.member-row{min-height:43px}#app .map-card{height:58px}#app .map-grid{grid-template-rows:repeat(2,58px)}#lobby-chat-slot .room-chat{height:170px}.setup-page{padding-top:6px}.setup-field{margin-bottom:15px}}@media(max-width:1000px)and (min-width:761px){#app .lobby-layout,.lobby-floor{grid-template-columns:minmax(0,1fr) 310px;gap:18px}#app .team-column .member-blob{display:none}.chat-categories{gap:5px}.chat-categories button{font-size:9px;gap:3px}}@media(max-width:760px){#app .lobby-overlay{height:100%;min-height:0;padding:12px 14px;gap:9px}#app .lobby-heading{padding-bottom:7px}#app .lobby-heading h2{font-size:25px;gap:10px}#app .lobby-heading .eyebrow{display:none}.lobby-mobile-tabs{display:flex;gap:16px;flex-shrink:0}.lobby-mobile-tabs button{display:flex;align-items:center;gap:6px;border:0;background:none;font-size:11px;padding:5px 0;color:#8fa5af}.lobby-mobile-tabs button[aria-pressed=true]{color:#f0efd9}.lobby-mobile-tabs .ui-icon{width:13px;height:13px}#app .lobby-layout{display:block}#app .lobby-roster{height:100%}#app .lobby-config{display:none;height:100%}#app #lobby[data-mobile-view=setup] .lobby-config{display:flex}#app #lobby[data-mobile-view=setup] .lobby-roster,#app .lobby-layout .next-court{display:none}#app .lobby-floor{display:flex;flex-direction:column;gap:8px}#app .lobby-bottom{align-items:center;align-content:center;flex-wrap:nowrap}#app .lobby-bottom .primary{min-width:125px;min-height:44px;padding:9px 13px}#app #lobby-hint{flex:1;text-align:left;font-size:10px;line-height:1.4;margin:0}#app .team-heading h3{font-size:23px}#app .team-column li>span{font-size:10px}#app .team-column .member-blob{width:25px;flex-basis:25px}#app .member-menu{padding:4px}#lobby-chat-slot .room-chat{height:126px}.chat-categories{gap:8px}.chat-controls{gap:4px}.chat-categories button{gap:3px;font-size:9px}#session-chat-slot{left:50%;width:min(310px,calc(100vw - 40px));bottom:172px}#session-chat-slot .chat-line{font-size:10px}#session-chat-slot .chat-controls{opacity:.7}}@media(prefers-reduced-motion:reduce){.chat-line,.orbit-choice,.setup-page,.setup-tabs button:after{animation:none!important;transition:none!important}}body.reduced-motion .chat-line,body.reduced-motion .orbit-choice,body.reduced-motion .setup-page,body.reduced-motion .setup-tabs button:after{animation:none!important;transition:none!important}#room-colors .lobby-kits{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #ffffff12;border-bottom:0}#room-colors .kit-heading{margin-bottom:6px}#room-colors .kit-heading h4{font-size:11px;color:#c0cdd1}#room-colors .kit-row{display:grid;align-items:center;margin:5px 0;gap:8px;grid-template-columns:65px 1fr}#room-colors .kit-row>span{font-size:9px}#room-colors .kit-swatch{width:21px;height:21px;border-radius:50%}#room-colors .kit-row>div{gap:5px}#room-colors .lobby-kits>p{display:none}#setup-room .room-help{margin-top:8px;padding-top:8px}body.in-lobby #app{height:100dvh;min-height:0}body.in-lobby #app #game-page{flex:1;min-height:0;padding-bottom:14px}body.in-lobby #app .game-shell{display:flex;flex-direction:column;height:100%}body.in-lobby #app .arena-top{flex-shrink:0}body.in-lobby #app .arena-bottom{display:none}body.in-lobby #app .canvas-wrap{flex:1;min-height:0}@media(max-height:740px)and (max-width:760px){body.in-lobby #app .arena-top{display:none}#lobby-chat-slot .room-chat{height:100px}#app .lobby-overlay{gap:5px;padding-top:8px}.setup-tabs,.setup-field{margin-bottom:6px}.setup-bots{padding:6px 0}}#room-colors #kit-auto{background:transparent;border:0;padding:4px;color:#bccbd0}#room-colors #kit-auto:hover:not(:disabled){color:#f0edcf}#member-actions button{background:#213039;border-color:#d5e5f020;border-radius:9px;color:#e0e6dc}#member-actions button:hover{background:#2d414b}.room-chat .chat-sender:disabled{opacity:1;cursor:inherit}.room-chat .chat-sender:disabled:hover{text-decoration:none}@media(prefers-reduced-motion:reduce){.chat-log,.chat-feed,.chat-controls,.chat-composer{transition:none!important}}body.reduced-motion .chat-log,body.reduced-motion .chat-feed,body.reduced-motion .chat-controls,body.reduced-motion .chat-composer{transition:none!important}#session-chat-slot .room-chat .chat-controls{visibility:hidden;opacity:0;pointer-events:none}.chat-touch{display:none}.chat-audience{font-size:10px!important;padding:4px 0;color:#b4c7ce!important}.chat-audience[aria-pressed=true]{color:#e6efa5!important}.orbit-audience{position:absolute;top:84px;right:16px;border:0;border-radius:12px;background:#162832a0;color:#f4edda;font:9px DM Sans Variable,sans-serif;padding:3px 7px;pointer-events:auto;cursor:pointer}.chat-orbit:not(.in-court) .orbit-audience{top:-19px;right:25px}@media(pointer:coarse){#session-chat-slot .room-chat:not(.is-writing) .chat-touch{display:grid;place-items:center;visibility:visible;opacity:.6;pointer-events:auto;position:absolute;right:0;bottom:0;width:30px;height:30px;padding:5px;touch-action:none}.chat-touch .ui-icon{width:19px;height:19px}.chat-touch:active{opacity:1!important}}@media(pointer:coarse){#session-chat-slot .room-chat:not(.is-writing) .chat-controls{opacity:1}}.chat-feed{max-height:110px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.chat-feed .chat-line{flex-shrink:0}.chat-feed .chat-message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#app.dragging-player,#app.dragging-player *{cursor:grabbing!important;user-select:none}#app .member-row.is-lifted .member-blob{opacity:.16;transform:scale(.85)}#app .member-blob{transition:opacity .14s,transform .14s}#app .team-column.drop-target{background:#dce8de09;box-shadow:inset 0 0 0 1px #c5dcd05c}#app .team-column li.drop-seat{background:#dce8de12;border-radius:7px;box-shadow:inset 0 0 0 1px #dce8de66}.player-drag{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}.player-drag-tether{position:absolute;width:100%;height:100%;overflow:visible}.player-drag-tether line{stroke:#eee8d3b3;stroke-width:1.5px;stroke-linecap:round}.player-drag-weight{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.player-drag-weight canvas{position:absolute;width:88px;height:62.28px;max-width:none;left:-44px;top:-33.85px;filter:drop-shadow(0 7px 5px #0005);transition:opacity .16s ease}.player-drag-label{position:absolute;top:0;left:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;border-radius:12px;padding:4px 9px;white-space:nowrap;background:#132329e8;color:#f0eddc;font-size:10px;line-height:1.2;box-shadow:0 3px 12px #0002}@media(prefers-reduced-motion:reduce){#app .member-blob{transition:none}}body.reduced-motion #app .member-blob{transition:none}#app .member-row.is-draggable{cursor:grab;touch-action:none;user-select:none}#app .member-row.is-draggable:hover{background:#e6efdf08;border-radius:7px}#app .member-row.is-draggable.drop-seat{background:#dce8de12}#app .team-column .member-handle{flex:0 0 13px;display:grid;place-items:center;align-self:stretch;font-size:16px;opacity:.55}#app .member-row:hover .member-handle{opacity:1}@media(prefers-reduced-motion:reduce){.player-drag-weight canvas{transition:none}}body.reduced-motion .player-drag-weight canvas{transition:none}.orbit-cancel,.orbit-audience{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;height:22px;padding:3px 7px;border-radius:12px}.chat-orbit.in-court .orbit-cancel{left:8px;top:84px}.chat-orbit.in-court .orbit-audience{right:8px}.chat-orbit:not(.in-court) .orbit-audience{right:56px}#app .orbit-cancel kbd,#app .orbit-audience kbd{width:auto;min-width:0;height:14px;min-height:0;flex:0 0 auto;border:0;padding:0;background:none;color:inherit;font-size:9px;opacity:.6}#app .orbit-choice{color:#22333b;background:#f4eede}#app .orbit-choice:hover,#app .orbit-choice:focus-visible{color:#203127;background:#ddf797}.replay-chat{position:absolute;z-index:24;left:50%;transform:translate(-50%);width:min(365px,calc(100% - 40px));margin:0;padding:0;pointer-events:none;color:#f0f1e9;text-shadow:0 1px 4px #08131f,0 1px 12px #08131fcc}.replay-chat .chat-line{padding-right:0}body.replay-view #session-chat-slot .chat-feed,body:has(.room-chat.is-writing) .replay-chat{display:none}.chat-message a{color:inherit;text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}.chat-report{margin-left:.15rem}#session-chat-slot:has(.room-chat[data-context=replay]){bottom:72px}#app .room-chat[data-context=replay] .chat-orbit{position:relative;order:1;inset:auto;margin:0 0 12px;gap:7px;border-radius:16px;padding:12px;background:#142d27f5;border:1px solid #deedcd30;box-shadow:0 14px 38px #05151166,inset 0 1px #f2f4dc0a;text-shadow:none}.orbit-header{grid-column:1 / -1;display:flex;align-items:center;gap:9px;padding:0 0 10px 2px;margin-bottom:3px;border-bottom:1px solid #deedcd1c}.orbit-title{flex:1;color:#c9d6bf;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}#app .orbit-header .orbit-audience,#app .orbit-header .orbit-cancel{position:static;margin:0;border:0;height:28px;color:#eaf0dd;background:#e5efcd0b;border-radius:7px}#app .orbit-header .orbit-audience{padding:0 8px;font-size:10px;gap:7px}#app .orbit-header .orbit-cancel{width:28px;padding:0;flex:0 0 28px}#app .orbit-header .orbit-cancel .ui-icon{width:14px;height:14px}#app .orbit-header button:hover,#app .orbit-header button:focus-visible{background:#e5efcd20}#app .room-chat[data-context=replay] .orbit-choice{min-width:0;min-height:44px;padding:10px;gap:8px;border-radius:9px;text-align:left;justify-content:flex-start;font-size:12px;line-height:1.35;box-shadow:inset 0 1px #ffffff50}#app .room-chat[data-context=replay] .orbit-choice:hover,#app .room-chat[data-context=replay] .orbit-choice:focus-visible{scale:1;background:#ddf797;outline:2px solid #ddf79770;outline-offset:2px}.room-chat[data-context=replay].is-choosing .chat-controls{visibility:hidden}#session-chat-slot .chat-feed,#session-chat-slot .chat-log,.replay-chat{text-shadow:none;filter:drop-shadow(0 1px 2px #08131f) drop-shadow(0 1px 6px #08131fcc)}#session-chat-slot .room-chat[data-context=replay] .chat-feed{position:static;margin-bottom:12px}.room-chat[data-context=replay] .chat-controls{order:2}#app .room-chat[data-context=replay] .orbit-choice>span{min-width:0;overflow-wrap:anywhere}@media(pointer:coarse){#app .orbit-header .orbit-cancel{width:36px;height:36px;flex-basis:36px}#app .orbit-header .orbit-audience{height:36px;padding:0 10px}}@media(pointer:coarse){#app .orbit-header .orbit-audience kbd{display:none}}#app .map-grid{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(145px,42%,220px);grid-template-columns:none;grid-template-rows:132px;gap:10px;padding:4px 2px 9px;margin:0 -2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:2px;scrollbar-width:thin;scrollbar-color:#a8c1bc55 transparent}#app .map-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;height:132px;min-height:0;padding:12px;overflow:hidden;scroll-snap-align:start;border-radius:13px;border:1px solid #edf3df22;background:linear-gradient(155deg,var(--court-light),var(--court-deep));box-shadow:inset 0 -45px 35px -15px #081c2270;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}#app .map-card:before{content:attr(data-number);position:absolute;top:10px;left:12px;color:#ffffffa6;font:10px ui-monospace,monospace;letter-spacing:1px}#app .map-card:hover:not(:disabled){background:linear-gradient(155deg,var(--court-light),var(--court-deep));border-color:#f5f1da9c;transform:translateY(-2px)}#app .map-card[aria-pressed=true]{background:linear-gradient(155deg,var(--court-light),var(--court-deep));border-color:#faf0d4;box-shadow:inset 0 0 0 1px #faf0d485,inset 0 -45px 35px -15px #081c2270}#app .map-card>span{position:relative;color:#fff6e6;font:700 19px/.98 Barlow Condensed,sans-serif;text-shadow:0 1px 6px #081c2255;max-width:90%}#app .map-card>.ui-icon{position:absolute;top:9px;right:9px;background:#f8f0da;color:#20332b;width:20px;height:20px;padding:3px;border-radius:50%;opacity:0;transform:scale(.5);visibility:visible;transition:opacity .15s ease,transform .22s cubic-bezier(.2,1.6,.3,1)}#app .map-card[aria-pressed=true]>.ui-icon{opacity:1;transform:scale(1)}#app .court-swatch{position:absolute;top:35px;left:19px;right:19px;width:auto;height:54px;border-radius:5px;background:linear-gradient(90deg,transparent 49.4%,#eef6dc99 49.4%,#eef6dc99 50.6%,transparent 50.6%),repeating-linear-gradient(90deg,#ffffff0c 0 12%,transparent 12% 24%),var(--court-accent);box-shadow:0 6px #10292735,0 10px 13px #10292740,inset 0 0 0 1px #edf5dba0;transform:perspective(180px) rotateX(24deg) rotate(-7deg);transition:transform .26s cubic-bezier(.2,.8,.2,1)}#app .court-swatch:after{width:18px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#eef6dcaa}#app .court-swatch:before{content:"";position:absolute;inset:15px -3px;border-left:4px solid #edf5dbcc;border-right:4px solid #edf5dbcc}#app .map-card:hover .court-swatch,#app .map-card[aria-pressed=true] .court-swatch{transform:perspective(180px) rotateX(18deg) rotate(-3deg) translateY(-2px)}.court-browser{font-size:11px;margin-bottom:3px}.court-browser>div{gap:4px}.court-browser button{padding:5px}.court-browser button:disabled{opacity:.22}#app #map-description{min-height:26px;margin:6px 0}#room-colors .lobby-kits{margin-top:8px;padding-top:8px}#room-colors .kit-heading{margin-bottom:9px}#room-colors .kit-heading h4{font-size:13px;color:#e2e9db}#room-colors .kit-row{grid-template-columns:1fr;gap:7px;margin:10px 0}#room-colors .kit-row>span{display:flex;align-items:center;gap:7px;font-size:15px;transition:color .18s}#room-colors .kit-row>span strong{font-weight:650}#room-colors .kit-row>span small{margin-left:auto;font-size:10px;color:#96aab0;font-weight:400}#room-colors .kit-row>span .ui-icon{width:14px;height:14px;flex-basis:14px}#room-colors .kit-row>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}#room-colors .kit-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:43px;padding:4px 0;background:color-mix(in srgb,var(--swatch) 12%,#15242a);border:1px solid color-mix(in srgb,var(--swatch) 30%,transparent);border-radius:8px;outline:none;color:var(--swatch);font-size:10px;font-weight:500;transition:background .18s ease,color .18s ease,transform .2s cubic-bezier(.2,1.5,.3,1),opacity .18s ease}.kit-ink{display:grid;place-items:center;width:18px;height:13px;border-radius:5px;background:var(--swatch)}.kit-ink .ui-icon{width:12px;height:12px;color:#213231;opacity:0;transform:scale(.4);transition:opacity .13s,transform .2s cubic-bezier(.2,1.5,.3,1)}#room-colors .kit-swatch:hover:not(:disabled):not([aria-pressed=true]){transform:translateY(-2px);background:color-mix(in srgb,var(--swatch) 24%,#15242a)}#room-colors .kit-swatch[aria-pressed=true]{background:var(--swatch);color:#172a2e;border-color:var(--swatch);outline:none;transform:translateY(-1px)}.kit-swatch[aria-pressed=true] .kit-ink .ui-icon{opacity:1;transform:scale(1)}@media(min-height:850px)and (min-width:761px){#app .map-grid{grid-template-rows:156px}#app .map-card{height:156px}#app .court-swatch{top:40px;height:67px}#room-colors .kit-swatch{height:48px}}@media(max-width:760px)and (max-height:740px){#app .map-grid{grid-template-rows:100px}#app .map-card{height:100px;padding:10px}#app .court-swatch{top:27px;height:37px}#app .map-card>span{font-size:17px}#room-colors .kit-row{gap:5px;margin:7px 0}#room-colors .kit-swatch{height:37px}#room-colors .kit-heading{margin-bottom:5px}}@media(prefers-reduced-motion:reduce){#app .map-card,#app .court-swatch,#app .map-card>.ui-icon,#room-colors .kit-swatch,.kit-ink .ui-icon,#room-colors .kit-row>span{transition:none}}body.reduced-motion :is(.map-card,.court-swatch,.map-card>.ui-icon,.kit-swatch,.kit-ink .ui-icon,.kit-row>span){transition:none!important}@media(min-width:761px){#app .lobby-bottom{align-self:end}}@media(max-height:849px){#room-colors .kit-row{grid-template-columns:64px minmax(0,1fr);gap:8px;margin:8px 0}#room-colors .kit-row>span{gap:5px;font-size:14px}#room-colors .kit-row>span small{display:none}#room-colors .kit-row>div{gap:4px}#room-colors .kit-swatch{height:38px}}#app .setup-tabs #tab-tv{color:#e3f7a5;background:#d5ef9010;border-radius:9px 9px 0 0;font-weight:700;transition:background .16s,color .16s}#app .setup-tabs #tab-tv:hover{background:#d5ef9020;color:#f1ffc6}#app .setup-tabs #tab-tv[aria-selected=true]{background:#d5ef9027;color:#ecffae;box-shadow:inset 0 1px #e3f7a524}#app .map-card.random-court{--court-light: #56627d;--court-deep: #283747;--court-accent: #788aa5}#app .random-court .court-swatch{display:grid;place-items:center;background:linear-gradient(120deg,#86bda1,#8c9fbf 55%,#caaa83)}#app .random-court .court-swatch>.ui-icon{width:28px;height:28px;color:#fff7e4}#app .random-court .court-swatch:after{display:none}.lobby-floor{pointer-events:none}.lobby-floor>*{pointer-events:auto}#app :is(#lobby,#court,#profile-page,#legal-page):focus{outline:none}#app :is(button,a,input,select,textarea,summary):focus-visible{outline:1px solid #b5c6cd;outline-offset:2px}body:not(.keyboard-navigation) #app :is(button,a,summary):focus{outline:none}#app .chat-log:focus-visible{outline:none;box-shadow:inset 2px 0 #b5c6cd80}#app .chat-composer input:focus-visible{outline:none}#app .chat-composer:focus-within{border-bottom-color:#dce4dc}.match-victory{position:absolute;left:50%;top:20%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:9px;width:max-content;max-width:95%;z-index:8;pointer-events:none;color:var(--victory-color);text-align:center;filter:drop-shadow(0 4px 12px #07141980);animation:victory-arrival .65s cubic-bezier(.15,1.6,.4,1) both}.match-victory>span{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:3px}.match-victory>strong{font:800 clamp(52px,9vw,120px)/.92 "Barlow Condensed",sans-serif;color:var(--victory-color);text-shadow:3px 5px 0 #102127;rotate:-4deg}.match-victory>small{font-size:22px;font-weight:700;color:#e1edee;margin-top:10px}.match-victory.is-golden>strong{text-shadow:3px 5px 0 #403722,0 0 40px #f3ce7366}.match-victory.is-defeat{animation-timing-function:ease-out}.match-victory.is-defeat>strong{rotate:0deg}.match-victory.is-defeat .victory-burst{display:none}.victory-burst{position:absolute;inset:40% 50%}.victory-burst i{position:absolute;width:7px;height:13px;border-radius:2px;background:var(--victory-color);rotate:calc(var(--i) * 22.5deg);animation:victory-confetti 2.2s cubic-bezier(.12,.65,.28,1) both;animation-delay:calc(var(--i) * 17ms)}.victory-burst i:nth-child(3n){width:8px;height:8px;border-radius:50%;background:#e1edee}@keyframes victory-arrival{0%{opacity:0;transform:translateY(24px) scale(.5) rotate(8deg)}to{opacity:1;transform:none}}@keyframes victory-confetti{0%{opacity:0;transform:translateY(25px) scale(.3)}15%{opacity:1}to{opacity:0;transform:translateY(clamp(120px,20vw,250px)) rotate(160deg) scale(.6)}}.reduced-motion .match-victory{animation:none}.reduced-motion .victory-burst{display:none}@media(prefers-reduced-motion:reduce){.match-victory{animation:none}.victory-burst{display:none}}#app .replay-scrubber{margin-top:40px}#app #replay-markers{inset:-33px 7px auto;height:32px}#app #replay-markers button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;z-index:2;color:#e1edee}#replay-markers canvas{width:32px;height:32px;display:block;transition:transform .18s cubic-bezier(.2,1.8,.4,1)}#app #replay-markers button:is(:hover,:focus-visible){z-index:4;background:transparent}#replay-markers button:is(:hover,:focus-visible) canvas{transform:translateY(-4px) scale(1.18) rotate(-8deg)}.goal-tooltip{position:absolute;bottom:43px;left:50%;transform:translate(-50%,5px);opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:min(270px,75vw);padding:10px 14px;border-radius:12px;background:#142127;color:#e1edee;box-shadow:0 6px 22px #07131666;font-size:13px;text-align:left;transition:opacity .14s,transform .14s,visibility .14s}.goal-tooltip small{font-size:11px;color:#b7c6c9}#replay-markers [data-align=left] .goal-tooltip{left:0;transform:translateY(5px)}#replay-markers [data-align=right] .goal-tooltip{left:auto;right:0;transform:translateY(5px)}#replay-markers button:is(:hover,:focus-visible) .goal-tooltip{opacity:1;visibility:visible;translate:0 -5px}#app #profile-matches{max-height:350px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#app .profile-match{padding-block:14px}#app .history-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #bed2d21a;gap:12px}#app .history-pagination button{display:flex;align-items:center;gap:6px;font-size:12px;border:0;padding:8px 0;background:none}#app .history-pagination output{font-size:12px;color:#9eafb2;font-variant-numeric:tabular-nums}#app .history-pagination button:disabled{opacity:.35;cursor:default}#app #history-error{margin:12px 18px}#app #look-preview{width:100%;height:auto;aspect-ratio:10 / 3;display:block;background:#101e25;border-radius:16px;cursor:default}@media(prefers-reduced-motion:reduce){#replay-markers canvas,.goal-tooltip{transition:none}}.reduced-motion #replay-markers canvas,.reduced-motion .goal-tooltip{transition:none}#app #replay-controls{transition:opacity .28s ease}#app #replay-controls:is(.is-idle,.is-minimized){opacity:0;pointer-events:none}#app #replay-hide,#app #replay-show{display:flex;align-items:center;justify-content:center;gap:7px;border:0;padding:5px 8px;border-radius:8px;background:transparent;color:#b9c8c9;font-size:11px}#app #replay-hide:hover,#app #replay-show:hover{color:#e1edee;background:#e1edee12}#replay-hide .ui-icon,#replay-show .ui-icon{width:15px;height:15px}#replay-hide kbd,#replay-show kbd{width:17px;height:17px;display:grid;place-items:center;border:1px solid #b9c8c940;border-radius:4px;font:10px ui-monospace,monospace}#app .replay-caption{gap:12px}#app .replay-caption>span{margin-right:auto}#app #replay-show{position:absolute;right:22px;bottom:20px;z-index:9;padding:9px 12px;background:#142127dd;transition:opacity .28s ease}#app #replay-show.is-idle:not(:hover,:focus-visible){opacity:0}@media(max-width:600px){#replay-hide span{display:none}#app .replay-caption{gap:6px}}@media(prefers-reduced-motion:reduce){#app #replay-controls,#app #replay-show{transition:none}}.reduced-motion #replay-controls,.reduced-motion #replay-show{transition:none!important}#app .profile-identity{background:#20283d;border:1px solid #a9a0c733;border-radius:22px;color:#f5f0e6}#app .profile-identity .player-card{min-height:174px;padding:24px;background:#b9a6ea;color:#22283b}#app .profile-identity .player-card:before{width:220px;height:220px;border:36px solid #f9f1e62e;top:-65px;right:-135px}#app .profile-identity .player-card h2{margin-top:28px}#app .profile-identity .player-card-mark{top:22px;right:22px;width:34px;height:30px;opacity:.6;filter:brightness(0)}.account-state{font-size:10px;font-weight:700;letter-spacing:.04em;padding:6px 10px;background:#242b4110;border-radius:20px;align-self:flex-start}#app .profile-identity .profile-account-details{padding:22px 24px}#app .profile-identity .profile-account-details:has(#auth-panel[hidden]){padding:14px 24px}#app .profile-identity .profile-account-details p{color:#bbbccc}#app .profile-identity .authkit-panel{gap:12px}#app .profile-identity .authkit-panel h3{margin:0;font-size:30px}#app .profile-identity .authkit-panel p{margin:0}#app .profile-identity .button.primary{background:#c4b2f2;color:#242b40;border-color:#c4b2f2;box-shadow:0 3px #8173a8}#app .profile-identity .google-button{background:#f3ede4;color:#242b40;border-color:#f3ede4}.saved-account-state{display:flex;align-items:center;justify-content:space-between;gap:8px}.saved-account-state>span{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#c2c4d0}.saved-account-state .ui-icon{width:14px;height:14px}#app .saved-account-state #logout{display:inline-flex;gap:6px;align-items:center;color:#a7aabd;font-size:10px}#app .profile-identity .profile-visibility{padding:18px 24px;border:solid #b9a6ea22;border-width:1px 0}.visibility-row>span{display:grid;gap:4px}.visibility-row strong{font-size:12px;font-weight:600}.visibility-row small{font-size:10px;color:#aeb1c4}#app #public-profile{flex:0 0 40px;width:40px;min-width:40px;height:24px;min-height:24px;padding:3px;border:0;border-radius:20px;background:#626779;transition:background .18s}#public-profile>span{display:block;width:18px;height:18px;border-radius:50%;background:#faf4eb;transition:transform .18s;box-shadow:0 1px 3px #0004}#app #public-profile[aria-checked=true]{background:#a999d5}#public-profile[aria-checked=true]>span{transform:translate(16px)}#app .profile-identity .visibility-link{color:#cebef5;font-size:11px}#app .profile-identity .career-panel{margin:0;border:0;padding:24px}#app .profile-identity .career-headliners strong{color:#d4c3fa}#app .profile-identity .career-headliners span,#app .profile-identity .profile-note{color:#aaaec2}#app .profile-identity .career-stats dl>div{border-color:#c1b6da19}#app .profile-identity .profile-purchases{border-top:1px solid #b9a6ea22;padding:20px 24px 24px}.purchase-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}#app .purchase-heading h3{margin:0;font-size:24px}.purchase-test{font-size:9px;padding:3px 7px;background:#ceb4ef17;color:#b7a6d0;border-radius:8px}.purchase-refresh{display:grid;place-items:center;padding:6px;border:0;border-radius:8px;background:transparent;color:#aca7c0;margin-left:auto}.purchase-refresh:hover{background:#b9a6ea22}.purchase-refresh .ui-icon{width:15px;height:15px}.purchase-subscription{padding:12px;background:#b9a6ea0c;border-radius:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.purchase-subscription strong{font-size:11px;flex:1}.purchase-state{font-size:9px;border-radius:16px;padding:4px 7px;background:#d4c5ff1a;color:#ccb9f5}.purchase-state[data-status=past_due],.purchase-state[data-status=unpaid]{color:#ffbfaa;background:#ffbfaa19}.purchase-subscription small{flex-basis:100%;font-size:10px;color:#b9b5c6}#app .profile-purchases .purchase-portal{width:100%;justify-content:space-between;background:#30394f;border:1px solid #b9a6ea22;box-shadow:none;color:#dfd6f2;font-size:11px;margin-top:14px}.purchase-offer{padding:14px;background:#b9a6ea0c;border-radius:12px;margin:12px 0}#app .account-button{display:inline-flex;align-items:center;line-height:20px;gap:7px}#app .account-button>span:not(.club-nav-window){line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis}#app .account-button:before{display:none}.guest-badge{flex-shrink:0;font-size:9px;font-weight:500;line-height:18px;height:20px;box-sizing:border-box;padding:0 6px;border:1px solid currentColor;border-radius:12px;opacity:.65}.guest-welcome{margin:-3px 0 14px;max-width:330px}.guest-name-edit{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 0;border:0;background:transparent;color:#e9edda;text-align:left;font-size:12px}.guest-name-edit>span:first-child{opacity:.8}.guest-name-edit strong{font-weight:700}.guest-name-edit .ui-icon{width:13px;height:13px;opacity:.6}.guest-name-edit:hover strong{text-decoration:underline;text-underline-offset:3px}.guest-name-form{display:flex;align-items:center;gap:5px}#app .guest-name-form input{min-width:0;width:190px;border:1px solid #c3ceb777;background:#152b26;color:#f4f2e3;padding:8px 10px;border-radius:8px;font-size:13px}.guest-name-form button{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:8px;border:0;background:#c5d5a81a;color:#e6edcc}.guest-name-form .ui-icon{width:16px;height:16px}#guest-name-feedback{color:#ffd0c3;font-size:11px;max-width:270px}.guest-prompt{width:min(100%,720px);margin:0 auto 16px;padding:16px;display:flex;align-items:center;gap:14px;background:#2c3248;color:#f2eddf;border:1px solid #beacf039;border-radius:16px;text-align:left}.guest-prompt-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#b9a6ea33;color:#d0bdf6;border-radius:14px}.guest-prompt>div{flex:1;min-width:0}.guest-prompt strong{font:700 23px/1 Barlow Condensed,sans-serif}.guest-prompt p{margin:5px 0 0;font-size:11px;color:#b6b5c7}#app .guest-prompt .button{font-size:11px;padding:10px 14px;min-height:38px;white-space:nowrap;background:#c4b2f2;border-color:#c4b2f2;color:#242b40;box-shadow:0 3px #8173a8}#guest-prompt-dismiss{padding:5px;border:0;background:transparent;color:#b6b5c7}#guest-prompt-dismiss .ui-icon{width:16px;height:16px}.result-overlay:has(.guest-prompt:not([hidden])):not(:has(.match-report:not([hidden]))){display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;padding:16px}@media(max-width:700px){.guest-prompt{flex-wrap:wrap;gap:10px}.guest-prompt>div{flex-basis:calc(100% - 95px)}#guest-prompt-dismiss{order:-1;position:absolute;right:12px;top:12px}.guest-prompt{position:relative;padding-right:32px}#app .guest-prompt .button{margin-left:50px}.guest-welcome{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){#public-profile,#public-profile>span{transition:none}}@media(max-width:700px){#app .masthead .account-button:has(.guest-badge){flex-direction:column;align-items:center;gap:2px;padding:6px 8px}#app .masthead .account-button .guest-badge{border:0;padding:0;font-size:8px;height:auto;line-height:1}}#app #nav-clubs{position:relative;isolation:isolate;overflow:hidden}.club-nav-label{position:relative;z-index:1}.club-nav-window{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;background:#f2eddf;opacity:0;clip-path:polygon(-70% 0,-20% 0,-70% 100%,-120% 100%)}.club-nav-court{position:absolute;width:60px;height:40px;right:-23px;top:-15px;border:6px solid #c1b2e9;border-radius:15px;transform:rotate(-25deg)}.club-nav-blob{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.club-nav-star{position:absolute;top:-4px;left:-3px;color:#9b88c1;transform:rotate(-20deg)}.club-nav-star .ui-icon{width:16px;height:16px}@media(prefers-reduced-motion:no-preference){body:not(.focus-match):not(.replay-view) #nav-clubs[data-discover=true]:not([aria-current=page]) .club-nav-window{animation:club-nav-peek 8s ease-in-out infinite}body:not(.focus-match):not(.replay-view) #nav-clubs[data-discover=true]:not([aria-current=page]) .club-nav-label{animation:club-nav-ink 8s ease-in-out infinite}}@keyframes club-nav-peek{0%,58%,to{opacity:0;clip-path:polygon(-70% 0,-20% 0,-70% 100%,-120% 100%)}62%{opacity:1}70%,83%{opacity:1;clip-path:polygon(0 0,160% 0,100% 100%,-60% 100%)}91%,99%{opacity:0;clip-path:polygon(150% 0,210% 0,160% 100%,100% 100%)}}@keyframes club-nav-ink{0%,60%,92%,to{color:inherit}70%,83%{color:#293149}}#app #nav-court,#app #account{position:relative;isolation:isolate;overflow:hidden}#app #nav-court{line-height:20px}#app #account>span:not(.club-nav-window),#app #account>small{position:relative;z-index:1}#nav-court .club-nav-window{background:#e2ebbe}#nav-court .club-nav-court{border-color:#9bba75;border-width:2px;width:45px;height:50px;top:-18px;right:-10px;border-radius:5px}#nav-court .club-nav-court:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #9bba75;border-radius:50%;bottom:-10px;left:10px}#account .club-nav-window{background:#d8c9ee}#account .club-nav-court{border-color:#ae95d2;width:44px;height:44px;border-radius:50%;top:-28px;right:-8px}#account .club-nav-court:after{content:"";position:absolute;width:32px;height:32px;border:6px solid #f3e6dc77;border-radius:50%;right:38px;top:31px}#app #nav-court:hover,#app #nav-court:focus-visible{background:#d5f76420;color:#e4ffa1}#app #account:hover,#app #account:focus-visible{background:#c4b2f224;color:#ddd0ff}@media(prefers-reduced-motion:no-preference){body:not(.focus-match):not(.reduced-motion) #app :is(#nav-court,#nav-clubs,#account):is(:hover,:focus-visible) .club-nav-window{animation:none;opacity:1;clip-path:none}body:not(.focus-match):not(.reduced-motion) #app :is(#nav-court,#nav-clubs,#account):is(:hover,:focus-visible){color:#293149}body:not(.focus-match):not(.reduced-motion) #app #nav-clubs:is(:hover,:focus-visible) .club-nav-label{animation:none;color:#293149}#app :is(#nav-court,#nav-clubs,#account) .club-nav-window{transition:opacity .18s}}body.reduced-motion #nav-clubs .club-nav-window,body.reduced-motion #nav-clubs .club-nav-label{animation:none!important}body.reduced-motion .club-nav-window{display:none}#app #profile-page{max-width:1440px;margin:0 auto;flex:1}#app #profile-page .profile-heading{gap:24px;padding:24px 0;flex-wrap:wrap}#app #profile-page .player-card{background:transparent;color:#f2eee5;padding:0;min-height:0;overflow:visible;flex-direction:row;align-items:center;gap:16px}#app #profile-page .player-card:before,#app #profile-page .player-card-mark{display:none}#app #profile-page .player-card h1{margin:0;font-size:clamp(36px,4vw,58px);order:-1}#app #profile-page .account-state{align-self:center;color:#bdb5d2;background:#b9a6ea15}#app .profile-sections{display:flex;gap:4px;padding:5px;border-radius:18px;background:#20283d}#app .profile-sections a{color:#bfc1ce;text-decoration:none;padding:12px 18px;border-radius:13px;font-size:14px;font-weight:700;transition:background .18s,color .18s}#app .profile-sections a:hover{background:#b9a6ea20;color:#f2eee5}#app .profile-sections a[aria-current=page]{background:#c4b2f2;color:#242b40}#app #profile-page .profile-layout{display:block}#app #profile-page [data-profile-section][hidden]{display:none}#app #profile-page .profile-customize{background:#20283d;border:1px solid #bbb2ce25;border-radius:26px}#app #profile-page .player-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:0;gap:0}#app .studio-stage{min-width:0;align-self:start;position:sticky;top:20px;padding:30px}#app #profile-page .studio-heading h3{font-size:34px;color:#f2eee5}#app #profile-page #look-preview{max-height:none;margin-top:24px;aspect-ratio:10/5;object-fit:contain;background:radial-gradient(ellipse at 25% 30%,#bdacff24,transparent 60%),#172330;border:0;border-radius:22px}#app #profile-page .studio-summary{flex-wrap:wrap;padding:18px 0;gap:8px}#app #profile-page .studio-note{color:#c5c1d1;font-size:12px}#app #profile-page #look-shuffle{background:#b9a6ea18;color:#e1d7f8;border:0;border-radius:12px;padding:10px 14px}#app #profile-page .profile-save{position:static;padding:20px 0 0;background:transparent;border-color:#c4b2f22a}#app #profile-page .profile-save label{color:#c5c1d1;font-size:12px}#app #profile-page .profile-save input{background:#182131;color:#f2eee5;border-color:#b9a6ea50;border-radius:12px;font-size:15px}#app #profile-page .profile-save .primary{background:#c4b2f2;color:#242b40;border-color:#c4b2f2;box-shadow:0 3px #8173a8;border-radius:12px}#app #profile-page .studio-wardrobe{padding:26px;min-width:0;background:#f2eee5;color:#252b3c;border-radius:24px}#app #profile-page .studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;border:0;background:#e4dfd8;padding:5px;border-radius:15px}#app #profile-page .studio-tabs button{white-space:normal;font-size:13px;border:0;border-radius:11px;padding:12px 5px;color:#686777}#app #profile-page .studio-tabs button[aria-selected=true]{background:#282f46;color:#f2eee5}#app #profile-page .studio-tabs span{display:none}#app #profile-page .look-collections{position:static;background:transparent;padding:16px 0}#app #profile-page .collection-tabs{overflow:visible;flex-wrap:wrap;padding:0;gap:4px 8px}#app #profile-page .collection-tabs button{background:transparent;color:#787284;padding:7px 9px;min-height:34px;border:0;border-radius:9px}#app #profile-page .collection-tabs button[aria-selected=true]{color:#513f70;background:#ded3ee}#app #profile-page .collection-step{display:none}#app #profile-page .player-studio fieldset{overflow:visible;max-height:none;padding:0}#app #profile-page .look-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#app #profile-page .look-options button{background:#e5e0da;color:#39334a;border:2px solid transparent;border-radius:16px;padding:8px 4px 12px;transition:background .16s,transform .16s}#app #profile-page .look-options button:hover{background:#ded3ee;transform:translateY(-3px)}#app #profile-page .look-options button[aria-pressed=true]{background:#d5c4ed;border-color:#8869b2}#app #profile-page .look-options canvas{max-height:85px}#app #profile-page .look-options span{font-size:11px}#app #profile-page :is(#surface-panel,#detail-panel){padding-top:18px}#app .profile-games-view{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.8fr);gap:24px}#app .profile-games-view .career-panel{margin:0;padding:26px;border:0;background:#20283d;border-radius:24px}#app .profile-games-view .career-headliners strong{color:#c4b2f2}#app .profile-games-view .career-headliners span,#app .profile-games-view .profile-note{color:#bdb6cc}#app #profile-page .profile-history{background:transparent;border:0;overflow:visible;grid-column:auto}#app #profile-page .profile-history>.profile-section-title{padding:0 0 20px;border:0}#app .public-history>.profile-section-title{padding:22px 22px 18px}#app .public-history .profile-matches{display:grid;gap:16px;padding:20px}#app .public-history .history-pagination{margin:0 20px;padding:12px 0}#app #profile-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;max-height:none;overflow:visible;scrollbar-gutter:auto}#app .profile-match{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#20283d;border:1px solid #b9a6ea20;border-radius:16px;overflow:hidden;transition:transform .18s,box-shadow .18s}#app .profile-match:hover{transform:translateY(-3px);box-shadow:0 8px 25px #070e1840}#app .profile-match:hover .history-match-info strong{text-decoration:none}#app .history-court{width:100%;height:128px;border-radius:0;background:linear-gradient(125deg,var(--court-light) 0%,var(--court-accent) 55%,var(--court-deep) 55%);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:16px 24px;align-items:center;justify-items:center}#app .history-court:before{inset:15px 22px;opacity:.5;border-radius:5px}#app .history-court:after{inset:15px auto 15px 50%;border:0;border-left:1px solid #fff5}#app .history-court>i{width:40px;height:40px;top:calc(50% - 20px);left:calc(50% - 20px);opacity:.4}#app .history-match-score{grid-column:2;grid-row:1;position:relative;z-index:1;text-align:center;color:#fff7e8;text-shadow:0 2px 8px #17213180}#app .history-match-score.history-match-format b{display:block;max-width:130px;font-size:24px;white-space:normal}#app .history-match-score b{font-size:48px;line-height:1}#app .history-match-score i{color:#fff7e8b0}#app .history-match-score small{color:#fff7e8;font-size:12px}#app .history-play{grid-column:2;grid-row:1 / 4;align-self:center;width:40px;height:40px;border-radius:50%;background:#f2eee5;color:#283047;display:grid;place-items:center}#app .history-match-info{display:grid;grid-template-columns:minmax(0,1fr) 40px;padding:16px 20px;gap:6px 16px;line-height:1.4}#app .history-match-info>:not(.history-play){grid-column:1}#app .history-match-info strong{font-size:16px;color:#f2eee5}#app .history-match-info small,#app .history-performance{font-size:12px;color:#c1bacf}#app .history-empty{grid-column:1/-1}#app .profile-community-view{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}#app .profile-crest-panel,#app #profile-page .profile-quick-chat{padding:28px;margin:0;border:1px solid #b9a6ea25;border-radius:24px;background:#20283d}#app .profile-crest-panel h2{font:700 32px/1 Barlow Condensed,sans-serif;margin:0}#app .profile-preference-note{color:#bdb6cc;font-size:13px;line-height:1.5}#app .profile-signature{min-height:108px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:20px;padding:24px;background:radial-gradient(ellipse at top right,#bdacff25,transparent),#182131;border-radius:18px}#app .profile-signature strong{font-size:26px}#app .profile-signature svg{width:30px;height:30px}#app .profile-signature>span{flex-basis:100%;font-size:12px;color:#bdb6cc}#app .profile-crest-choices{display:flex;gap:8px;flex-wrap:wrap}#app .profile-crest-choices button{display:flex;align-items:center;gap:8px;border:1px solid #b9a6ea40;border-radius:24px;padding:7px 14px;background:transparent;color:#dfd8ef}#app .profile-crest-choices button[aria-pressed=true]{color:#282d44;background:#e6dff0}#app .profile-choice-crest{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}#app .profile-choice-crest svg{width:19px;height:19px}#app .profile-preference-feedback{min-height:18px;color:#c9bcea;font-size:12px}#app .profile-preference-feedback button{margin-left:10px}#app #profile-page .profile-identity{max-width:720px;margin:auto}#app #profile-page .profile-identity .profile-purchases{border-top:1px solid #b9a6ea25}@media(max-width:1000px){#app #profile-page .player-studio,#app .profile-community-view{grid-template-columns:minmax(0,1fr)}#app .studio-stage{position:static}#app #profile-page #look-preview{aspect-ratio:10/3;max-height:230px}#app .profile-games-view{grid-template-columns:220px minmax(0,1fr)}#app #profile-matches{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){#app .profile-sections{width:100%;justify-content:space-between}#app .profile-sections a{padding:12px 10px;font-size:12px}#app .studio-stage,#app #profile-page .studio-wardrobe{padding:20px 16px}#app #profile-page .look-options{grid-template-columns:repeat(3,minmax(0,1fr))}#app .profile-games-view{grid-template-columns:minmax(0,1fr)}#app .profile-games-view .career-panel{padding:20px}#app .profile-games-view .career-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#app .profile-community-view{gap:16px}#app .profile-crest-panel,#app #profile-page .profile-quick-chat{padding:22px 18px}}@media(prefers-reduced-motion:reduce){#app .profile-match,#app #profile-page .look-options button,#app .profile-sections a{transition:none}}#app .profile-games-view .career-panel{align-self:start}#app .history-court canvas{grid-row:1;position:relative;width:72px;max-width:100%;height:auto;aspect-ratio:1;transition:transform .2s}#app .profile-match:hover .history-court canvas{transform:scale(1.06)}@media(prefers-reduced-motion:reduce){#app .history-court canvas{transition:none}}#app .profile-match .history-match-score small{color:#fff7e8}#app #profile-page>#account-feedback{color:#dfd2f5;font-size:13px;margin:0 0 16px}#app #profile-page>#account-feedback:empty{display:none}#app #profile-page .look-options button{position:relative}#app #profile-page .look-options button[data-member=true]{background:linear-gradient(135deg,#eadfd0,#dfd3ed)}#app #profile-page .look-options button[data-member=true][aria-pressed=true]{background:#d5c4ed;border-color:#8869b2}#app .look-member-lock{position:absolute;right:8px;top:8px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#685178;background:#f8f2e3d9}#app .look-member-lock svg{width:12px;height:12px}#app [data-member-access=true] .look-member-lock{display:none}#app .collection-member-mark{color:#957147;font-size:14px}#app .look-member-preview{border-radius:18px;padding:18px;background:linear-gradient(125deg,#d9c6ef,#eddfc9);color:#30283e;margin:2px 0 22px}#app .look-member-preview>span{display:flex;align-items:center;gap:8px;font-weight:750;font-size:14px}#app .look-member-preview>span svg{width:16px;height:16px}#app .look-member-preview p{font-size:12px;margin:9px 0 16px;color:#5e506a}#app .look-member-preview>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#app .look-member-preview a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f2eee5;background:#302c46;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700}#app .look-member-preview a svg{width:15px;height:15px}#app .look-member-preview button{background:transparent;color:#514663;font-size:12px;padding:8px 0;border:0}#app #profile-page .profile-save button:disabled{opacity:.4;box-shadow:none;cursor:default}#app #profile-page .studio-members-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dcc6ee40;border-radius:15px;background:linear-gradient(135deg,#c4b2f220,#eddfc91a);color:#e5d5ee;font-size:11px}#app #profile-page .studio-members-link svg{width:13px;height:13px}#app #profile-page .studio-members-link:hover{background:#b9a6ea30}#app #profile-page .studio-heading{flex-wrap:wrap}.report-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.has-account-invitation .report-overview{grid-template-columns:minmax(0,1fr) 300px}.report-overview-main{min-width:0}.report-overview .match-awards{margin-bottom:24px}.report-overview .report-goals{margin-top:0}#match-report .report-players{margin:28px 0}#match-report .player-table-scroll{overflow-x:auto}#match-report .report-players th:first-child{position:sticky;left:0;background:#17281f;z-index:1;min-width:175px}#match-report .report-players th a,#match-report .report-players th .report-player-identity{display:flex;gap:8px;align-items:center;color:inherit;text-decoration:none}#match-report .report-table-blob{width:32px;height:28px;flex-shrink:0}#match-report a[data-profile-key]{color:inherit;text-decoration:none}#match-report a[data-profile-key]:hover{text-decoration:underline;text-underline-offset:3px}#match-report .match-award a[data-profile-key]{display:contents}#match-report .match-award{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px;border:1px solid #c6b4f433;border-radius:12px;background:#24312a}#match-report .match-award .award-blob{order:1;margin:6px 0 0;width:100px}#match-report .match-award>span{order:0;font-size:8px;letter-spacing:.06em}#match-report .match-award strong{order:2;font:700 13px DM Sans Variable,sans-serif;margin:4px 0}#match-report .match-award small{order:3;font-size:10px}#match-report .goal-ticket{flex:0 0 185px}#match-report .goal-minute{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:#b9c8aa;text-decoration:none}#match-report .goal-minute:hover{color:#fff}#match-report .report-grid{border-top:1px solid #80946b35;padding-top:26px}.account-invitation{position:relative;color:#29352b;background:#f0ede2;border:1px solid #a6aa934a;border-radius:18px;overflow:hidden;text-align:left}.account-invitation h2,.account-invitation h3{font-family:Barlow Condensed,sans-serif;font-size:40px;line-height:1;letter-spacing:-.03em;margin:0 0 14px;color:#29352b}.account-invitation p{font-size:12px;line-height:1.7;margin:0 0 18px}.invitation-copy{padding:26px 22px 16px}.account-invitation button{font:700 12px DM Sans Variable,sans-serif;cursor:pointer}.account-invitation button:disabled{opacity:.6;cursor:wait}.account-invitation .invitation-dismiss{position:absolute;z-index:2;right:8px;top:8px;width:36px;height:36px;padding:8px;background:#f0ede2aa;border:0;border-radius:8px;color:#54604c}.account-invitation-auth{display:grid;gap:10px}.account-invitation .invitation-google,.account-invitation .invitation-email,.account-invitation .invitation-play,.account-invitation .invitation-save,.account-invitation .invitation-back{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;min-height:46px;border:1px solid #7c836f66;border-radius:8px;color:#29352b}.account-invitation .invitation-google{background:#fff;font-weight:500}.account-invitation .invitation-google img{object-fit:contain}.account-invitation .invitation-email{background:#f9f6ed}.account-invitation .invitation-save{background:#c6b4ee}.account-invitation .invitation-play{background:#e4edcd;margin-top:16px}.account-invitation .invitation-back{background:transparent;margin-top:10px}.account-invitation .invitation-text{display:block;width:100%;border:0;padding:12px 0;background:none;color:#56604e;font-size:10px;font-weight:400}.account-invitation .invitation-text:hover{text-decoration:underline}.account-invitation .invitation-note{text-align:center;margin:14px 0;font-size:11px}.account-invitation .invitation-error{color:#9d3232;margin-top:12px}.account-player-ticket{margin:26px 24px 10px;padding:16px;background:#c6b4ee;border:1px solid #8b78a3;border-radius:12px;color:#302b45;transform:rotate(-5deg);box-shadow:5px 7px #948c7330;position:relative}.account-ticket-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;margin-bottom:24px}.account-player-ticket .award-blob{position:absolute;top:42px;right:6px;width:100px;height:90px;margin:0}.account-ticket-name{min-height:95px;padding-right:82px}.account-ticket-name small{font-size:7px}.account-invitation .account-ticket-name h3{color:#302b45;font-size:29px;margin:10px 0;overflow-wrap:anywhere}.account-ticket-name>span{font-size:8px}.account-ticket-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:6px;border-top:1px dashed #79678c60;padding-top:16px;margin-top:16px}.account-ticket-stats span{font-size:7px}.account-ticket-stats b{display:block;font:700 28px Barlow Condensed,sans-serif}.invitation-first>.award-blob{display:block;width:120px;margin:20px auto 0}.account-return-invitation{position:absolute;top:74px;right:20px;width:310px;z-index:45;box-shadow:0 15px 45px #0006}.account-return-invitation .invitation-copy{padding-top:35px}.account-invitation-dialog{padding:0;width:min(800px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;border:0;border-radius:18px;background:#f0ede2}.account-invitation-dialog::backdrop{background:#07130dd4;backdrop-filter:blur(6px)}.account-invitation-dialog>.account-invitation{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:12px;align-items:center;padding:22px}.account-invitation-dialog .account-player-ticket{margin:20px 12px}@media(max-width:900px){.has-account-invitation .report-overview{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.invitation-copy{padding:24px 16px 12px}#match-report .match-award strong{font-size:11px}}@media(max-width:700px){.has-account-invitation .report-overview{grid-template-columns:minmax(0,1fr)}.report-overview>.account-invitation:not(.invitation-first){display:grid;grid-template-columns:1fr 1fr;align-items:center}#match-report .match-award .award-blob{width:75px}#match-report .match-award>span{font-size:7px}#match-report .match-award strong{font-size:10px}.account-invitation-dialog>.account-invitation{grid-template-columns:minmax(0,1fr);padding:12px}.account-invitation-dialog .account-player-ticket{width:240px;margin:16px auto}}@media(max-width:480px){.report-overview>.account-invitation:not(.invitation-first){display:block}.account-player-ticket{max-width:270px;margin:24px auto 8px}.account-return-invitation{width:min(310px,calc(100vw - 24px));right:12px}}#match-report .report-heading:has(.report-next){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}#match-report .report-heading h2{font-size:clamp(38px,4.5vw,60px)}#match-report .report-mark{display:none}#match-report .report-final{font-size:clamp(54px,6vw,80px)}#match-report .report-next{justify-self:end}@media(max-width:700px){#match-report .report-heading:has(.report-next){grid-template-columns:minmax(0,1fr) auto}#match-report .report-next{grid-column:1 / -1;justify-self:start}}.touch-controls,.touch-preview{position:absolute;inset:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-controls{top:max(68px,env(safe-area-inset-top));display:none;z-index:5}.touch-controls [data-touch],.touch-preview [data-touch]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:1.5px solid #e3eedc70;border-radius:50%;background:#12261cbb;color:#ecf1de;box-shadow:inset 0 1px #ffffff12,0 3px 14px #0003;font:700 10px/1.15 DM Sans Variable,sans-serif;letter-spacing:.6px;pointer-events:auto;touch-action:none}[data-touch]>*{pointer-events:none}[data-touch] .ui-icon{width:24px;height:24px}.touch-controls [data-touch=boost],.touch-preview [data-touch=boost]{border-color:#d2f8699c;color:#d2f865;background:#31401bbd}.touch-controls [data-touch=kick],.touch-preview [data-touch=kick]{border-color:#e4eedbba;background:#dce9cd26}.touch-controls [data-touch=both],.touch-preview [data-touch=both]{color:#ded3ff;border-color:#c9afff8f;background:#302346c9;font-size:8px;gap:2px}[data-touch=both] .ui-icon{width:19px;height:19px}.touch-controls [data-touch].is-held{background:#d2f86565;border-color:#e7ffb3;box-shadow:0 0 0 5px #d2f86519}.touch-controls [data-touch=move],.touch-preview [data-touch=move]{background:#11231c65;border:1px solid #d9eac64d}[data-touch=move] i{display:block;width:42%;height:42%;border-radius:50%;background:#d7eac347;border:1.5px solid #e2f5c57d}[data-touch=move] span{position:absolute;bottom:12%;font-size:8px;color:#d4e6ba9c}.touch-move-zone{position:absolute;inset:32% 54% 0 0;touch-action:none;pointer-events:auto}.touch-controls[data-handed=left] .touch-move-zone{inset:32% 0 0 54%}.touch-controls[data-floating=false] .touch-move-zone{display:none}#touch-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:0;border-radius:0;background:#101e18;color:#edf1df}#touch-dialog[open]{display:flex;flex-direction:column;gap:12px}.touch-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}#touch-dialog h2{font-size:38px;line-height:1;margin:5px 0 0}#touch-dialog .close-dialog{position:static;width:auto;height:auto;padding:12px 24px;font-size:13px;flex-shrink:0;background:#d2f865;color:#19231a;border-radius:8px}.touch-editor-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:12px}.touch-editor-options label{display:flex;align-items:center;gap:8px;min-height:32px}.touch-size-label{flex:1 1 230px;max-width:420px}.touch-size-label input{min-width:70px;width:100%;accent-color:#d2f865}.touch-size-label output{min-width:40px;font-variant-numeric:tabular-nums}.touch-editor-options input[type=checkbox]{width:18px;height:18px;accent-color:#d2f865}.touch-editor-help,.touch-editor-footnote{margin:0;color:#a8b7a6;font-size:12px;line-height:1.5}.touch-preview-wrap{position:relative;flex:1;min-height:220px;border:1px solid #bed3a72e;border-radius:14px;background:linear-gradient(#b9d39708 1px,transparent 1px),linear-gradient(90deg,#b9d39708 1px,transparent 1px),#172b20;background-size:32px 32px}.touch-preview-note{display:block;text-align:center;margin:16px 5px;color:#a9c28b;font-size:9px;letter-spacing:1.5px;pointer-events:none}.touch-preview [data-touch]{cursor:grab;border-style:dashed}.touch-preview [data-touch]:active{cursor:grabbing}@media(any-pointer:coarse){.boost-tip{display:none}}@media(max-height:500px)and (orientation:landscape){#touch-dialog[open]{gap:6px;padding-top:8px}#touch-dialog h2{font-size:25px}.touch-editor-heading .eyebrow,.touch-editor-help,.touch-editor-footnote{display:none}.touch-preview-wrap{min-height:150px}.touch-editor-options{gap:8px 18px}.touch-preview-note{margin-top:8px}}html[data-touch-capable=true] .touch-controls:not([hidden]){display:block}#sound-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px)}#sound-dialog .setting-row{gap:18px;padding:14px 0;border-color:#6b7c5f}#arena-actions #sound{display:inline-grid;place-items:center;width:34px;height:34px}@media(max-width:420px){#app .masthead{padding-inline:10px}#app .masthead .account-button{max-width:78px}#app .masthead .icon-button{width:32px}}#sound-dialog{padding:28px}#sound-dialog input[type=range]{appearance:none;height:24px;background:transparent;cursor:pointer}#sound-dialog input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#697661}#sound-dialog input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#cef877}#sound-dialog input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#697661}#sound-dialog input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#cef877}#sound-dialog input[type=range]:focus-visible{outline:2px solid #cef877;outline-offset:4px}.music-strip{display:flex;align-items:center;gap:8px;flex:0 1 220px;min-width:0;height:32px;margin-left:auto;margin-right:24px;padding:0 5px 0 10px;border:1px solid #a7c5801c;border-radius:20px;background:#b4e28808;color:#b9c9ad;transition:border-color .2s,background .2s,opacity .2s}.music-strip[hidden]{display:none}.music-strip:hover,.music-strip:focus-within{border-color:#bfd99142;background:#b4e2880f}.music-strip[data-playing=false]{opacity:.62}.music-now-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;letter-spacing:0}.music-meter{display:flex;align-items:center;gap:2px;width:30px;height:16px;flex-shrink:0;color:#c6e695}.music-meter i{height:14px;width:2px;border-radius:2px;background:currentColor;transform:scaleY(.2);transition:transform 80ms linear}.music-control{display:grid;place-items:center;flex:0 0 26px;width:26px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#a9bba2;transition:color .15s,background .15s}.music-control svg{width:13px;height:13px}.music-control:hover{background:#c5e89313;color:#e7f5d7}.music-control:focus-visible{outline:2px solid #c6e695;outline-offset:1px}.music-control:disabled{opacity:.3;cursor:default}#arena-actions .music-strip{flex-basis:190px;width:190px;margin:0 6px 0 0}@media(max-width:760px){.music-strip{flex:1 1 170px;max-width:190px;gap:4px;margin:0 8px;padding-left:7px}.music-meter{width:22px;gap:1px}#arena-actions .music-strip{width:145px;flex-basis:145px;margin-right:2px}}@media(max-width:600px){body.has-music #app .masthead{gap:6px;padding-inline:10px}body.has-music #app .masthead .brand{font-size:0;gap:0;flex-shrink:0}body.has-music #app .masthead .brand-icon{display:flex}body.has-music #app .masthead .brand-icon i{width:12px;height:20px}body.has-music #app .masthead nav{gap:1px;flex-shrink:0}body.has-music #app .masthead .shell-tab{padding:8px 4px;font-size:10px}body.has-music #app .masthead .shell-tab[aria-current=page]{display:none}body.has-music #app .masthead .account-button{max-width:48px;padding:8px 4px;font-size:10px}body.has-music #app .masthead .account-button[aria-current=page]{display:none}body.has-music #app .masthead .icon-button{width:28px}.music-strip{max-width:170px;margin:0}#arena-actions .music-strip{width:118px;flex-basis:118px}#arena-actions .music-now-title{font-size:10px}}@media(max-width:380px){#arena-actions .music-strip{width:90px;flex-basis:90px;gap:2px;padding-left:5px}#arena-actions .music-meter{display:none}#arena-actions #sound,#arena-actions #fullscreen,body.focus-match #app .camera-button{width:28px;min-width:28px}}@media(prefers-reduced-motion:reduce){.music-strip,.music-meter i,.music-control{transition:none}}.music-pause-control{position:relative;flex:0 0 26px}.music-pause-hint{position:absolute;z-index:50;top:calc(100% + 12px);right:-30px;width:max-content;padding:10px 12px;border:1px solid #82986a;border-radius:9px;background:#263323;box-shadow:0 5px 18px #0004;color:#e5efda;font-size:12px;font-weight:500;line-height:1.4;pointer-events:none;animation:music-hint-in .22s ease-out}.music-pause-hint:before{content:"";position:absolute;top:-5px;right:38px;width:8px;height:8px;background:#263323;border-top:1px solid #82986a;border-left:1px solid #82986a;transform:rotate(45deg)}@keyframes music-hint-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.music-pause-hint{animation:none}}body.reduced-motion .music-pause-hint{animation:none}#mobile-match-menu,#mobile-match-tools{display:none}html.mobile-ui body.focus-match #app .arena-top{display:grid;grid-template-columns:76px minmax(0,1fr) 52px;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));gap:8px}html.mobile-ui body.focus-match #app .court-name,html.mobile-ui body.focus-match #connection,html.mobile-ui body.focus-match #pause,html.mobile-ui body.focus-match #app .arena-bottom{display:none}html.mobile-ui body.focus-match #app .scoreboard{position:static;transform:none;grid-column:2;grid-row:1;gap:8px;min-width:0}html.mobile-ui body.focus-match #app .scoreboard .team{display:none}html.mobile-ui body.focus-match #app .scoreboard strong{font-size:28px}html.mobile-ui body.focus-match #app .clock{min-width:48px;padding:5px 6px;font-size:11px}html.mobile-ui body.focus-match #app .arena-actions{grid-column:3;grid-row:1;justify-self:end}html.mobile-ui body.focus-match #mobile-match-menu{display:grid;place-items:center;min-width:48px;min-height:44px;padding:6px;background:#283c32;color:#e8f1d8;border:1px solid #c6dea52b;border-radius:8px;font-size:11px}html.mobile-ui body.focus-match #app .boost-hud{position:static;grid-column:1;grid-row:1;width:76px;padding:0;background:none;border:0;border-radius:0}html.mobile-ui body.focus-match #app .boost-heading{font-size:7px;margin-bottom:5px}html.mobile-ui body.focus-match #app .charge-bars{gap:4px}html.mobile-ui body.focus-match #app .charge-bars i{height:4px}html.mobile-ui body.focus-match #app .boost-tip{display:none}html.mobile-ui body.focus-match #app .canvas-wrap{height:calc(100dvh - 52px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0}html.mobile-ui body.focus-match #app .game-shell{padding-bottom:env(safe-area-inset-bottom)}html.mobile-ui body.focus-match .touch-controls{top:12px}html.mobile-ui #mobile-match-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:16px 0;border-block:1px solid #c6dea529}html.mobile-ui #mobile-match-tools .camera-button{width:auto;min-height:44px;padding:10px 12px}html.mobile-ui #mobile-match-tools .camera-button span{display:inline}html.mobile-ui #mobile-match-tools>.icon-button{width:44px;height:44px}html.mobile-ui #mobile-match-tools .music-strip{flex:1 0 100%;max-width:none;margin:0}html.mobile-ui #mobile-match-tools .music-now-title{flex:1}html.mobile-ui #mobile-match-tools .music-pause-hint{display:none}html.mobile-ui body.in-lobby #app{height:auto;min-height:100dvh;overflow:visible}html.mobile-ui body.in-lobby #app #game-page{flex:none;padding-bottom:max(14px,env(safe-area-inset-bottom))}html.mobile-ui body.in-lobby #app .game-shell{height:auto;overflow:visible}html.mobile-ui body.in-lobby #app .canvas-wrap{height:auto;flex:none;overflow:clip}html.mobile-ui body.in-lobby #app .lobby-overlay{height:auto;min-height:0;overflow:visible}html.mobile-ui body.in-lobby #app .lobby-layout{flex:none;min-height:0}html.mobile-ui body.in-lobby #app .lobby-roster,html.mobile-ui body.in-lobby #app .lobby-config{height:auto;overflow:visible}html.mobile-ui body.in-lobby #app .lobby-bottom{padding:12px 0 4px}html.mobile-ui body.in-lobby #app .room-setup{flex:none}html.mobile-ui body.in-lobby #app .arena-top{display:none}html.mobile-ui #pause-dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}html.mobile-ui #pause-dialog .pause-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}html.mobile-ui #pause-dialog .pause-options button{min-height:44px;text-align:left}html.mobile-ui #pause-dialog .button.secondary{color:#dae7ce}html.mobile-ui body.in-lobby #app>.masthead,html.mobile-ui body.in-lobby #app>.session-bar{position:static}@media(max-height:500px){html.mobile-ui #pause-dialog{padding:20px}html.mobile-ui #pause-dialog h2{font-size:32px;margin:6px 0}html.mobile-ui #pause-description{font-size:12px;margin:8px 0}html.mobile-ui #mobile-match-tools{margin:10px 0;padding:10px 0}}