*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}canvas{display:block}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#score-display{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:72px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);letter-spacing:8px;display:none;-webkit-user-select:none;user-select:none}#center-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.9);display:none;-webkit-user-select:none;user-select:none;text-align:center}#attract-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;pointer-events:auto}#attract-screen h1{font-size:72px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(135,206,235,.5);margin-bottom:30px;letter-spacing:6px}#attract-screen #qr-container{margin-bottom:20px}#attract-screen #qr-container canvas{border:8px solid #fff;border-radius:8px}#attract-screen #url-text{font-size:28px;color:#87ceeb;margin-bottom:30px;font-weight:600}#attract-screen #status-text{font-size:24px;color:#aaa}#point-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff32324d;display:none;pointer-events:none}#great-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#32ff324d;display:none;pointer-events:none}.controller-body{margin:0;padding:0;background:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}#controller-container{width:100%;max-width:400px;padding:24px;text-align:center}#controller-container h1{font-size:36px;font-weight:900;margin-bottom:16px;letter-spacing:3px;color:#87ceeb}#connection-status{font-size:18px;margin-bottom:24px;color:#888}#connection-status.connected{color:#4caf50}#connect-btn,#swing-btn{display:block;width:100%;padding:24px;font-size:24px;font-weight:700;border:none;border-radius:16px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-bottom:16px}#connect-btn{background:#87ceeb;color:#1a1a2e}#connect-btn:active{background:#6bb8d6}#swing-btn{background:#ff5722;color:#fff;min-height:200px;font-size:32px;display:none}#swing-btn:active{background:#e64a19}#swing-indicator{font-size:16px;color:#666;margin-top:16px;display:none}#game-score{font-size:48px;font-weight:900;margin-bottom:16px;display:none}#game-event{font-size:20px;color:#87ceeb;margin-bottom:16px;min-height:28px}