:root{--bg:#05020c;--panel:#0a061cc7;--cyan:#29e6ff;--magenta:#ff2bd6;--violet:#8a3dff;--orange:#ff7a1a;--text:#e9e6ff;--muted:#9a94c8}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:inline-block}}.hidden{display:none!important}.overlay{background:radial-gradient(#05020c26,#05020cbf);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #8a3dff99;border-radius:18px;width:min(440px,100%);padding:28px 28px 20px;box-shadow:0 0 40px #8a3dff59,inset 0 0 30px #29e6ff0f}h1{text-align:center;margin:0;font-family:Orbitron,sans-serif;font-weight:800;line-height:.95}h1 .t1{color:var(--cyan);text-shadow:0 0 12px var(--cyan), 0 0 30px #29e6ff99;font-size:34px;display:block}h1 .t2{background:linear-gradient(90deg, var(--orange), var(--magenta));color:#0000;filter:drop-shadow(0 0 10px #ff2bd6b3);-webkit-background-clip:text;background-clip:text;font-size:52px;display:block}.tag{text-align:center;color:var(--muted);margin:10px 0 22px;font-size:16px}.field{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.field label,.field .label{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}input[type=text],input:not([type]),select,.field input.code{color:var(--text);background:#ffffff0f;border:1px solid #29e6ff66;border-radius:10px;outline:none;min-width:0;padding:10px 12px;font:600 17px Rajdhani,sans-serif}select option{color:var(--text);background:#14102b}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 12px #29e6ff80}#name{flex:1;max-width:220px}.seg{border:1px solid #29e6ff66;border-radius:10px;display:flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 14px;font:700 15px Rajdhani,sans-serif}.seg button.on{color:var(--cyan);background:#29e6ff33}.actions{gap:10px;margin-top:18px;display:grid}.field.inline{margin:-2px 4px 6px}input[type=range]{accent-color:var(--magenta);width:160px}.btn{letter-spacing:.06em;text-transform:uppercase;color:var(--text);cursor:pointer;background:#8a3dff2e;border:1px solid #8a3dffcc;border-radius:12px;padding:14px 16px;font:800 15px Orbitron,sans-serif;transition:background .15s,box-shadow .15s,transform 50ms}.btn:hover{background:#8a3dff59;box-shadow:0 0 18px #8a3dff99}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:wait}.btn.primary{border-color:var(--cyan);background:linear-gradient(90deg,#29e6ff4d,#ff2bd64d);box-shadow:0 0 16px #29e6ff66}.btn.small{padding:8px 12px;font-size:12px}input.code{text-align:center;text-transform:uppercase;letter-spacing:.3em;width:120px;font-family:Orbitron,sans-serif}.busy .btn{opacity:.5;pointer-events:none}.check.top{margin:4px 0 0}.check{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-weight:600;display:flex}#status{min-height:22px;color:var(--orange);text-align:center;margin:12px 0 0;font-weight:700}.help{color:var(--muted);border-top:1px solid #8a3dff4d;margin:10px 0 0;padding-top:10px;font-size:13px;line-height:1.45}#ingame{align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:12px}#room-info{color:var(--cyan);text-shadow:0 0 8px var(--cyan);margin-right:6px;font:700 13px Orbitron,sans-serif}.music-row{margin:4px 0 0}.music-row .check{margin:0}.small-card{text-align:center;gap:12px;width:min(360px,100%);display:grid}.small-card h2{color:var(--cyan);text-shadow:0 0 10px var(--cyan);margin:0 0 6px;font:800 22px Orbitron,sans-serif}[hidden]{display:none!important}section[data-screen]{gap:4px;display:grid}.screen-title{text-align:center;color:var(--cyan);text-shadow:0 0 10px var(--cyan);margin:14px 0 12px;font:800 20px Orbitron,sans-serif}.stack{gap:12px;display:grid}.btn.big{padding:26px 16px;font-size:22px}.btn small{letter-spacing:.02em;text-transform:none;color:var(--muted);margin-top:6px;font:600 13px Rajdhani,sans-serif;display:block}.btn.pole{text-align:left;padding:16px 18px}.btn.back{background:0 0;justify-self:start;margin-top:18px;font-size:13px}#btn-items{width:100%;margin-top:8px}.presets{justify-content:center;gap:8px;display:flex}.item-row{border-bottom:1px solid #8a3dff40;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.item-row .seg{flex:none}.item-row .seg button{padding:6px 9px;font-size:14px}.item-name{min-width:0;display:grid}.item-name small{color:var(--muted);font-size:13px}@media (max-width:560px){.item-row{flex-direction:column;align-items:stretch}}#ingame .btn.small{padding:12px 16px;font-size:14px}.racket-camera-video{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));aspect-ratio:4/3;object-fit:cover;z-index:4;border:1px solid #29e6ffbf;border-radius:10px;width:min(28vw,220px);position:fixed;transform:scaleX(-1);box-shadow:0 0 18px #29e6ff59}.flash-tracker-video{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));aspect-ratio:4/3;object-fit:cover;z-index:4;border:1px solid #ff7a1acc;border-radius:10px;width:min(30vw,250px);position:fixed;transform:scaleX(-1);box-shadow:0 0 18px #ff7a1a59}.ar-racket-camera-video{width:min(42vw,420px);transform:none}.racket-calibration-banner{top:max(12px, env(safe-area-inset-top));color:#fff;text-align:center;text-shadow:0 0 8px #ff3434;pointer-events:none;z-index:2147483647;background:#1e0000eb;border:2px solid #ff3434;border-radius:10px;width:min(620px,100vw - 24px);padding:12px 16px;font:800 15px/1.35 Orbitron,sans-serif;position:fixed;left:50%;transform:translate(-50%)}.racket-camera-panel{left:max(12px, env(safe-area-inset-left));max-width:min(54vw,300px);color:var(--cyan);border-left:3px solid var(--cyan);text-shadow:0 0 8px var(--cyan);z-index:6;background:#000812c7;padding:7px 9px;font:700 12px/1.45 Orbitron,sans-serif;position:fixed;bottom:clamp(110px,23vw,185px)}.phone-pairing{z-index:8;left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));text-align:center;background:#05020ce6;border:1px solid #29e6ffb8;border-radius:14px;width:min(260px,100vw - 24px);padding:14px;position:fixed;box-shadow:0 0 22px #29e6ff47}.phone-pairing h2{color:var(--cyan);margin:0 0 8px;font:800 14px Orbitron,sans-serif}.phone-pairing canvas{border-radius:6px;width:192px;max-width:100%;height:192px;margin:0 auto 8px;display:block}.phone-pairing p,.phone-pairing a{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font:600 13px/1.3 Rajdhani,sans-serif}.phone-pairing.connected{text-align:left;width:min(320px,100vw - 24px);padding:9px 12px}.phone-pairing.connected canvas,.phone-pairing.connected>p:not(:last-child){display:none}.phone-pairing.connected h2{margin-right:8px;display:inline}.phone-pairing.connected p:last-child{display:inline}.pad-page{width:min(430px,100%);min-height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;align-content:center;justify-items:stretch;gap:16px;margin:auto;display:grid}.pad-page h1{color:var(--magenta);font-size:35px}.pad-page h1 span{color:var(--cyan);font-size:22px;display:block}.pad-page p{color:var(--muted);margin:0;font-size:18px}.pad-help{line-height:1.35}.pad-dot{border:3px solid var(--cyan);width:34px;height:34px;box-shadow:0 0 30px var(--cyan), inset 0 0 16px var(--cyan);border-radius:50%;margin:54px auto;transition:transform 40ms linear}.pad-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (pointer:coarse){#ingame{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100vw - 16px)}#ingame .btn.small{padding:9px 10px;font-size:12px}}#menu-root .stack{scrollbar-width:thin;scrollbar-color:var(--violet) transparent;max-height:62vh;padding-right:4px;overflow-y:auto}.racket-calibration-corner{z-index:60;pointer-events:none;background:#ff1e3c;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:fixed;box-shadow:0 0 14px 4px #ff1e3ccc}.racket-calibration-corner[hidden]{display:none}.pad-calibration{z-index:10;text-align:center;color:#f4f1ff;background:#05020c;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:fixed;inset:0}.pad-calibration[hidden]{display:none}.pad-cal-count{font-size:30vw;font-weight:800;line-height:1}@keyframes pad-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff7a1ab3}50%{transform:scale(1.04);box-shadow:0 0 0 12px #ff7a1a00}}.pad-page .btn.cta{border:2px solid #ff7a1a;animation:1.1s ease-in-out infinite pad-pulse}.pad-game{z-index:5;background:#05020c;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid;position:fixed;inset:0 0 50%}.pad-game[hidden]{display:none}.pad-game button{color:#f4f1ff;touch-action:none;-webkit-user-select:none;user-select:none;background:#ff7a1a26;border:2px solid #ff7a1a;border-radius:18px;font-size:8vw;font-weight:800}.pad-game button:active{background:#ff7a1a8c}.pad-game button:disabled{opacity:.4}.pad-game #pad-shoot:not(.armed){opacity:.4;border-color:#555}.pad-game #pad-shoot.armed{color:#39ff14;background:#39ff1447;border-color:#39ff14;animation:.9s ease-in-out infinite pad-pulse;box-shadow:0 0 22px #39ff14}body.pad-ingame .pad-page{align-content:start;gap:10px;min-height:0;padding-top:calc(50vh + 12px)}body.pad-ingame .pad-page h1,body.pad-ingame .pad-page .pad-dot,body.pad-ingame .pad-page .pad-help{display:none}body.pad-ingame .pad-page p{font-size:14px}