:root{--bg:#fdf7f2;--bg2:#fbf0e9;--panel:#fff;--panel2:#fff6f8;--line:#f2dcd6;--txt:#4a2c33;--dim:#a8878e;--cyan:#57c7a7;--gold:#e8a13c;--red:#ff6b81;--green:#4ec98c;--purple:#b48cf0;--rc:#57c7a7;--ru:#57c7a7;--rr:#e8a13c;--rl:#ff6b81;--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}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.25);transform:scale(.96)}.btn-primary{color:#4a1220;text-shadow:none;background:linear-gradient(#ffc3d4,#ff8fae);border-color:#ff8fae;box-shadow:0 0 18px #ff8fae73,inset 0 0 12px #ffffff59}.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 14px;font-family:inherit;font-size:13px;font-weight:600;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,.btn-ghost:disabled,.chip:disabled{opacity:.45;pointer-events:none;filter:grayscale(.35)}.btn:hover{border-color:var(--cyan);filter:brightness(1.04)}.btn-primary:hover{filter:brightness(1.07)}.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:#04382a;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(#ff8fae12 1px,#0000 1px),linear-gradient(90deg,#ff8fae12 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,#ff8fae29,#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:stretch;gap:18px;display:flex;position:relative}.title-logo .logo-top{letter-spacing:6px;background:linear-gradient(#ff9db4,#ff6b81 48%,#d84a6e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #be3c5f66);-webkit-background-clip:text;background-clip:text;font-size:min(13vw,60px);font-weight:900;line-height:1}.title-logo .logo-sub{letter-spacing:10px;color:#e8a13c;text-shadow:0 2px 6px #c896004d;margin-top:8px;font-size:min(6.5vw,24px);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:80px;display:flex}.title-pkmn img{object-fit:contain;filter:drop-shadow(0 5px 6px #c8788c59);width:60px;height:75px;animation:2s ease-in-out infinite bob,.45s ease-out fadeIn}.title-pkmn img:nth-child(2){width:68px;height:85px;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;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:24px;height:30px}.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 #57c7a759}.starter-card img{object-fit:contain;width:64px;height:80px}.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 #57c7a799)}#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 #57c7a780}.map-node.current{border-color:var(--green);color:var(--green);box-shadow:0 0 18px #4ec98c99}.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 #57c7a766}50%{box-shadow:0 0 26px #57c7a7f2}}.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:#4ec98c1f}.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{justify-content:flex-end;gap:8px;min-height:0;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;border-radius:12px;padding:8px 4px 6px;transition:all .12s}.dex-cell:active{transform:scale(.94)}.dex-cell img{object-fit:contain;width:40px;height:50px}.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:#57c7a766}.dex-cell.r-u{border-color:#57c7a78c}.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-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:120px}.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:48px;height:60px}.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 #57c7a74d}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#app:has(#scr-story.active) #toast{top:calc(58px + var(--safe-t));bottom:auto;transform:translate(-50%)translateY(-16px)}#app:has(#scr-story.active) #toast.show{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}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#a8878e66 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#a8878e59 padding-box content-box;border:2px solid #0000;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#a8878e99 padding-box content-box}::-webkit-scrollbar-track{background:0 0}.load-ring{border:4px solid var(--line);border-top-color:var(--cyan);border-right-color:#ff8fae;border-radius:50%;width:46px;height:46px;margin:6px auto 0;animation:.85s linear infinite loadSpin;box-shadow:0 0 16px #57c7a759}@keyframes loadSpin{to{transform:rotate(360deg)}}.load-text{color:var(--dim);letter-spacing:3px;text-align:center;font-size:13px}.load-text:after{content:"…";animation:1.2s ease-in-out infinite loadBlink;display:inline-block}@keyframes loadBlink{0%,to{opacity:.25}50%{opacity:1}}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;width:100%;padding:6px 0 20px;display:grid}.ach-cell{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;gap:4px;padding:12px 8px;transition:transform .15s;display:flex}.ach-cell.got{border-color:var(--gold,#ffd740);box-shadow:0 0 10px #ffd74040}.ach-cell.locked{opacity:.6}.ach-icon{font-size:26px}.ach-name{font-size:13px;font-weight:800}.ach-desc{color:var(--dim);min-height:28px;font-size:10px;line-height:1.4}.ach-reward{color:var(--gold,#c99700);font-size:10px}.remove-card-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:46vh;margin-bottom:12px;padding:2px;display:grid;overflow-y:auto}.save-code-input{border:1px solid var(--line);background:var(--panel2);width:100%;min-height:52px;color:var(--txt);resize:vertical;border-radius:10px;padding:8px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11px}
.btn-ghost{letter-spacing:1px;border:1px solid var(--line);width:auto;color:var(--dim);cursor:pointer;white-space:nowrap;vertical-align:middle;background:#ffffff8c;border-radius:12px;flex:none;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)}.modal .btn-ghost{width:100%;display:block}.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-y:auto}#scr-title .title-inner{justify-content:center}.title-inner.center{text-align:center}#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,1600px);margin-left:auto;margin-right:auto}.shop-list,.rest-list{max-width:min(96vw,1200px)}}.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:640px){#scr-battle .battle-stage{height:min(44vh,360px)}}#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,#scr-battle:before,#scr-story:before,#scr-over:before{background-image:linear-gradient(#ffffff8c,#ffffffdb),var(--chap-bg,url(/bg/chap1.webp))}#scr-starter:before,#scr-dex:before,#scr-review:before,#scr-bank:before,#scr-train:before,#scr-gacha:before,#scr-deckbuild:before,#scr-settings:before,#scr-study:before,#scr-exam:before,#scr-wrong: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;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:center;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{background:linear-gradient(180deg,var(--bg2),var(--bg));border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 12px 10px;transition:opacity .3s;display:flex}.battle-q-text{min-height:44px;font-size:15px;line-height:1.55}.battle-options{flex-direction:column;gap:8px;display:flex}.battle-opt-btn{text-align:left;border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--txt);cursor:pointer;border-radius:12px;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:all .12s;display:block}.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}.hand-area{background:linear-gradient(180deg,var(--bg),#f0f8ffd9);border-top:1px solid var(--line);scroll-snap-type:x mandatory;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);align-items:center;gap:6px;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:8px;display:flex}.map-floor{color:var(--cyan);font-size:14px;font-weight:900}.map-hud{color:var(--dim);flex:1;justify-content:flex-end;gap:8px;font-size:12px;display:flex}.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}.legend-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;left:10px;overflow-y:auto}.legend-panel h3{color:var(--cyan);font-size:14px}.legend-list{flex-direction:column;gap:6px;display:flex}.legend-item{align-items:flex-start;gap:8px;display:flex}.legend-emoji{text-align:center;flex:none;width:22px;font-size:16px;line-height:1.3}.legend-name{color:var(--cyan);font-size:12px;font-weight:700}.legend-desc{color:var(--dim);font-size:10px;line-height:1.4}.capture-title{text-align:center;color:var(--gold);margin-bottom:10px;font-size:20px;font-weight:900}.event-cg{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;margin-bottom:12px;display:block}.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}.dex-tabs{border-bottom:1px solid var(--line);gap:8px;width:100%;padding:10px 14px;display:flex}.dc-boss{color:#fff;background:var(--red);letter-spacing:1px;border-radius:6px;margin-top:3px;padding:1px 6px;font-size:8px;font-weight:800;display:inline-block}.hand-card.ult-card{background:linear-gradient(160deg,#fff8e0,#ffe9b0);border:2px solid gold;animation:1.6s ease-in-out infinite ultPulse;box-shadow:0 0 14px #ffd7008c,inset 0 0 10px #ffd70040}.ult-tag{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#ffb300,#ff6f00);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:3px;left:3px}@keyframes ultPulse{0%,to{box-shadow:0 0 10px #ffd70073}50%{box-shadow:0 0 22px #ffbe00d9}}.ult-gauge{flex-direction:column;align-items:center;gap:3px;min-width:110px;display:flex}.ult-gauge-label{color:#d99200;font-size:10px;font-weight:700}.ult-gauge-bar{background:#0000001f;border-radius:999px;width:100%;height:8px;overflow:hidden}.ult-gauge-bar i{background:linear-gradient(90deg,gold,#ff8c00);border-radius:999px;height:100%;transition:width .25s;display:block}.team-slot{position:relative}.leader-star{z-index:2;filter:drop-shadow(0 0 3px #ffd700cc);font-size:11px;position:absolute;top:-7px;right:-4px}#scr-story{justify-content:flex-end;align-items:center}.story-bg{background:radial-gradient(circle at 50% 20%,#ff8fae33,#0000 55%),linear-gradient(#ffffff59,#ffffffa6);position:absolute;inset:0}.story-cg{z-index:1;background:var(--panel);position:absolute;inset:0}.story-cg img{object-fit:cover;object-position:center;width:100%;height:100%}.story-cg:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0a101e66);position:absolute;inset:0}.story-clicker{z-index:2;position:absolute;inset:0}.story-inner{z-index:3;width:min(92vw,440px);padding-bottom:calc(30px + var(--safe-b));pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.story-portrait{aspect-ratio:3/4;background:var(--panel);border:2px solid #fff;border-radius:18px;width:min(46vw,210px);animation:.35s storyIn;overflow:hidden;box-shadow:0 8px 24px #be5a7847}.story-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%}@keyframes storyIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.story-bubble{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;padding:14px 16px;box-shadow:0 6px 18px #a0647826}.story-bubble.narrator{background:#ffffffb8;border-style:dashed}.story-name{color:var(--red);letter-spacing:1px;margin-bottom:6px;font-size:14px;font-weight:800}.story-text{color:var(--txt);min-height:52px;font-size:15px;line-height:1.75}.story-caret{color:var(--red);animation:.8s step-end infinite caretBlink}@keyframes caretBlink{50%{opacity:0}}.story-hint{color:var(--dim);letter-spacing:1px;font-size:11px}.story-skip{pointer-events:auto;top:calc(14px + var(--safe-t));z-index:4;opacity:.8;position:absolute;right:14px}.battle-actions{padding:6px 12px calc(8px + var(--safe-b));align-items:center;gap:10px}.energy-display{flex:none;margin-right:auto}@media (max-height:640px){.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))}}.battle-q-area{position:relative}.battle-timer{z-index:2;background:#10203826;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}.enemy-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.affix-badge,.boss-mech-tag{letter-spacing:1px;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}.affix-badge{color:#b35c00;background:#ff8c0026;border:1px solid #ff8c0066}.boss-mech-tag{color:#c2184a;background:#ff00441f;border:1px solid #ff004459}.dc-caught{color:#8a6d00;letter-spacing:1px;background:#ffd23fd9;border-radius:6px;padding:0 5px;font-size:8px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}
.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);color:#4a1220;background:linear-gradient(#ffc3d4,#ff8fae);font-weight:800;box-shadow:0 0 18px #ff8fae59,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:8px 14px}.chip.active{background:var(--cyan);border-color:var(--cyan);color:#4a1220;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:#4ec98c1f}.battle-opt-btn.wrong{border-color:var(--red);background:#ff3d681a;animation:.3s shake}.battle-opt-btn.reveal{border-color:var(--green);background:#4ec98c0f}.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 #57c7a740}.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 #57c7a766}.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 #57c7a766}.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:#57c7a773}.dex-cell.r-u{border-color:#57c7a799;box-shadow:0 6px 14px #57c7a72e}.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.locked .dc-img{filter:brightness(0)}.dc-lock{z-index:1;filter:drop-shadow(0 1px 2px #28508273);pointer-events:none;font-size:13px;position:absolute;top:5px;right:5px}.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%,#ff8fae4d 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:#57c7a780}.dex-detail-card.r-u{border-color:#57c7a799}.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}