:root{--poke-red:#ee1515;--poke-red-dark:#b91919;--poke-blue:#3b4cca;--poke-blue-dark:#2a3695;--poke-yellow:#ffcb05;--poke-yellow-dark:#e8b400;--poke-white:#f7f7f7;--poke-black:#1a1a1a;--poke-gray:#3d3d3d;--poke-light:#fffef5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Mono,monospace;background:var(--poke-light);color:var(--poke-black);min-height:100vh;background-image:radial-gradient(circle at 20% 10%,rgba(238,21,21,.08) 0,transparent 40%),radial-gradient(circle at 80% 90%,rgba(59,76,202,.08) 0,transparent 40%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,203,5,.03) 0,rgba(255,203,5,.03) 21px)}.header{background:linear-gradient(180deg,var(--poke-red) 0,var(--poke-red) 48%,var(--poke-black) 48%,var(--poke-black) 52%,var(--poke-white) 52%);padding:32px 20px 50px;border-bottom:4px solid var(--poke-black);position:relative;overflow:hidden}.header:before{width:60px;height:60px;z-index:1}.header:after,.header:before{content:"";position:absolute;left:50%;top:50%;background:white;border:4px solid var(--poke-black);border-radius:50%;transform:translate(-50%,-50%)}.header:after{width:24px;height:24px;z-index:2}.header-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:3}h1{font-family:Press Start\ 2P,monospace;font-size:clamp(20px,4vw,36px);color:white;text-shadow:3px 3px 0 var(--poke-black),5px 5px 0 var(--poke-yellow);letter-spacing:2px;margin-bottom:8px}.subtitle{font-family:Bungee,sans-serif;font-size:13px;color:white;letter-spacing:3px;text-transform:uppercase}.container{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.panel{background:white;border:4px solid var(--poke-black);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:6px 6px 0 var(--poke-black);position:relative}.panel-label{position:absolute;top:-14px;left:20px;background:var(--poke-yellow);border:3px solid var(--poke-black);padding:3px 12px;font-family:Press Start\ 2P,monospace;font-size:10px;letter-spacing:1px}.panel-label.blue{background:var(--poke-blue);color:white}.panel-label.red{background:var(--poke-red);color:white}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:8px}label{display:block;font-family:Bungee,sans-serif;font-size:11px;letter-spacing:1.5px;margin-bottom:6px;color:var(--poke-gray)}input,select{width:100%;padding:12px 14px;border:3px solid var(--poke-black);background:var(--poke-light);font-family:Space Mono,monospace;font-size:15px;font-weight:700;border-radius:4px;transition:all .15s}input:focus,select:focus{outline:none;background:white;box-shadow:3px 3px 0 var(--poke-red);transform:translate(-1px,-1px)}.limit-toggle{display:flex;gap:0;border:3px solid var(--poke-black);border-radius:4px;overflow:hidden;margin-bottom:14px}.limit-toggle button{flex:1 1;padding:10px;background:var(--poke-light);border:none;font-family:Bungee,sans-serif;font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .15s}.limit-toggle button.active{background:var(--poke-blue);color:white}.btn{font-family:Press Start\ 2P,monospace;font-size:13px;letter-spacing:1.5px;padding:16px 24px;border:4px solid var(--poke-black);border-radius:6px;cursor:pointer;transition:all .12s;box-shadow:4px 4px 0 var(--poke-black);text-transform:uppercase}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--poke-black)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--poke-black)}.btn-primary{background:var(--poke-red);color:white;width:100%;margin-top:16px}.btn-secondary{background:var(--poke-yellow);color:var(--poke-black);font-size:11px;padding:10px 16px}.btn-ghost{background:white;color:var(--poke-black);font-size:10px;padding:8px 12px;box-shadow:3px 3px 0 var(--poke-black)}.chain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.chain-card{border:3px solid var(--poke-black);background:var(--poke-light);padding:10px 12px;border-radius:4px;cursor:pointer;transition:all .15s;font-family:Bungee,sans-serif;font-size:12px;letter-spacing:.5px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chain-card.selected{background:var(--poke-yellow);box-shadow:3px 3px 0 var(--poke-red)}.chain-check{width:18px;height:18px;border:2px solid var(--poke-black);border-radius:3px;background:white;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.chain-card.selected .chain-check{background:var(--poke-red);color:white}.chain-name{flex:1 1}.chain-tier{font-size:8px;padding:2px 5px;border-radius:2px;font-family:Press Start\ 2P,monospace;flex-shrink:0}.chain-tier.hot{background:var(--poke-red);color:white}.chain-tier.mid{background:var(--poke-blue);color:white}.results-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.results-layout{grid-template-columns:1fr}}#map{height:500px;border:4px solid var(--poke-black);border-radius:6px;box-shadow:5px 5px 0 var(--poke-black)}.route-list{max-height:500px;overflow-y:auto;padding-right:6px}.route-stat-bar{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.stat-box{background:var(--poke-blue);color:white;border:3px solid var(--poke-black);padding:10px;border-radius:4px;text-align:center}.stat-box.red{background:var(--poke-red)}.stat-box.yellow{background:var(--poke-yellow);color:var(--poke-black)}.stat-label{font-family:Press Start\ 2P,monospace;font-size:7px;letter-spacing:1px;opacity:.9}.stat-value{font-family:Bungee,sans-serif;font-size:18px;margin-top:4px;letter-spacing:.5px}.route-step{background:white;border:3px solid var(--poke-black);border-radius:6px;padding:12px;margin-bottom:10px;display:flex;gap:12px;align-items:flex-start}.step-num{background:var(--poke-red);color:white;border:3px solid var(--poke-black);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Press Start\ 2P,monospace;font-size:11px;flex-shrink:0}.route-step.start .step-num{background:var(--poke-blue)}.route-step.end .step-num{background:var(--poke-yellow);color:var(--poke-black)}.step-info{flex:1 1;min-width:0}.step-name{font-family:Bungee,sans-serif;font-size:13px;margin-bottom:2px;letter-spacing:.5px}.step-meta{font-size:11px;color:var(--poke-gray);line-height:1.4}.step-leg{color:var(--poke-red);font-weight:700;margin-top:4px}.step-directions-btn,.step-leg{font-size:10px;font-family:Bungee,sans-serif;letter-spacing:.5px}.step-directions-btn{display:inline-block;margin-top:6px;background:var(--poke-blue);color:white;padding:4px 8px;border-radius:3px;text-decoration:none;border:2px solid var(--poke-black)}.hidden{display:none!important}.error-msg{background:#ffe0e0;border:3px solid var(--poke-red);padding:10px;border-radius:4px;margin-top:12px;font-size:12px;font-weight:700}.loading-bar{height:8px;background:var(--poke-light);border:2px solid var(--poke-black);border-radius:4px;overflow:hidden;margin-top:16px}.loading-bar-fill{height:100%;background:var(--poke-red);transition:width .3s;animation:pulse 1.2s infinite}.loading-status{font-size:12px;text-align:center;margin-top:10px;color:var(--poke-gray)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hint{font-size:11px;color:var(--poke-gray);margin-top:6px;font-style:italic}.small-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.units-toggle{display:inline-flex;border:3px solid var(--poke-black);border-radius:4px;overflow:hidden;margin-left:8px;vertical-align:middle}.units-toggle button{padding:4px 10px;background:var(--poke-light);border:none;font-family:Bungee,sans-serif;font-size:10px;cursor:pointer}.units-toggle button.active{background:var(--poke-blue);color:white}.info-note{font-size:12px;color:var(--poke-gray);margin-bottom:12px;line-height:1.5}.legend-hot{color:var(--poke-red);font-weight:700}.legend-mid{color:var(--poke-blue);font-weight:700}.user-nav{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:8px;align-items:center}.user-nav-btn{font-family:Bungee,sans-serif;font-size:11px;letter-spacing:1px;padding:8px 14px;background:white;color:var(--poke-black);border:3px solid var(--poke-black);border-radius:4px;text-decoration:none;box-shadow:3px 3px 0 var(--poke-black);transition:all .12s}.user-nav-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--poke-black)}.user-nav-btn.primary{background:var(--poke-yellow)}.user-avatar-btn{background:transparent;border:none;cursor:pointer;padding:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--poke-yellow);border:3px solid var(--poke-black);display:flex;align-items:center;justify-content:center;font-family:Press Start\ 2P,monospace;font-size:14px;color:var(--poke-black);box-shadow:3px 3px 0 var(--poke-black);transition:all .12s}.user-avatar:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--poke-black)}.user-menu-backdrop{position:fixed;inset:0;z-index:99}.user-menu{position:absolute;top:50px;right:0;background:white;border:3px solid var(--poke-black);border-radius:4px;box-shadow:4px 4px 0 var(--poke-black);min-width:200px;padding:6px 0;z-index:100}.user-menu-email{padding:10px 14px;border-bottom:2px solid var(--poke-light);font-size:11px;color:var(--poke-gray);font-weight:700;word-break:break-all}.user-menu-item{display:block;padding:10px 14px;text-decoration:none;color:var(--poke-black);font-family:Bungee,sans-serif;font-size:11px;letter-spacing:.5px;transition:background .1s}.user-menu-item:hover{background:var(--poke-light)}