*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:#000}#app{width:100vw;height:100vh;position:relative}#grass-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.pip-container{position:absolute;top:20px;right:20px;left:auto;width:320px;height:240px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006;border:2px solid rgba(255,255,255,.2);z-index:1000;transform-origin:center center;transition:opacity .3s ease}#video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#tracking-canvas{position:absolute;width:100%;height:100%;pointer-events:none;transform:scaleX(-1)}#fade-overlay{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:2000}#onboarding-overlay{position:fixed;inset:0;background:none;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:1;transition:opacity .5s ease}#onboarding-overlay.hidden{opacity:0;pointer-events:none}.onboarding-card{max-width:520px;padding:40px 44px;border-radius:20px;background:#0000008c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);color:#eee;text-align:center}.onboarding-card h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.onboarding-subtitle{font-size:15px;color:#fff9;margin-bottom:28px}.onboarding-section{margin-bottom:20px;text-align:left}.onboarding-section h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fff6;margin-bottom:8px}.onboarding-section p{font-size:15px;line-height:1.6;color:#ffffffd9;margin-bottom:4px}.onboarding-section em{color:#f68;font-style:italic}.onboarding-section kbd{display:inline-block;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:600;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px}#onboarding-dismiss{margin-top:28px;padding:14px 48px;font-size:18px;font-weight:700;font-family:inherit;color:#111;background:#0f8;border:none;border-radius:50px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 0 20px #00ff884d}#onboarding-dismiss:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff8880}