@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";body,html{margin:0;padding:0;overflow:hidden;background-color:#050510;font-family:Rajdhani,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:30px;box-sizing:border-box}#header{pointer-events:auto;align-self:flex-start;background:#0f0f1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px 40px;border-radius:16px;border:1px solid rgba(0,255,136,.2);box-shadow:0 8px 32px #00000080,0 0 15px #00ff881a inset;display:inline-block}#header h1{margin:0;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(90deg,#ff007f,#0f8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,136,.3)}#clarity-hud{margin:10px 0 0;font-size:20px;font-weight:600;color:#0f8;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5);transition:color .3s}#controls{pointer-events:auto;align-self:center;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}button{font-family:Orbitron,sans-serif;font-weight:700;font-size:18px;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#ff007f33,#0f83);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,255,136,.5);color:#0f8;padding:15px 40px;border-radius:50px;cursor:pointer;box-shadow:0 0 20px #0f83,inset 0 0 10px #ff007f33;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px #0f86,inset 0 0 20px #ff007f66;border-color:#0f8;color:#fff}button:hover:before{left:100%}button:active{transform:translateY(1px) scale(.98)}