@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary:#0a0e27;--bg-secondary:#1a1f4e;--bg-tertiary:#12163a;--bg-elevated:#1e2456;--accent-primary:#00d4ff;--accent-secondary:#ff0080;--accent-tertiary:orange;--accent-success:#00e676;--accent-danger:#ff3d71;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-muted:#fff6;--glass-bg:#ffffff0f;--glass-border:#ffffff1a;--glass-hover:#ffffff1f;--gradient-primary:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-accent:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-warm:linear-gradient(135deg, var(--accent-secondary), var(--accent-tertiary));--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-cyan:0 0 20px #00d4ff4d;--shadow-glow-magenta:0 0 20px #ff00804d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;touch-action:manipulation;width:100vw;height:100dvh;position:fixed;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-scrollable{height:100%;position:relative;overflow-y:auto}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary);text-decoration:none}.game-area,.card,.action-btn{-webkit-user-select:none;user-select:none}button,.card{touch-action:manipulation;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-sm{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.btn-glow{border-radius:var(--radius-md);color:#fff;background:var(--gradient-accent);box-shadow:var(--shadow-glow-cyan);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:12px 28px;font-size:15px;font-weight:700}.btn-glow:hover{box-shadow:var(--shadow-glow-cyan), 0 4px 16px #0000004d;transform:translateY(-1px)}.btn-glow:active{transform:translateY(0)scale(.98)}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.reconnecting-banner{color:#fff;z-index:1000;animation:slideDown .3s var(--transition-slow);background:linear-gradient(135deg,#ff0080e6,#ff3d71e6);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.reconnecting-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite orbit}