:root{--bg: #10141f;--surface: #1a2230;--accent: #7ac74c;--accent2: #f8d030;--text: #f4f4f4;--font-pixel: "Press Start 2P", monospace;--font-retro: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-retro);font-size:20px;line-height:1.45;transition:background-color .8s ease,color .8s ease;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px)}h1,h2,h3,.pixel{font-family:var(--font-pixel);line-height:1.6}a{color:var(--accent)}button{font-family:inherit;cursor:pointer}.page{max-width:1100px;margin:0 auto;padding:5.5rem 1rem 3rem}.page-title{font-size:clamp(1rem,3vw,1.6rem);color:var(--accent);text-shadow:3px 3px 0 rgba(0,0,0,.5);margin-bottom:1.5rem}.retro-panel{background:var(--surface);border:3px solid var(--text);border-radius:6px;box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 5px var(--accent),4px 4px #00000073;padding:1.1rem 1.25rem;transition:box-shadow .8s ease,background-color .8s ease}.retro-btn{font-family:var(--font-pixel);font-size:.7rem;padding:.8rem 1.2rem;color:var(--bg);background:var(--accent);border:3px solid var(--text);border-radius:4px;box-shadow:3px 3px #00000080;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .1s ease,background-color .4s ease}.retro-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.retro-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}.retro-btn.secondary{background:var(--surface);color:var(--text)}.nav-menu{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:.25rem;padding:.55rem .8rem;background:var(--surface);border-bottom:3px solid var(--text);box-shadow:0 3px #0006;overflow-x:auto;transition:background-color .8s ease}.nav-logo{font-family:var(--font-pixel);font-size:.7rem;color:var(--accent2);margin-right:auto;white-space:nowrap;text-decoration:none}.nav-item{font-family:var(--font-pixel);font-size:.6rem;color:var(--text);text-decoration:none;padding:.5rem .7rem;border:2px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}.nav-item:hover{border-color:var(--accent)}.nav-item.active{color:var(--accent2)}.nav-item.active:before{content:"▶";color:var(--accent)}.dialogue-box{background:#f8f8f0;color:#20242c;border:4px solid #20242c;border-radius:8px;box-shadow:inset 0 0 0 3px #f8f8f0,inset 0 0 0 6px #8898a8,4px 4px #00000073;padding:1rem 1.2rem;font-size:1.25rem;min-height:4.4rem;position:relative;cursor:pointer}.dialogue-box .cursor-down{position:absolute;right:.9rem;bottom:.4rem;animation:bob .7s infinite alternate;color:#20242c}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(4px)}}.type-badge{font-family:var(--font-pixel);font-size:.55rem;padding:.35rem .6rem;border-radius:4px;border:2px solid rgba(0,0,0,.4);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.6);display:inline-block}.tech-tag{font-family:var(--font-retro);font-size:1rem;padding:.1rem .6rem;border:2px solid var(--accent);border-radius:4px;color:var(--accent);display:inline-block}.stat-row{display:grid;grid-template-columns:11rem 1fr 3rem;align-items:center;gap:.6rem;margin-bottom:.45rem}.stat-track{height:14px;background:#00000080;border:2px solid var(--text);border-radius:7px;overflow:hidden}.stat-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1s cubic-bezier(.22,1,.36,1)}.dex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .25s ease}.dex-panel{width:min(680px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:4px solid #c0392b;border-radius:10px;box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 6px #e74c3c,6px 6px #00000080;animation:dexIn .3s cubic-bezier(.22,1,.36,1)}.dex-header{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:#c0392b;border-bottom:4px solid #922b21}.dex-lens{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#aee6ff,#2980b9 65%);border:3px solid #f4f4f4;flex-shrink:0}.dex-title{font-family:var(--font-pixel);font-size:.75rem;color:#fff;flex:1}.dex-close{font-family:var(--font-pixel);font-size:.6rem;background:#922b21;color:#fff;border:2px solid #fff;border-radius:4px;padding:.4rem .6rem}.dex-body{padding:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dexIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.scene-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.scene-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 25% 80%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 55%),radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent2) 12%,transparent) 0%,transparent 50%),var(--bg)}@media (max-width: 640px){body{font-size:18px}.stat-row{grid-template-columns:7.5rem 1fr 2.5rem}.nav-logo{display:none}.nav-menu{justify-content:space-around}}