:root{color-scheme:dark;--bg:#14171d;--panel:#20252d;--line:#353d48;--ink:#f2f4ef;--muted:#a1acb7;--lime:#c9ff63;--purple:#b4a0ff;--pink:#ff85c7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#262d37;color:var(--ink);border-radius:7px;padding:10px 15px;min-height:44px;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--lime);background:#303b37}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}a{color:var(--lime)}[hidden]{display:none!important}.primary{background:var(--lime);border:0;color:#18211c;font-weight:750;min-width:190px}.primary:hover:not(:disabled){background:#e0ffad;color:#18211c}.primary span{margin-left:24px}.quiet{background:transparent}header{margin:0 auto;padding:14px 4%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;font-size:14px;letter-spacing:1px;line-height:1.15}.brand img{border-radius:6px;object-fit:contain;background:white}.brand b{display:block;font-size:22px;letter-spacing:2px}.profile-chip{margin-left:auto;display:flex;gap:15px;align-items:center}.profile-chip>span:first-child{border:1px solid #7a63b3;color:var(--purple);border-radius:6px;padding:8px;font-size:13px;font-weight:700}.profile-chip b{font-size:13px;font-weight:600}.profile-chip small{display:block;font-size:12px;color:var(--muted)}#coins{font-size:14px;color:var(--lime)}header>button{font-size:14px}main{max-width:1520px;margin:0 auto;padding:0 4%}.mode-nav{display:flex;gap:8px;margin:24px 0 28px;border-bottom:1px solid var(--line);padding-bottom:12px}.mode-nav button{border:0;background:none;color:var(--muted);font-size:15px;padding:10px 20px}.mode-nav button.active{background:#322c46;color:#ddceff}.mode-nav span{margin-left:6px;font-size:11px;background:#675189;border-radius:4px;padding:2px 4px;color:white}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;min-height:63px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:1.8px;margin:0 0 7px;font-weight:600}h1{font-size:clamp(27px,2.7vw,42px);letter-spacing:-1.5px;line-height:1.12;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}h2{letter-spacing:-1px;line-height:1.15}.match-actions{display:flex;gap:8px}.match-actions button{font-size:13px;white-space:nowrap}.arena{position:relative;background:#1b2c30;border:1px solid #40504d;border-radius:11px;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:960/740;outline:none}.scoreboard{position:absolute;z-index:2;top:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px;padding:8px 22px;background:#121a21ee;border:1px solid #415257;border-radius:8px;text-align:center;pointer-events:none}.scoreboard>div>span{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px}.scoreboard strong{font-size:34px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.score-mid{min-width:140px;font-size:10px;white-space:nowrap}.score-mid b{display:block;font-size:10px;letter-spacing:1px}.score-mid>span{font-size:9px!important;letter-spacing:0!important;color:#b8c9ca;margin:3px 0}.score-mid small{font-size:9px;color:var(--lime)}i{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%}.purple{background:var(--purple)}.start-overlay{position:absolute;inset:0;z-index:3;background:#111b24bb;backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px}.start-overlay img{border-radius:10px;margin-bottom:16px;object-fit:contain}.start-overlay .eyebrow{color:var(--lime);font-size:10px}.start-overlay h2{font-size:clamp(30px,4vw,53px);margin:3px 0 12px;font-weight:800;letter-spacing:-2px}.start-overlay>p:not(.eyebrow){font-size:15px;color:#becad1;margin:0 0 19px;max-width:390px}.start-overlay small{margin-top:15px;font-size:11px;color:#a7b8c4}.court-footer{display:flex;justify-content:space-between;border-top:1px solid #3c514d;padding:10px 15px;font-size:11px;letter-spacing:1px;color:#bdcdca}.contact-feedback{position:absolute;bottom:70px;left:0;right:0;text-align:center;color:var(--lime);font-weight:750;font-size:17px;pointer-events:none;text-shadow:0 2px 6px black;min-height:24px}.ruling{min-height:56px;padding:12px 3px;font-size:14px;color:#bdc9d0;line-height:1.5}.play-hud{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stamina{display:flex;gap:8px;align-items:center;margin-right:auto}.stamina span,.aim-controls>span{font-size:10px;color:var(--muted);letter-spacing:1px}meter{width:85px;height:11px}meter::-webkit-meter-bar{background:#343d3f;border:0}meter::-webkit-meter-optimum-value{background:var(--lime)}.aim-controls{display:flex;gap:5px;align-items:center}.aim-controls button{min-width:44px;padding:7px;font-size:18px}.aim-controls .selected{background:#494060;border-color:var(--purple)}#sprintToggle,#resetShot{font-size:12px;padding:9px}.keyboard-help{margin:20px 0;display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}kbd{font:10px system-ui;border:1px solid #46505c;border-bottom-width:3px;border-radius:4px;padding:3px 5px;color:#dce5e8}.touch-controls{display:none}aside{padding-top:4px}.setup-panel{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:10px}.aside-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.accent-dot{color:var(--purple)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#bec6d0;margin-bottom:13px}select{background:#141b22;color:var(--ink);border:1px solid #45505c;border-radius:5px;padding:10px 8px;font-size:14px;min-height:44px;width:100%;max-width:100%}select:disabled{opacity:.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-panel small,.setup-panel p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:0}.setup-panel h2{font-size:22px;margin:0 0 13px}#lessonList{padding-left:22px;color:var(--muted);font-size:13px;line-height:1.9}#lessonList .current{color:var(--lime)}.charge-panel{padding:18px;border:1px solid #515e3c;border-radius:9px;background:#252e25;margin-top:18px}.charge-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.charge-title b{color:var(--lime);font-size:13px}.charge-meter{height:12px;position:relative;border-radius:3px;background:#44503e;overflow:hidden;margin:17px 0 8px}.charge-meter>div{height:100%;width:0;background:var(--lime)}.charge-meter>span{position:absolute;height:100%;width:2px;top:0;left:20.833%;background:#252e25}.charge-meter>span:last-child{left:58.333%}.charge-meter.overcharged>div{background:var(--pink);animation:pulse .6s infinite alternate}.meter-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#cad9c0}.charge-panel p{font-size:12px;color:#bed0b4;min-height:36px;margin:16px 0}.shot-buttons{display:flex;gap:6px}.shot-buttons button{flex:1;padding:10px 2px;min-width:0;background:#34412e;border-color:#627052;font-size:14px}.shot-buttons small{display:block;font-size:9px;color:#bcccaf;margin-top:3px}.overcharge-note{font-size:10px;color:#a6b79d;display:block;margin-top:11px;line-height:1.6}.objective{padding:21px 0}.objective h3{font-size:19px;margin:5px 0 9px;letter-spacing:-.3px}.objective p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.rules summary{cursor:pointer;min-height:28px}.rules ul{padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}.build-note{font-size:11px;line-height:1.6;color:#a0acb5;margin:16px 0}.lesson-banner{position:absolute;bottom:48px;left:14px;right:14px;background:#171f2fee;border:1px solid #b4a0ff88;padding:12px 16px;border-radius:8px;pointer-events:none}.lesson-banner b{font-size:15px;color:#d8cbff}.lesson-banner p{font-size:13px;color:#c4cfd6;margin:5px 0}.lesson-banner span{font-size:11px;color:var(--lime)}body[data-mode=tutorial] .contact-feedback{bottom:185px}.resume-banner,.save-warning{padding:14px 18px;background:#2d2840;border:1px solid #655783;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:16px;justify-content:space-between}.resume-banner b{font-size:14px}.resume-banner span{display:block;font-size:12px;color:var(--muted)}.save-warning{background:#41352a;border-color:#a98455;font-size:13px}.career-map{margin-bottom:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.career-summary{text-align:right}.career-summary b{display:block;font-size:25px;color:var(--purple)}.career-summary span{font-size:10px;letter-spacing:1px;color:var(--muted)}.career-explainer{font-size:14px;color:var(--muted);max-width:720px}.tier-row{margin:22px 0}.tier-row h2{font-size:15px;letter-spacing:0;color:#d7cfed;margin:0 0 12px}.chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.chapter{padding:14px;text-align:left;display:flex;flex-direction:column;gap:6px;background:#232831;min-height:118px}.chapter span{font-size:11px;color:var(--purple)}.chapter b{font-size:14px}.chapter small{font-size:11px;color:var(--muted)}.chapter.selected{border-color:var(--lime);background:#30392a}.chapter.won{border-color:#688046}.chapter:disabled{opacity:.5}.chapter.boss{background:#34283d}footer{margin:30px 4% 0;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a6b1ba;font-size:10px;letter-spacing:2px}footer span{font-size:9px;color:#84929e}dialog{width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #5c536e;border-radius:13px;background:#1f2530;color:var(--ink);padding:28px;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0b111bba;backdrop-filter:blur(4px)}dialog h2{font-size:32px;margin:8px 0 18px}dialog p{font-size:15px;line-height:1.7;color:#bec9d2}.modal-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.result-score{font-size:54px;letter-spacing:4px;font-weight:800;color:var(--lime);margin:12px 0}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reward-grid>div{background:#2c3540;border-radius:6px;padding:12px}.reward-grid b{font-size:24px;display:block}.reward-grid span{color:var(--muted);font-size:11px}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-heading h2{margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;margin:25px 0}.check{flex-direction:row;align-items:center;min-height:44px;font-size:14px;margin:0}.check input{width:20px;height:20px;accent-color:var(--purple);flex-shrink:0}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.binding{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.binding button{font-size:12px;min-width:90px}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.file-label{border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden;padding:10px 14px;color:var(--ink);cursor:pointer;margin:0;min-height:44px}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.high-contrast{--muted:#d4dbe2;--line:#838d97;--panel:#111820}.reduced-motion *{animation:none!important;transition:none!important}#settingsStatus{color:var(--lime)}@keyframes pulse{to{opacity:.45}}@media(min-width:1500px){main{padding:0 35px}}@media(max-width:1050px){.play-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.setup-panel,.charge-panel{padding:14px}.game-top{align-items:flex-start}.match-actions button{font-size:12px;padding:8px}.scoreboard{gap:18px;padding:7px 15px}.score-mid{min-width:120px}.keyboard-help{gap:8px}.play-hud{gap:7px}.stamina{width:100%}.chapter-grid{gap:7px}.chapter{padding:10px}.chapter b{font-size:12px}}@media(pointer:coarse){.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;touch-action:none}.joystick{width:116px;height:116px;position:relative;background:#232c38;border:1px solid #677585;border-radius:50%;touch-action:none;user-select:none;flex-shrink:0}.joy-cross{position:absolute;inset:18px;text-align:center;color:#5e6b7a;font-size:47px;line-height:76px}#joyKnob{position:absolute;left:35px;top:35px;width:44px;height:44px;border-radius:50%;background:#a58bd5;border:3px solid #d4c4f6;pointer-events:none}.joystick>span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);letter-spacing:2px}#touchShot{width:112px;height:112px;border-radius:50%;background:var(--lime);color:#18251b;border:5px solid #526341;font-size:12px;touch-action:none;user-select:none}#touchShot b{font-size:24px}.touch-actions{display:flex;gap:10px}.left-handed .touch-controls{flex-direction:row-reverse}.keyboard-help{display:none}}@media(max-width:760px){header{padding:12px 4%;gap:10px}.brand{gap:9px;font-size:10px}.brand b{font-size:17px}.brand img{width:43px;height:43px}.profile-chip{gap:8px}.profile-chip>div{display:none}.profile-chip>span:first-child{font-size:11px;padding:7px}#coins{display:none}header>button{font-size:12px;padding:8px}.mode-nav{gap:0;justify-content:space-between;margin:17px 0}.mode-nav button{padding:9px 10px;font-size:13px}.mode-nav span{display:none}.play-layout{display:flex;flex-direction:column;gap:18px}.game-top{min-height:50px;align-items:center;margin-bottom:13px}h1{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:9px}.match-actions button{font-size:11px;padding:8px}.scoreboard{top:8px;padding:5px 12px;gap:18px}.scoreboard strong{font-size:27px}.scoreboard>div>span{font-size:9px}.score-mid{min-width:125px}.score-mid b{font-size:9px}.score-mid>span{font-size:8px!important}.score-mid small{font-size:8px}canvas{aspect-ratio:960/1030}.start-overlay img{width:66px;height:66px;margin-bottom:10px}.start-overlay h2{font-size:34px;margin:5px 0 10px}.start-overlay>p:not(.eyebrow){font-size:13px;margin-bottom:15px;max-width:300px}.start-overlay .eyebrow{font-size:8px}.start-overlay small{font-size:10px;max-width:260px}.primary{font-size:14px;padding:12px 22px}.court-footer{font-size:9px;padding:10px}.ruling{font-size:13px;min-height:60px}.play-hud{gap:8px}.stamina{width:auto}.stamina span{display:none}meter{width:54px}.aim-controls>span{display:none}.aim-controls button{min-width:40px}.touch-controls{margin-top:4px;padding-bottom:30px}.setup-panel{padding:17px}.aside-heading{margin-bottom:8px}.setup-panel label{font-size:14px}.setup-panel small{font-size:12px}.charge-title{font-size:12px}.charge-panel{padding:17px;margin-top:13px}.charge-panel p{font-size:14px;min-height:0}.shot-buttons button{font-size:16px}.shot-buttons small{font-size:11px}.overcharge-note{font-size:12px}.meter-label{font-size:10px}.objective{display:none}.rules{font-size:14px}.rules ul{font-size:14px}.build-note{font-size:12px}.lesson-banner{bottom:44px;left:9px;right:9px;padding:10px}.lesson-banner b{font-size:13px}.lesson-banner p{font-size:12px;line-height:1.4}.lesson-banner span{font-size:10px}body[data-mode=tutorial] .contact-feedback{bottom:185px}.contact-feedback{bottom:52px;font-size:15px}.resume-banner{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.resume-banner button{width:100%}.career-summary b{font-size:21px}.career-summary span{font-size:8px}.career-explainer{font-size:13px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-grid .chapter:last-child{grid-column:span 2}.chapter b{font-size:14px}.chapter{min-height:95px}.tier-row h2{font-size:14px}footer span{display:none}dialog{padding:22px}dialog h2{font-size:28px}.settings-grid{grid-template-columns:1fr}.bindings{grid-template-columns:1fr}.modal-actions button{flex:1}.reward-grid b{font-size:21px}.reward-grid>div{padding:9px}body.match-active .mode-nav{margin:8px 0}body.match-active .game-top h1{font-size:22px}body.match-active aside .setup-panel,body.match-active aside .rules,body.match-active aside .build-note{display:none}body.match-active header{padding-top:6px;padding-bottom:6px}body.match-active .game-top{margin-bottom:8px}body.match-active .charge-panel{margin-top:0}}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){body.match-active header,body.match-active .mode-nav,body.match-active footer,body.match-active .game-top,body.match-active .keyboard-help{display:none}body.match-active main{padding:5px max(12px,env(safe-area-inset-left)) 5px max(12px,env(safe-area-inset-right))}body.match-active .play-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:15px}body.match-active .game{position:relative;padding:0 120px}body.match-active canvas{height:calc(100dvh - 98px);aspect-ratio:960/740;width:100%}body.match-active .arena{overflow:hidden}body.match-active .scoreboard{top:4px;transform:translateX(-50%) scale(.8);transform-origin:top center}body.match-active .court-footer{padding:4px}body.match-active .ruling{font-size:11px;min-height:38px;padding:6px 0}body.match-active .touch-controls{position:absolute;inset:0;pointer-events:none;padding:0;align-items:center}body.match-active .touch-controls>*{pointer-events:auto}.joystick{width:100px;height:100px}#joyKnob{left:27px;top:27px}.joy-cross{inset:10px}#touchShot{width:100px;height:100px}body.match-active .play-hud{justify-content:center}body.match-active .stamina{display:none}body.match-active aside{padding:0}body.match-active .charge-panel{margin:0;padding:12px}body.match-active .charge-panel p{font-size:12px}body.match-active .overcharge-note{font-size:10px}body.match-active .shot-buttons button{font-size:13px}body.match-active .shot-buttons small{font-size:9px}body.match-active .lesson-banner{bottom:25px}body.match-active .lesson-banner p{font-size:11px}body.match-active .contact-feedback{bottom:45px}body.match-active .match-actions{display:flex!important}body.match-active #pause{position:fixed;right:20px;bottom:8px;z-index:5;display:block}body.match-active .game-top{display:block;height:0;min-height:0;padding:0;margin:0}body.match-active .game-top>div:first-child,body.match-active #exitMatch{display:none}}
@supports(padding:max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}}
/* Keep the active court and its main controls together in a laptop viewport. */
@media(min-width:761px){body.match-active header,body.match-active .mode-nav{display:none}body.match-active main{padding-top:18px}body.match-active canvas{height:calc(100dvh - 248px);min-height:350px;max-height:720px}body.match-active .game-top{min-height:45px;margin-bottom:14px}body.match-active .keyboard-help{margin:12px 0}}
@media(max-width:760px){.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 30px;touch-action:none}.joystick{width:106px;height:106px;position:relative;background:#232c38;border:1px solid #677585;border-radius:50%;touch-action:none;user-select:none;flex-shrink:0}.joy-cross{position:absolute;inset:13px;text-align:center;color:#5e6b7a;font-size:47px;line-height:76px}#joyKnob{position:absolute;left:30px;top:30px;width:44px;height:44px;border-radius:50%;background:#a58bd5;border:3px solid #d4c4f6;pointer-events:none}.joystick>span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);letter-spacing:2px}#touchShot{width:106px;height:106px;border-radius:50%;background:var(--lime);color:#18251b;border:5px solid #526341;font-size:11px;touch-action:none;user-select:none}#touchShot b{font-size:23px}.left-handed .touch-controls{flex-direction:row-reverse}.keyboard-help{display:none}}
@media(max-width:760px) and (orientation:portrait){body.match-active header,body.match-active .mode-nav{display:none}body.match-active main{padding-top:8px}body.match-active canvas{height:calc(100dvh - 320px);min-height:260px}body.match-active .touch-controls{padding:8px 14px 22px;margin-top:0}body.match-active .game-top{min-height:34px}body.match-active .ruling{min-height:46px;padding:7px 0;font-size:12px}body.match-active .play-hud{gap:5px}body.match-active #resetShot,body.match-active #sprintToggle{font-size:11px;padding:7px}body.match-active .aim-controls button{min-width:36px}body.match-active .lesson-banner p{font-size:11px}body.match-active .lesson-banner{padding:7px;bottom:30px}body.match-active .lesson-banner span{display:none}body.match-active .lesson-banner b{font-size:12px}body.match-active .scoreboard{transform:translateX(-50%) scale(.86);transform-origin:top center}}

@media(max-width:760px) and (orientation:portrait){body.match-active .lesson-banner p{display:none}body.match-active .lesson-banner span{display:block;font-size:10px}body.match-active .lesson-banner{bottom:34px;padding:7px}body.match-active .lesson-banner b{font-size:11px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){body.match-active .play-layout{display:block}body.match-active .play-layout>aside{display:none}body.match-active .game{padding:0 112px}body.match-active .lesson-banner{left:5px;right:5px;padding:6px}body.match-active .lesson-banner p{display:none}body.match-active .lesson-banner b{font-size:10px}body.match-active .lesson-banner span{font-size:9px}body.match-active .scoreboard{transform:translateX(-50%) scale(.74)}body.match-active .court-footer{font-size:8px}body.match-active .ruling{line-height:1.3}body.match-active .play-hud{gap:4px;flex-wrap:nowrap}body.match-active .aim-controls button{min-width:34px}body.match-active #sprintToggle,body.match-active #resetShot{font-size:10px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:950px){body.match-active canvas{height:calc(100dvh - 124px)}body.match-active .lesson-banner b,body.match-active .lesson-banner span{display:block}body.match-active .lesson-banner span{margin-top:2px}}

.test-notice{font-size:14px;color:#d8cbff;margin:14px 0}.venue-picker{display:flex;align-items:center;gap:12px;margin:0 0 12px}.venue-picker label{margin:0;font-size:14px;color:var(--ink)}.venue-picker select{width:200px}.venue-picker span{display:flex;gap:5px}.venue-picker i{width:22px;height:22px;border:1px solid #ffffff55;border-radius:4px;background:var(--surface)}.venue-picker i:nth-child(2){background:var(--kitchen)}.venue-picker i:nth-child(3){background:var(--surround)}.match-active .test-notice{display:none}@media(max-width:760px){.venue-picker{gap:8px;margin-bottom:8px}.venue-picker select{width:170px}.venue-picker i{width:16px;height:16px}.match-active .venue-picker{display:none}}