@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--bg:#0a0603;--bg2:#110b05;--bg3:#1a1008;--brown:#c47b2b;--brown-dim:#7a4a10;--brown-glow:#c47b2b59;--brown-faint:#c47b2b14;--sewage:#7ec829;--sewage-dim:#4a7a10;--sewage-glow:#7ec8294d;--amber:#f0a500;--amber-dim:#8a5c00;--amber-glow:#f0a50059;--red:#e84040;--red-dim:#7a1a1a;--red-glow:#e8404059;--cyan:#40c8e0;--cyan-glow:#40c8e04d;--text:#c8a87a;--text-dim:#5a3e20;--text-bright:#e8d4a8;--border:#c47b2b2e;--border-dim:#c47b2b14;--font-display:"Orbitron", monospace;--font-mono:"Share Tech Mono", monospace;--font-body:"Rajdhani", sans-serif;--nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#root{text-align:left;border-inline:none;width:100%;max-width:100%;min-height:100svh;margin:0;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--brown-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brown)}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#c47b2b0a 1px,#0000 1px),linear-gradient(90deg,#c47b2b0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);animation:10s linear infinite scanline-flicker;position:fixed;inset:0}.scanlines:after{content:"";background:radial-gradient(#0000 55%,#000000a6 100%);position:absolute;inset:0}@keyframes scanline-flicker{0%,94%,to{opacity:1}95%{opacity:.88}97%{opacity:.94}}.noise{pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;animation:.35s step-end infinite noise-anim;position:fixed;inset:0}@keyframes noise-anim{0%{background-position:0 0}20%{background-position:-12% 8%}40%{background-position:8% -15%}60%{background-position:-5% 20%}80%{background-position:15% -5%}to{background-position:0 0}}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.text-brown{color:var(--brown)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-cyan{color:var(--cyan)}.text-sewage{color:var(--sewage)}.text-dim{color:var(--text-dim)}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.75;position:absolute;inset:0}.glitch:before{color:var(--sewage);clip-path:polygon(0 25%,100% 25%,100% 50%,0 50%);animation:5s infinite glitch-b}.glitch:after{color:var(--red);clip-path:polygon(0 60%,100% 60%,100% 78%,0 78%);animation:5s infinite glitch-a}@keyframes glitch-b{0%,88%,to{transform:translate(0)}89%{transform:translate(-4px)}90%{transform:translate(3px)}91%{transform:translate(-1px)}}@keyframes glitch-a{0%,88%,to{transform:translate(0)}89%{transform:translate(4px)}90%{transform:translate(-3px)}91%{transform:translate(1px)}}.glow-brown{text-shadow:0 0 12px var(--brown), 0 0 30px var(--brown-glow)}.glow-amber{text-shadow:0 0 12px var(--amber), 0 0 30px var(--amber-glow)}.glow-red{text-shadow:0 0 12px var(--red), 0 0 30px var(--red-glow)}.glow-sewage{text-shadow:0 0 12px var(--sewage), 0 0 30px var(--sewage-glow)}.btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:8px;padding:12px 28px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-brown{background:var(--brown);color:var(--bg);box-shadow:0 0 20px var(--brown-glow)}.btn-brown:hover{box-shadow:0 0 40px var(--brown-glow), 0 0 70px var(--brown-glow);background:#e09040;transform:translateY(-2px)}.btn-ghost{color:var(--brown);border:1px solid var(--brown);box-shadow:0 0 10px var(--brown-glow);background:0 0}.btn-ghost:hover{background:var(--brown-faint);box-shadow:0 0 20px var(--brown-glow);transform:translateY(-2px)}.section{z-index:1;padding:80px 40px;position:relative}.section-inner{max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);color:var(--brown);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:.7rem;display:flex}.section-label:before{content:"//";opacity:.5}.section-title{font-family:var(--font-display);color:var(--text-bright);margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.15}.section-sub{font-family:var(--font-body);color:var(--text-dim);max-width:560px;font-size:1.1rem;line-height:1.6}.divider{background:linear-gradient(90deg, transparent, var(--brown-dim), transparent);z-index:1;width:100%;height:1px;position:relative}.card{border:1px solid var(--border-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110b05d9;border-radius:6px;padding:28px;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:#c47b2b59;box-shadow:0 0 28px #c47b2b12}.xp-bar-wrap{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:10px;font-size:.65rem;display:flex}.xp-bar-track{background:#c47b2b1a;border-radius:2px;flex:1;min-width:80px;height:4px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--brown-dim), var(--brown));height:100%;box-shadow:0 0 8px var(--brown-glow);border-radius:2px;transition:width .8s}.status-dot{background:var(--sewage);width:6px;height:6px;box-shadow:0 0 6px var(--sewage);border-radius:50%;animation:2s infinite pulse-dot}.status-dot.red{background:var(--red);box-shadow:0 0 6px var(--red)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.progress-track{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.badge-locked{filter:grayscale()brightness(.35);cursor:not-allowed}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-ping{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--brown-glow)}50%{box-shadow:0 0 30px var(--brown-glow),0 0 60px var(--brown-glow)}}@keyframes bug-wobble{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.06)}}@keyframes bug-wiggle-fast{0%,to{transform:rotate(-14deg)scale(1)}25%{transform:rotate(14deg)scale(1.12)}50%{transform:rotate(-9deg)scale(.95)}75%{transform:rotate(9deg)scale(1.06)}}@keyframes boss-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes powerup-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.08)}}@keyframes freeze-pulse{0%,to{box-shadow:0 0 20px #40c8e080}50%{box-shadow:0 0 50px #40c8e0e6}}@keyframes fever-bg{0%,to{opacity:.04}50%{opacity:.12}}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-2px,4px)}80%{transform:translate(3px,-1px)}}.lb-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.85rem}.lb-table th{text-align:left;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #c47b2b1a;padding:10px 14px;font-size:.7rem}.lb-table td{border-bottom:1px solid #ffffff08;padding:12px 14px;transition:background .2s}.lb-table tr:hover td{background:#c47b2b0a}.lb-rank-1 td{color:var(--amber)}.lb-rank-2 td{color:silver}.lb-rank-3 td{color:#cd7f32}@keyframes feed-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.feed-item{animation:.3s feed-slide-in}.game-hud{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud-score{font-family:var(--font-display);color:var(--brown);text-shadow:0 0 15px var(--brown-glow);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900;line-height:1.1}.hud-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.hud-timer{font-family:var(--font-display);color:var(--amber);text-shadow:0 0 15px var(--amber-glow);text-align:right;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:900;line-height:1.1;transition:color .3s,text-shadow .3s}.hud-timer.danger{color:var(--red);text-shadow:0 0 15px var(--red-glow);animation:.5s infinite timer-pulse}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.combo-display{font-family:var(--font-display);color:var(--amber);text-shadow:0 0 30px var(--amber-glow), 0 0 60px var(--amber-glow);pointer-events:none;z-index:20;text-align:center;font-size:clamp(2rem,8vw,5rem);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-overlay{z-index:30;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#0a0603e0 0%,#0a0603f7 100%);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.powerup-bar{z-index:10;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.powerup-pill{font-family:var(--font-mono);color:var(--cyan);background:#40c8e01f;border:1px solid #40c8e080;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.62rem;animation:1.5s infinite freeze-pulse;display:flex;box-shadow:0 0 12px #40c8e04d}.fever-pill{color:var(--amber);background:#f0a5001f;border-color:#f0a50080;animation:none;box-shadow:0 0 12px #f0a5004d}.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.boss-hp-bar{pointer-events:none;z-index:10;text-align:center;width:min(260px,70%);position:absolute;top:56px;left:50%;transform:translate(-50%)}.boss-hp-label{font-family:var(--font-mono);color:var(--red);letter-spacing:.12em;margin-bottom:3px;font-size:.58rem}.boss-hp-track{background:#ffffff12;border:1px solid #e8404040;border-radius:3px;height:6px;overflow:hidden}.boss-hp-fill{height:100%;box-shadow:0 0 8px var(--red-glow);background:linear-gradient(90deg,#e84040,#ff7070);border-radius:3px;transition:width .2s}@media (width<=768px){.section{padding:60px 20px}.section-title{font-size:1.5rem}}