:root{color:#f6f2e7;background:#101817;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 50% -20%,#315b43 0,transparent 42rem),#101817}button{font:inherit}button:focus-visible{outline:3px solid #f6c85f;outline-offset:3px}.game-shell{width:min(100%,88rem);min-height:100dvh;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{margin:0 0 .3rem;color:#f6c85f;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1}h2{margin-bottom:.5rem}.topbar__status{display:flex;align-items:center;gap:.55rem;color:#d9e5d5;font-size:.9rem;font-weight:700}.status-dot{width:.65rem;height:.65rem;border-radius:999px;background:#79d480;box-shadow:0 0 0 .25rem #79d48024}.starter-panel,.battle-panel,.hud-card{border:1px solid #3a5344;background:#14221ef0;box-shadow:0 1.5rem 3rem #0000003d}.starter-panel{max-width:52rem;margin:8vh auto;padding:clamp(1.5rem,5vw,3rem);border-radius:1.25rem;text-align:center}.starter-panel p:not(.eyebrow){max-width:48ch;margin:0 auto 1.5rem;color:#bbcabd;line-height:1.55}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.starter-choice{min-height:10rem;border:1px solid #55715b;border-radius:.9rem;background:#172b24;color:#f6f2e7;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,background .18s ease}.starter-choice:hover{background:#234233;transform:translateY(-3px)}.starter-choice span{display:block;font-weight:800}.pixel-sprite{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,21rem);gap:1.25rem}.battle-panel{overflow:hidden;border-radius:1.25rem}.route-banner{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid #3a5344;background:#172b24;color:#e2ecdd}.route-banner strong,.resource-row strong{color:#f6c85f}.battle-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:32rem;padding:2rem;overflow:hidden;background:linear-gradient(#a0c9d7 0 44%,#678f57 44% 47%,#3e713c 47%);isolation:isolate}.battle-stage:after{position:absolute;inset:auto 0 0;z-index:-1;height:45%;content:"";opacity:.42;background-image:linear-gradient(90deg,rgb(255 255 255 / .16) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / .12) 1px,transparent 1px);background-size:2rem 2rem}.trainer{position:absolute;inset:3rem auto auto 2rem;display:grid;color:#122014;font-size:.75rem;font-weight:800;text-align:center}.pixel-sprite--trainer{width:72px;height:72px}.creature-card{align-self:end;justify-self:center;width:min(100%,16rem);padding:.8rem;border:1px solid rgb(255 255 255 / .45);border-radius:.75rem;background:#101f19d1;color:#f6f2e7}.creature-card--opponent{align-self:start}.creature-card__identity{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem}.creature-card__identity strong{color:#f6c85f}.creature-card .pixel-sprite{display:block;width:112px;height:112px;margin:.4rem auto -.8rem}.meter{display:flex;align-items:center;gap:.5rem;color:#d5e2d2;font-size:.72rem;font-variant-numeric:tabular-nums}.meter__track{flex:1;height:.52rem;overflow:hidden;border-radius:999px;background:#293c34}.meter__fill{display:block;height:100%;border-radius:inherit;background:#79d480;transition:width .18s ease}.searching{align-self:center;justify-self:center;padding:.75rem 1rem;border:1px dashed #f1e4ae;border-radius:999px;color:#172b24;font-weight:800}.capture-window{position:absolute;inset:auto 1rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.25rem .7rem;padding:.8rem 1rem;border:1px solid #f6c85f;border-radius:.75rem;background:#172b24;color:#fff5c9}.capture-window span{font-size:1.25rem;font-weight:900}.capture-window small{grid-column:1 / -1;color:#d5e2d2}.side-panel{display:grid;align-content:start;gap:1rem}.hud-card{padding:1rem;border-radius:.9rem}.hud-card>p{margin-bottom:.45rem;color:#a9c7a7;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hud-card small{display:block;margin-top:.6rem;color:#bbcabd}.resource-row{display:flex;justify-content:space-between;gap:.5rem;color:#d5e2d2}.resource-row strong{font-variant-numeric:tabular-nums}.secondary-button{width:100%;min-height:44px;margin-top:1rem;border:1px solid #6e9874;border-radius:.55rem;background:transparent;color:#e5efe1;cursor:pointer;touch-action:manipulation}.secondary-button:hover:not(:disabled){background:#294735}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.event-card ol{display:grid;gap:.55rem;padding-left:1.1rem;margin:0;color:#d5e2d2;font-size:.84rem;line-height:1.35}footer{margin-top:1.25rem;color:#9eb39d;font-size:.75rem;line-height:1.5;text-align:center}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.game-grid{grid-template-columns:1fr}.battle-stage{min-height:26rem;padding:1rem}.trainer{inset:1rem auto auto 1rem}.creature-card{width:100%}.starter-grid{gap:.5rem}.starter-choice{min-height:8rem}.starter-choice .pixel-sprite{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.world-map{position:relative;min-height:34rem;overflow:hidden;background-color:#5a943f;background-image:linear-gradient(30deg,rgb(255 255 255 / .08) 12%,transparent 12.5%,transparent 87%,rgb(0 0 0 / .06) 87.5%),linear-gradient(150deg,rgb(255 255 255 / .06) 12%,transparent 12.5%,transparent 87%,rgb(0 0 0 / .06) 87.5%);background-size:32px 32px}.route-path{position:absolute;inset:0 8%;background:#d7b77b;clip-path:polygon(0 42%,11% 42%,18% 34%,31% 34%,38% 46%,52% 46%,61% 34%,78% 34%,86% 50%,100% 50%,100% 68%,83% 68%,75% 53%,65% 53%,57% 66%,35% 66%,27% 52%,20% 52%,13% 60%,0 60%);box-shadow:inset 0 0 0 4px #75522733}.grass{position:absolute;width:17%;height:21%;border:3px solid rgb(25 84 37 / .25);background:repeating-linear-gradient(90deg,transparent 0 10px,rgb(32 113 46 / .5) 11px 13px,transparent 14px 20px)}.grass--one{top:10%;left:12%}.grass--two{right:9%;bottom:9%}.world-sprite{position:absolute;z-index:3;width:64px;height:64px;object-fit:contain;image-rendering:pixelated;transform:translate(-50%);transition:left .25s linear,transform .15s ease}.world-sprite--trainer{top:47%;z-index:4}.world-sprite--partner{top:56%}.world-sprite--opponent{top:40%;filter:drop-shadow(0 3px 0 rgb(0 0 0 / .25))}.world-map:not(.world-map--encounter) .world-sprite--trainer{animation:walker-bob .5s steps(2,end) infinite}.world-map:not(.world-map--encounter) .world-sprite--partner{animation:walker-bob .5s steps(2,end) infinite reverse}.world-label{position:absolute;z-index:5;top:41%;padding:.2rem .35rem;border-radius:.3rem;background:#0d1e13d1;color:#fff8df;font-size:.7rem;font-weight:800;transform:translate(-50%);transition:left .25s linear}.world-hint{position:absolute;inset:auto 1rem 1rem;z-index:6;padding:.5rem .8rem;border:1px solid rgb(255 255 255 / .45);border-radius:.45rem;background:#0f2514d4;color:#f5f0d3;font-size:.82rem;font-weight:700}.world-map--encounter:after{position:absolute;inset:0;z-index:2;content:"";background:#23100e1f;box-shadow:inset 0 0 0 6px #dd71419e;pointer-events:none}.combat-readout{position:absolute;inset:1rem 1rem auto;z-index:7;display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.combat-readout .creature-card{width:min(45%,13rem)}.combat-readout .creature-card .pixel-sprite{display:none}.capture-window{z-index:8}@keyframes walker-bob{50%{transform:translate(-50%) translateY(-4px)}}@media(max-width:760px){.world-map{min-height:27rem}.combat-readout{inset:.7rem}.combat-readout .creature-card{padding:.5rem}.world-sprite{width:54px;height:54px}}.world-map{background-color:#5a943f;background-image:url(/assets/vks/route1/grass.png);background-repeat:repeat;background-size:32px 32px}.route-path{background:#d8b879f0;box-shadow:inset 0 0 0 4px #7552274d,0 2px #fff4c438}.grass{background:#18592740;border-color:#10481f73}.world-sprite{transition:left .25s linear}.world-map:not(.world-map--encounter) .world-sprite--trainer,.world-map:not(.world-map--encounter) .world-sprite--partner{animation:none}.world-sprite--fainted{opacity:.72;filter:grayscale(1) brightness(.72) drop-shadow(0 3px 0 rgb(0 0 0 / .25));transform:translate(-50%) rotate(82deg) translateY(10px);transform-origin:50% 70%}.razor-leaf-burst{position:absolute;z-index:9;top:55%;left:58%;width:34px;height:34px;pointer-events:none}.razor-leaf-burst img{position:absolute;width:30px;height:30px;image-rendering:pixelated;animation:razor-leaf-flight .72s steps(6,end) both}.razor-leaf-burst img:nth-child(2){animation-delay:80ms;transform:translateY(-15px) rotate(40deg)}.razor-leaf-burst img:nth-child(3){animation-delay:.14s;transform:translateY(14px) rotate(-38deg)}.pokeball-flight{position:absolute;z-index:10;top:56%;left:55%;width:32px;height:32px;image-rendering:pixelated;pointer-events:none;animation:ball-throw 1.15s steps(10,end) both}.pokeball-flight--failed{animation:ball-failed .52s steps(4,end) both}@keyframes razor-leaf-flight{0%{opacity:0;transform:translate(-105px,8px) rotate(-30deg) scale(.55)}16%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(95px,-18px) rotate(390deg) scale(1.12)}}@keyframes ball-throw{0%{opacity:0;transform:translate(-112px,12px) rotate(0) scale(.7)}10%{opacity:1}55%{transform:translate(-18px,-78px) rotate(420deg) scale(1)}88%{opacity:1;transform:translate(105px,2px) rotate(800deg) scale(.9)}to{opacity:1;transform:translate(105px,2px) rotate(820deg) scale(.9)}}@keyframes ball-failed{0%{transform:translate(105px,2px) rotate(820deg) scale(.9)}45%{transform:translate(105px,-20px) rotate(980deg) scale(.96)}to{transform:translate(105px,10px) rotate(1100deg) scale(.82)}}.world-map{background-position:0 0;animation:terrain-scroll 1.25s linear infinite}.route-path{inset:-10% auto -10% 25%;width:50%;height:120%;clip-path:none;border-inline:4px solid rgb(117 82 39 / .3);box-shadow:inset 0 0 0 3px #fff4c42e}.world-sprite{transition:none}.world-sprite--trainer{top:47%;width:84px;height:84px}.world-sprite--partner{top:50%;width:58px;height:58px}.world-label{top:41%;transition:none}.world-map--encounter{animation-play-state:paused}@keyframes terrain-scroll{0%{background-position:0 0}to{background-position:0 64px}}.world-tree{position:absolute;z-index:2;top:-7rem;width:4rem;height:5rem;image-rendering:pixelated;animation:landmark-scroll 3.6s linear infinite}.world-tree:before{position:absolute;top:.6rem;left:.5rem;width:3rem;height:3.25rem;content:"";background:#2b7338;box-shadow:.5rem -.5rem #478f42,1rem 0 #478f42,-.25rem 1rem #215f33,1.25rem 1rem #215f33,.25rem 1.75rem #1b4d2c}.world-tree:after{position:absolute;bottom:.3rem;left:1.7rem;width:.7rem;height:1.65rem;content:"";background:#6d4828;box-shadow:.25rem 0 #432c1d}.world-tree--one{left:7%;animation-delay:-1.1s}.world-tree--two{right:7%;animation-delay:-2.6s;transform:scale(.82)}.world-tree--three{left:12%;animation-delay:-.1s;transform:scale(.62)}@keyframes landmark-scroll{0%{translate:0 -5rem}to{translate:0 42rem}}.world-map{position:relative;width:100%;height:clamp(27rem,72svh,42rem);min-height:27rem;overflow:hidden;isolation:isolate;background:#315f35;image-rendering:pixelated;animation:none}.world-map-shell{position:relative}.world-map canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.world-map:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgb(18 47 28 / .2),transparent 12% 88%,rgb(18 47 28 / .2)),linear-gradient(180deg,rgb(255 235 182 / .035),transparent 24% 78%,rgb(10 30 17 / .12));pointer-events:none}.world-map--loading{display:grid;place-items:center;color:#ecf3df;font-size:.9rem;font-weight:700}.world-map__error{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;background:#25482f;color:#fff4dc;text-align:center}.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}@media(max-width:760px){.world-map{height:clamp(27rem,72svh,36rem)}}