:root{color:#e7edf7;background:#0b1220;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 6vw;border-bottom:1px solid #22314b;background:#111c30}.brand{font-size:1.4rem;font-weight:800}.brand span{color:#fbbf24}nav{display:flex;gap:.5rem}nav a{padding:.55rem .85rem;border-radius:.5rem;color:#a7b6ce}nav a:hover,nav a.active{color:#fff;background:#263b5c}.main-content{width:min(1100px,100%);flex:1;margin:auto;padding:4rem 6vw}.hero{max-width:700px}.eyebrow{color:#fbbf24;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,7vw,5rem);line-height:1.05}p{color:#a7b6ce;line-height:1.7}.button{display:inline-block;margin-top:1rem;padding:.8rem 1.1rem;border-radius:.5rem;color:#111827;background:#fbbf24;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:3rem}.feature-grid article{padding:1.25rem;border:1px solid #263b5c;border-radius:.75rem;background:#111c30}.feature-grid span{color:#fbbf24}h2{margin-top:.5rem}.page-heading{max-width:650px}.page-heading h1{font-size:clamp(2.5rem,6vw,4rem)}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2rem}.evolution-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pokemon-card,.info-panel{padding:1.5rem;border:1px solid #263b5c;border-radius:.75rem;background:#111c30}.pokemon-card{text-align:center}.pokemon-card img{width:120px;height:120px;image-rendering:pixelated}.pokemon-card a{color:#7dd3fc}.evolution-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.evolution-chain-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.evolution-stage{display:flex;flex-direction:column;align-items:center}.evolution-stage img{width:72px;height:72px;image-rendering:pixelated}.stage-name{font-size:.8rem;color:#a7b6ce;font-weight:500}.evolution-arrow{color:#fbbf24;font-size:1.1rem;font-weight:700}.status{color:#7dd3fc}.error{color:#fca5a5}code{color:#fbbf24}.zone-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.zone-pill{border:1px solid #263b5c;background:#111c30;color:#a7b6ce;padding:.5rem 1rem;border-radius:9999px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s ease}.zone-pill:hover{background:#263b5c;color:#fff}.zone-pill.active{background:#fbbf24;color:#111827;border-color:#fbbf24}.zone-summary{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 .5rem;padding-bottom:.75rem;border-bottom:1px solid #22314b;flex-wrap:wrap;gap:.5rem}.zone-summary h2{margin:0;font-size:1.4rem}.badge{display:inline-block;padding:.25rem .65rem;border-radius:9999px;background:#263b5c;color:#7dd3fc;font-size:.85rem;font-weight:600}footer{padding:1.5rem 6vw;border-top:1px solid #22314b;color:#71819b;text-align:center}footer a{color:#7dd3fc}@media(max-width:600px){.topbar{align-items:flex-start;gap:1rem;flex-direction:column}nav{width:100%;justify-content:space-between}nav a{padding:.5rem}.main-content{padding-top:2.5rem}}