@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap";:root,[data-theme=dark]{--primary: #FE5172;--primary-dark: #D12642;--primary-glow: rgba(254, 81, 114, .25);--primary-subtle: rgba(254, 81, 114, .08);--bg-base: #121212;--bg-surface: #1E1E1E;--bg-elevated: #2A2A2A;--bg-hover: #333333;--text-primary: #E3E3E3;--text-secondary: #999999;--text-muted: #666666;--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--overlay-hover: rgba(255, 255, 255, .05);--shine-low: rgba(255, 255, 255, .02);--shine-mid: rgba(255, 255, 255, .05);color-scheme:dark}[data-theme=light]{--primary: #D12642;--primary-dark: #B01E36;--primary-glow: rgba(209, 38, 66, .18);--primary-subtle: rgba(209, 38, 66, .06);--bg-base: #F5F5F5;--bg-surface: #FFFFFF;--bg-elevated: #F0F0F0;--bg-hover: #E8E8E8;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--border: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .04);--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--overlay-hover: rgba(0, 0, 0, .03);--shine-low: rgba(0, 0, 0, .01);--shine-mid: rgba(0, 0, 0, .03);color-scheme:light}:root{--accent-green: #34D399;--accent-yellow: #FBBF24;--accent-blue: #60A5FA;--accent-purple: #A78BFA;--danger: #EF4444;--success: #22C55E;--elo-bronze: #CD7F32;--elo-silver: #A0A0A0;--elo-gold: #FFD700;--elo-platinum: #00C8E0;--elo-diamond: #B388FF;--elo-obsidian: #FF1744;--elo-bronze-glow: rgba(205, 127, 50, .2);--elo-silver-glow: rgba(160, 160, 160, .15);--elo-gold-glow: rgba(255, 215, 0, .2);--elo-platinum-glow: rgba(0, 200, 224, .2);--elo-diamond-glow: rgba(179, 136, 255, .2);--elo-obsidian-glow: rgba(255, 23, 68, .2);--secondary: var(--accent-purple);--secondary-hover: #7C3AED;--secondary-glow: rgba(167, 139, 250, .25);--accent: var(--accent-green);--warning: var(--accent-yellow);--text-main: var(--text-primary);--bg-dark: var(--bg-base);--bg-card: var(--bg-surface);--border-focus: rgba(254, 81, 114, .5);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--nav-height: 56px;--bottom-nav-height: 56px;--safe-bottom: 0px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100dvh;overflow:hidden;transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s ease}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-interactive{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s ease;cursor:pointer}.card-interactive:hover{border-color:#fe517233;background:var(--bg-elevated)}.card-interactive:active{transform:scale(.98)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel-elite{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:border-color .3s ease}.glass-panel-elite:hover{border-color:#fe517226}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,var(--shine-low) 40%,var(--shine-mid) 50%,var(--shine-low) 60%,transparent 100%);transition:left .6s ease;z-index:1;pointer-events:none}.card-shine:hover:before{left:130%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--overlay-hover)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-element{width:100%;padding:14px 16px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:all .2s ease;outline:none}.input-element:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-element::placeholder{color:var(--text-muted)}.container{max-width:1000px;margin:0 auto;padding:0 20px;width:100%}.flex-center{display:flex;align-items:center;justify-content:center}.page-wrapper{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-height) + 8px)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:#fe517226}50%{border-color:#fe517266}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse-glow 2s infinite}.animate-count-up{animation:countUp .5s ease-out forwards}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);padding-bottom:0;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background-color .3s ease}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border:none;background:none;cursor:pointer;color:var(--text-muted);transition:all .2s ease;border-radius:var(--radius-md);text-decoration:none;min-width:64px;position:relative}.nav-tab-active{color:var(--primary)}.nav-tab-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:0 0 3px 3px}.nav-tab-label{font-size:.65rem;font-weight:600;letter-spacing:.03em}.top-bar{height:var(--nav-height);padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-base);transition:background-color .3s ease}.top-bar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.top-bar-logo img{width:28px;height:28px;object-fit:contain}.elo-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;white-space:nowrap}.nav-desktop-links{display:flex;align-items:center;gap:8px}.nav-desktop-link{padding:8px 16px;border-radius:var(--radius-full);text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.85rem;transition:all .2s ease}.nav-desktop-link:hover{color:var(--text-primary);background:var(--overlay-hover)}.nav-desktop-link-active{color:var(--primary);background:var(--primary-subtle)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.theme-toggle:hover{background:var(--overlay-hover);color:var(--text-primary);border-color:var(--text-muted)}.page-content::-webkit-scrollbar{width:4px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}@media(min-width:769px){.bottom-nav{display:none}.page-content{padding-bottom:40px}}@media(max-width:768px){.top-bar{display:none}.nav-desktop-links{display:none!important}.container{padding:0 16px}.game-grid{grid-template-columns:1fr;gap:12px}h1{font-size:1.5rem!important}svg{max-width:100%;height:auto}}@media(max-width:480px){.container{padding:0 12px}}