:root{font-family:Inter,system-ui,sans-serif;color:#fff;background:#000}*{box-sizing:border-box}body,#root,.app-root{margin:0;width:100%;height:100dvh;background:#000}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.topbar button{border:0;border-radius:10px;padding:8px 12px;background:#fff}.game-stage{margin-top:56px;position:relative;overflow:hidden}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--camera-object-position, center center);transform:scaleX(-1)}.game-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.spotlight-frame{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-weight:700;border:3px solid #f97316;box-shadow:0 0 0 9999px #00000073;background:transparent}.spotlight-frame.eyes{top:29%;width:min(560px,74vw);height:150px;border-radius:18px}.spotlight-frame.face{top:16%;width:min(360px,72vw);height:min(460px,44vh);border-radius:42px}.spotlight-frame.face{border:none;box-shadow:none;overflow:visible}.spotlight-frame.face .face-frame-text{position:absolute;bottom:22%;left:50%;transform:translate(-50%);text-align:center;width:80%}.spotlight-frame.ok{border-color:#22c55e}.spotlight-frame.bad{border-color:#f97316}.face-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.face-overlay-shade{fill:#00000073}.face-overlay-contour{fill:none;stroke-width:.65;vector-effect:non-scaling-stroke}.face-overlay.ok .face-overlay-contour{stroke:#22c55e}.face-overlay.bad .face-overlay-contour{stroke:#f97316}.controls{position:absolute;left:12px;right:12px;bottom:12px;background:#00000094;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.controls button{font-size:22px;border-radius:12px;border:0;padding:12px;background:#fff}.controls button:disabled{opacity:.6}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000b3;display:grid;place-items:center}.card{width:min(480px,92vw);background:#141414eb;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.card button{border:0;border-radius:12px;padding:11px;background:#fff;font-size:18px}.error{color:#fecaca}.progress{height:10px;border-radius:999px;background:#fff3;overflow:hidden}.progress span{display:block;height:100%;background:#22c55e}.upload-pill{position:absolute;top:10px;right:12px;z-index:15;background:#0009;padding:6px 10px;border-radius:12px;font-size:12px}.timer{font-size:40px;font-weight:800;line-height:1}.debug-overlay{position:absolute;left:8px;top:8px;z-index:25;background:#000000b8;padding:8px;border-radius:8px;font-size:11px;max-width:320px;max-height:55vh;overflow:auto}