*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1a2a;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f4f7fb;position:relative}#game-canvas{display:block;width:100%;height:100%}#pong-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none}#pong-canvas[hidden]{display:none}#webcam-wrap{position:fixed;right:16px;bottom:16px;width:200px;height:150px;border:2px solid rgba(255,255,255,.35);border-radius:8px;overflow:hidden;background:#000;z-index:2}#webcam{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#hand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}#score{position:absolute;top:20px;left:24px;font-size:64px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.45)}#timer,#kick-progress{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:48px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.45)}#status{position:absolute;top:96px;left:24px;margin:0;max-width:420px;font-size:18px;text-shadow:0 1px 8px rgba(0,0,0,.5)}#controls{position:absolute;top:20px;right:24px;display:flex;gap:12px;pointer-events:auto}#controls button,#menu-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:600;cursor:pointer;background:#f97316;color:#111827}#controls button:hover,#menu-actions button:hover{filter:brightness(1.05)}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;gap:18px;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.25),transparent 40%),radial-gradient(circle at 80% 30%,rgba(56,189,248,.2),transparent 35%),linear-gradient(160deg,#0b1a2a,#16324f 55%,#0b1a2a);text-align:center;pointer-events:auto}#menu[hidden]{display:none}#menu h1{margin:0;font-size:clamp(40px,8vw,72px);letter-spacing:1px}#menu p{margin:0 auto;max-width:420px;font-size:18px;opacity:.9}#menu-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}#menu-actions button{min-width:180px;padding:14px 20px;font-size:18px}