*{box-sizing:border-box}html,body{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#140c1c;height:100%;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#camera,#vignette,#scene,#confetti{width:100%;height:100%;position:fixed;inset:0}#camera{object-fit:cover;filter:saturate(.85)contrast(1.05)brightness(.92);transform:scaleX(-1)}#vignette{pointer-events:none;background:radial-gradient(at 50% 40%,#3c145a00 45%,#280a3c8c 100%)}#scene{pointer-events:none}#confetti{pointer-events:none;z-index:5}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}.screen{text-align:center;pointer-events:auto;background:radial-gradient(#2d0f4699,#0c0414e6);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;animation:.25s ease-out fade-in;display:flex;position:absolute;inset:0}.screen.clear{pointer-events:none;background:0 0}.title{color:#ff8a1e;text-shadow:0 5px #7a2c00,0 0 28px #ff7814a6,0 12px 24px #0009;letter-spacing:-1px;margin:0;font-size:clamp(44px,11vw,96px);font-weight:900;line-height:.95;transform:rotate(-3deg)}.emoji-row{letter-spacing:6px;font-size:clamp(32px,8vw,56px)}.emoji-row.small{opacity:.9;font-size:clamp(22px,5vw,32px)}.tagline{max-width:520px;margin:0;font-size:clamp(17px,4.4vw,24px);font-weight:700}.message{opacity:.92;max-width:480px;margin:0;font-size:clamp(16px,4vw,21px);line-height:1.4}.btn{font:inherit;color:#2a0d00;cursor:pointer;background:linear-gradient(#ffb04a,#ff6a00);border:none;border-radius:999px;padding:16px 52px;font-size:clamp(22px,6vw,30px);font-weight:900;transition:transform 80ms;box-shadow:0 6px #8a3000,0 0 26px #ff6e0073,0 12px 28px #0006}.btn:active{transform:translateY(4px);box-shadow:0 2px #8a3000,0 6px 14px #0006}.btn.small{padding:10px 22px;font-size:16px}.mute{top:max(16px, env(safe-area-inset-top));cursor:pointer;pointer-events:auto;background:#965adc4d;border:none;border-radius:50%;width:54px;height:54px;font-size:28px;position:absolute;right:16px}.hint{opacity:.6;margin:0;font-size:13px}.countdown{color:#ffb347;text-shadow:0 8px #6a2600,0 0 40px #ff7814cc;font-size:clamp(120px,34vw,240px);font-weight:900;animation:1s ease-out pop}.banner{background:#280a3cbf;border-radius:18px;padding:14px 26px;font-size:clamp(22px,6vw,32px);font-weight:900;animation:1.2s ease-in-out infinite pulse}.result{margin:0;font-size:clamp(54px,14vw,110px);font-weight:900}.result.win{color:#9cff57;text-shadow:0 5px #2a6f00,0 0 30px #82ff5099}.result.lose{color:#c99bff;text-shadow:0 5px #43147a,0 0 30px #aa64ff99}.spinner{border:5px solid #ffffff40;border-top-color:#ff8a1e;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.debug{z-index:20;pointer-events:none;align-items:flex-start;gap:8px;max-height:calc(100% - 16px);display:flex;position:fixed;top:8px;left:8px}.debug[hidden]{display:none}.debug pre{color:#b8ffb8;white-space:pre;background:#000000b8;border-radius:8px;max-height:calc(100vh - 16px);margin:0;padding:10px 12px;font:11px/1.3 ui-monospace,Menlo,monospace;overflow:hidden}@media (width<=700px){.debug pre:last-child{display:none}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(1)}to{opacity:.85}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}body.sim{background:radial-gradient(circle at 78% 18%,#f4ecc8 0 40px,#f4ecc840 41px,#0000 90px),linear-gradient(#1b0f33,#3d2560 60%,#2a1d3a)}body.sim #camera{display:none}.toast{z-index:15;pointer-events:none;white-space:nowrap;color:#fff3e0;background:#280a3cd1;border:3px solid #ff7a1a;border-radius:18px;padding:12px 26px;font-size:clamp(24px,6.5vw,38px);font-weight:900;animation:1.2s ease-out forwards toast;position:fixed;top:18%;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%)scale(1.6)}15%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-24px)}}