:root{--bg:#15171c;--card:#1f232b;--line:#2f3542;--text:#e6e8ec;--muted:#9aa3b2;--accent:#e3b341;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0}.page,#app>div{max-width:760px;margin:0 auto;padding:16px}h1,h2,h3,h4{margin:.4em 0}.small{color:var(--muted);font-size:.85em}.grow{flex:1;min-width:0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.row.spread{justify-content:space-between}.col{flex-direction:column;gap:6px;display:flex}.center{text-align:center}.center input{margin:8px;padding:6px;font-size:1.2em}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:12px}button{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;text-align:left;background:#2b313c;border-radius:8px;padding:8px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#1a1a1a;font-weight:600}nav button.active{border-color:var(--accent);color:var(--accent)}.header{border-bottom:1px solid var(--line);padding-bottom:8px}.header nav{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.notices{background:#2a2a1c;border:1px solid #5a5226;border-radius:10px;margin:10px 0;padding:10px}.sprite{width:80px;height:80px;image-rendering:pixelated}.monline{align-items:center;gap:10px;display:flex}.monline .sprite{width:56px;height:56px}:is(.starters,.row:has(.foe)){flex-wrap:wrap;gap:10px;display:flex}.starter,.foe{text-align:center}.evo{justify-content:center;align-items:center;gap:12px;font-size:2em;display:flex}.pick{border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.pick.chosen{background:#2b313c}.hpbar{background:#333;border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.hpfill{height:100%;transition:width .3s}.hpfill.good{background:#4caf50}.hpfill.warn{background:#e0b020}.hpfill.bad{background:#e04040}.status{background:#555;border-radius:4px;padding:1px 5px;font-size:.75em}.s-par{background:#b8a000}.s-brn{background:#c8501e}.s-psn,.s-tox{background:#8a3fa0}.s-slp{background:#6a6a7a}.s-frz{background:#5aa0c8}.types{gap:4px;display:inline-flex}.type{color:#fff;border-radius:4px;padding:1px 6px;font-size:.75em}.field{flex-direction:column;gap:6px;display:flex}.side{background:var(--card);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.foe-side{margin-left:20%}.me-side{margin-right:20%}.balls .ball{color:#e04040;margin-right:2px}.balls .ball.out{color:#555}.log{border:1px solid var(--line);background:#101216;border-radius:10px;height:180px;margin:10px 0;padding:8px;font-size:.9em;line-height:1.4;overflow-y:auto}.moves{grid-template-columns:1fr 1fr;gap:8px;display:grid}.move{border-left-width:6px}.switch{width:100%}.journal{line-height:1.6}.grave{align-items:center;gap:10px;display:flex}.t-normal{--t:#9fa19f}.t-fire{--t:#e62829}.t-water{--t:#2980ef}.t-grass{--t:#3fa129}.t-electric{--t:#fac000}.t-ice{--t:#3dcef3}.t-fighting{--t:#ff8000}.t-poison{--t:#9141cb}.t-ground{--t:#915121}.t-flying{--t:#81b9ef}.t-psychic{--t:#ef4179}.t-bug{--t:#91a119}.t-rock{--t:#afa981}.t-ghost{--t:#704170}.t-dragon{--t:#5060e1}.t-dark{--t:#624d4e}.t-steel{--t:#60a1b8}.t-fairy{--t:#ef70ef}.type{background:var(--t)}.move{border-left-color:var(--t)}.intro{border-left:3px solid var(--accent);color:var(--text);margin:8px 0;padding:8px 12px;font-style:italic}.leader{margin:4px 0}.map{flex-direction:column;gap:22px;padding:4px 0;display:flex;position:relative}.map-lines{pointer-events:none;z-index:0;position:absolute;inset:0}.map-lines line{stroke:#4a5366;stroke-width:2px}.map-row{z-index:1;justify-content:center;gap:10px;display:flex;position:relative}.map-node{border:1px solid var(--line);opacity:.55;background:#262b35;border-radius:8px;flex:1;max-width:230px;padding:6px 8px;font-size:.9em}.map-node.visited{opacity:.8;border-style:dashed}.map-node.here{opacity:1;border:2px solid var(--accent)}.map-node.choice{opacity:1;cursor:pointer;background:#23314a;border-color:#6fa8ff}.map-node.choice:hover{border-color:var(--accent)}.map-node .small{margin-top:2px}.k-gym b{color:var(--accent)}.kind{text-transform:uppercase;letter-spacing:.04em;background:#3a4150;border-radius:4px;padding:1px 5px;font-size:.7em}.kind.k-route{background:#2f5a34}.kind.k-elite{background:#7a2f2f}.kind.k-event{background:#5a3f7a}.kind.k-shop{background:#7a5a1f}.kind.k-rest{background:#2f5a6a}.kind.k-town{background:#3a4a6a}.kind.k-gym{background:var(--accent);color:#1a1a1a}.rewards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.reward{flex-direction:column;gap:6px;display:flex}.reward .tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75em}.reward p{flex:1}.scout{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.scout .foe{max-width:120px}select{color:var(--text);border:1px solid var(--line);font:inherit;background:#2b313c;border-radius:8px;padding:7px}
