@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--lime:#d4f178;--ink:#172723;--muted:#7a8780;--paper:#f4f5ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans SC',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #96ad36;outline-offset:4px}button{border:0}header{height:86px;max-width:1500px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3da}.brand{text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;display:flex;align-items:center;gap:10px}.brand-icon{font-size:35px;transform:rotate(-20deg);display:inline-block}.brand b{font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:2px;border-left:1px solid #cdd3ca;padding-left:14px;margin-left:6px}nav{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1px}nav button{background:transparent;color:var(--ink);font-size:12px}.nav-line{height:17px;width:1px;background:#ccd1c7;margin:0 12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3c84c}.intro{display:flex;justify-content:space-between;align-items:end;padding:37px 0 29px}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:2.4px;font-size:11px;color:#7d8d73}main{max-width:1500px;padding:0 5%;margin:auto}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 11px;font-weight:800}h1 span{color:#92ad39}.intro p{font-size:12px;color:#7b847c;margin:0}.session-tag{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:9px;padding-bottom:4px;color:#737f74}.session-tag i{font-style:normal;margin:0 5px;color:#b5bdb1}.arena{overflow:hidden;border-radius:13px;background:#10241f;box-shadow:0 12px 35px #25392c0c}.game-head{height:51px;background:#172c25;color:#eef4e8;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.court-label{font-size:12px;font-weight:500}.court-label>span{color:var(--lime);margin-right:13px;font-family:'Barlow Condensed';font-size:16px}.court-label small{color:#80998c;font:10px 'Barlow Condensed';letter-spacing:1.7px;margin-left:15px}.connection{font-size:10px;color:#9cae9f;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#809887}.connection.on{color:var(--lime)}.connection.on .status-dot{background:var(--lime)}.playfield{height:min(48vw,560px);min-height:400px;position:relative;overflow:hidden}#court{width:100%;height:100%;display:block}.hud{position:absolute;inset:22px 28px auto;display:flex;justify-content:space-between;color:#f1f6e9;pointer-events:none}.hud label{display:block;font-size:10px;color:#a6b8a5;letter-spacing:1px}.hud strong{font:52px 'Barlow Condensed',sans-serif;line-height:1.1}.hud strong small{font-size:15px;margin-left:3px;color:#a8b99c}.hud-center{text-align:center}.time{text-align:right}.court-word{position:absolute;left:30px;top:50%;writing-mode:vertical-rl;font:10px 'Barlow Condensed';letter-spacing:4px;color:#87a58a55}.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#f2f6e8;background:radial-gradient(ellipse at center,#123c2f80,transparent 65%)}.mini-shuttle{font-size:40px;line-height:1.3;color:var(--lime);margin-bottom:15px}.welcome .eyebrow{color:#bbd294;font-size:10px}.welcome h2{font-size:30px;margin:12px 0}.welcome p{font-size:12px;line-height:1.9;color:#b4c9b6;margin:0 0 23px}.primary{background:var(--lime);color:#233222;padding:15px 24px;border-radius:6px;font-weight:700;font-size:13px;min-width:210px;box-shadow:0 5px 20px #d4f1780a;transition:background .2s,transform .2s}.primary:hover{background:#e2ff99;transform:translateY(-2px)}.primary span{margin-left:30px}.welcome>small{font-size:9px;color:#8ba491;margin-top:14px}.camera-box{position:absolute;bottom:24px;right:24px;width:158px;height:112px;background:#11281e;border:1px solid #7d9b6b66;border-radius:7px;overflow:hidden;box-shadow:0 5px 20px #0002}.camera-box video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.8}.camera-top{position:absolute;top:9px;left:9px;font:8px 'Barlow Condensed';letter-spacing:1px;color:#cadcc3;display:flex;gap:5px;align-items:center}.camera-top .live-dot{width:4px;height:4px}.camera-bottom{position:absolute;bottom:7px;left:9px;right:9px;color:#b2c8ab;font-size:8px;display:flex;align-items:center;gap:8px}.meter{height:3px;background:#52704d80;flex:1;overflow:hidden}.meter i{display:block;background:var(--lime);height:100%;width:0;transition:width .1s}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c8d71}.camera-placeholder>span{font-size:28px}.camera-placeholder small{font-size:9px}.bottom-note{position:absolute;bottom:26px;left:28px;font-size:9px;color:#a2b9a0;letter-spacing:1px}.game-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 25px;color:#91a58c;background:#14291f;font-size:10px}.tiny-line{display:inline-block;width:16px;height:2px;background:var(--lime);vertical-align:middle;margin-right:8px}.game-foot b{margin:0 9px;font-weight:400;color:#566b52}.game-foot button{background:none;color:#bdd0b2;font-size:11px}.below{display:grid;grid-template-columns:1fr 250px;gap:30px;padding:25px 0}.steps{display:flex;align-items:center;justify-content:space-between;gap:16px}.step{display:flex;gap:13px;align-items:start}.step>span{font:28px 'Barlow Condensed';color:#a9b7a1;line-height:1.2}.step h3{font-size:12px;margin:0 0 6px;font-weight:600}.step p{font-size:10px;color:#8b9288;margin:0;line-height:1.8}.settings{border:1px solid #dbe0d3;border-radius:6px;align-self:start}.settings>button{width:100%;padding:13px 15px;background:transparent;font-size:11px;text-align:left}.settings>button span{float:right;color:#7e8b73}.settings-body{padding:0 14px 12px}.settings-body label{display:block;font-size:10px;padding:8px 0}.settings-body output{float:right;color:#7b8f60}.settings-body input{width:100%;accent-color:#839b3d;display:block;margin-top:12px}.settings-body p{font-size:10px;color:#7b8874;line-height:1.8}footer{border-top:1px solid #dfe3d8;display:flex;justify-content:space-between;padding:18px 0 25px;font-size:9px;color:#929a8a;letter-spacing:1px}footer span:first-child{font-family:'Barlow Condensed';letter-spacing:1.5px}footer i{margin:0 9px;color:#b4bfa9}.feedback{position:absolute;top:37%;left:50%;transform:translateX(-50%);font:italic 46px 'Barlow Condensed';color:var(--lime);text-shadow:0 3px 15px #0005;pointer-events:none}.pause{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#193c2dda;border:1px solid #89a27944;border-radius:5px;color:#d1e1bd;padding:9px 17px;font-size:10px}dialog{border:1px solid #d4dfc5;border-radius:15px;background:var(--paper);color:var(--ink);padding:35px;max-width:520px;width:90%}dialog::backdrop{background:#061b14bb;backdrop-filter:blur(6px)}dialog h2{font-size:24px}dialog p{font-size:12px;line-height:1.9;color:#697764}dialog .primary{margin-top:12px}.close{position:absolute;right:15px;top:10px;background:none;font-size:26px;color:#7f8e76}.arena.expanded{position:fixed;inset:0;z-index:10;border-radius:0}.arena.expanded .playfield{height:calc(100dvh - 95px);min-height:0}.arena.expanded .game-head{height:45px}.arena.expanded .game-foot{height:50px}[hidden]{display:none!important}@media(max-width:900px){header{height:67px}.intro{padding-top:25px}.intro h1{font-size:26px}.session-tag{display:none}.below{grid-template-columns:1fr}.settings{width:100%}.steps{justify-content:space-around}.playfield{min-height:390px}.camera-box{width:125px;height:90px;right:15px;bottom:17px}.bottom-note{font-size:8px;max-width:50%;line-height:1.8;left:20px}.welcome h2{font-size:26px}.hud strong{font-size:40px}.welcome .mini-shuttle{margin-bottom:7px}.game-foot{padding:13px 18px}}@media(max-width:550px){main,header{padding-left:5%;padding-right:5%}.brand{font-size:20px}.brand b{font-size:17px;padding-left:10px}.brand-icon{font-size:28px}nav{gap:5px}nav>.live-dot,nav>.nav-line,nav{font-size:0}nav button{font-size:10px}.intro h1{font-size:24px}.intro p{font-size:10px}.game-head{padding:0 15px}.court-label small{display:none}.hud{inset:17px 20px auto}.playfield{min-height:460px}.welcome{padding-bottom:45px}.welcome h2{font-size:22px}.welcome p{font-size:11px}.camera-box{width:100px;height:76px}.bottom-note{bottom:23px}.game-foot>span:nth-child(2){display:none}.steps{align-items:start;gap:9px}.step{display:block;flex:1}.step>span{display:block;margin-bottom:6px}.step h3{font-size:11px}.step p{font-size:9px}.below{padding:19px 0;gap:20px}footer span:last-child{display:none}.hud-center strong small{font-size:11px}}@media(orientation:landscape) and (max-height:600px){header{height:51px}.intro{padding:16px 0}.intro h1{font-size:25px;margin:5px 0}.intro .eyebrow{font-size:9px}.playfield{height:65vh;min-height:290px}.welcome{padding-bottom:0}.mini-shuttle{display:none}.welcome h2{font-size:24px;margin:7px 0}.welcome p{margin-bottom:12px}.welcome .primary{padding:11px 20px}.welcome>small{margin-top:9px}.camera-box{width:116px;height:83px}.hud strong{font-size:36px}.arena.expanded .welcome h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.test-impact{margin-top:8px;padding:9px 13px;border-radius:5px;background:#e3e9d5;color:#405232;font-size:11px}

.speed-presets{display:flex;gap:5px;margin:3px 0 8px}.speed-presets button{flex:1;font-size:9px;padding:8px 3px;border:1px solid #d4ddc7;border-radius:5px;background:transparent;color:#738361}.speed-presets button.selected{background:#d4f178;border-color:#bed969;color:#304521}.settings-body input[type="range"]{min-height:24px;margin-top:5px}

.speed-bar{display:flex;align-items:center;gap:20px;padding:10px 25px;background:#1c3429;border-top:1px solid #abc78d16;color:#dfedcf;flex-shrink:0}.speed-bar>label{display:grid;grid-template-columns:80px 105px minmax(100px,1fr);align-items:center;gap:10px;flex:1;font-size:12px}.speed-bar output{font-size:11px;color:#d4f178}.speed-bar input{width:100%;height:28px;min-width:0;accent-color:#d4f178;margin:0;cursor:pointer}.speed-bar .speed-presets{margin:0;gap:6px;flex:0 0 245px}.speed-bar .speed-presets button{border-color:#758c5d66;color:#c5d4b4;font-size:10px}.speed-bar .speed-presets button.selected{color:#304521}.speed-hint{display:none}.arena.expanded{display:flex;flex-direction:column}.arena.expanded .playfield{height:auto;flex:1;min-height:0}.arena.expanded .game-head,.arena.expanded .game-foot{flex-shrink:0}
@media(max-width:700px){.speed-bar{padding:9px 16px;gap:5px;flex-wrap:wrap}.speed-bar>label{flex-basis:100%;grid-template-columns:80px 95px minmax(70px,1fr);gap:6px;font-size:11px}.speed-bar .speed-presets{flex-basis:245px}.speed-bar .speed-presets button{padding:6px 3px}.speed-hint{display:block;font-size:9px;color:#8fa27e;margin-left:auto}}
@media(max-width:410px){.speed-hint{display:none}.speed-bar .speed-presets{flex:1}}