@import "https://fonts.googleapis.com/css2?family=VT323&family=Silkscreen:wght@400;700&family=Share+Tech+Mono&display=swap";
:root{--black:#050a05;--bg:#060d06;--bg2:#0a1209;--bg3:#0e1a0d;--panel:#111e10;--panel2:#162215;--green0:#1a3d0f;--green1:#2d6b1a;--green2:#3d8b22;--green3:#52b52e;--lime:#7ee832;--bright:#a8ff40;--glow:#c8ff50;--white:#e8ffe0;--amber:#ffa040;--gold:#ffd040;--silver:#90b8a0;--bronze:#c87030;--red:#f44;--cyan:#40ffb8;--border:#1e3a1a;--border2:#2a5025;--dim:#2a4a25;--text:#90c880;--text2:#507040;--text3:#304828;--ff-pixel:"Silkscreen","VT323",monospace;--ff-mono:"Share Tech Mono",monospace;--ff-vt:"VT323",monospace;--scanline-opacity:.08;--crt-curve:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--ff-mono);-webkit-font-smoothing:none;image-rendering:pixelated;background:linear-gradient(#030603c4,#030603ed),url(/bg.png) 50%/cover fixed;min-height:100vh;font-size:14px;overflow-x:hidden}body:before{content:"";z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity))2px,rgba(0,0,0,var(--scanline-opacity))4px);position:fixed;inset:0}body:after{content:"";z-index:9997;pointer-events:none;background:radial-gradient(#0000 60%,#00000080 100%);position:fixed;inset:0}.px-border{border:2px solid var(--green1);box-shadow:inset 0 0 0 1px var(--green0),0 0 0 1px var(--green0),0 0 12px #7ce83214}.px-border-bright{border:2px solid var(--green2);box-shadow:inset 0 0 0 1px var(--green1),0 0 0 1px var(--green1),0 0 16px #7ce83226}.px-border-glow{border:2px solid var(--lime);box-shadow:inset 0 0 0 1px var(--green2),0 0 0 1px var(--green2),0 0 20px #7ce8324d,0 0 40px #7ce8321a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green1);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--green2)}@keyframes screenOn{0%{opacity:0;filter:brightness(0)}10%{opacity:.8;filter:brightness(2)blur(2px)}12%{opacity:.3}14%{opacity:1;filter:brightness(1.5)}20%{filter:brightness()}to{opacity:1;filter:brightness()}}.btn{font-family:var(--ff-pixel);letter-spacing:.05em;border:2px solid var(--green1);background:var(--bg3);color:var(--bright);cursor:pointer;text-transform:uppercase;image-rendering:pixelated;box-shadow:2px 2px 0 var(--green0),inset 0 0 8px #7ce8320a;align-items:center;gap:5px;padding:8px 14px;font-size:14px;transition:all .1s;display:inline-flex;position:relative}.btn:hover{background:var(--panel2);border-color:var(--lime);color:var(--glow);box-shadow:2px 2px 0 var(--green1),0 0 12px #7ce83233,inset 0 0 8px #7ce83214;transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--green0);transform:translate(1px,1px)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-primary{border-color:var(--lime);color:var(--glow);box-shadow:2px 2px 0 var(--green2),0 0 16px #7ce83226;background:#7ce83214}.btn-primary:hover{box-shadow:2px 2px 0 var(--lime),0 0 24px #7ce8324d;background:#7ce83224}.btn-danger{border-color:var(--red);color:var(--red);background:#ff44440d;box-shadow:2px 2px maroon}.btn-filter{border-color:var(--border);color:var(--text2);box-shadow:1px 1px 0 var(--bg2);background:0 0;padding:5px 10px;font-size:13px}.btn-filter:hover{border-color:var(--green2);color:var(--bright)}.btn-filter.active{border-color:var(--lime);color:var(--glow);box-shadow:1px 1px 0 var(--green2),0 0 8px #7ce83226;background:#7ce83212}.pbar-wrap{background:var(--bg);border:1px solid var(--green0);position:relative;overflow:hidden}.pbar-fill{background:linear-gradient(90deg,var(--green1),var(--lime));height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.pbar-fill:after{content:"";background:var(--glow);width:4px;box-shadow:0 0 6px var(--glow);position:absolute;top:0;bottom:0;right:0}.pbar-fill.gold{background:linear-gradient(90deg,#8b6000,var(--gold))}.pbar-fill.gold:after{background:var(--gold);box-shadow:0 0 6px var(--gold)}.pbar-fill.silver{background:linear-gradient(90deg,#405050,var(--silver))}.pbar-fill.silver:after{background:var(--silver);box-shadow:0 0 6px var(--silver)}.pbar-fill.bronze{background:linear-gradient(90deg,#5a2800,var(--bronze))}.pbar-fill.bronze:after{background:var(--bronze);box-shadow:0 0 6px var(--bronze)}.skeleton{background:linear-gradient(90deg,var(--bg2)25%,var(--panel)50%,var(--bg2)75%);background-size:400% 100%;animation:1.8s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.lb-table{border-collapse:collapse;width:100%}.lb-table th{font-family:var(--ff-pixel);color:var(--lime);text-align:left;letter-spacing:.1em;border-bottom:2px solid var(--green1);border-right:1px solid var(--border);background:var(--bg2);text-transform:uppercase;white-space:nowrap;padding:9px 12px;font-size:12px}.lb-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background 80ms}.lb-row:hover{background:#7ce8320a}.lb-row.open{border-bottom-color:var(--green2);background:#7ce8320f}.lb-row td{vertical-align:middle;padding:11px 12px}.lb-row td+td{border-left:1px solid var(--border)}.detail-panel{border-top:1px solid var(--green2);background:linear-gradient(#7ce83208 0%,#0000 100%);padding:20px 24px;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.species-cell{border:1px solid var(--border);text-align:center;cursor:default;background:var(--bg2);image-rendering:pixelated;padding:5px;transition:border-color .1s,background .1s;position:relative;overflow:hidden}.species-cell.collected{border-color:var(--green1);background:#3e8b2214}.species-cell.collected:hover{border-color:var(--lime);background:#3e8b2224}.podium-card{background:var(--panel);border:2px solid var(--green1);cursor:pointer;box-shadow:3px 3px 0 var(--green0),inset 0 0 24px #0006;padding:18px 16px 16px;transition:all .15s;position:relative;overflow:hidden}.podium-card:hover{transform:translate(-2px,-2px)}.podium-card.rank-1{border-color:var(--gold);box-shadow:3px 3px #6b5000,0 0 30px #ffd0401a,inset 0 0 24px #0006}.podium-card.rank-2{border-color:var(--silver);box-shadow:3px 3px #305040,0 0 20px #90b8a014}.podium-card.rank-3{border-color:var(--bronze);box-shadow:3px 3px #6b2800,0 0 20px #c8703014}.podium-card.open{box-shadow:3px 3px 0 var(--green2),0 0 20px #7ce83226!important}.podium-card:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);position:absolute;inset:0}.ticker-wrap{white-space:nowrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:4px 0;overflow:hidden}.ticker-content{font-family:var(--ff-pixel);color:var(--text2);letter-spacing:.08em;font-size:12px;animation:60s linear infinite ticker;display:inline-block}.ticker-content:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.sprite-parade{align-items:center;gap:8px;width:max-content;animation:80s linear infinite parade;display:flex}.sprite-parade:hover{animation-play-state:paused}@keyframes parade{0%{transform:translate(0)}to{transform:translate(-50%)}}.blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.px-divider{background:repeating-linear-gradient(90deg,var(--green1)0,var(--green1)4px,transparent 4px,transparent 8px);height:2px;margin:2px 0}.section-label{font-family:var(--ff-pixel);color:var(--lime);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.section-label:before{content:"▶";color:var(--green2);font-size:16px}.chip{font-family:var(--ff-pixel);border:1px solid var(--border2);color:var(--text2);background:var(--bg2);letter-spacing:.1em;padding:2px 6px;font-size:16px}.tab-btn{font-family:var(--ff-pixel);letter-spacing:.1em;color:var(--text2);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 14px;font-size:12px;transition:all .1s}.tab-btn:hover{color:var(--bright)}.tab-btn.active{color:var(--glow);border-bottom-color:var(--lime)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%,to{clip-path:inset(0 0 100%);transform:translate(0)}20%{clip-path:inset(30% 0 60%);transform:translate(-3px)}40%{clip-path:inset(60% 0 25%);transform:translate(3px)}60%{clip-path:inset(10% 0 80%);transform:translate(-2px)}80%{clip-path:inset(80% 0 5%);transform:translate(2px)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--lime),0 0 16px #7ce83266}50%{opacity:.4;box-shadow:0 0 4px var(--lime)}}.stat-card{transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px)}.lb-row{border-left:3px solid #0000;transition:background 80ms,border-color 80ms}@keyframes ambient{0%,to{opacity:.6}50%{opacity:1}}.glow-text{color:var(--glow);text-shadow:0 0 8px var(--lime),0 0 20px #7ce83266}.glow-gold{color:var(--gold);text-shadow:0 0 8px var(--gold),0 0 20px #ffd04066}.glow-silver{color:var(--silver);text-shadow:0 0 8px var(--silver),0 0 16px #90b8a04d}.glow-bronze{color:var(--bronze);text-shadow:0 0 8px var(--bronze),0 0 16px #c870304d}.badge-complete{color:var(--lime);border:1px solid var(--green2);background:#7ce83214;box-shadow:0 0 8px #7ce83226}main{background-image:radial-gradient(circle,var(--green0)1px,transparent 1px);background-position:0 0;background-size:28px 28px}.stat-card-wrap>div{cursor:default;transition:transform .15s,box-shadow .15s}.stat-card-wrap>div:hover{transform:translateY(-3px)scale(1.01)}.lb-row:nth-child(2n){background-color:#ffffff03}.glow-rule{background:linear-gradient(90deg,transparent,var(--green1)20%,var(--lime)50%,var(--green1)80%,transparent);border:none;height:1px;margin:0}.ticker-wrap{box-shadow:0 1px 0 var(--border),0 -1px 0 var(--border),inset 0 0 30px #0000004d}.podium-card{transition:transform .15s,box-shadow .15s}.detail-panel>div:first-child>div{transition:border-color .15s,background .15s}.detail-panel>div:first-child>div:hover{border-color:var(--green2)!important;background:#7ce8320a!important}.species-cell.collected{animation:4s ease-in-out infinite cell-glow}@keyframes cell-glow{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 6px #7ce83214}}@media (max-width:640px){body{overflow-x:hidden}.ticker-wrap{overflow:hidden}.sprite-parade-wrap{max-width:100vw;overflow:hidden}.lb-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.lb-table th,.lb-table td{white-space:nowrap;padding:8px;font-size:12px}.lb-table th{font-size:11px}.detail-panel{padding:12px}.podium-card{padding:14px 12px 12px}.species-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))!important}footer a{font-size:12px!important}.section-divider{display:none}::-webkit-scrollbar{display:none}.stat-value{font-size:16px!important}}