:root{--ink: #17324d;--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .94);--gold: #ffd166;--mint: #82d173;--sky: #8ecae6;--berry: #ef476f;color-scheme:light;font-family:Trebuchet MS,Avenir Next,sans-serif;background:radial-gradient(circle at top,#fdf6c8 0%,#fdf6c8 18%,transparent 19%),linear-gradient(180deg,#fff7d6,#d7f9f1,#f9dcc4);color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.65),transparent 30%),linear-gradient(180deg,#fff7d6,#d7f9f1 55%,#f9dcc4);overscroll-behavior:none}button{font:inherit}#app{min-height:100vh}.shell{width:min(1180px,100%);margin:0 auto;padding:14px 16px 18px;display:grid;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-actions{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.88),transparent 18%),linear-gradient(180deg,#ff9f1c,#ffbf69);box-shadow:0 12px 28px #ff9f1c3d;color:#fff;font-size:1.8rem;font-weight:900}.eyebrow,h1,h2,p,small{margin:0}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#7c6f50}h1,h2{font-size:clamp(1.5rem,4vw,2.2rem)}.pill{min-width:76px;min-height:54px;padding:7px 12px;border-radius:999px;background:var(--panel-strong);border:3px solid rgba(255,255,255,.75);text-align:center;font-size:1.1rem;font-weight:900;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 28px #1f29371f}.pill img{width:30px;height:32px;image-rendering:pixelated}.pill span{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#e0fbfc;color:#25606f;font-size:.86rem}.bag-btn{width:52px;height:52px;border:0;border-radius:18px;background:#ffffffdb;box-shadow:inset 0 -8px #00000014;font-size:1.4rem;cursor:pointer}.bag-btn.active{background:linear-gradient(180deg,#ffe29a,#ffd166)}.bag-btn:disabled{opacity:.45;cursor:default}.game-frame{position:relative;overflow:hidden;border-radius:28px;border:5px solid rgba(255,255,255,.78);box-shadow:0 22px 56px #4a4e692e;background:linear-gradient(180deg,#ffffff75,#ffffff3d),#fff6}.bag-btn.in-frame{position:absolute;top:16px;right:16px;z-index:4}.zone-chip{position:absolute;top:16px;left:16px;z-index:4;padding:10px 14px;border-radius:999px;background:var(--panel-strong);box-shadow:0 10px 22px #0f172a24;font-weight:900;color:#334155}#game{aspect-ratio:14 / 10}#game canvas{display:block}.overlay{position:absolute;inset:0;padding:18px;display:flex;align-items:flex-end;pointer-events:none}.overlay:has(.battle-screen){padding:0;align-items:stretch}.overlay-card{pointer-events:auto;width:min(100%,420px);padding:18px;border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.8);box-shadow:0 16px 38px #1f293724}.map-card{width:auto;min-width:292px}.map-card-top,.battle-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff4cf;color:#7c4f2d;font-size:.82rem;font-weight:900;text-transform:uppercase}.map-progress,.battle-tip{color:#64748b;font-size:.82rem;font-weight:800}.quest-row{margin:12px 0 10px;min-height:72px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:10px}.quest-target{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 35%,#fffffff5,#ffffff6b 62%),linear-gradient(180deg,#fff7d6,#d7f9f1);box-shadow:inset 0 -8px #00000014,0 10px 20px #0f172a1f}.quest-target.done{background:linear-gradient(180deg,#caffbf,#90be6d)}.exit-target:before{content:"";width:34px;height:34px;border-radius:8px;background:linear-gradient(180deg,#ffd166,#f4a261);border:4px solid #fff;box-shadow:0 8px 16px #78350f2e;transform:rotate(45deg)}.quest-arrow{height:14px;border-radius:999px;background:repeating-linear-gradient(90deg,#ffd166f2 0 18px,#fff0 18px 30px),#ffffff8c;position:relative;overflow:hidden}.quest-arrow:after{content:"";position:absolute;right:-2px;top:50%;width:24px;height:24px;border-radius:6px;background:#ffd166;transform:translateY(-50%) rotate(45deg);border-top:4px solid #fff;border-right:4px solid #fff}.capture-track{display:flex;flex-wrap:wrap;gap:6px}.progress-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--dot-color),white 46%);border:2px solid rgba(255,255,255,.9);box-shadow:inset 0 -3px #00000014;overflow:hidden}.progress-dot img{width:21px;height:21px;object-fit:contain;image-rendering:pixelated;opacity:.5;filter:saturate(.65)}.progress-dot.captured{background:linear-gradient(180deg,#caffbf,#90be6d)}.progress-dot.captured img{opacity:1;filter:none}.progress-dot.defeated{background:linear-gradient(180deg,#fee2e2,#fecaca)}.overlay-stack{display:grid;gap:12px}.backpack-panel{width:min(100%,360px);padding:16px;border-radius:28px;background:var(--panel-strong);border:3px solid rgba(255,255,255,.82);box-shadow:0 16px 38px #1f293724;pointer-events:auto}.backpack-head{display:flex;align-items:center;gap:12px;font-weight:900}.backpack-grid{margin-top:12px;display:grid;gap:10px}.backpack-item,.backpack-empty{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border-radius:18px;background:linear-gradient(180deg,#fff7d6,#edfdf8);font-weight:800}.gabimon-portrait{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.gabimon-portrait.small{width:52px;height:52px;flex:0 0 auto;filter:drop-shadow(0 4px 0 rgba(15,23,42,.12))}.hint-row{display:flex;align-items:center;gap:12px;font-weight:800}.hint-row small,.battle-sub{display:block;margin-top:4px;color:#6b7280;font-size:.86rem;font-weight:700}.big-icon{font-size:1.8rem}.battle-card,.complete-card{display:grid;gap:14px}.finale-card{width:min(100%,760px);justify-self:center;background:radial-gradient(circle at top,#fff4cfe6,#ffffffeb 42%),#fffffff0}.finale-stage{position:relative;min-height:210px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at top,rgba(255,211,105,.65),transparent 42%),linear-gradient(180deg,#fff7d6,#e0fbfc 68%,#fff 68% 100%)}.finale-glow{position:absolute;inset:auto 50% 34px auto;width:220px;height:64px;transform:translate(50%);border-radius:999px;background:#ffd16647;filter:blur(10px)}.finale-podium{position:relative;width:220px;height:170px;display:grid;place-items:end center}.finale-podium-top{position:absolute;bottom:0;width:180px;height:60px;border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#ffd166,#f4a261);box-shadow:inset 0 -12px #00000014,0 14px 24px #78350f2e}.finale-podium-top:before{content:"";position:absolute;inset:10px 18px auto;height:10px;border-radius:999px;background:#ffffff73}.finale-player{position:relative;z-index:1;width:92px;height:auto;margin-bottom:34px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 12px 18px rgba(0,0,0,.2))}.finale-summary{display:grid;grid-template-columns:1fr;gap:14px}.finale-list{padding:14px;border-radius:20px;background:linear-gradient(180deg,#fff7d6,#edfdf8);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.finale-list.defeated{background:linear-gradient(180deg,#ffe5e5,#fff3f3)}.finale-list h3{margin:0;font-size:1rem}.finale-item,.finale-empty{display:flex;align-items:center;justify-content:center;min-height:60px;min-width:60px;padding:6px;border-radius:16px;background:#ffffffb8;font-weight:800}.finale-item .gabimon-portrait.small{width:56px;height:56px}.finale-replay{justify-self:center;min-width:180px;min-height:64px;padding:0 20px;border-radius:20px;background:linear-gradient(180deg,#caffbf,#90be6d);box-shadow:inset 0 -10px #00000014}.battle-screen{width:100%;display:grid;grid-template-rows:1fr auto;background:linear-gradient(180deg,#ffffff29,#fff0 32%),linear-gradient(180deg,#c7efff,#88d498 54%,#fffaf0 54% 100%)}.zone-prairie{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.8),transparent 18%),linear-gradient(180deg,#c7efff,#88d498 54%,#fffaf0 54% 100%)}.zone-forest{background:radial-gradient(circle at 52% 14%,rgba(255,255,255,.42),transparent 18%),linear-gradient(180deg,#9fd3c7,#4f7d3a 54%,#fff8ef 54% 100%)}.zone-volcano{background:radial-gradient(circle at 50% 10%,rgba(255,214,102,.25),transparent 18%),linear-gradient(180deg,#2d1f26,#7f3121 40%,#ff8c42 54%,#fff3ea 54% 100%)}.zone-cave{background:radial-gradient(circle at 46% 10%,rgba(191,219,254,.2),transparent 18%),linear-gradient(180deg,#111827,#334155 44%,#64748b 54%,#eef2ff 54% 100%)}.zone-sewer{background:radial-gradient(circle at 34% 12%,rgba(134,239,172,.16),transparent 18%),linear-gradient(180deg,#1f2937,#35594a 42%,#0f766e 54%,#ecfccb 54% 100%)}.battle-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:30px 34px 18px;overflow:hidden}.battle-stage:before,.battle-stage:after{content:"";position:absolute;bottom:38px;width:180px;height:46px;border-radius:999px;background:#72b67a47;box-shadow:0 10px 30px #00000014}.battle-stage:before{left:56px}.battle-stage:after{right:56px}.zone-forest .battle-stage:before,.zone-forest .battle-stage:after{background:#355e2d57}.zone-volcano .battle-stage:before,.zone-volcano .battle-stage:after{background:#5c40336b}.zone-sewer .battle-stage:before,.zone-sewer .battle-stage:after{background:#0f766e4d}.battle-monster{position:relative;min-height:120px;display:grid;place-items:center;overflow:visible;border-radius:24px;background:transparent}.player-side,.enemy-side{background:transparent;min-height:220px}.player-side{justify-self:start;align-self:end}.enemy-side{justify-self:end;align-self:start;transform:translateY(18px)}.player-battle-portrait{width:148px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 18px 18px rgba(0,0,0,.24));transform-origin:center bottom}.trainer-shadow{position:absolute;bottom:24px;width:140px;height:24px;border-radius:999px;background:#1f293729}.battle-aura{width:170px;height:170px;border-radius:999px;background:var(--monster-color);opacity:.42;filter:blur(18px);animation:auraBreathe 1.4s ease-in-out infinite}.monster-face{position:absolute;inset:-14px 0 0;display:grid;justify-items:center;gap:10px;z-index:2}.monster-name{padding:6px 10px;border-radius:999px;background:#ffffffe6;font-weight:900;color:#334155;box-shadow:0 10px 20px #0f172a29}.hp-box{display:grid;gap:4px;justify-items:center;padding:6px 10px;border-radius:18px;background:#ffffffc7}.hp-label{font-size:.72rem;font-weight:900;color:#6b7280;text-transform:uppercase}.hp-bar{display:flex;gap:6px}.hp-heart{width:22px;height:12px;border-radius:999px;background:#cbd5e1cc}.hp-heart.full{background:linear-gradient(180deg,#ff6b6b,#ef476f);box-shadow:0 0 16px #ef476f42}.gabimon-portrait.battle{width:176px;height:176px;transform-origin:center bottom;filter:drop-shadow(0 16px 18px rgba(0,0,0,.2));z-index:1}.capture-arena{position:relative;width:200px;height:190px;display:grid;place-items:center}.capture-jar{position:absolute;left:-54px;bottom:20px;width:44px;height:44px;opacity:0;transform:scale(.7);image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 10px 20px rgba(15,23,42,.24));z-index:4}.capture-jar.show{opacity:1}.capture-jar.capture-throw{animation:throwJar .7s cubic-bezier(.2,.8,.2,1) forwards}.capture-jar.capture-success{left:calc(50% - 22px);bottom:56px;opacity:1;animation:jarShake .75s ease-in-out,jarSuccessGlow .8s ease-out forwards}.capture-jar.capture-fail{left:calc(50% - 22px);bottom:56px;opacity:1;animation:jarShake .45s ease-in-out,jarFailBurst .75s ease forwards}.capture-success{position:absolute;top:28px;font-size:1.25rem;letter-spacing:.2em;color:#ffd166;text-shadow:0 0 16px rgba(255,209,102,.7);opacity:0;transform:translateY(10px) scale(.8);z-index:5}.capture-success.show{animation:captureStars .8s ease forwards}.gabimon-portrait.battle.captured-away{animation:monsterCaptureHide .36s ease forwards}.gabimon-portrait.battle.return-pop{animation:monsterReturn .55s ease forwards}.gabimon-portrait.battle.pulse-spark,.gabimon-portrait.battle.pulse-bubble{animation:pop .45s ease}.attack-burst{min-height:34px;display:grid;place-items:center}.burst-icon{font-size:1.8rem;animation:pop .45s ease}.battle-message{font-size:1rem;font-weight:800}.battle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.battle-card{width:100%;max-width:none;border-radius:24px 24px 0 0;padding:18px 18px 24px;background:linear-gradient(180deg,#fffffff0,#ffffffdb),var(--panel-strong)}.action-btn,.pad-btn{border:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.action-btn:hover,.action-btn:focus-visible,.pad-btn:hover,.pad-btn:focus-visible{transform:translateY(-2px) scale(1.02)}.action-btn{min-height:124px;border-radius:22px;display:grid;justify-items:center;align-content:center;gap:8px;font-weight:900;color:#1f2937;text-align:center;background:transparent;box-shadow:none;padding:0;position:relative}.action-btn:disabled{opacity:.55;cursor:default;transform:none}.action-btn small{font-size:.76rem;color:#0f172ab8;font-weight:800}.action-btn-art{width:min(100%,210px);height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 8px 14px rgba(15,23,42,.16))}.action-btn.recommended:before{content:"";position:absolute;inset:5px 12px 18px;border-radius:26px;background:#ffd1666b;filter:blur(12px);z-index:-1;animation:readyGlow .8s ease-in-out infinite alternate}.action-btn.recommended .action-btn-art{animation:pop .72s ease-in-out infinite}.action-btn.soft-disabled .action-btn-art{filter:grayscale(.35) opacity(.58)}.celebration{color:#ff9f1c;letter-spacing:.24em;font-weight:900}.replay{background:linear-gradient(180deg,#caffbf,#90be6d)}.pad{width:min(340px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left . right" ". down .";gap:12px}.up{grid-area:up}.left{grid-area:left}.right{grid-area:right}.down{grid-area:down}.pad-btn{min-height:72px;border-radius:22px;background:#ffffffd6;box-shadow:inset 0 -8px #00000014;font-size:1.6rem}@keyframes auraBreathe{0%,to{transform:scale(.96);opacity:.34}50%{transform:scale(1.06);opacity:.5}}@keyframes readyGlow{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes throwJar{0%{opacity:0;transform:translate(-90px,38px) scale(.6) rotate(-18deg)}20%{opacity:1}70%{opacity:1;transform:translate(52px,-52px) scale(.95) rotate(165deg)}to{opacity:1;transform:translate(118px,-8px) scale(1) rotate(220deg)}}@keyframes jarShake{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-8px) rotate(-10deg)}40%{transform:translate(8px) rotate(10deg)}60%{transform:translate(-5px) rotate(-8deg)}80%{transform:translate(5px) rotate(8deg)}}@keyframes jarSuccessGlow{0%{filter:drop-shadow(0 10px 20px rgba(15,23,42,.24))}to{filter:drop-shadow(0 10px 20px rgba(15,23,42,.24)) drop-shadow(0 0 26px rgba(255,209,102,.85))}}@keyframes jarFailBurst{0%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.35)}}@keyframes captureStars{0%{opacity:0;transform:translateY(10px) scale(.8)}30%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:1;transform:translateY(-8px) scale(1)}}@keyframes monsterCaptureHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.42)}}@keyframes monsterReturn{0%{opacity:0;transform:scale(.35)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:780px){.shell{padding:14px 10px 20px;gap:10px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:auto}.bag-btn.in-frame{top:10px;right:10px}.zone-chip{top:10px;left:10px}.overlay{position:static;padding:8px;display:block;background:linear-gradient(180deg,#ffffff61,#ffffffb8)}.overlay:has(.battle-screen){position:absolute;inset:0;padding:0;display:flex;align-items:stretch;background:transparent}.overlay-card{width:100%;padding:12px;border-radius:22px}.map-card{min-width:0;width:min(100%,330px)}.map-card-top{min-height:24px}.quest-row{margin:8px 0;min-height:50px;grid-template-columns:52px 1fr 52px;gap:7px}.quest-target{width:52px;height:52px;border-radius:18px}.exit-target:before{width:26px;height:26px;border-radius:7px;border-width:3px}.quest-arrow{height:12px}.capture-track{max-height:44px;overflow:hidden;gap:4px}.progress-dot{width:20px;height:20px;border-width:1px}.progress-dot img{width:18px;height:18px}.hint-row{gap:8px;font-size:.9rem;line-height:1.1}.hint-row .big-icon{font-size:1.35rem}.battle-stage{padding:20px 14px 12px}.battle-stage:before,.battle-stage:after{width:110px;bottom:18px}.battle-stage:before{left:12px}.battle-stage:after{right:12px}.player-battle-portrait{width:112px}.player-side,.enemy-side{min-height:160px}.gabimon-portrait.battle{width:128px;height:128px}.finale-summary{grid-template-columns:1fr}.finale-card{width:100%}}