*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0c0518;font-family:system-ui,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#c{display:block;width:100%;height:100%}
.hub{position:fixed;z-index:3;top:max(12px,env(safe-area-inset-top));left:12px;color:rgba(255,255,255,.55);font-size:13px;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1)}
.hud{position:fixed;z-index:3;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:14px;color:#fff;text-align:center}
.hud .k{display:block;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.4);font-weight:700}
.hud strong{font-size:18px;font-weight:800}
.overlay{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,rgba(236,72,153,.3),rgba(12,5,24,.95));text-align:center;color:#fff;backdrop-filter:blur(4px)}
.overlay.hidden{display:none}
.overlay h1{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:10px;background:linear-gradient(135deg,#fbcfe8,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(244,114,182,.4))}
.overlay p{color:rgba(255,255,255,.65);max-width:300px;margin-bottom:18px}
.btn{border:0;border-radius:14px;padding:14px 36px;font:inherit;font-weight:800;cursor:pointer;color:#1a0510;background:linear-gradient(135deg,#f472b6,#a78bfa);box-shadow:0 8px 28px rgba(244,114,182,.35)}
.fine{margin-top:14px;font-size:.85rem;color:rgba(255,255,255,.45)}
.hud strong{text-shadow:0 0 16px rgba(244,114,182,.45)}