html[data-theme=light]{--text-1: #1f2a37;--text-2: #5b6776;--text-3: #ffffff;--text-4: #c2410c;--text-5: #15803d;--text-6: #b91c1c;--bg-1: rgba(255, 255, 255, .92);--bg-2: rgba(255, 255, 255, .72);--bg-3: #2563eb;--bg-4: #e5e7eb;--bg-5: rgba(15, 23, 42, .45);--bg-6: #f472b6}html[data-theme=dark]{--text-1: #e5e7eb;--text-2: #9ca3af;--text-3: #ffffff;--text-4: #fb923c;--text-5: #4ade80;--text-6: #f87171;--bg-1: rgba(17, 24, 39, .94);--bg-2: rgba(17, 24, 39, .72);--bg-3: #3b82f6;--bg-4: #374151;--bg-5: rgba(0, 0, 0, .55);--bg-6: #db2777}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-1);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{width:100%;height:100%;display:block;touch-action:none}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:40px;background:var(--bg-1)}.hud{position:absolute;left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));display:flex;flex-wrap:wrap;gap:6px;max-width:58vw;pointer-events:none}.hud-title{width:100%;font-weight:800;font-size:18px;color:var(--text-3);text-shadow:0 1px 3px var(--bg-5)}.chip{background:var(--bg-2);border-radius:999px;padding:4px 10px;font-size:13px;display:flex;gap:4px;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar{position:absolute;right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));display:flex;gap:6px}.btn{font:inherit;border:0;border-radius:12px;padding:10px 14px;min-height:44px;min-width:44px;cursor:pointer;background:var(--bg-4);color:var(--text-1);font-weight:600;touch-action:manipulation}.btn.primary{background:var(--bg-3);color:var(--text-3)}.btn.dim{opacity:.5}.btn:active{transform:scale(.96)}.top-btn{background:var(--bg-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.actions{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;grid-template-columns:auto auto auto;grid-template-areas:"summon use dig" "play talk ball" "ride tame tame";gap:10px;justify-items:end}.act{border:0;border-radius:50%;width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-2);color:var(--text-1);font:inherit;font-weight:700;font-size:12px;cursor:pointer;touch-action:none;box-shadow:0 3px 10px var(--bg-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.act-i{font-size:26px;line-height:1.1}.act-l{white-space:nowrap}.act-talk{grid-area:talk}.act-ball{grid-area:ball}.act-tame{grid-area:tame;width:104px;height:104px;font-size:15px;background:var(--bg-6);color:var(--text-3)}.act-tame .act-i{font-size:38px}.act-tame.ready{animation:pulse 1.1s infinite}.act.pressed{transform:scale(.92);filter:brightness(1.15)}.act.dim{opacity:.55}@keyframes pulse{50%{box-shadow:0 0 0 10px transparent,0 0 22px var(--bg-6)}}@media(prefers-reduced-motion:reduce){.act-tame.ready{animation:none;outline:3px solid var(--bg-6)}}.hints{position:absolute;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));font-size:12px;background:var(--bg-2);padding:6px 10px;border-radius:10px;max-width:50vw;pointer-events:none}.joy{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--bg-2);transform:translate(-50%,-50%);display:none;pointer-events:none;opacity:.8}.joy.active{display:block}.joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:var(--bg-3);transform:translate(-50%,-50%)}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;font-size:12px;font-weight:700;padding:2px 8px;border-radius:8px;background:var(--bg-2);white-space:nowrap}.label.trainer{color:var(--text-4)}.label.champ{color:var(--text-6)}.label.follow{color:var(--text-5)}.label.follow.warn{color:var(--text-6)}.label.wild{color:var(--text-2);font-weight:600}.trust{position:absolute;left:0;top:0;width:90px;height:10px;border-radius:5px;background:var(--bg-4);overflow:hidden;display:none}.trust-fill{height:100%;width:0;background:var(--bg-6)}.toasts{position:absolute;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--bg-1);padding:8px 14px;border-radius:12px;font-size:14px;box-shadow:0 2px 8px var(--bg-5);transition:opacity .4s;max-width:86vw;text-align:center}.toast.out{opacity:0}.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-5);display:grid;place-items:center;pointer-events:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.card{width:min(480px,92vw);max-height:85vh;display:flex;flex-direction:column;background:var(--bg-1);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px var(--bg-5)}.card-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;border-bottom:1px solid var(--bg-4)}.card-title{font-size:18px;font-weight:800}.card-body{overflow-y:auto;padding:12px 18px;flex:1;-webkit-user-select:text;user-select:text}.card-foot{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--bg-4)}.say{font-size:16px;line-height:1.6}.row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--bg-4)}.row-info{flex:1;min-width:0}.row-name{font-weight:700}.row-sub{font-size:13px;color:var(--text-2);margin:2px 0}.sec{margin-top:12px;font-weight:800;color:var(--text-4)}.hpbar{height:8px;background:var(--bg-4);border-radius:4px;overflow:hidden;margin-top:4px}.hpfill{height:100%;background:var(--text-5);transition:width .3s}.hpfill.mid{background:var(--text-4)}.hpfill.low{background:var(--text-6)}.label.hall{font-size:14px;color:var(--text-4)}.modal.battle{background:transparent;place-items:end center;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.battle .card{width:min(620px,96vw);max-height:58vh}.battle .field{grid-template-columns:1fr 1fr}.battle .side.foe,.battle .side.mine{margin:0}.battle .dots{display:none}.battle .log{min-height:0;margin-top:8px}@media(min-width:900px){.modal.battle{place-items:end end;padding-right:16px}.battle .card{width:440px;max-height:80vh}}.field{display:grid;gap:10px}.side{padding:10px 12px;border-radius:12px;background:var(--bg-2)}.side.foe{margin-right:20%}.side.mine{margin-left:20%}.dots{display:flex;gap:5px}.dots .dot{width:10px;height:10px;border-radius:50%;background:var(--bg-4)}.dots .dot.on{background:var(--bg-6)}.log{margin-top:12px;min-height:92px;font-size:14px;line-height:1.6;padding:8px 10px;background:var(--bg-2);border-radius:10px}.log div:last-child{font-weight:700}.battle .card-foot .btn{flex:1 1 40%}@media(max-width:600px){.hud{max-width:92vw;top:calc(62px + env(safe-area-inset-top))}.hud-title{display:none}.toasts{top:calc(150px + env(safe-area-inset-top))}.chip{font-size:12px;padding:3px 8px}.hud-title{font-size:15px}.hints{display:none}}.in-battle .actions,.in-battle .labels,.in-battle .hints,.in-battle .hud{display:none}.moves{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.mv{font-size:11px;padding:2px 6px;border-radius:6px;background:var(--bg-4);color:var(--text-1)}.mv.k-heal,.mv.k-regen,.mv.k-drain{color:var(--text-5)}.mv.k-buff,.mv.k-shield{color:var(--text-4)}.mv.k-debuff,.mv.k-dot{color:var(--text-6)}.status{font-size:12px;color:var(--text-4);min-height:16px}.btn.mvbtn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 10px}.mv-n{font-size:14px}.mv-d{font-size:11px;opacity:.85;font-weight:500}.battle .card-foot{max-height:34vh;overflow-y:auto}.minimap{position:absolute;right:calc(10px + env(safe-area-inset-right));top:calc(62px + env(safe-area-inset-top));width:130px;height:130px;border-radius:12px;pointer-events:none;box-shadow:0 2px 8px var(--bg-5)}.objective{position:absolute;left:50%;transform:translate(-50%);top:calc(10px + env(safe-area-inset-top));background:var(--bg-2);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;pointer-events:none;max-width:calc(100vw - 420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.in-battle .minimap,.in-battle .objective{display:none}@media(max-width:600px){.objective{top:auto;bottom:calc(210px + env(safe-area-inset-bottom));left:auto;right:calc(12px + env(safe-area-inset-right));transform:none;max-width:70vw;white-space:normal;border-radius:12px;text-align:right}}@media(max-width:600px){.minimap{width:96px;height:96px;top:calc(62px + env(safe-area-inset-top))}.hud{max-width:calc(100vw - 130px)}}.dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.dex-card{padding:8px;border-radius:10px;background:var(--bg-4);opacity:.55}.dex-card.seen{opacity:.85;background:var(--bg-2)}.dex-card.got{opacity:1;background:var(--bg-2);outline:2px solid var(--text-5)}.dex-no{font-size:11px;color:var(--text-2)}.label.wild.strong{color:var(--text-6);font-weight:800}.hpfill.train{background:var(--bg-3)}.train-chip{color:var(--text-4);font-weight:700}.row{flex-wrap:wrap}.row-info{min-width:180px}.row-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-left:auto}.pops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.pop{position:absolute;transform:translate(-50%,-100%);font-weight:900;white-space:nowrap;animation:popUp 1.3s ease-out forwards;text-shadow:0 2px 0 var(--bg-5),0 0 8px var(--bg-5);color:var(--text-3);font-size:26px}.pop.super{font-size:46px;color:var(--text-6)}.pop.weak{font-size:18px;color:var(--text-2)}.pop.miss{font-size:22px;color:var(--text-2);font-style:italic}.pop-banner{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);font-weight:900;white-space:nowrap;padding:8px 22px;border-radius:16px;animation:banner 1.4s ease-out forwards}.pop-banner.super{font-size:40px;color:var(--text-3);background:var(--text-6);box-shadow:0 0 30px var(--text-6)}.pop-banner.weak{font-size:22px;color:var(--text-2);background:var(--bg-2)}@keyframes popUp{0%{opacity:1;margin-top:10px;transform:translate(-50%,-100%) scale(1.4)}15%{opacity:1;transform:translate(-50%,-100%) scale(1.15)}30%{transform:translate(-50%,-100%) scale(1)}to{opacity:0;margin-top:-60px}}@keyframes banner{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@media(prefers-reduced-motion:reduce){.pop,.pop-banner{animation-duration:.01s;animation-iteration-count:1;opacity:1}}.btn.mvbtn.eff-super{box-shadow:0 0 0 3px var(--text-5) inset}.btn.mvbtn.eff-weak{opacity:.8}@media(max-width:600px){.chip{font-size:11px;padding:2px 7px}.hud{gap:4px;max-width:calc(100vw - 120px)}.objective{font-size:12px;padding:5px 10px;max-width:58vw;bottom:calc(200px + env(safe-area-inset-bottom))}.minimap{width:88px;height:88px}.label{font-size:11px;padding:1px 6px}.battle .card{max-height:62vh}.battle .card-head{padding:6px 10px 6px 14px}.battle .card-title{font-size:15px}.battle .card-body{padding:6px 10px}.battle .side{padding:6px 8px}.battle .side .row-name{font-size:13px}.battle .log{font-size:12px;line-height:1.45;padding:5px 8px;margin-top:6px}.battle .log div:not(:nth-last-child(-n+2)){display:none}.battle .card-foot{max-height:none;gap:6px;padding:8px}.battle .card-foot .btn{flex:1 1 22%;min-height:44px;padding:4px 6px;font-size:13px}.battle .card-foot .btn.mvbtn{flex:1 1 30%}.btn.mvbtn .mv-n{font-size:13px}.btn.mvbtn .mv-d{font-size:10px;line-height:1.2;max-height:2.4em;overflow:hidden}}.weakness{font-size:11px;color:var(--text-6);font-weight:700;margin-top:2px}.side.hit-super{animation:hitSuper .7s ease-out}.side.hit-weak{animation:hitWeak .7s ease-out}@keyframes hitSuper{0%,to{transform:none;box-shadow:none}10%{transform:translate(-8px);box-shadow:0 0 0 3px var(--text-6),0 0 24px var(--text-6)}25%{transform:translate(8px)}40%{transform:translate(-6px)}55%{transform:translate(4px);box-shadow:0 0 0 3px var(--text-6)}}@keyframes hitWeak{0%,to{filter:none}20%{filter:grayscale(1) brightness(.9)}}@media(prefers-reduced-motion:reduce){.side.hit-super,.side.hit-weak{animation:none;outline:3px solid var(--text-6)}}.role-animal .act-tame,.role-animal .act-ball{display:none}.hpchip{flex-direction:column;align-items:stretch;min-width:170px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-card{background:var(--bg-2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}.role-icon{font-size:40px;text-align:center}@media(max-width:480px){.roles{grid-template-columns:1fr}}.bond{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.bond-h{font-size:12px;font-weight:700;color:var(--text-6)}.act-dig{grid-area:dig}.act-use{grid-area:use;background:var(--bg-3);color:var(--text-3)}.role-animal .actions{grid-template-areas:". use dig" ". talk talk"}.role-animal .act-summon,.role-animal .act-play{display:none}@media(max-width:600px){.act{width:66px;height:66px;font-size:11px}.act-i{font-size:22px}.act-tame{width:92px;height:92px}.objective{bottom:calc(260px + env(safe-area-inset-bottom))}}.act-summon{grid-area:summon}.act-play{grid-area:play;background:var(--bg-6);color:var(--text-3)}.play-menu{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(300px + env(safe-area-inset-bottom));display:none;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:min(92vw,520px);background:var(--bg-1);padding:8px;border-radius:18px;box-shadow:0 4px 16px var(--bg-5)}.play-menu.open{display:flex}.play-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:64px;border-radius:14px;padding:6px}.play-btn .act-i{font-size:24px}.play-btn .act-l{font-size:12px}.play-btn.close{min-width:44px}.in-battle .play-menu{display:none}@media(max-width:600px){.play-menu{bottom:calc(250px + env(safe-area-inset-bottom))}.play-btn{min-width:54px;min-height:58px}}@media(min-width:601px)and (max-width:1100px){.objective{top:calc(120px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));transform:none;max-width:60vw}}.play-open .objective{display:none}@media(max-width:600px){.play-menu{gap:5px;padding:6px;flex-wrap:nowrap;max-width:calc(100vw - 20px);right:10px}.play-btn{min-width:0;flex:1 1 0;min-height:56px;padding:4px 2px}.play-btn .act-i{font-size:20px}.play-btn .act-l{font-size:11px;white-space:nowrap}.play-btn.close{flex:0 0 40px}}.role-last{font-size:13px;font-weight:700;color:var(--text-4);min-height:1.4em}.restore{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.restore-in{flex:1 1 160px;min-height:44px;border-radius:12px;border:1px solid var(--bg-4);padding:0 12px;font:inherit;background:var(--bg-2);color:var(--text-1)}.act-ride{grid-area:ride;background:var(--bg-3);color:var(--text-3)}.fly-btns{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(190px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.fly-btns:before{content:attr(data-alt);font-size:13px;font-weight:800;text-align:center;color:var(--text-3);text-shadow:0 1px 3px var(--bg-5)}.act-up,.act-down{background:var(--bg-3);color:var(--text-3)}.in-battle .fly-btns{display:none!important}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.badge{background:var(--bg-4);border-radius:14px;padding:10px;text-align:center;opacity:.6}.badge.got{background:var(--bg-2);opacity:1;outline:2px solid var(--text-4)}.badge-i{font-size:34px;filter:grayscale(1)}.badge.got .badge-i{filter:none}.evo-on .hud,.evo-on .actions,.evo-on .minimap,.evo-on .objective,.evo-on .hints,.evo-on .labels,.evo-on .topbar,.evo-on .fly-btns{display:none!important}.evo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.evo-text{position:absolute;left:50%;bottom:calc(14% + env(safe-area-inset-bottom));transform:translate(-50%);max-width:90vw;text-align:center;background:var(--bg-1);color:var(--text-1);padding:12px 22px;border-radius:16px;font-size:18px;font-weight:800;box-shadow:0 6px 24px var(--bg-5)}.evo-text.big{font-size:24px;color:var(--text-4)}.evo-skip{position:absolute;right:calc(16px + env(safe-area-inset-right));top:calc(16px + env(safe-area-inset-top));pointer-events:auto}.evo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-3);opacity:0}.evo-flash.on{animation:evoFlash 1.1s ease-out forwards}@keyframes evoFlash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.evo-flash.on{animation:none;opacity:0}}