:root{--bg:#0b132b;--panel:#1c2541;--accent:#5bc0eb;--a:#ff6b6b;--b:#4ecdc4;--ok:#3ddc84;--warn:#ffc400;--error:#ff5252;--text:#f5f7fa;--muted:#9aa5c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;display:flex}button{font:inherit;color:var(--text);background:var(--panel);cursor:pointer;touch-action:manipulation;border:1px solid #ffffff1f;border-radius:12px;padding:.7rem 1rem}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#04263a;border:none;font-weight:700}button.ghost{background:0 0}button.small{padding:.4rem .7rem;font-size:.85rem}button.big{padding:1rem 1.4rem;font-size:1.15rem}input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid #ffffff26;border-radius:10px;width:100%;padding:.6rem .8rem}.setup-screen{flex-direction:column;gap:.9rem;max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}.setup-screen h1{margin:.5rem 0 0;font-size:1.8rem}.subtitle{color:var(--muted);margin:0 0 .5rem}.field{flex-direction:column;gap:.3rem;display:flex}.field label{color:var(--muted);font-size:.85rem}.hint{color:var(--muted);text-align:center;font-size:.8rem}.play-area{flex-direction:column;gap:.5rem;height:100%;padding:.5rem;display:flex}.camera-view{background:#000;border-radius:14px;flex:auto;min-height:38vh;position:relative;overflow:hidden}.camera-view video{object-fit:cover;width:100%;height:100%;display:block}.overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flip-camera{background:#00000080;border-radius:50%;width:2.6rem;height:2.6rem;padding:0;font-size:1.2rem;position:absolute;top:.5rem;right:.5rem}.calibration-overlay{cursor:crosshair;position:absolute;inset:0}.calib-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calib-banner{text-align:center;background:#0b132beb;border:1px solid #ffffff26;border-radius:12px;width:min(92%,420px);padding:.8rem 1rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.calib-banner p{margin:0 0 .6rem;font-weight:600}.calib-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.assist-prompt{text-align:center;background:#0b132bf2;border:1px solid #fff3;border-radius:16px;width:min(90%,360px);padding:1rem 1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.assist-prompt p{margin:0 0 .7rem;font-weight:600}.assist-buttons{gap:.6rem;margin-bottom:.6rem;display:flex}.assist-buttons button{flex:1}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.5rem;display:grid}.player-panel{background:var(--panel);text-align:center;border:2px solid #0000;border-radius:14px;padding:.6rem .8rem}.player-panel.serving{border-color:var(--accent)}.side-left{text-align:left}.side-right{text-align:right}.player-name{color:var(--muted);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.side-right .player-name{flex-direction:row-reverse}.serve-dot{color:var(--accent);font-size:.7rem}.player-points{font-size:clamp(3rem,16vw,6rem);font-weight:800;line-height:1}.player-games{color:var(--muted);font-size:.8rem}.scoreboard-center{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-width:64px;display:flex}.game-label{color:var(--muted);font-size:.8rem}.deuce-label{color:var(--warn);letter-spacing:.1em;font-weight:800}.status-banner{background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.82rem;display:flex}.status-banner span{flex:1}.tone-ok{background:#3ddc8426}.tone-warn{background:#ffc40026}.tone-error{background:#ff52522e}.manual-controls{flex-direction:column;gap:.5rem;display:flex}.award-row{gap:.5rem;display:flex}.award-btn{flex:1;padding:1rem;font-size:1.2rem;font-weight:700}.award-a{background:var(--a);color:#2a0a0a;border:none}.award-b{background:var(--b);color:#04302c;border:none}.control-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.control-row button{flex:1;min-width:4.5rem}.auto-toggle{color:var(--muted);flex:1;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.auto-toggle input{width:auto}.match-over{background:#040814d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.match-over-card{background:var(--panel);text-align:center;border-radius:18px;width:min(92%,380px);padding:2rem 1.5rem}.trophy{font-size:3rem}.final-games{color:var(--muted)}.match-over-buttons{gap:.6rem;margin-top:1rem;display:flex}.match-over-buttons button{flex:1}@media (orientation:landscape) and (width>=720px){.play-area{grid-template-columns:1.4fr 1fr;grid-template-areas:"camera score""camera status""camera controls";display:grid}.camera-view{grid-area:camera}.scoreboard{grid-area:score}.status-banner{grid-area:status}.manual-controls{grid-area:controls}}