body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;background:#1a1a1a}#container{display:flex;width:100vw;height:100vh;position:relative}#video-container{position:absolute;bottom:20px;left:20px;width:320px;height:240px;background:#000;border:3px solid #00ff88;border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 4px 12px #00000080}#video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1);background:#000}#canvas2d{position:absolute;top:0;left:0;width:100%;height:100%}#canvas3d{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast}#status{position:absolute;top:10px;left:10px;background:#000000b3;color:#0f0;padding:10px;border-radius:5px;font-size:14px;z-index:10}#score{position:absolute;top:10px;right:10px;background:#000000b3;color:#ff69b4;padding:10px 15px;border-radius:5px;font-size:24px;font-weight:700;z-index:10}#global-score{position:absolute;top:60px;right:10px;background:#000000b3;color:#0f8;padding:8px 12px;border-radius:5px;font-size:14px;font-weight:700;z-index:10}#instructions{position:absolute;bottom:20px;left:360px;background:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:12px;max-width:320px;line-height:1.6;z-index:10}.tip{color:#0f8;font-weight:700}#toggles{position:absolute;bottom:20px;right:20px;background:#000000b3;padding:10px;border-radius:5px;z-index:10}.toggle-btn{padding:10px 15px;background:#0f8;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:background .3s}.toggle-btn.disabled{background:#f44}.toggle-btn:hover{opacity:.8}