*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}#app{position:relative;width:100vw;height:100dvh}#camera-feed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;background:transparent}#camera-feed.mirrored,#scene-canvas.mirrored{transform:scaleX(-1)}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem;background:#0000008c;pointer-events:auto}.panel.hidden{display:none}.panel h1{font-size:1.5rem}.panel button{pointer-events:auto;font-size:1rem;padding:.75rem 2rem;border-radius:999px;border:none;background:#ffd23f;color:#1a1a1a;font-weight:600}#panel-start{padding:1.5rem;background:linear-gradient(#00000040,#000000a6),url(/background.jpg) center / cover no-repeat}#intro-trophy-canvas{width:min(65vw,300px);height:min(65vw,300px);pointer-events:none}#intro-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1.5rem;border-radius:1.25rem;max-width:24rem;background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #00000059}#intro-content p{font-size:.95rem;line-height:1.45;opacity:.92}#btn-start{background:#121c3c;color:#fff}.hint{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1.75rem);left:50%;transform:translate(-50%);max-width:80vw;text-align:center;color:#fff;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.6rem 1.25rem;border-radius:999px;font-size:.9rem;transition:opacity .3s ease}.hint.hidden{opacity:0}#countdown-number{position:absolute;bottom:16%;left:50%;font-size:7rem;font-weight:800;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.55);pointer-events:none;opacity:0}#countdown-number.hidden{display:none}#countdown-number.pop{animation:countdown-pop 1s ease-out}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%) scale(.3)}20%{opacity:1;transform:translate(-50%) scale(1.15)}35%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.85)}}#debug-hud{position:absolute;top:env(safe-area-inset-top,.5rem);left:.5rem;margin:0;padding:.5rem .75rem;background:#0009;border-radius:.375rem;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.4;white-space:pre}#debug-hud.hidden{display:none}#hud{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 2.25rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.25rem;pointer-events:auto}#hud.hidden{display:none}#btn-capture{width:4.5rem;height:4.5rem;border-radius:50%;border:3px solid #fff;background:#ffffff26;font-size:1.75rem}#btn-switch-camera{width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:#ffffff26;font-size:1.25rem}#panel-share{background:#000000d9}#capture-preview{max-width:90vw;max-height:55vh;border-radius:.5rem}#share-buttons{display:flex;gap:.75rem}#share-buttons button{pointer-events:auto;padding:.6rem 1.2rem;border-radius:999px;border:none;background:#fff;color:#1a1a1a;font-weight:600}