:root{--bg:#f2f8ff;--bg2:#e7f2fd;--panel:#fff;--panel2:#eef6ff;--line:#c9e2f7;--txt:#17314f;--dim:#6b87a8;--cyan:#00b4d8;--gold:#d99200;--red:#ff3d68;--green:#00c48c;--purple:#8a6cf0;--rc:#00b4d8;--ru:#00b4d8;--rr:#e8a500;--rl:#ff3d68;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--txt);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}#app{position:fixed;inset:0;overflow:hidden}#shake-wrap{position:absolute;inset:0}#shake-wrap.shaking{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,-3px)}80%{transform:translate(4px,3px)}}.hidden{display:none!important}.dim{color:var(--dim);font-size:13px}.gold{color:var(--gold)}.screen{background:var(--bg);flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden}.screen.active{animation:.35s scrIn;display:flex}@keyframes scrIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.btn{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));width:100%;color:var(--txt);cursor:pointer;letter-spacing:2px;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;display:block}.btn:active{filter:brightness(1.08);transform:scale(.96)}.btn-primary{border-color:var(--cyan);color:#04121a;background:linear-gradient(180deg,#4df7ff,var(--cyan));text-shadow:none;box-shadow:0 0 18px #00f0ff73,inset 0 0 12px #ffffff4d}.btn-mini{letter-spacing:1px;white-space:nowrap;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));width:auto;min-height:34px;color:var(--txt);cursor:pointer;vertical-align:middle;border-radius:10px;padding:8px 13px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;transition:transform .12s,filter .12s;display:inline-block}.btn-mini:active{filter:brightness(1.2);transform:scale(.95)}.btn-mini:hover{border-color:var(--cyan)}.btn-danger{border-color:var(--red);color:#c81f4e;background:#ff3d6814;font-weight:700}.btn:disabled,.btn-mini:disabled{opacity:.45;pointer-events:none}.btn:hover{border-color:var(--cyan);filter:brightness(1.04)}.btn-primary:hover{filter:brightness(1.07)}.btn:focus-visible,.btn-mini:focus-visible,.btn-ghost:focus-visible,.chip:focus-visible,.battle-opt-btn:focus-visible,.opt-btn:focus-visible,.end-turn-btn:focus-visible,.ball-row:focus-visible,.ball-btn:focus-visible,.exam-cell:focus-visible,.seg button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.chip{border:1px solid var(--line);background:var(--panel);color:var(--dim);cursor:pointer;white-space:nowrap;border-radius:20px;flex:none;padding:7px 14px;font-size:13px;transition:all .15s}.chip.active{color:#04121a;background:var(--cyan);border-color:var(--cyan);font-weight:700}#scr-title{text-align:center;justify-content:center;align-items:center}.title-bg{position:absolute;inset:0;overflow:hidden}.title-grid{background-color:#0000;background-image:linear-gradient(#00f0ff0f 1px,#0000 1px),linear-gradient(90deg,#00f0ff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:8s linear infinite gridMove;position:absolute;inset:-50%;transform:perspective(500px)rotateX(60deg)translateY(20%)}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 44px,0 0}}.title-glow{background:radial-gradient(circle,#00f0ff24,#0000 60%);width:70vmin;height:70vmin;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.title-inner{z-index:2;width:min(92vw,420px);max-height:100%;padding:20px 0 calc(20px + var(--safe-b));flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.title-logo .logo-top{letter-spacing:8px;background:linear-gradient(#2fc4e4,#008fb4 48%,#075a77);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #083c5f80);-webkit-background-clip:text;background-clip:text;font-size:min(17vw,76px);font-weight:900;line-height:1}.title-logo .logo-sub{letter-spacing:14px;color:#c98f00;text-shadow:0 2px 6px #be820059;margin-top:8px;font-size:min(6.5vw,26px);font-weight:700}.title-logo .logo-tag{color:var(--dim);letter-spacing:2px;margin-top:10px;font-size:12px}.title-pkmn{justify-content:center;align-items:flex-end;gap:14px;height:64px;display:flex}.title-pkmn img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 5px 6px #3c6ea059);animation:2s ease-in-out infinite bob,.45s ease-out fadeIn}.title-pkmn img:nth-child(2){width:64px;height:64px;animation-delay:.4s,.4s}.title-pkmn img:nth-child(3){animation-delay:.8s,.8s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu{flex-direction:column;gap:12px;width:100%;display:flex}.title-stats{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 16px;max-width:100%;font-size:12px;display:flex}.title-team{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.title-team-poke{border:1px solid var(--line);background:var(--panel);border-radius:20px;align-items:center;gap:5px;padding:3px 10px 3px 5px;display:inline-flex}.title-team-poke img{object-fit:contain;width:26px;height:22px;image-rendering:pixelated}.title-team-poke em{color:var(--txt);font-size:12px;font-style:normal;font-weight:700}.title-team-empty{font-size:12px}.title-foot{color:#5b7396;letter-spacing:1px;font-size:11px}.page-head{padding:calc(16px + var(--safe-t)) 18px 12px;text-align:center;border-bottom:1px solid var(--line)}.page-head h2{letter-spacing:4px;color:var(--cyan);font-size:20px}.page-head.row{text-align:left;justify-content:space-between;align-items:center;display:flex}.page-head.row h2{text-align:center;flex:1}.page-foot{padding:14px 18px calc(16px + var(--safe-b));border-top:1px solid var(--line)}#scr-starter{justify-content:flex-start}.starter-row{flex-direction:column;flex:1;justify-content:center;gap:14px;padding:20px;display:flex}.starter-card{border:1px solid var(--line);background:linear-gradient(135deg,var(--panel2),var(--panel));cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:16px 18px;transition:all .15s;display:flex}.starter-card:active{border-color:var(--cyan);transform:scale(.97);box-shadow:0 0 16px #00f0ff59}.starter-card img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated}.starter-card .sc-name{font-size:19px;font-weight:800}.starter-card .sc-desc{color:var(--dim);margin-top:4px;font-size:12px;line-height:1.5}.hud-bar{padding:calc(10px + var(--safe-t)) 12px 10px;border-bottom:1px solid var(--line);background:#ffffffe0;align-items:center;gap:8px;display:flex}.hud-item{color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px}.hud-item.gold{color:var(--gold)}.hud-bar .btn-mini{margin-left:auto}.hud-bar .btn-mini+.btn-mini{margin-left:0}.map-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.map-inner{width:100%;min-height:100%;position:relative}#map-svg{width:100%;height:100%;position:absolute;inset:0}#map-svg line{stroke:#a8c0da;stroke-width:2px}#map-svg line.open{stroke:var(--cyan);stroke-width:2.5px;filter:drop-shadow(0 0 4px #00b4d899)}#map-svg line.done{stroke:#8fb6cf}#map-nodes{position:absolute;inset:0}.map-node{border:2px solid var(--line);background:var(--panel);width:52px;height:52px;color:var(--dim);border-radius:50%;justify-content:center;align-items:center;margin:-26px 0 0 -26px;font-size:24px;transition:all .15s;display:flex;position:absolute}.map-node.reachable{border-color:var(--cyan);color:var(--cyan);cursor:pointer;animation:1.4s infinite pulse;box-shadow:0 0 16px #00f0ff80}.map-node.current{border-color:var(--green);color:var(--green);box-shadow:0 0 18px #0f89}.map-node.done{opacity:.45;color:#7d95b3;border-color:#8fb6cf}.map-node.locked{opacity:.35}.map-node.boss{border-color:var(--rl);width:64px;height:64px;color:var(--rl);margin:-32px 0 0 -32px;font-size:30px}.map-node.boss.reachable{border-color:var(--rl);color:var(--rl);box-shadow:0 0 22px #ff0044b3}@keyframes pulse{0%,to{box-shadow:0 0 12px #00f0ff66}50%{box-shadow:0 0 26px #00f0fff2}}.map-legend{padding:10px 8px calc(12px + var(--safe-b));color:var(--dim);border-top:1px solid var(--line);justify-content:center;gap:14px;font-size:12px;display:flex}.map-legend .lg{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.lg-battle{background:var(--cyan)}.lg-elite{background:var(--gold)}.lg-shop{background:var(--green)}.lg-rest{background:var(--purple)}.lg-boss{background:var(--rl)}#scr-battle{flex-direction:column}.battle-stage{background:#f0f8ffb3;flex:1;min-height:0;position:relative}#battle-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#battle-fallback{position:absolute;inset:0}#battle-fallback img{image-rendering:pixelated;width:34%;position:absolute;bottom:18%}#battle-fallback #fb-enemy{right:8%;transform:scaleX(-1)}#battle-fallback #fb-player{left:8%}.battle-topbar{top:calc(8px + var(--safe-t));z-index:5;align-items:center;gap:6px;display:flex;position:absolute;left:8px;right:8px}.bt-item{border:1px solid var(--line);color:var(--dim);background:#fffc;border-radius:7px;padding:4px 9px;font-size:12px}.bt-item.gold{color:var(--gold)}.combo-badge{color:#1a0d00;background:linear-gradient(#ffe259,#ffa751);border-radius:8px;margin-left:auto;padding:5px 12px;font-size:14px;font-weight:900;animation:.3s comboPop;box-shadow:0 0 16px #ffa751cc}@keyframes comboPop{0%{transform:scale(1.6)}to{transform:scale(1)}}.enemy-card{top:calc(44px + var(--safe-t));z-index:5;border:1px solid var(--line);background:#ffffffe0;border-radius:12px;min-width:150px;max-width:56%;padding:8px 12px;position:absolute;right:10px}.ec-name{margin-bottom:5px;font-size:15px;font-weight:800}.ec-hp,.pc-hp{background:#f7e8e8;border:1px solid #ecc4c4;border-radius:7px;height:14px;position:relative;overflow:hidden}.ec-hp-fill,.pc-hp-fill{background:linear-gradient(90deg,#ff5f6d,#f04);border-radius:7px;width:100%;height:100%;transition:width .35s}.pc-hp-fill{background:linear-gradient(90deg,#12b886,#00a6c8)}.ec-hp span,.pc-hp span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:10px;line-height:14px;position:absolute;inset:0}.ec-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.tag{border:1px solid;border-radius:6px;padding:2px 7px;font-size:10px}.tag-c{color:var(--rc);border-color:var(--rc)}.tag-u{color:var(--ru);border-color:var(--ru)}.tag-r{color:var(--rr);border-color:var(--rr)}.tag-l{color:var(--rl);border-color:var(--rl)}.player-card{z-index:5;border:1px solid var(--line);background:#ffffffe0;border-radius:12px;min-width:150px;max-width:56%;padding:8px 12px;position:absolute;bottom:10px;left:10px}.pc-name{margin-bottom:5px;font-size:14px;font-weight:800}.pc-lv{color:var(--dim);margin-top:4px;font-size:11px}.fx-layer{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:hidden}.dmg-num{pointer-events:none;text-shadow:0 0 8px,0 2px 2px #000;font-size:26px;font-weight:900;animation:1s forwards dmgFloat;position:absolute}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0)scale(1.4)}to{opacity:0;transform:translateY(-70px)scale(.9)}}.fx-text{pointer-events:none;text-shadow:0 0 10px;font-size:18px;font-weight:800;animation:1.2s forwards dmgFloat;position:absolute}.particle{pointer-events:none;border-radius:50%;position:absolute}.battle-panel{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--line);padding:8px 10px calc(10px + var(--safe-b));flex-direction:column;gap:8px;display:flex}.team-bar{gap:8px;min-height:52px;padding:2px;display:flex;overflow-x:auto}.team-slot{text-align:center;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;flex:none;width:52px;padding:3px;transition:all .15s;position:relative}.team-slot img{object-fit:contain;width:40px;height:50px}.team-slot .ts-hp{background:#dce9f5;border-radius:2px;height:3px;margin-top:2px}.team-slot .ts-hp i{background:var(--green);border-radius:2px;height:100%;display:block}.team-slot.active{border-color:var(--cyan);box-shadow:0 0 10px #57c7a780}.team-slot.fainted{opacity:.35;filter:grayscale()}.q-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;transition:opacity .3s}.q-card.dimmed{opacity:.35;pointer-events:none}.q-timer{background:#dce9f5;border-radius:3px;height:5px;margin-bottom:8px;overflow:hidden}.q-timer-fill{background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:3px;width:100%;height:100%;transition:width .1s linear}.q-timer-fill.low{background:linear-gradient(90deg,#ff5f6d,var(--red))}.q-text{min-height:44px;margin-bottom:10px;font-size:15px;line-height:1.55}.q-opts{flex-direction:column;gap:8px;display:flex}.opt-btn{text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--txt);cursor:pointer;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;line-height:1.4;transition:all .12s;display:flex}.opt-btn:hover{border-color:var(--cyan)}.opt-btn:active{border-color:var(--cyan);transform:scale(.98)}.opt-btn .opt-key{background:var(--panel);border:1px solid var(--line);height:26px;color:var(--cyan);border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.opt-btn.correct{border-color:var(--green);background:#00ff881f}.opt-btn.correct .opt-key{background:var(--green);color:#04140b;border-color:var(--green)}.opt-btn.wrong{border-color:var(--red);background:#ff00441f;animation:.3s shake}.opt-btn.wrong .opt-key{background:var(--red);color:#fff;border-color:var(--red)}.opt-btn.reveal{border-color:var(--green)}.opt-btn.reveal .opt-key{background:var(--green);color:#04140b}.q-opts.locked .opt-btn{pointer-events:none}.battle-actions{padding:8px 12px calc(8px + var(--safe-b));border-top:1px solid var(--line);background:#ffffffe0;flex:none;align-items:center;gap:10px;display:flex}.shop-list,.rest-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.shop-item{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.shop-item .si-icon{text-align:center;width:44px;font-size:30px}.shop-item .si-body{flex:1}.shop-item .si-name{font-size:15px;font-weight:800}.shop-item .si-desc{color:var(--dim);margin-top:3px;font-size:12px;line-height:1.4}.shop-item .si-buy{min-width:78px}.rest-card{border:1px solid var(--line);background:var(--panel);text-align:center;cursor:pointer;border-radius:16px;padding:20px;transition:all .15s}.rest-card:active{border-color:var(--cyan);transform:scale(.97)}.rest-card .rc-icon{font-size:40px}.rest-card .rc-name{margin-top:8px;font-size:17px;font-weight:800}.rest-card .rc-desc{color:var(--dim);margin-top:6px;font-size:12px;line-height:1.5}.dex-progress{color:var(--gold);font-size:13px}.dex-filter{border-bottom:1px solid var(--line);gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.dex-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));align-content:start;gap:8px;padding:12px;display:grid;overflow-y:auto}.dex-cell{border:1px solid var(--line);background:var(--panel);text-align:center;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 86px;border-radius:12px;padding:8px 4px 6px;transition:all .12s}.dex-cell:active{transform:scale(.94)}.dex-cell img{object-fit:contain;width:44px;height:36px;image-rendering:pixelated}.dex-cell .dc-name{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.dex-cell .dc-id{color:var(--dim);font-size:9px}.dex-cell.unknown{opacity:.45}.dex-cell.unknown img{filter:brightness(0)}.dex-cell.unknown .dc-name{color:#5b7396}.dex-cell.r-c{border-color:#00f0ff66}.dex-cell.r-u{border-color:#00f0ff8c}.dex-cell.r-r{border-color:#ffd7008c;box-shadow:inset 0 0 10px #ffd7001a}.dex-cell.r-l{border-color:#f049;box-shadow:inset 0 0 10px #ff00441f}.review-bar{border-bottom:1px solid var(--line);gap:8px;padding:10px 14px;display:flex}.review-bar input{border:1px solid var(--line);background:var(--panel);color:var(--txt);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:14px}.review-bar input:focus{border-color:var(--cyan)}.review-list{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.rev-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;padding:12px}.rev-card .rq{font-size:14px;line-height:1.5}.rev-card .ra{margin-top:10px;font-size:13px;line-height:1.6;display:none}.rev-card.open .ra{display:block}.rev-card .ra .ok{color:var(--green);font-weight:700}.rev-card .ra .no{color:var(--dim)}.rev-card .rid{color:#5b7396;margin-top:8px;font-size:10px}.review-pager{padding:10px calc(10px + var(--safe-b));border-top:1px solid var(--line);color:var(--dim);justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.settings-list{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.set-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;font-size:15px;display:flex}.set-row input[type=range]{width:46%;accent-color:var(--cyan)}.seg{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.seg button{background:var(--panel);color:var(--dim);cursor:pointer;border:none;padding:8px 10px;font-size:12px}.seg button.active{background:var(--cyan);color:#04121a;font-weight:700}.set-note{color:var(--dim);text-align:center;font-size:12px}#scr-over{text-align:center;background:radial-gradient(circle at 50% 30%,#fff,var(--bg2) 65%,var(--bg));justify-content:center;align-items:center}.over-inner{flex-direction:column;gap:18px;width:min(92vw,420px);padding:20px;display:flex}.over-title{letter-spacing:6px;font-size:40px;font-weight:900}.over-title.win{color:var(--gold);text-shadow:0 3px 10px #be820059}.over-title.lose{color:var(--red);text-shadow:0 3px 10px #c8285059}.over-sub{color:var(--dim);font-size:14px}.over-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.over-stats .over-stat:last-child:nth-child(odd){grid-column:1/-1}.over-stat{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.over-stat .os-v{color:var(--cyan);font-size:22px;font-weight:900}.over-stat .os-k{color:var(--dim);margin-top:4px;font-size:11px}.over-btns{flex-direction:column;gap:10px;display:flex}.new-record{color:var(--gold);font-weight:800;animation:1.2s infinite pulse}.modal-wrap{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e325073;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px;width:min(94vw,420px);max-height:86vh;padding:20px;animation:.25s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.modal h3{letter-spacing:2px;color:var(--cyan);margin-bottom:12px;font-size:18px}.modal .m-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.modal .m-row{gap:10px;display:flex}.modal .m-row .btn{flex:1}.capture-pkmn{text-align:center;padding:6px 0}.capture-pkmn img{object-fit:contain;width:96px;height:80px;image-rendering:pixelated}.capture-info{text-align:center;color:var(--dim);margin-top:8px;font-size:13px;line-height:1.7}.ball-row{gap:10px;margin-top:14px;display:flex}.ball-btn{border:1px solid var(--line);background:var(--panel2);color:var(--txt);cursor:pointer;border-radius:12px;flex:1;padding:12px 6px;font-size:13px}.ball-btn:disabled{opacity:.4}.ball-btn .b-icon{font-size:22px;display:block}.ball-btn .b-cnt{color:var(--gold);font-size:12px}.team-modal-list{flex-direction:column;gap:10px;display:flex}.tm-poke{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.tm-poke img{object-fit:contain;width:52px;height:42px;image-rendering:pixelated}.tm-poke .tm-info{flex:1}.tm-poke .tm-name{font-size:14px;font-weight:800}.tm-poke .tm-sub{color:var(--dim);margin-top:2px;font-size:11px}.tm-poke .tm-hpbar{background:#dce9f5;border-radius:3px;height:5px;margin-top:5px}.tm-poke .tm-hpbar i{background:var(--green);border-radius:3px;height:100%;display:block}#toast{left:50%;bottom:calc(90px + var(--safe-b));border:1px solid var(--cyan);color:var(--txt);z-index:99;opacity:0;pointer-events:none;text-align:center;background:#fffffff5;border-radius:12px;max-width:88vw;padding:10px 20px;font-size:14px;transition:all .25s;position:fixed;transform:translate(-50%)translateY(20px);box-shadow:0 0 18px #00f0ff4d}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (min-width:768px){.battle-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);width:100%;max-width:640px;margin:0 auto}.q-text{font-size:16px}.opt-btn{padding:13px 14px;font-size:15px}.starter-row,.shop-list,.rest-list,.settings-list{width:100%;max-width:560px;margin:0 auto}.map-inner{max-width:640px;margin:0 auto}}@media (max-height:640px){.q-text{min-height:32px;font-size:14px}.menu{gap:8px}.btn{padding:11px 20px}}.loading-screen{background:var(--bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;width:min(86vw,360px);display:flex}.loading-bar{background:var(--panel2);border:1px solid var(--line);border-radius:6px;width:100%;height:10px;position:relative;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,var(--cyan),#4df7ff);border-radius:6px;width:40%;height:100%;animation:1.15s cubic-bezier(.4,0,.2,1) infinite loadingSlide;position:absolute;top:0;left:-40%;box-shadow:0 0 12px #00f0ff99}.loading-text{color:var(--dim);letter-spacing:3px;font-size:13px}@keyframes loadingSlide{0%{left:-40%}to{left:100%}}
.btn-ghost{letter-spacing:1px;border:1px solid var(--line);color:var(--dim);cursor:pointer;white-space:nowrap;vertical-align:middle;background:#ffffff8c;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .12s,color .12s,border-color .12s;display:inline-block}.btn-ghost:hover{color:var(--txt);border-color:var(--dim)}.btn-ghost:active{transform:scale(.96)}.set-row .btn.btn-ghost{flex:none;width:auto}.btn-mini.empty{opacity:.45}.search-input{border:1px solid var(--line);background:var(--panel);color:var(--txt);border-radius:10px;outline:none;flex:1;min-width:0;padding:9px 12px;font-size:14px}.search-input:focus{border-color:var(--cyan)}.btn-mini.danger{border-color:var(--red);color:#c81f4e;background:#ff3d6814;font-weight:700}.title-inner{flex:1;min-height:0;margin-left:auto;margin-right:auto;overflow:hidden auto}#scr-title .title-inner{justify-content:flex-start}#scr-title .title-inner>:first-child{margin-top:auto}#scr-title .title-inner>:last-child{margin-bottom:auto}#scr-dex .title-inner{width:min(96vw,900px)}@media (min-width:768px){.title-inner{width:min(94vw,1100px)}#scr-dex .title-inner{width:min(97vw,1800px)}.map-inner{max-width:none}#scr-battle>*{width:100%;max-width:min(96vw,900px);margin-left:auto;margin-right:auto}.shop-list,.rest-list{max-width:min(96vw,1200px)}}.dex-grid,.dex-filter,.bank-list,.deck-pool,.deck-active,.exam-grid,.study-cards,.gacha-result,.title-menu,.title-menu-extra,.set-card,.rest-card,.over-btns,.set-row,.set-note,.bank-pagination,.dex-progress,.over-stats,.ach-grid{width:100%}.dc-rarity{color:var(--dim);font-size:9px}#scr-battle .battle-stage{flex-direction:column;flex:none;height:min(54vh,520px);display:flex}@media (max-height:700px){#scr-battle .battle-stage{height:min(44vh,360px)}.hand-area{min-height:84px;padding:8px 10px}.battle-q-area{gap:6px;padding:14px 10px 8px}.battle-q-text{min-height:28px;font-size:14px}.battle-options{gap:6px}.battle-opt-btn{padding:9px 12px;font-size:13px}.battle-actions{padding:4px 10px calc(6px + var(--safe-b))}}@media (max-width:640px){#scr-battle .battle-stage{height:min(40vh,340px)}}#battle-fx-canvas{z-index:0;background:linear-gradient(#cfe6f8 0%,#e9f5fe 36%,#a9cfe8 72%,#7fb5dd 100%);width:100%;height:100%;display:block;position:absolute;inset:0}.battle-stage.fx-3d>*{z-index:1;position:relative}.battle-stage .team-bar{margin-top:auto}.battle-stage.fx-3d .battle-enemy{align-items:flex-end}.battle-stage.fx-3d .enemy-info{border:1px solid var(--line);background:#ffffffb8;border-radius:12px;width:auto;max-width:min(88vw,380px);padding:6px 12px}.battle-stage.fx-3d .battle-player{background:0 0;border-top:none;justify-content:flex-start;padding:8px 12px}.battle-stage.fx-3d .player-info{border:1px solid var(--line);text-align:left;background:#ffffffb8;border-radius:12px;flex:none;width:auto;padding:6px 12px}@media (max-width:480px){.battle-stage.fx-3d .player-info,.battle-stage.fx-3d .enemy-info{background:#fff6;padding:4px 8px}}.enemy-sprite{object-fit:contain;width:96px;height:80px;image-rendering:pixelated}.player-info{text-align:left;flex:1}.energy-orbs{flex-wrap:wrap;gap:3px;margin-left:6px;display:inline-flex}.set-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.title-menu{flex-direction:column;gap:12px;width:100%;display:flex}.title-menu-extra{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.title-menu-extra .btn-mini{flex:none}.pkm-img-fallback,.enemy-sprite-fallback,.player-sprite-fallback{background:var(--panel);border:1px solid var(--line);width:56px;height:56px;color:var(--dim);border-radius:14px;justify-content:center;align-items:center;font-size:34px;display:flex}.screen:before{content:"";z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.screen>*{z-index:1;position:relative}#scr-title:before{background-image:linear-gradient(#ffffff80,#ffffffd1),url(/bg/main.webp)}#scr-map:before{background-image:linear-gradient(#ffffff8c,#ffffffd9),url(/bg/map.webp)}#scr-battle:before{background-image:linear-gradient(#fff9,#ffffffe0),url(/bg/battle.webp)}#scr-starter:before,#scr-dex:before,#scr-review:before,#scr-bank:before,#scr-train:before,#scr-gacha:before,#scr-deckbuild:before,#scr-achievements:before,#scr-settings:before,#scr-study:before,#scr-exam:before,#scr-wrong:before,#scr-over:before,#scr-shop:before,#scr-rest:before{background-image:linear-gradient(#ffffff9e,#ffffffe6),url(/bg/menu.webp)}.battle-stage{background:#ffffffbf}.battle-q-area{background:linear-gradient(#ffffffb8,#f2f8ffd9)}.hand-area{background:linear-gradient(#f2f8ffe6,#e7f2fdf0)}#scr-battle .battle-topbar{padding:calc(8px + var(--safe-t)) 12px 8px;border-bottom:1px solid var(--line);background:#ffffffe0;flex:none;align-items:center;display:flex;position:static}.battle-combo{color:var(--gold);margin-left:auto;font-size:14px;font-weight:900}.battle-enemy{flex-direction:column;align-items:center;gap:6px;padding:14px 12px 4px;display:flex;position:relative}.enemy-sprite-wrap img{object-fit:contain;width:96px;height:80px;image-rendering:pixelated;filter:drop-shadow(0 0 14px #ff525273)}.enemy-info{text-align:left;width:min(88vw,380px)}.enemy-name-inline{font-size:15px;font-weight:800}.enemy-hp-bar{background:#f7e8e8;border:1px solid #ecc4c4;border-radius:6px;height:12px;margin-top:5px;overflow:hidden}.enemy-hp-fill{background:linear-gradient(90deg,#ff5f6d,#f04);border-radius:6px;height:100%;transition:width .35s}.enemy-hp-text{color:var(--dim);margin-top:3px;font-size:11px}.enemy-intent{color:var(--gold);min-height:16px;margin-top:2px;font-size:12px}.battle-player{border-top:1px solid var(--line);background:#ffffff8c;align-items:center;gap:12px;padding:8px 18px;display:flex}.player-sprite-wrap img{object-fit:contain;width:64px;height:54px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #00f0ff66)}.player-name{font-size:14px;font-weight:800}.battle-player-info{color:var(--dim);margin-top:3px;font-size:12px}.battle-q-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--line);flex-direction:column;flex:auto;gap:8px;min-height:0;padding:16px 12px 10px;transition:opacity .3s;display:flex;position:relative;overflow-y:auto}.battle-q-area>*{margin-top:auto;margin-bottom:auto}.battle-timer{z-index:2;background:#1020381f;border-radius:0 0 6px 6px;height:14px;position:absolute;top:0;left:0;right:0;overflow:hidden}.battle-timer-fill{background:linear-gradient(90deg,#57c7a7,#2f9d80);border-radius:0 0 6px 6px;transition:width .25s linear;position:absolute;inset:0}.battle-timer.low .battle-timer-fill{background:linear-gradient(90deg,#ff8f6b,#f45);animation:.6s infinite timerPulse}@keyframes timerPulse{50%{filter:brightness(1.35)}}.battle-timer-text{color:#fff;text-shadow:0 1px 2px #00000059;letter-spacing:1px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex;position:absolute;inset:0}.battle-q-text{min-height:44px;font-size:15px;line-height:1.55}.battle-options{counter-reset:bopt;flex-direction:column;gap:8px;display:flex}.battle-opt-btn{counter-increment:bopt;border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--txt);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:all .12s;display:flex}.battle-opt-btn:hover{border-color:var(--cyan)}.battle-opt-btn:active{border-color:var(--cyan);transform:scale(.98)}.battle-opt-btn.correct{border-color:var(--green);background:#00ff881f}.battle-opt-btn.wrong{border-color:var(--red);background:#ff00441f;animation:.3s shake}.battle-opt-btn.reveal{border-color:var(--green)}.battle-opt-btn.disabled{pointer-events:none}.battle-options:has(.battle-opt-btn.correct) .battle-opt-btn{pointer-events:none}.battle-opt-btn:before{content:counter(bopt);background:var(--panel);border:1px solid var(--line);height:24px;color:var(--cyan);border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;font-size:13px;font-weight:800;line-height:1;display:flex}.battle-opt-btn.correct:before{background:var(--green);color:#04140b;border-color:var(--green)}.battle-opt-btn.wrong:before{background:var(--red);color:#fff;border-color:var(--red)}.battle-opt-btn.reveal:before{background:var(--green);color:#04140b;border-color:var(--green)}.hand-area{background:linear-gradient(180deg,var(--bg),#f0f8ffd9);border-top:1px solid var(--line);scroll-snap-type:x mandatory;flex:none;gap:8px;min-height:118px;padding:10px 12px;display:flex;overflow-x:auto}.hand-card{scroll-snap-align:start;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;flex:none;gap:3px;width:96px;padding:8px 6px;transition:all .12s;display:flex;position:relative}.hand-card:active{border-color:var(--cyan);transform:scale(.93)}.hand-card.unaffordable{opacity:.45;filter:grayscale(.4)}.card-cost{background:var(--cyan);color:#04121a;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;top:-6px;left:-6px}.card-icon{font-size:26px;line-height:1.2}.card-name{font-size:11px;font-weight:800}.card-desc{color:var(--dim);font-size:8px;line-height:1.3}.hand-card.type-atk{border-color:#ff52528c}.hand-card.type-def{border-color:#448aff8c}.hand-card.type-heal{border-color:#00ff8873}.hand-card.type-control{border-color:#8844ff80}.hand-card.type-status{border-color:#e040fb80}.energy-display{color:var(--cyan);background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:none;align-items:center;gap:6px;margin-right:auto;padding:4px 10px;font-weight:800;display:flex}.energy-orb{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 6px var(--cyan);border-radius:50%;display:inline-block}.end-turn-btn{border:1px solid var(--cyan);color:#04121a;background:linear-gradient(180deg,#4df7ff,var(--cyan));cursor:pointer;letter-spacing:1px;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .12s,filter .12s}.end-turn-btn:hover{filter:brightness(1.07)}.end-turn-btn:active{transform:scale(.95)}.map-inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.map-topbar{padding:calc(8px + var(--safe-t)) 12px 8px;border-bottom:1px solid var(--line);background:#ffffffe0;flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.map-floor{color:var(--cyan);font-size:14px;font-weight:900}.map-hud{color:var(--dim);flex-wrap:wrap;flex:1;justify-content:flex-end;gap:2px 8px;font-size:12px;display:flex}@media (max-width:640px){.map-topbar>.btn-mini{flex:45%}}.map-canvas-wrap{flex:1;min-height:0;position:relative}#map-canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.deck-panel{z-index:20;border:1px solid var(--line);background:#fffffff7;border-radius:14px;flex-direction:column;gap:8px;width:min(78vw,260px);max-height:60vh;padding:12px;display:flex;position:absolute;top:46px;right:10px;overflow-y:auto}.deck-panel h3{color:var(--cyan);font-size:14px}.deck-card-list{flex-wrap:wrap;gap:6px;display:flex}.deck-mini-card{border:1px solid var(--line);background:var(--panel);border-radius:9px;flex-direction:column;align-items:center;gap:2px;width:56px;padding:6px 4px;font-size:9px;display:flex}.deck-active{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;min-height:56px;max-height:26vh;padding:10px 14px;display:flex;overflow-y:auto}.deck-chip{border:1px solid var(--cyan);color:var(--txt);cursor:pointer;background:#00f0ff14;border-radius:20px;flex:none;padding:7px 12px;font-size:12px}.deck-pool{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;padding:10px 14px 16px;display:flex;overflow-y:auto}.deck-pick-card{border:1px solid var(--line);background:var(--panel);text-align:center;cursor:pointer;border-radius:12px;width:calc(50% - 4px);padding:10px;transition:all .12s}.deck-pick-card:active{border-color:var(--cyan);transform:scale(.95)}.deck-pick-card.in-deck{border-color:var(--cyan);box-shadow:inset 0 0 10px #00f0ff26}.deck-pick-card.locked{opacity:.4;cursor:default}.dp-name{margin-top:3px;font-size:12px;font-weight:800}.dp-meta{color:var(--dim);font-size:9px;line-height:1.4}.node-guide{z-index:20;border:1px solid var(--line);background:#fffffff7;border-radius:14px;flex-direction:column;gap:8px;width:min(80vw,300px);max-height:60vh;padding:12px;display:flex;position:absolute;top:46px;left:10px;overflow-y:auto}.node-guide h3{color:var(--cyan);margin:0;font-size:14px}.node-guide-list{flex-direction:column;gap:6px;display:flex}.node-guide-item{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.node-guide-item .px-icon{width:22px;height:22px}.ng-name{color:var(--txt);flex:none;min-width:46px;font-weight:800}.ng-desc{color:var(--dim);line-height:1.4}.capture-title{text-align:center;color:var(--gold);margin-bottom:10px;font-size:20px;font-weight:900}.ball-row-wrap{flex-direction:column;gap:8px;margin:12px 0;display:flex}.ball-row{border:1px solid var(--line);background:var(--panel2);color:var(--txt);cursor:pointer;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;display:flex}.ball-row:active{border-color:var(--cyan);transform:scale(.97)}.ball-row.empty{opacity:.4;cursor:default}.ball-row.ball-master{border-color:var(--gold)}.b-icon{font-size:22px}.b-name{text-align:left;flex:1;font-weight:700}.b-cnt{color:var(--gold);margin-left:6px;font-size:11px}.b-rate{color:var(--cyan);font-size:12px;font-weight:800}.reward-gold{text-align:center;color:var(--gold);margin-bottom:8px;font-weight:800}.reward-cards{gap:8px;margin-bottom:12px;display:flex}.reward-card{border:1px solid var(--line);background:var(--panel);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px;transition:all .12s;display:flex}.reward-card:active{border-color:var(--cyan);transform:scale(.94)}.reward-card.type-atk{border-color:#ff525280}.reward-card.type-def{border-color:#448aff80}.reward-card.type-heal{border-color:#0f86}.reward-card.type-control{border-color:#8844ff73}.reward-card.type-status{border-color:#e040fb73}.shop-title{text-align:center;color:var(--gold);font-size:20px;font-weight:900}.shop-gold{text-align:center;color:var(--dim);font-size:13px}.shop-section{color:var(--cyan);text-align:center;margin-top:6px;font-size:13px;font-weight:800}.shop-foot{padding:12px 14px calc(14px + var(--safe-b));border-top:1px solid var(--line);background:#ffffffe6;flex-direction:column;gap:10px;display:flex}.shop-item{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:13px;align-items:center;gap:12px;padding:12px 14px;transition:all .12s;display:flex}.shop-item:active{border-color:var(--cyan);transform:scale(.97)}.shop-item.empty{opacity:.5;cursor:default}.shop-price{color:var(--gold);white-space:nowrap;font-weight:800}.starter-row{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;padding:20px;display:flex}.starter-card{border:2px solid var(--line);background:linear-gradient(135deg,#fff,var(--panel2));cursor:pointer;border-radius:18px;align-items:center;gap:18px;padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #2864a01f}.starter-card:hover{border-color:var(--cyan);box-shadow:0 8px 22px #00b4d838}.starter-card:active{transform:scale(.97)}.sc-icon-wrap{background:radial-gradient(circle at 50% 40%,#e8f6ff,var(--panel2));border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.starter-card img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #2864a059)}.sc-fallback{font-size:36px}.sc-body{flex:1;min-width:0}.sc-name{align-items:center;gap:6px;font-size:20px;font-weight:800;display:flex}.sc-desc{color:var(--dim);margin-top:5px;font-size:12px;line-height:1.5}.sc-stats{color:var(--gold);margin-top:6px;font-size:11px;font-weight:700}.bank-list{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.bank-item{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.bank-item.wrong{border-color:#ff004480}.bank-q-num{color:var(--dim);font-size:10px}.bank-q-text{font-size:14px;line-height:1.5}.bank-opts{flex-direction:column;gap:4px;display:flex}.bank-opt{color:var(--dim);border-left:2px solid var(--line);padding-left:8px;font-size:12px;line-height:1.5}.bank-opt.is-ans{color:var(--green);border-left-color:var(--green)}.bank-pagination{border-top:1px solid var(--line);color:var(--dim);justify-content:center;align-items:center;gap:16px;padding:10px;font-size:13px;display:flex}.exam-timer{color:var(--gold);font-size:16px;font-weight:900}.exam-q{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;font-size:16px;line-height:1.6}.exam-body{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.exam-main{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 4px;display:flex;overflow-y:auto}.exam-nav{border-top:1px solid var(--line);padding:10px 4px calc(12px + var(--safe-b));flex-direction:column;gap:10px;max-height:40%;display:flex}@media (min-width:900px){.exam-body{flex-direction:row}.exam-main{flex:1;padding:12px 14px}.exam-nav{border-top:none;border-left:1px solid var(--line);width:300px;max-height:none;padding:14px 12px}}.exam-grid{grid-template-columns:repeat(10,1fr);gap:6px;width:100%;max-height:30vh;display:grid;overflow-y:auto}.exam-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--panel);color:var(--dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:11px;display:flex}.exam-cell.current{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px #00f0ff66}.exam-cell.answered{color:var(--txt);background:#00f0ff26}.exam-cell.marked{border-color:var(--gold);color:var(--gold)}.study-cards{flex-direction:column;gap:12px;width:100%;display:flex}.study-cards .btn{flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.gacha-result{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:110px;padding:14px;display:flex}.dex-team-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 14px 0;display:flex}.dex-team-label{color:var(--dim);font-size:13px;font-weight:700}.dex-team-slot{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:78px;padding:6px 4px;transition:all .12s;display:flex}.dex-team-slot:active{transform:scale(.94)}.dex-team-slot img{object-fit:contain;width:38px;height:32px;image-rendering:pixelated}.dex-team-slot .dts-name{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:10px;overflow:hidden}.dex-team-slot.empty{color:var(--dim);opacity:.55;cursor:default;font-size:18px}.dex-team-slot.active{border-color:var(--cyan);box-shadow:0 0 10px #00b4d866}.dc-img{object-fit:contain;width:44px;height:36px;image-rendering:pixelated}.dex-cell.collected{cursor:pointer}.dex-cell.locked{opacity:.5}.evo-box{border:1px solid var(--gold);background:#d9920012;border-radius:12px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.evo-info{color:var(--txt);font-size:12px;font-weight:700;line-height:1.5}.evo-info .evo-exp{color:var(--gold);font-weight:800}.evo-bar{background:var(--panel2);border:1px solid var(--line);border-radius:4px;height:8px;overflow:hidden}.evo-bar i{background:linear-gradient(90deg,#ffe259,#ffa751);border-radius:4px;height:100%;transition:width .3s;display:block}.ach-grid{flex-direction:column;gap:10px;display:flex}.ach-cell{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.ach-cell.done{border-color:var(--gold);background:linear-gradient(135deg,#fff8e6,var(--panel));box-shadow:0 0 14px #d9920024}.ach-cell.locked{opacity:.55}.ach-icon{flex:none;font-size:28px}.ach-body{flex:1;min-width:0}.ach-name{font-size:14px;font-weight:800}.ach-cell.done .ach-name{color:var(--gold)}.ach-desc{color:var(--dim);margin-top:2px;font-size:11px}.ach-prog{color:var(--cyan);margin-top:4px;font-size:11px;font-weight:700}.ach-cell.done .ach-prog{color:var(--green)}
.px-icon{image-rendering:pixelated;vertical-align:middle;object-fit:contain;flex:none;display:inline-block}.btn{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);color:var(--txt);text-shadow:none;box-shadow:none;border-radius:12px;padding:11px 18px}.btn:hover{border-color:var(--cyan);filter:brightness(1.03)}.btn:active{filter:brightness(1.08);transform:scale(.96)}.btn-primary{border-color:var(--cyan);background:linear-gradient(180deg,#4df7ff,var(--cyan));color:#04121a;font-weight:800;box-shadow:0 0 18px #00b4d859,inset 0 0 10px #ffffff59}.btn-primary:hover{filter:brightness(1.06)}.btn-danger{border-color:var(--red);color:#c81f4e;background:#ff3d6814;font-weight:700}.btn-mini{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);color:var(--txt);border-radius:10px}.btn-ghost{border:1px solid var(--line);color:var(--dim);text-shadow:none;box-shadow:none;background:#ffffffa6;border-radius:12px}.btn-ghost:hover{color:var(--txt);border-color:var(--cyan)}.chip{border:1px solid var(--line);background:var(--panel);color:var(--dim);text-shadow:none;border-radius:20px;min-height:32px;padding:7px 14px;line-height:1.2}.chip:active{transform:scale(.96)}.chip.active{background:var(--cyan);border-color:var(--cyan);color:#04121a;text-shadow:none;font-weight:800}.battle-opt-btn{border:1px solid var(--line);background:var(--panel2);color:var(--txt);text-shadow:none;border-radius:12px;padding:10px 14px}.battle-opt-btn:hover{border-color:var(--cyan);filter:brightness(1.03)}.battle-opt-btn.correct{border-color:var(--green);background:#00c48c1f}.battle-opt-btn.wrong{border-color:var(--red);background:#ff3d681a;animation:.3s shake}.battle-opt-btn.reveal{border-color:var(--green);background:#00c48c0f}.modal{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px;padding:18px 16px;box-shadow:0 10px 24px #1e50822e}.modal .btn-ghost{color:var(--txt);border-color:var(--line);background:#fffc}.modal .btn-ghost:hover{border-color:var(--cyan)}#toast{border:1px solid var(--cyan);color:var(--txt);text-shadow:none;background:#fffffff7;border-radius:12px;padding:10px 22px;box-shadow:0 0 18px #00b4d840}.review-bar input,.search-input{border:1px solid var(--line);background:var(--panel);color:var(--txt);text-shadow:none;border-radius:12px;padding:9px 14px}.review-bar input:focus,.search-input:focus{border-color:var(--cyan);filter:brightness(1.02)}.review-bar input::placeholder,.search-input::placeholder{color:var(--dim)}.hud-item,.bt-item{border:1px solid var(--line);background:var(--panel);color:var(--txt);text-shadow:none;border-radius:10px;padding:6px 10px}.hud-item.gold,.bt-item.gold{color:var(--gold);font-weight:700}.combo-badge{color:#1a0d00;background:linear-gradient(#ffe259,#ffa751);border:none;border-radius:8px;padding:5px 12px;box-shadow:0 0 16px #ffa75180}.enemy-hp-bar{background:#f7e8e8;border:1px solid #ecc4c4;border-radius:8px;height:16px;overflow:hidden}.enemy-hp-fill{background:linear-gradient(90deg,#ff5f6d,#f04);border:none;border-radius:8px}.team-slot .ts-hp{background:#dce9f5;border-radius:2px;height:4px}.team-slot .ts-hp i{background:var(--green);border-radius:2px}.set-row input[type=range]{accent-color:var(--cyan);background:0 0;height:14px}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00789666}.set-row input[type=range]::-moz-range-thumb{background:var(--cyan);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00789666}.study-cards .btn{background:linear-gradient(160deg,#e8f1ff,var(--panel));color:var(--txt);text-shadow:none;border:2px solid #3b82f6;border-radius:16px;padding:16px 14px;box-shadow:0 0 12px #3b82f626}.study-cards .btn:nth-child(2){border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf626}.study-cards .btn:nth-child(3){border-color:#3f9e4d;box-shadow:0 0 12px #3f9e4d26}.study-cards .btn .dim{color:var(--dim)}.dex-cell{background:linear-gradient(160deg,#fff,var(--panel2));isolation:isolate;text-align:center;cursor:pointer;appearance:none;min-height:112px;font:inherit;border-style:solid;border-width:2px;border-radius:14px;flex-direction:column;align-items:center;padding:10px 4px 8px;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #2864a024}.dex-cell:not(:disabled):active{transform:scale(.96)}.dex-cell:hover{filter:brightness(1.04)}.dex-cell.r-c{border-color:#00b4d873}.dex-cell.r-u{border-color:#008cff99;box-shadow:0 6px 14px #008cff2e}.dex-cell.r-r{border-color:#e8a500a6;box-shadow:0 6px 14px #e8a50038}.dex-cell.r-l{border-color:#ff3d68b3;box-shadow:0 6px 16px #ff3d6840}.dex-cell.locked{border-color:var(--line);background:var(--panel);opacity:.55;cursor:default;box-shadow:none}.dex-cell:after{content:"";pointer-events:none;border-radius:inherit;opacity:.5;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 20%,#ffffff80 40%,#0000 55%,#00dcff4d 70%,#0000 85%) 0 0/220% 220%;animation:7s linear infinite dexFoil;position:absolute;inset:0}.dex-cell.r-r:after{opacity:.7;animation-duration:5.5s}.dex-cell.r-l:after{opacity:.8;animation-duration:4.5s}.dex-cell.locked:after{display:none}@keyframes dexFoil{0%{background-position:0 40%}to{background-position:100% 60%}}@media (prefers-reduced-motion:reduce){.dex-cell:after{animation:none!important}}.dex-detail-card{isolation:isolate;background:linear-gradient(160deg,#fff,var(--panel2));text-align:center;border-style:solid;border-width:2px;border-radius:18px;padding:16px 14px 14px;position:relative;overflow:hidden;box-shadow:0 10px 28px #1e508229}.dex-detail-card.r-c{border-color:#00b4d880}.dex-detail-card.r-u{border-color:#008cff99}.dex-detail-card.r-r{border-color:#e8a500a6;box-shadow:0 10px 28px #e8a50033}.dex-detail-card.r-l{border-color:#ff3d68b3;box-shadow:0 12px 30px #ff3d6840}.ball-hud-item{color:var(--txt);align-items:center;gap:3px;margin-right:6px;font-weight:700;display:inline-flex}.ball-hud-item .px-icon{filter:drop-shadow(0 1px 2px #28508266);width:16px;height:16px}@media (hover:none){.btn:hover,.btn-primary:hover,.btn-mini:hover,.btn-ghost:hover,.battle-opt-btn:hover,.end-turn-btn:hover,.dex-cell:hover,.starter-card:hover{filter:none}.btn:not(.btn-primary):not(.btn-danger):hover,.btn-mini:not(.danger):hover,.btn-ghost:hover,.battle-opt-btn:not(.correct):not(.wrong):not(.reveal):hover{border-color:var(--line)}.btn-ghost:hover{color:var(--dim)}.modal .btn-ghost:hover{border-color:var(--line)}.starter-card:hover{border-color:var(--line);box-shadow:0 6px 16px #2864a01f}}