html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}.digit-hud{z-index:10;color:#fff;text-align:center;text-shadow:0 0 18px #00e5ffcc;-webkit-user-select:none;user-select:none;min-width:68px;font:700 64px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:24px;left:24px}.status-hud{z-index:10;color:#ffffffb8;-webkit-user-select:none;user-select:none;font:500 14px/1.3 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:94px;left:28px}.camera-feed{z-index:8;aspect-ratio:16/9;object-fit:cover;opacity:.35;background:#000;border:1px solid #ffffff2e;width:min(22vw,220px);position:fixed;bottom:16px;right:16px;transform:scaleX(-1)}.love-layer{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}.love-floater{color:#ff1238;text-shadow:0 0 14px #ff1238e6;opacity:0;font:700 34px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:linear forwards float-love;position:absolute;bottom:-64px}.love-floater.balloon{color:#0000;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#ff6b84 10%,#ff1238 70%);border-radius:50% 50% 46% 46%;width:24px;height:32px;box-shadow:0 0 18px #ff1238b3}.love-floater.balloon:after{content:"";background:#ffffff8c;width:1px;height:42px;position:absolute;top:30px;left:50%}@keyframes float-love{0%{opacity:0;transform:translate(0,0)scale(.72)rotate(-8deg)}12%{opacity:.95}to{opacity:0;transform:translate3d(var(--drift), -112vh, 0) scale(1.18) rotate(18deg)}}@media (width<=640px){.digit-hud{min-width:48px;font-size:48px;top:16px;left:16px}.status-hud{font-size:12px;top:68px;left:18px}.camera-feed{width:132px;bottom:10px;right:10px}.love-floater{font-size:26px}}