@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Grotesk:wght@400;600;700&display=swap");#gfx-root{position:fixed;inset:0;z-index:9999;margin:0;padding:0;background:#000;overflow:hidden;width:100vw;height:100vh;font-family:Space Grotesk,sans-serif;cursor:none}#gfx-root *{box-sizing:border-box}.gfx-webcam{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.gfx-canvas{z-index:3}.gfx-canvas,.gfx-ui-layer{position:fixed;top:0;left:0;width:100%;height:100%}.gfx-ui-layer{z-index:10;pointer-events:none}@keyframes gfxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gfxPulse{0%,to{opacity:.6}50%{opacity:1}}.gfx-fade{opacity:0;animation:gfxFadeIn 1s forwards}.gfx-logo{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:10px;animation-delay:2s}.gfx-logo-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(182,235,0,.6))}#gfx-logo-text{font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;letter-spacing:2.5px;background:linear-gradient(90deg,#b6eb00,#b6eb00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(182,235,0,.5));text-transform:uppercase}.gfx-badge{right:24px;background:rgba(0,0,0,.5);border:1.5px solid rgba(182,235,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#b6eb00;letter-spacing:2.5px;padding:7px 16px;border-radius:3px;font-weight:700;font-family:Orbitron,sans-serif;box-shadow:0 0 18px rgba(182,235,0,.25),inset 0 0 12px rgba(182,235,0,.05);animation-delay:2.2s}.gfx-badge,.gfx-mode-pill{position:absolute;top:22px;font-size:10px;text-transform:uppercase}.gfx-mode-pill{left:50%;transform:translateX(-50%);border:1px solid rgba(182,235,0,.2);padding:5px 18px;border-radius:20px;color:rgba(182,235,0,.8)}.gfx-cam-toggle,.gfx-mode-pill{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2px;font-family:Space Grotesk,monospace;animation-delay:2.5s}.gfx-cam-toggle{position:absolute;top:22px;left:calc(50% + 160px);border:1px solid rgba(182,235,0,.4);border-radius:20px;padding:5px 16px;font-size:10px;color:rgba(182,235,0,.9);text-transform:uppercase;cursor:pointer;pointer-events:all;transition:all .25s;outline:none}.gfx-cam-toggle:hover{background:rgba(182,235,0,.15);border-color:rgba(182,235,0,.8)}.gfx-cam-toggle.cam-off{color:rgba(255,80,80,.8);border-color:rgba(255,80,80,.5)}.gfx-back-link{position:absolute;top:22px;left:calc(50% - 280px);background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(182,235,0,.2);border-radius:20px;padding:5px 16px;font-size:10px;letter-spacing:2px;color:rgba(182,235,0,.7);text-transform:uppercase;font-family:Space Grotesk,monospace;text-decoration:none;pointer-events:all;transition:all .25s;animation-delay:2.5s}.gfx-back-link:hover{background:rgba(182,235,0,.1);color:#b6eb00}#gfx-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:opacity 1s}#gfx-status-text{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:4px;color:rgba(182,235,0,.8);text-transform:uppercase;text-shadow:0 0 20px rgba(182,235,0,.5);animation:gfxPulse 2s ease-in-out infinite}#gfx-status-sub{letter-spacing:2px;color:rgba(255,255,255,.3);margin-top:10px}#gfx-status-sub,#gfx-tip{font-size:11px;text-transform:uppercase}#gfx-tip{top:70px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(182,235,0,.25);padding:8px 20px;border-radius:4px;color:rgba(182,235,0,.75);opacity:0;transition:opacity .5s;pointer-events:none;white-space:nowrap}#gfx-tip,.gfx-hud{position:absolute;letter-spacing:1.5px}.gfx-hud{bottom:110px;left:24px;color:rgba(182,235,0,.5);font-size:10px;line-height:2.2;text-transform:uppercase;animation-delay:3s}.gfx-hud-val{color:rgba(182,235,0,.85)}.gfx-stats{position:absolute;bottom:110px;right:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;animation-delay:3s}.gfx-stat{text-align:right}.stat-num-gfx{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;background:linear-gradient(135deg,#b6eb00,#b6eb00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(182,235,0,.6));line-height:1}.gfx-stat-label{font-size:9px;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase;margin-top:2px}.gfx-raise-hands{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);font-size:clamp(1.4rem,3.5vw,2.8rem);font-weight:900;letter-spacing:.08em;color:rgba(182,235,0,.85);text-shadow:0 0 40px rgba(182,235,0,.4);white-space:nowrap;pointer-events:none;animation:gfxPulse 3s ease-in-out infinite}.gfx-raise-hands,.gfx-retry-btn{font-family:Orbitron,sans-serif;text-transform:uppercase}.gfx-retry-btn{margin-top:18px;display:block;cursor:pointer;background:rgba(182,235,0,.15);border:1px solid rgba(182,235,0,.6);color:#b6eb00;font-size:10px;letter-spacing:2px;padding:8px 20px;border-radius:20px;pointer-events:all}