:root{--bg-dark: #f5ecd6;--bg-panel: #fbf5e6;--bg-panel-hover: #fffaf0;--border-glow: rgba(122, 139, 94, .35);--border-color: rgba(92, 64, 42, .14);--color-cyan: #6f8a5a;--color-magenta: #c17b54;--color-yellow: #c9962f;--color-emerald: #5f8d52;--color-coral: #c4756b;--color-purple: #9b7fa6;--text-strong: #4a3a2a;--font-sans: "Nunito", sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 10px 24px rgba(92, 64, 42, .14);--shadow-glow-magenta: 0 10px 24px rgba(193, 123, 84, .18)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-strong);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 12% 18%,rgba(122,139,94,.16) 0px,transparent 45%),radial-gradient(at 88% 12%,rgba(193,123,84,.14) 0px,transparent 45%),radial-gradient(at 78% 88%,rgba(155,127,166,.12) 0px,transparent 45%),radial-gradient(at 25% 85%,rgba(201,150,47,.1) 0px,transparent 45%);background-attachment:fixed}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:.2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#efe3c8}::-webkit-scrollbar-thumb{background:#7a8b5e73;border-radius:6px;border:2px solid #efe3c8}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}@keyframes neonPulse{0%,to{box-shadow:0 0 #7a8b5e00;border-color:#7a8b5e66}50%{box-shadow:0 8px 22px #7a8b5e40;border-color:#7a8b5eb3}}@keyframes streakFlame{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px var(--color-yellow))}50%{transform:scale(1.1) rotate(3deg);filter:drop-shadow(0 0 7px var(--color-yellow))}}@keyframes floatNote{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes ripple{0%{transform:scale(.95);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes notePop{0%{transform:translate(-50%) scale(1);opacity:1}40%{transform:translate(-50%) scale(1.35);opacity:1}to{transform:translate(-50%) scale(.2);opacity:0}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(620px) rotate(360deg)}}@keyframes driftUp{0%{transform:translateY(20px) rotate(-8deg);opacity:0}15%{opacity:.55}85%{opacity:.55}to{transform:translateY(-120px) rotate(8deg);opacity:0}}.floating-note{position:absolute;font-size:1.4rem;pointer-events:none;animation:driftUp linear infinite;-webkit-user-select:none;user-select:none}.arcade-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:18px;padding:24px;transition:var(--transition-smooth);position:relative;overflow:hidden;box-shadow:0 6px 16px #5c402a12}.arcade-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(122,139,94,.6),transparent);transform:translate(-100%);transition:transform .6s ease}.arcade-card:hover:before{transform:translate(100%)}.arcade-card:hover{border-color:#7a8b5e73;transform:translateY(-4px);box-shadow:var(--shadow-glow);background:var(--bg-panel-hover)}.neon-btn{background:linear-gradient(135deg,var(--color-cyan),var(--color-emerald));color:#fdf6e3;font-weight:700;border:none;border-radius:14px;padding:12px 24px;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-sans);letter-spacing:.3px;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #5f8d5247}.neon-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #5f8d5261;filter:brightness(1.04)}.neon-btn:active{transform:translateY(0)}.neon-btn-secondary{background:#7a8b5e14;color:var(--color-cyan);border:1.5px solid rgba(122,139,94,.45);font-weight:700;border-radius:14px;padding:11px 22px;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-sans);letter-spacing:.3px;font-size:.92rem;display:inline-flex;align-items:center;gap:8px}.neon-btn-secondary:hover{background:#7a8b5e29;border-color:var(--color-cyan);box-shadow:0 4px 12px #7a8b5e2e}.wave-bar{display:inline-block;width:4px;height:20px;background-color:var(--color-cyan);margin:0 2px;border-radius:2px;animation:bounceBar 1.2s ease-in-out infinite alternate}@keyframes bounceBar{0%{height:5px}to{height:35px}}.wave-bar:nth-child(2){animation-delay:.2s;background-color:var(--color-magenta)}.wave-bar:nth-child(3){animation-delay:.4s;background-color:var(--color-yellow)}.wave-bar:nth-child(4){animation-delay:.1s;background-color:var(--color-cyan)}.wave-bar:nth-child(5){animation-delay:.3s;background-color:var(--color-emerald)}