:root{--bg-color: #0f172a;--text-color: #f8fafc;--primary: #3b82f6;--primary-hover: #2563eb;--accent: #f43f5e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}#app{position:relative;width:100%;max-width:800px;height:100vh;max-height:1000px;display:flex;flex-direction:column}#hud{position:absolute;top:20px;left:20px;z-index:10;background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #00000080;pointer-events:none}#hud h1{font-size:1.5rem;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}#hud p{font-size:1.25rem;font-weight:700;color:var(--accent)}#game-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#webcam{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:1}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}button#start-btn{padding:15px 30px;font-size:1.5rem;font-weight:700;color:#fff;background:var(--primary);border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #3b82f680}button#start-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}