:root{--pink:#ff77a9;--pink-deep:#d63c74;--cream:#ffe9f1;--ink:#0a0910;--panel:rgba(18,14,24,.55);--line:rgba(255,255,255,.12);--glow:0 0 32px rgba(255,120,170,.35)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#07060b;color:#fff;font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#scene{display:block;width:100%;height:100%;touch-action:none}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 38%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.85) 100%)}.hud-top{position:absolute;top:26px;inset-inline-start:30px;z-index:5;pointer-events:none;max-width:min(520px,80vw)}.badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);background:#ff77a91a;border:1px solid rgba(255,119,169,.3);padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-top h1{margin:14px 0 6px;font-size:clamp(22px,3.4vw,40px);font-weight:800;line-height:1.15;text-shadow:0 6px 40px rgba(0,0,0,.8)}.hud-top p{margin:0;font-size:clamp(12px,1.3vw,14px);color:#ffffff8c;font-weight:400}.controls{position:absolute;bottom:26px;inset-inline-end:26px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:min(560px,92vw)}.ctl{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:14px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:#ffffffc7;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,background .22s,color .22s}.ctl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.ctl:hover{transform:translateY(-2px);background:#261c30b8;color:#fff;box-shadow:0 10px 26px #00000073}.ctl.active{color:#fff;border-color:#ff77a98c;background:linear-gradient(180deg,#ff77a947,#d63c7429);box-shadow:var(--glow)}.ctl:active{transform:translateY(0) scale(.98)}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#07060b;font-size:13px;color:#fff9;transition:opacity .7s ease,visibility .7s}.loader.hide{opacity:0;visibility:hidden}.cake-spin{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,119,169,.18);border-top-color:var(--pink);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.hud-top{top:18px;inset-inline-start:18px}.controls{bottom:16px;inset-inline-end:12px;inset-inline-start:12px;justify-content:center;gap:6px}.ctl{padding:9px 11px;font-size:11px}.ctl span{display:none}}