@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-cyan: #00D9FF;--color-cyan-dark: #0EA5E9;--color-cyan-light: #67E8F9;--color-purple: #7C3AED;--color-purple-dark: #5B21B6;--color-purple-light: #A78BFA;--color-green: #00FF87;--color-green-dark: #10B981;--color-orange: #F59E0B;--color-pink: #EC4899;--color-red: #EF4444;--color-dark-bg: #0F172A;--color-dark-card: #1E293B;--color-dark-border: #334155;--color-dark-hover: #475569;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--shadow-cyan: rgba(0, 217, 255, .3);--shadow-purple: rgba(124, 58, 237, .3);--shadow-green: rgba(0, 255, 135, .3)}body{background:var(--color-dark-bg);color:var(--color-text-primary);min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,217,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.05) 0%,transparent 50%);z-index:-1;pointer-events:none}.glass{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(51,65,85,.5)}.glass-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 24px -1px #0000004d,0 0 0 1px #00d9ff0d}.badge-it{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:#00d9ff1a;color:var(--color-cyan);border:1px solid rgba(0,217,255,.3);font-family:JetBrains Mono,monospace}.btn-primary{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-cyan-dark) 100%);color:var(--color-dark-bg);border:none;box-shadow:0 4px 15px var(--shadow-cyan),inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-cyan),inset 0 1px #fff6}.btn-secondary{background:transparent;color:var(--color-cyan);border:2px solid rgba(0,217,255,.3)}.btn-secondary:hover{background:#00d9ff1a;border-color:var(--color-cyan)}.game-card{transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px -15px #00000080}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px -15px #00d9ff4d,0 0 40px #00d9ff1a}.score-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:9999px;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--color-cyan)}.coin-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-cyan),var(--color-cyan-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,217,255,.3) 50%,transparent 100%);background-size:200% auto;animation:shimmer 3s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shake{animation:shake .3s ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-dark-card);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-cyan-dark) 0%,var(--color-cyan) 50%,var(--color-cyan-dark) 100%);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}@media print{.no-print{display:none!important}}@media(max-width:768px){:root{--font-size-base: 14px}.glass-card{padding:1.5rem!important}.game-card:hover{transform:none}}.corner-decoration{position:relative}.corner-decoration:before,.corner-decoration:after{content:"";position:absolute;width:30px;height:30px;border:2px solid var(--color-cyan);opacity:.3}.corner-decoration:before{top:-5px;left:-5px;border-right:none;border-bottom:none}.corner-decoration:after{bottom:-5px;right:-5px;border-left:none;border-top:none}.syntax-keyword{color:#c586c0}.syntax-string{color:#ce9178}.syntax-number{color:#b5cea8}.syntax-comment{color:#6a9955}.syntax-function{color:#dcdcaa}.syntax-variable{color:#9cdcfe}.syntax-operator{color:#d4d4d4}.line-number{color:var(--color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;min-width:2rem}.terminal-cursor{display:inline-block;width:.5em;height:1em;background:var(--color-cyan);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}