@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;700&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--accent-red:#ef4444;--accent-blue:#3b82f6;--panel-bg:#0f172acc}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:#000;justify-content:center;align-items:center;min-height:100vh;font-family:Roboto,sans-serif;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game-container{background-color:var(--bg-color);border-radius:8px;width:800px;height:800px;position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f680}#game-canvas{width:100%;height:100%;display:block}#hud{color:#fff;z-index:10;text-shadow:2px 2px #000;justify-content:space-between;width:100%;padding:15px 20px;font-family:"Press Start 2P",cursive;font-size:14px;display:flex;position:absolute;top:0;left:0}.overlay{text-align:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.overlay.hidden{display:none}.overlay h1{color:var(--accent-blue);text-shadow:0 0 10px var(--accent-blue);margin-bottom:30px;font-family:"Press Start 2P",cursive;font-size:32px}#game-over-screen h1{color:var(--accent-red);text-shadow:0 0 10px var(--accent-red)}.overlay p{margin-bottom:15px;font-size:18px;line-height:1.5}button{background-color:var(--accent-blue);color:#fff;cursor:pointer;box-shadow:0 0 15px var(--accent-blue);border:none;border-radius:4px;margin-top:30px;padding:15px 30px;font-family:"Press Start 2P",cursive;font-size:16px;transition:transform .2s,background-color .2s,box-shadow .2s}button:hover:not(:disabled){background-color:#60a5fa;transform:scale(1.05)}button:disabled{cursor:not-allowed;box-shadow:none;background-color:#475569}#webcam-container{z-index:10;background:#000;border:2px solid #fff3;border-radius:8px;width:160px;height:120px;position:fixed;bottom:20px;right:20px;overflow:hidden}#webcam{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}#tracking-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}