@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #050505;--color-surface: rgba(255, 255, 255, .03);--color-primary: #FF00FF;--color-secondary: #9D00FF;--color-accent: #00FFEA;--color-text-primary: #FFFFFF;--color-text-secondary: #AAAAAA;--color-text-dim: #666666;--radius-sm: 8px;--radius-md: 24px;--radius-lg: 40px;--radius-blob: 60% 40% 30% 70% / 60% 30% 70% 40%;--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none}html,body{width:100%;height:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);height:100dvh;overflow:hidden;overscroll-behavior:none;display:flex;justify-content:flex-start}@supports (height: 100svh){body{height:100svh}}app-root{display:block;width:100%;min-height:100%}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(157,0,255,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,0,255,.1),transparent 40%);animation:breatheBg 10s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes breatheBg{0%{transform:scale(1);opacity:.5}to{transform:scale(1.1);opacity:.8}}.container{width:100%;max-width:400px;height:100dvh;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));display:flex;flex-direction:column;position:relative;overflow:hidden}@supports (height: 100svh){.container{height:100svh}}.game-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.container main{flex:1;display:flex;flex-direction:column;overflow:hidden}.heading-xl{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;color:#fff;margin-bottom:24px;text-shadow:0 0 20px rgba(255,0,255,.3)}.heading-md{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff}p{color:var(--color-text-secondary);line-height:1.6;font-size:1rem;font-weight:300}.card{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:32px;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 60%);pointer-events:none}.card.clickable:hover{background:#ffffff0d;transform:translateY(-4px) scale(1.01);border-color:#f0f3;box-shadow:0 10px 30px #0000004d}.btn-primary{background:var(--color-primary);color:#000;border:none;padding:20px 32px;border-radius:60px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;text-transform:uppercase;width:100%;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:auto;box-shadow:0 0 15px #f0f3}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 30px #ff00ff80}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{background:#222;color:#555;box-shadow:none}.input-field{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:20px 24px;color:#fff;font-family:var(--font-body);font-size:1.2rem;width:100%;border-radius:var(--radius-lg);transition:all .3s}.input-field::placeholder{color:#666}.input-field:focus{border-color:var(--color-primary);background:#ff00ff0d;box-shadow:0 0 20px #ff00ff1a}.fade-in{animation:fadeIn 1s ease forwards;opacity:0}.slide-up{animation:slideUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(40px)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.text-accent{color:var(--color-primary)}