:root{--bg: #0f1c2e;--bg-accent: #1a3352;--surface: #16304a;--text: #e8f0f7;--muted: #9bb3c9;--accent: #ef5350;--accent-soft: #ff8a80;--border: rgba(232, 240, 247, .12);--font-display: "Trebuchet MS", "Segoe UI", sans-serif;--font-body: "Segoe UI", system-ui, sans-serif;--tile-path: #6b7c59;--tile-grass: #3d8b4f;--tile-forest: #1f5c38;--tile-water: #2a6f9e;--tile-mountain: #6a6360;--tile-sand: #c4a35a;--player: #ffd54f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse at top left,#243b55 0%,transparent 55%),radial-gradient(ellipse at bottom right,#1a0f1c 0%,transparent 50%),linear-gradient(160deg,var(--bg),var(--bg-accent))}.app{max-width:720px;margin:0 auto;padding:2rem 1.25rem 3rem}.app-wide{max-width:980px}.header{margin-bottom:1.5rem}.brand{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,3.5rem);letter-spacing:.02em;color:var(--accent-soft);text-shadow:0 2px 0 rgba(0,0,0,.25)}.tagline{margin:.35rem 0 0;color:var(--muted);font-size:1rem}.view-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.view-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:7px;padding:.55rem .75rem;font:inherit;font-size:.9rem;font-weight:600;letter-spacing:.03em;color:var(--muted);background:transparent;cursor:pointer}.view-tab:hover{color:var(--text)}.view-tab.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-soft) 35%,transparent)}.view-tab-count{font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-soft)}.app-db-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.75rem}.app-db-head .section-title{margin-bottom:.35rem}.app-db-blurb{margin:0;max-width:28rem;color:var(--muted);font-size:.9rem;line-height:1.45}.app-db-stats{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.app-db-stats strong{color:var(--text);font-variant-numeric:tabular-nums}.app-db-stats-sep{margin:0 .45rem}.app-db-search{display:block;margin:0 0 1rem}.reset-trainer{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--accent-soft) 45%,var(--border));border-radius:10px;padding:.65rem .9rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--accent-soft);background:color-mix(in srgb,var(--accent) 12%,transparent);cursor:pointer;white-space:nowrap}.reset-trainer:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,transparent)}.reset-trainer:disabled{opacity:.55;cursor:wait}.reset-trainer-inline{flex:0 0 auto;align-self:stretch}.debug-toggles{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin-bottom:.85rem}.debug-toggle{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;color:var(--muted);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.debug-toggle input{accent-color:var(--accent)}.terrain-rate,.terrain-rate-inline{color:var(--accent-soft);font-variant-numeric:tabular-nums}.terrain-rate{margin-left:.25rem;font-size:.75rem}.hotspot-rate-note{margin:.35rem 0 0;font-size:.75rem;color:var(--muted)}.command-log{margin-bottom:1rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,#061018 70%,var(--surface));overflow:hidden}.command-log-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.command-log-head h2{margin:0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.command-log-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:6px;padding:.25rem .55rem;font:inherit;font-size:.75rem;color:var(--muted);background:transparent;cursor:pointer}.command-log-clear:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent-soft) 40%,var(--border))}.command-log-list{list-style:none;margin:0;padding:.35rem 0;max-height:220px;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.45}.command-row{display:grid;grid-template-columns:6.5rem 3.6rem 1fr;gap:.5rem;padding:.2rem .75rem}.command-empty{padding:.55rem .75rem;color:var(--muted)}.command-time{color:var(--muted);white-space:nowrap}.command-side{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.side-client .command-side{color:#7dd3fc}.side-server .command-side{color:#fbbf24}.command-msg{color:var(--text);word-break:break-word}.world-panel{margin-bottom:.75rem}.world-panel-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.world-hint{margin:.35rem 0 .75rem;color:var(--muted);font-size:.9rem}.map-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.75rem}.map-picker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid var(--border);border-radius:8px;padding:.5rem .55rem;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);cursor:pointer;transition:border-color .14s ease,background .14s ease}.map-picker-btn:hover{border-color:color-mix(in srgb,var(--accent-soft) 35%,var(--border))}.map-picker-btn.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.map-picker-name{display:block;font-family:var(--font-display);font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.map-picker-blurb{display:block;margin-top:.2rem;color:var(--muted);font-size:.72rem;line-height:1.3}@media (max-width: 560px){.map-picker{grid-template-columns:1fr}}.world-map{display:grid;gap:2px;padding:.5rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,#000);outline:none;cursor:pointer;overflow-x:auto;transition:box-shadow .16s ease,border-color .16s ease}.world-map.is-focused{border-color:color-mix(in srgb,var(--accent-soft) 45%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.dpad{display:grid;grid-template-columns:repeat(3,2.75rem);grid-template-rows:repeat(3,2.75rem);gap:.35rem;justify-content:center;margin:.85rem 0 .5rem;touch-action:manipulation}.dpad-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.dpad-spacer{grid-column:2;grid-row:2}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.dpad-btn:hover{border-color:color-mix(in srgb,var(--accent-soft) 40%,var(--border))}.dpad-btn:active{transform:translateY(1px);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.world-row{display:grid;grid-template-columns:repeat(14,minmax(28px,1fr));gap:2px}.tile{aspect-ratio:1;min-height:28px;border-radius:3px;position:relative;display:grid;place-items:center;transition:filter .12s ease}.tile-path{background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.08) 40%),var(--tile-path)}.tile-grass{background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px),var(--tile-grass)}.tile-forest{background:radial-gradient(circle at 30% 40%,rgba(0,0,0,.25) 0 2px,transparent 3px),radial-gradient(circle at 70% 55%,rgba(0,0,0,.2) 0 2px,transparent 3px),var(--tile-forest)}.tile-water{background:repeating-linear-gradient(180deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 5px),var(--tile-water)}.tile-mountain{background:linear-gradient(160deg,#8a8480 0%,var(--tile-mountain) 55%,#4a4543 100%)}.tile-sand{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.12) 0 1px,transparent 2px),var(--tile-sand)}.tile.has-player{filter:brightness(1.12);box-shadow:inset 0 0 0 2px #ffd54f8c}.tile.is-hotspot{box-shadow:inset 0 0 0 2px #e53935}.tile.is-hotspot.has-player{box-shadow:inset 0 0 0 2px #e53935,0 0 0 1px #ffd54fb3}.player{color:var(--player);font-size:.85rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55);animation:player-bob .9s ease-in-out infinite}@keyframes player-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.terrain-legend{list-style:none;margin:.65rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem .9rem;color:var(--muted);font-size:.8rem}.terrain-legend li{display:inline-flex;align-items:center;gap:.35rem}.swatch{width:.85rem;height:.85rem;border-radius:2px;display:inline-block}.location-status{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.location-status strong{color:var(--text);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.search{flex:1 1 220px}.search input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;font:inherit;color:var(--text);background:color-mix(in srgb,var(--surface) 88%,transparent)}.search input::placeholder{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.encounter-banner{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent-soft) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));animation:encounter-in .28s ease-out}@keyframes encounter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.encounter-banner img{image-rendering:pixelated;background:rgba(255,255,255,.06);border-radius:8px}.encounter-banner .eyebrow{margin:0;color:var(--accent-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.encounter-banner h2{margin:.15rem 0 0;text-transform:capitalize;font-size:1.25rem}.section-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.main{display:grid;gap:1rem}.status{color:var(--muted)}.status.error{color:var(--accent-soft)}.pokemon-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.pokemon-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:12px}.pokemon-item img{image-rendering:pixelated;background:rgba(255,255,255,.06);border-radius:8px}.pokemon-item h2{margin:0;font-size:1.15rem;text-transform:capitalize}.id{color:var(--muted);font-weight:500;font-size:.95rem}.types{margin:.25rem 0 0;color:var(--muted);text-transform:capitalize;font-size:.9rem}.source-head{margin-bottom:.85rem}.source-blurb{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.source-blurb code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em;color:var(--accent-soft)}.source-layout{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);gap:.75rem;align-items:start}.source-nav{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);overflow:hidden}.source-file-list{list-style:none;margin:0;padding:.35rem 0;max-height:min(70vh,36rem);overflow:auto}.source-file-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;border:none;border-left:3px solid transparent;padding:.45rem .65rem;font:inherit;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.35;color:var(--muted);background:transparent;cursor:pointer;word-break:break-all}.source-file-btn:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.source-file-btn.is-active{color:var(--text);border-left-color:var(--accent-soft);background:color-mix(in srgb,var(--accent) 16%,transparent)}.source-pane{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,#061018 75%,var(--surface));overflow:hidden;min-width:0}.source-pane-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.source-path{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;color:var(--accent-soft);word-break:break-all}.source-meta{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.source-code{margin:0;padding:.85rem .9rem 1.1rem;max-height:min(70vh,36rem);overflow:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.5;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2}.source-code code{font:inherit}@media (max-width: 720px){.source-layout{grid-template-columns:1fr}.source-file-list{max-height:10rem;display:flex;flex-wrap:wrap;gap:.15rem;padding:.4rem}.source-file-list li{flex:0 0 auto}.source-file-btn{width:auto;border-left:none;border-radius:6px;padding:.35rem .5rem}.source-file-btn.is-active{border-left:none}}@media (max-width: 520px){.world-row{grid-template-columns:repeat(14,minmax(22px,1fr))}.tile{min-height:22px}}