:root{--bg:#0b0d12;--bg2:#12161f;--panel:#171b24;--panel2:#1d2330;--line:#2a3142;--text:#e8ecf5;--muted:#8b93a7;--gold:#e0b33a;--cyan:#5de0ff;--pink:#ff6f91;--green:#49d19a;--danger:#ff5d6c;--warrior:#d4a017;--mage:#8b5cff;--priest:#3ecf8e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top-pad:8px;--app-height:100svh;--app-offset-top:0px;color:var(--text);background:var(--bg);font-family:Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:var(--app-height);overscroll-behavior:none;background:radial-gradient(120% 80% at 50% 0%, #1a2030 0%, var(--bg) 55%);margin:0;overflow:hidden}#app{width:100%;height:100%;min-height:var(--app-height);transform:translateY(var(--app-offset-top));background:#05060a;justify-content:center;align-items:stretch;display:flex}.phone{background:linear-gradient(#5de0ff0a,#0000 28%),linear-gradient(#10141c,#0b0d12);border-left:1px solid #1a1f2b;border-right:1px solid #1a1f2b;flex-direction:column;flex:auto;width:min(100%,430px);max-width:430px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.topbar{padding:calc(10px + var(--safe-top) + var(--safe-top-pad)) 10px 6px;border-bottom:1px solid var(--line);z-index:5;background:#0a0c12eb;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.topbar.res-bar.all-res.scroll-res{padding:calc(8px + var(--safe-top) + var(--safe-top-pad)) 10px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.topbar.res-bar.all-res.scroll-res::-webkit-scrollbar{display:none}.topbar.res-bar.all-res.scroll-res .res{border-radius:8px;flex:none;min-width:64px;padding:4px 8px}.topbar.res-bar.all-res .res .name{font-size:9px}.topbar.res-bar.all-res .res .val{font-size:12px}.res{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:6px 8px}.res .name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.res .val{margin-top:2px;font-size:13px;font-weight:700}.content{min-height:0;padding:10px 10px calc(86px + var(--safe-bottom));scrollbar-width:thin;touch-action:pan-y;flex:1;overflow:auto}.content.content-enter{animation:.32s cubic-bezier(.22,1,.36,1) contentSoftIn}@keyframes contentSoftIn{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel{background:linear-gradient(180deg, var(--panel2), var(--panel));border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:12px;transition:border-color .25s,transform .2s;box-shadow:inset 0 1px #ffffff08}.tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);background:#10151f;border-radius:999px;padding:4px 8px;font-size:11px}.tag.on{color:var(--gold);background:#241c0d;border-color:#6a5420}.enemy-name{margin:4px 0 8px;font-size:18px;font-weight:700}.bar{background:#0c1018;border:1px solid #2a3140;border-radius:999px;height:14px;margin:6px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.bar>i{border-radius:inherit;will-change:width;width:0%;height:100%;display:block;position:relative}.bar>i:after{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 55%);position:absolute;inset:0}.bar.enemy>i{background:linear-gradient(90deg,#ff5f7a,#ffb36b)}.bar.team>i{background:linear-gradient(90deg,#ff7aa2,#57e0b0)}.bar.shield>i{background:linear-gradient(90deg,#5b8cff,#7cf0ff);box-shadow:0 0 10px #5cb4ff59}.stats-row{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.vs{text-align:center;color:var(--gold);letter-spacing:.2em;opacity:.9;margin:8px 0;font-weight:800}.team-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero{text-align:center}.portrait{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--line);background:#0a0d14;border-radius:14px;width:100%;display:block}.portrait.warrior{border-color:var(--warrior)}.portrait.mage{border-color:var(--mage)}.portrait.priest{border-color:var(--priest)}.hero .meta{margin-top:6px;font-size:12px}.hero .meta .n{font-weight:700}.hero .meta .p{color:var(--muted);font-size:11px}.section-title{color:#d7deee;margin-bottom:8px;font-size:13px;font-weight:700}.skill-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skill-col{border:1px solid var(--line);background:#10151e;border-radius:12px;padding:8px}.skill-col h4{text-align:center;margin:0 0 6px;font-size:12px}.skills{grid-template-columns:1fr 1fr;gap:6px;display:grid}.skill{border:1px solid var(--line);text-align:center;background:#0c111a;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:42px;padding:6px 4px;font-size:10px;display:flex;position:relative}.skill.skill-with-fx{text-align:left;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;min-height:auto;padding:6px 8px}.skill .skill-name{justify-content:space-between;align-items:center;gap:4px;font-size:11px;line-height:1.25;display:flex}.skill .skill-fx{color:var(--muted,#8b93a7);font-size:9px;line-height:1.3}.card.locked-soft{opacity:.72}.skill .cd-badge{color:#ffb454;letter-spacing:.02em;min-width:0;font-size:9px}.skill .cd-badge:empty{display:none}.skill.on-cd{opacity:.55;filter:grayscale(.35)}.nav{height:calc(72px + var(--safe-bottom));padding:8px 4px max(8px, var(--safe-bottom));border-top:1px solid var(--line);z-index:8;touch-action:pan-x;background:#080a0ef5;display:block;position:absolute;bottom:0;left:0;right:0}.nav-rail{grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;gap:2px;height:100%;display:grid;position:relative}.nav.nav-5 .nav-rail{grid-template-columns:1fr 1fr 64px 1fr 1fr}.nav.nav-5 .fab{width:56px;height:56px;font-size:12px;transform:translateY(-10px)}.nav-indicator{left:4px;bottom:calc(10px + var(--safe-bottom));opacity:0;pointer-events:auto;z-index:2;touch-action:none;background:linear-gradient(90deg,#f0c45a,#e0b33a 50%,#c49220);border-radius:999px;width:22px;height:3px;transition:none;position:absolute;transform:translate(0);box-shadow:0 0 10px #e0b33a8c}.nav-indicator.ready{opacity:1}.nav-indicator.dragging{height:4px;transition:none;box-shadow:0 0 14px #e0b33abf}.nav button{appearance:none;color:var(--muted);z-index:1;background:0 0;border:0;padding:8px 2px;font-size:11px;transition:color .22s,transform .14s;position:relative}.name-rarity{font-weight:700}.name-rarity.rarity-genesis{background:linear-gradient(90deg,#fff7d6,#ff9a3c,#b56cff,#4ea1ff,#fff7d6);-webkit-background-clip:text;background-clip:text;color:#0000!important}.dex-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dex-card{border:1px solid var(--line);text-align:center;background:#10151e;border-radius:12px;padding:8px}.dex-card.locked{opacity:.55}.dex-card img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#0a0d14;border-radius:8px;width:100%;display:block}.dex-card img.sil{filter:brightness(.12)grayscale()}.dex-name{margin-top:6px;font-size:13px;font-weight:700}.dex-meta{color:var(--muted);margin-top:2px;font-size:11px}.dex-desc{color:#b7c0d4;text-align:left;margin-top:6px;font-size:11px;line-height:1.35}.floor-num-row{align-items:center;gap:8px;margin:10px 0 6px;display:flex}.floor-input{border:1px solid var(--line);min-width:0;height:40px;color:var(--text);text-align:center;background:#0c1018;border-radius:12px;flex:1;font-size:16px;font-weight:700}.floor-pick-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.floor-pick{appearance:none;border:1px solid var(--line);color:var(--text);text-align:center;background:#10151e;border-radius:12px;padding:8px}.floor-pick.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #6a5420}.floor-pick.locked{opacity:.45}.floor-pick img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#0a0d14;border-radius:8px;width:100%;display:block}.floor-pick .fp-name{margin-top:6px;font-size:12px;font-weight:700}.floor-pick .fp-meta{color:var(--muted);margin-top:2px;font-size:10px}.floor-pick .fp-lock{color:var(--danger);margin-top:4px;font-size:11px}.train-portrait-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.train-pick{appearance:none;border:1px solid var(--line);color:var(--text);text-align:center;background:#10151e;border-radius:14px;padding:8px}.train-pick.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #6a5420,0 0 16px #e0b33a33}.train-pick.empty{opacity:.45}.train-pick-frame{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--line);background:#0a0d14;border-radius:10px;width:100%;display:block}.train-pick-frame.warrior{border-color:var(--warrior)}.train-pick-frame.mage{border-color:var(--mage)}.train-pick-frame.priest{border-color:var(--priest)}.dex-card{appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer;text-align:center}.portrait-lightbox{z-index:40;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));background:#000000eb;justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.portrait-lightbox-inner{text-align:center;flex-direction:column;width:min(100%,360px);max-height:100%;display:flex;overflow:hidden}.pli-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.portrait-lightbox-inner img,.pli-scroll img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#0a0d14;border-radius:16px;width:100%;max-height:min(52svh,380px);margin:0 auto;display:block}.pli-name{margin-top:10px;font-size:22px;font-weight:800}.pli-meta{color:var(--muted);margin-top:4px;font-size:13px}.pli-close{flex:none;width:100%;margin-top:10px}.pli-desc{color:#d7deee;text-align:left;margin-top:10px;font-size:13px;line-height:1.45}.nav button.active{color:var(--gold)}.nav .fab{color:#1a1205;background:radial-gradient(circle at 35% 30%,#ffe29a,#c48a1c 45%,#3a2a0c 80%);border:2px solid #6a5420;border-radius:50%;width:64px;height:64px;margin:0 auto;font-size:12px;font-weight:800;transition:transform .14s,box-shadow .2s,filter .2s;transform:translateY(-12px);box-shadow:0 0 18px #e0b33a59}.nav .fab.active{filter:brightness(1.05);box-shadow:0 0 22px #e0b33a8c}.btn{appearance:none;border:1px solid var(--line);color:var(--text);background:#151b27;border-radius:12px;padding:10px 12px;font-size:13px;transition:transform .14s,background .2s,border-color .2s,opacity .2s}.btn.primary{color:var(--gold);background:linear-gradient(#3a2f14,#241c0c);border-color:#7a6122;font-weight:700}.btn:disabled{opacity:.45}.btn.is-press,.tap-target.is-press,.dex-card.is-press,.train-pick.is-press,.station-card.is-press,.nav button.is-press{transform:scale(.94)}.nav .fab.is-press,.nav.nav-5 .fab.is-press{transform:translateY(-8px)scale(.92)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.card{border:1px solid var(--line);background:#10151e;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.card img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:54px;height:72px}.card .body{flex:1;min-width:0}.card .title{font-size:14px;font-weight:700}.stack-card .body{padding-bottom:4px;position:relative}.stack-count{text-align:right;color:var(--gold);letter-spacing:.04em;margin-top:8px;font-size:16px;font-weight:800}.card .sub{color:var(--muted);margin-top:2px;font-size:12px}.muted{color:var(--muted);font-size:12px}.berserk-hot{color:var(--danger);font-weight:600}.boot,.starter{text-align:center;flex-direction:column;justify-content:center;gap:14px;height:100%;padding:24px 18px;display:flex}.boot h1,.starter h1{letter-spacing:.12em;color:var(--gold);margin:0;font-size:34px}.starter.starter-hero{padding:0;padding-top:var(--safe-top);justify-content:flex-end;gap:0;position:relative;overflow:hidden}.starter-bg{background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.starter-scrim{pointer-events:none;background:linear-gradient(#05080e26 0%,#05080e59 42%,#05080ee0 72%,#05080e 100%),radial-gradient(80% 50% at 50% 20%,#0000 30%,#00000059 100%);position:absolute;inset:0}.starter-fore{z-index:1;width:100%;padding:28px 18px calc(28px + var(--safe-bottom));text-align:center;flex-direction:column;gap:12px;display:flex;position:relative}.starter-hero .hero-title{letter-spacing:.1em;background:linear-gradient(180deg, #fff3c4, var(--gold));color:#0000;filter:drop-shadow(0 2px 18px #000000a6);-webkit-background-clip:text;background-clip:text;font-size:30px}.starter-hero .hero-tagline{color:#c9d0e0;text-shadow:0 1px 10px #000c}.starter-actions{flex-direction:column;gap:10px;display:flex}.starter-import{background:#10151eeb}.boss-stage{border:1px solid #ffd77838;flex-direction:column;justify-content:flex-end;min-height:52vh;padding:0;display:flex;position:relative;overflow:hidden}.boss-stage-art{background-color:#0a0d14;background-position:50% 18%;background-repeat:no-repeat;background-size:cover;height:50vh;max-height:62%;position:absolute;top:0;left:0;right:0}.boss-stage-scrim{pointer-events:none;background:linear-gradient(#04060c33 0%,#04060c59 32%,#06080ed1 58%,#0a0e16 100%),radial-gradient(90% 55% at 50% 20%,#0000 35%,#00000073 100%);position:absolute;inset:0}.boss-stage-meta{z-index:1;color:#f4f7ff;padding:12px 12px 4px;position:relative}.boss-stage-meta .enemy-name{color:#fff8e8;text-shadow:0 0 10px #000000e6,0 2px 8px #000000f2,0 1px #000c;font-size:18px}.boss-stage-meta .muted,.boss-stage-foot .muted{text-shadow:0 0 8px #000000f2,0 1px 3px #000000e6;color:#e8edf8!important}.boss-stage-meta .name-rarity,.boss-stage-foot .name-rarity{filter:drop-shadow(0 0 6px #000000f2)drop-shadow(0 1px 2px #000000e6)}.boss-stage-foot{z-index:1;color:#f0f3fa;background:linear-gradient(#0000,#080a10b8 28%,#080a10f5);padding:4px 12px 12px;position:relative}.boss-stage-foot .hero .meta .n{color:#f5f7fd;text-shadow:0 1px 4px #000000e6}.guide-modal .sheet{max-height:78vh;overflow-y:auto}.guide-modal .sheet h3{margin-top:0}.modal{z-index:20;background:#000000b8;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.modal .sheet{border:1px solid var(--line);width:100%;margin-bottom:calc(76px + var(--safe-bottom));background:#161b26;border-radius:18px 18px 14px 14px;padding:16px}.modal h3{color:var(--gold);margin:0 0 8px}.mode-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.mode-tabs button{border:1px solid var(--line);color:var(--muted);background:#10151e;border-radius:12px;padding:10px 8px;font-size:12px}.mode-tabs button.active{color:var(--gold);background:#221b0d;border-color:#6a5420}.input{border:1px solid var(--line);width:100%;min-height:88px;color:var(--text);resize:vertical;background:#0c1018;border-radius:12px;padding:10px;font-size:12px}.toast{border:1px solid var(--line);color:var(--text);z-index:30;white-space:nowrap;background:#1c2433;border-radius:999px;padding:8px 12px;font-size:12px;animation:.28s toastIn;position:absolute;top:56px;left:50%;transform:translate(-50%)}.warm-progress{border:1px solid var(--line);background:#121722;border-radius:12px;margin-top:10px;padding:10px}.warm-progress[hidden]{display:none!important}.warm-progress-bar{border:1px solid var(--line);background:#0a0d14;border-radius:999px;height:8px;overflow:hidden}.warm-progress-bar>i{background:linear-gradient(90deg, #c49220, var(--gold), #f0c45a);width:0;height:100%;transition:width .15s linear;display:block}.warm-progress-text{margin-top:8px;font-size:12px;line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.station-grid{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.station-card{appearance:none;text-align:left;border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:linear-gradient(145deg,#1a2130,#121722);border-radius:14px;padding:12px;transition:transform .14s,border-color .2s,box-shadow .2s}.station-card:hover{border-color:#4a556c}.station-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.station-title{color:var(--gold);letter-spacing:.04em;font-size:16px;font-weight:800}.station-count{color:var(--muted);font-size:12px}.station-desc{color:var(--muted);margin-top:4px;font-size:12px}.station-portraits{align-items:center;gap:6px;min-height:36px;margin-top:10px;display:flex}.station-portraits img{object-fit:cover;border:1px solid var(--line);background:#0a0d14;border-radius:6px;width:28px;height:36px}.station-empty{color:#6d758a;font-size:12px}.station-more{color:var(--gold);font-size:11px;font-weight:700}.station-res{margin-top:8px;font-size:12px;font-weight:600}.mode-tabs button,.dex-card,.train-pick{transition:transform .14s,border-color .2s,background .2s,opacity .2s}.section-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.section-head .section-title{margin:0}.fold-btn{flex:none;min-width:auto;padding:6px 10px;font-size:12px}.compact-panel{padding-top:10px;padding-bottom:10px}.battle-focus .battle-top{grid-template-columns:112px 1fr;align-items:start;gap:10px;display:grid}.battle-enemy-pic{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#0a0d14;border-radius:12px;width:112px}.battle-enemy-pic.placeholder{min-height:148px}.battle-enemy-meta .enemy-name{margin-bottom:2px;font-size:16px}.battle-focus .team-row.compact-team{gap:10px;margin-top:12px}.compact-team .hero .meta .p{display:none}.compact-team .portrait{aspect-ratio:3/4;border-radius:12px;width:100%;height:auto}.compact-team .hero .meta .n{font-size:12px}.portrait-wrap{width:100%;position:relative}.battle-floater-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.battle-floater{letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 2px #000000d9;font-size:11px;font-weight:800;animation:.9s ease-out forwards battle-floater-rise;position:absolute;bottom:42%;left:50%;transform:translate(-50%)}.battle-floater.dmg{color:#ff8f7a}.battle-floater.heal{color:#7dffb2}.battle-floater.shield{color:#8ecbff}.battle-floater.warrior{filter:drop-shadow(0 0 4px #d4a01773)}.battle-floater.mage{filter:drop-shadow(0 0 4px #8b5cff73)}.battle-floater.priest{filter:drop-shadow(0 0 4px #3ecf8e73)}@keyframes battle-floater-rise{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.92)}18%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-28px)scale(1.05)}}.portrait.portrait-strike{animation:.38s ease-out portrait-strike}.portrait.warrior.portrait-strike{box-shadow:0 0 0 2px var(--warrior)}.portrait.mage.portrait-strike{box-shadow:0 0 0 2px var(--mage)}.portrait.priest.portrait-strike{box-shadow:0 0 0 2px var(--priest)}@keyframes portrait-strike{0%{transform:scale(1)translateY(0)}35%{transform:scale(1.06)translateY(-3px)}to{transform:scale(1)translateY(0)}}.floor-pick-grid.compact-picks{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.floor-pick-grid.compact-picks .floor-pick img{aspect-ratio:3/4}.floor-pick-grid.compact-picks .fp-meta{font-size:10px}.loot-chip{background:#e0b33a14;border:1px solid #e0b33a40;border-radius:10px;margin:0 10px 8px;padding:6px 10px;font-size:12px}.train-sticky{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10141cf5;position:sticky;top:0}.loadout-tabs .btn{flex:1;padding:8px 4px;font-size:12px}.equip-slot-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.equip-slot-chip{flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:8px 4px;font-size:12px;line-height:1.2;display:flex}.equip-slot-chip .esc-name{font-weight:600}.equip-slot-chip .esc-meta{color:var(--muted);font-size:10px}.equip-slot-chip.primary .esc-meta{color:#e8ecf5d9}@media (width<=360px){.equip-slot-grid{grid-template-columns:repeat(3,1fr)}}.row-item{border-bottom:1px solid #2a3142b3;flex-direction:column;gap:4px;padding:8px 0;display:flex}.row-item:last-child{border-bottom:none}.row-main{font-size:13px}.tight-list{gap:0}.compact-skills .skill{min-height:auto;padding:6px;font-size:11px}.compact-skills h4{margin:0 0 4px;font-size:12px}