.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");pointer-events:none;z-index:999;mix-blend-mode:overlay}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,transparent 30%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:998}.desk-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--wood-dark);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,transparent 2px,transparent 10px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05),transparent 30%);z-index:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(1deg)}}@keyframes stampSlam{0%{opacity:0;transform:scale(3) rotate(20deg)}80%{opacity:1;transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(-2deg)}}.keyword-link{color:var(--ink-primary);text-decoration:none;border-bottom:1px dotted var(--ink-secondary);background:linear-gradient(to top,rgba(214,158,46,.2) 50%,transparent 50%);background-size:100% 200%;background-position:0 10%;transition:all .2s;cursor:pointer}.keyword-link:hover{background-position:0 100%;color:#000;border-bottom:1px solid #000}.massive-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;cursor:pointer}.glass-card{border-radius:.75rem;border:1px solid rgba(232,121,59,.2);background:#111c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 25px 50px -12px #e8793b0d;transition:all .5s ease}.glass-card:hover{border-color:#e8793b80;box-shadow:0 25px 50px -12px #e8793b33}.holographic-score{background:linear-gradient(90deg,#e8793b,#fc0,#e8793b,#ff6b35,#e8793b);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holographic-shimmer 3s ease-in-out infinite}@keyframes holographic-shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.border-beam{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0 340deg,rgba(232,121,59,.6) 360deg);animation:border-spin 8s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none}@keyframes border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shiny-button{position:relative;overflow:hidden;transition:all .3s ease}.shiny-button:before{content:"";position:absolute;inset:0;background:linear-gradient(-75deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.shiny-button:hover:before{transform:translate(100%)}.shiny-button:hover{box-shadow:0 0 25px #e8793b66;border-color:#e8793b}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:enter .5s ease-out forwards;opacity:0}.badge-legendary{background:#f59e0b4d;color:#fcd34d;border:1px solid rgba(245,158,11,.5)}.badge-epic{background:#8b5cf64d;color:#c4b5fd;border:1px solid rgba(139,92,246,.5)}.badge-rare{background:#3b82f64d;color:#93c5fd;border:1px solid rgba(59,130,246,.5)}.holographic-overlay{background:linear-gradient(to top,rgba(17,17,17,.9) 0%,transparent 50%,transparent 100%)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e8793b4d}50%{box-shadow:0 0 40px #e8793b99}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.neural-card{position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.neural-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(0,240,255,.15) 0%,transparent 40%,transparent 60%,rgba(112,0,255,.15) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.neural-card:hover:before{opacity:1}.neural-card:hover{box-shadow:0 0 30px #00f0ff26,0 0 60px #7000ff1a,0 25px 50px -12px #00000080;transform:translateY(-4px)}.dopamine-score{position:relative;transition:all .3s ease}.dopamine-score:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);opacity:0;transform:scale(.8);transition:all .4s ease;pointer-events:none}.dopamine-score:hover:after{opacity:1;transform:scale(1.2)}.dopamine-score:hover{color:gold!important;text-shadow:0 0 20px rgba(255,215,0,.5);transform:scale(1.1)}.neural-link{position:relative;color:inherit;text-decoration:none;transition:all .3s ease}.neural-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f0ff,#7000ff);transition:width .4s cubic-bezier(.16,1,.3,1)}.neural-link:hover:before{width:100%}.neural-link:hover{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4)}.dopamine-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#d65a31,#ff2d95);border:none;transition:all .3s ease}.dopamine-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.dopamine-button:hover:before{width:200%;height:200%}.dopamine-button:hover{transform:scale(1.05);box-shadow:0 10px 40px #d65a3166}.dopamine-button:active{transform:scale(.98)}.neural-glow-text{background:linear-gradient(90deg,#00f0ff,#7000ff,#ff2d95);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:neural-text-flow 4s linear infinite}@keyframes neural-text-flow{0%,to{background-position:0% center}50%{background-position:200% center}}.synaptic-grid{background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px}.reward-badge{background:linear-gradient(135deg,gold,#ff6b35);color:#000;font-weight:700;padding:.25rem .5rem;border-radius:9999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px #ffd70066;animation:reward-pulse 2s ease-in-out infinite}@keyframes reward-pulse{0%,to{box-shadow:0 0 15px #ffd70066}50%{box-shadow:0 0 30px #ffd700b3}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;background:#00f0ff;color:#000;padding:.75rem 1.5rem;font-weight:700;font-size:.875rem;border-radius:0 0 .5rem .5rem;text-decoration:none;transition:top .3s ease}.skip-link:focus{top:0}.table-of-contents{position:fixed;bottom:2rem;right:2rem;z-index:100;background:#111111f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.2);border-radius:.5rem;padding:.75rem;opacity:.7;transition:all .3s ease}.table-of-contents:hover{opacity:1;border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1a}.table-of-contents ul{list-style:none;margin:0;padding:0;display:flex;gap:.5rem}.table-of-contents a{display:block;padding:.5rem .75rem;font-size:.65rem;font-family:JetBrains Mono,monospace;color:#888;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:.25rem;transition:all .2s ease}.table-of-contents a:hover{color:#00f0ff;background:#00f0ff1a}@media (max-width: 768px){.table-of-contents{display:none}}:root{--bg-paper: #050505;--bg-surface: #111111;--text-primary: #F0F0FF;--text-secondary: #8888AA;--accent-neural: #7000FF;--accent-electric: #00F0FF;--font-mono: "JetBrains Mono", monospace;--font-heading: "JetBrains Mono", monospace}body{font-family:var(--font-mono);background-color:var(--bg-paper);color:var(--text-primary)}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f0ff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}html.scroll-smooth{scroll-behavior:smooth}
