:root{--bg-page:#071127;--bg-surface-1:#0d1b38;--bg-surface-2:#132750;--bg-interactive:#183565;--color-primary:#46a8ff;--color-health:#ff647c;--color-gold:#ffb842;--color-dna:#c879ff;--color-success:#54e6a8;--color-warning:#ff8a4c;--text-primary:#f5f8ff;--text-secondary:#a9bad8;--text-muted:#7183a6;--header-height:64px;--bottom-nav-height:72px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--bg-page)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}.game-shell{width:min(100%,480px);height:100dvh;margin:auto;background:var(--bg-page);display:grid;grid-template-rows:var(--header-height) minmax(0,1fr) var(--bottom-nav-height);overflow:hidden}.resource-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #203969;background:#091631}.profile{display:flex;gap:8px;align-items:center;background:none;text-align:left;min-width:120px}.profile .avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d4f4ff,#3989dc 58%,#122653 60%);color:#071127;font-size:18px}.profile b,.profile small{display:block}.profile small,.header-resources small{font-size:11px;color:var(--text-secondary)}.header-resources{display:flex;align-items:center;gap:10px;white-space:nowrap}.coin{color:var(--color-gold);font-weight:800}.coin small{color:var(--color-success);margin-left:3px}.dna-count{font-size:12px;color:#e6c4ff}.icon-button{width:44px;height:44px;background:transparent;font-size:20px}.main-viewport{min-height:0;overflow:hidden}.scroll-page{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#071127,#0a1730)}.scroll-page h1{font-size:22px;margin:0 0 16px}.scroll-page h2{font-size:15px;margin:20px 0 10px;color:var(--text-secondary)}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#091631;border-top:1px solid #203969}.bottom-nav button{min-height:52px;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}.bottom-nav span{font-size:20px}.bottom-nav .active{color:var(--color-primary);text-shadow:0 0 12px #46a8ff88}.battle-page{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:12px 12px 8px;gap:10px}.chapter-progress{padding:10px 12px;border-radius:14px;background:var(--bg-surface-1)}.chapter-progress b,.chapter-progress small{display:block}.chapter-progress small{margin-top:3px;color:var(--text-secondary);font-size:12px}.chapter-line,.bestiary-progress span{height:6px;margin-top:9px;border-radius:8px;background:#1d315a;display:block;overflow:hidden}.chapter-line i,.bestiary-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#46a8ff,#c879ff)}.battle-stage{min-height:280px;position:relative;border-radius:18px;overflow:hidden;border:1px solid #355285;background:#140e2f}.battle-stage canvas{display:block;width:100%;height:100%}.enemy-hp{position:absolute;top:10px;right:10px;width:150px;text-align:right;font-size:11px}.enemy-hp span{display:block;height:7px;margin:4px 0;border-radius:6px;background:#281d3c}.enemy-hp i{display:block;height:100%;background:var(--color-health);border-radius:inherit}.enemy-hp small{color:var(--text-secondary)}.battle-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-surface-1);border-radius:14px;padding:10px}.battle-hud div{font-size:10px;color:var(--text-muted);text-align:center}.battle-hud b{display:block;color:var(--text-primary);font-size:13px;margin-top:3px}.active-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.active-skills button{min-height:72px;padding:6px;border-radius:14px;background:var(--bg-surface-2);border:1px solid #2d5790}.active-skills strong,.active-skills span,.active-skills small{display:block}.active-skills strong{font-size:23px;color:var(--color-primary)}.active-skills span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-skills small{font-size:10px;color:var(--color-success)}.power-summary,.prestige-summary,.bestiary-progress{padding:14px;border-radius:16px;background:var(--bg-surface-1);border:1px solid #264675}.power-summary>b{font-size:20px;color:var(--color-gold)}.power-summary div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;color:var(--text-secondary);font-size:12px}.recommendation{width:100%;margin-top:12px;padding:11px;border-radius:12px;background:#272542;color:#ffd775;text-align:left}.segment,.bulk-bar{display:flex;gap:6px;margin:14px 0;overflow-x:auto}.segment button,.bulk-bar button{flex:1;min-width:58px;padding:9px 8px;border-radius:10px;background:#102344;color:var(--text-secondary);font-size:12px}.segment .active,.bulk-bar .active{background:var(--bg-interactive);color:#fff;border:1px solid var(--color-primary)}.bulk-bar{position:sticky;top:-16px;z-index:2;padding:8px 0;background:linear-gradient(#071127 75%,transparent)}.upgrade-row{min-height:68px;display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #20365e}.row-icon{font-size:22px}.upgrade-row b,.upgrade-row small{display:block}.upgrade-row em{font-style:normal;color:var(--color-primary);font-size:11px}.upgrade-row small{color:var(--text-secondary);font-size:11px}.price-button,.primary,.secondary,.danger,.dna-button{min-height:40px;padding:0 12px;border-radius:12px;font-weight:800}.price-button,.primary{background:linear-gradient(180deg,#ffd26a,#e49325);color:#271300}.secondary{background:#245fa6}.danger{background:#be4457}.dna-button{width:100%;margin-top:12px;background:linear-gradient(180deg,#ce8cff,#7a35d9)}.equipped,.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.equipped button,.skill-card{min-height:100px;padding:12px;text-align:left;border-radius:14px;background:var(--bg-surface-1);border:1px solid #294a77}.equipped b,.skill-card>b{display:block;font-size:26px;color:var(--color-primary)}.equipped span,.skill-card span,.skill-card small,.skill-card em{display:block}.equipped span,.skill-card span{font-weight:700;margin-top:4px}.equipped small,.skill-card small,.skill-card em{margin-top:4px;color:var(--text-secondary);font-size:11px}.skill-card em{font-style:normal;color:var(--text-muted)}.prestige-summary{display:grid;gap:8px}.prestige-summary span{display:flex;justify-content:space-between;color:var(--text-secondary)}.prestige-summary b{color:var(--color-gold)}.prestige-summary small{color:var(--text-muted)}.dna-tree{display:grid;gap:10px}.dna-tree button{padding:13px;border-radius:14px;text-align:left;background:var(--bg-surface-1);border:1px solid #284873}.dna-tree button b,.dna-tree button small,.dna-tree button em{display:block}.dna-tree button small{color:var(--text-secondary);margin-top:4px}.dna-tree button em{font-style:normal;margin-top:7px;color:var(--color-dna);font-size:12px}.dna-tree .unlocked{opacity:.62;border-color:var(--color-success)}.dna-tree .available{box-shadow:0 0 14px #c879ff55;border-color:var(--color-dna)}.bestiary-progress{display:grid;grid-template-columns:1fr auto;gap:7px}.bestiary-progress span{grid-column:1/3;margin:0}.bestiary-progress small{color:var(--text-secondary)}.bestiary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bestiary-grid button{min-height:132px;padding:12px;border-radius:14px;background:var(--bg-surface-1);border:1px solid #294a77;text-align:left}.bestiary-grid strong,.bestiary-grid b,.bestiary-grid small{display:block}.bestiary-grid strong{font-size:38px;color:var(--color-primary)}.bestiary-grid b{margin-top:8px}.bestiary-grid small{margin-top:4px;color:var(--text-secondary)}.bestiary-grid .locked{filter:grayscale(1);opacity:.55}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:end center;padding:16px;background:#020714bb}.modal-sheet{width:min(480px,100%);max-height:min(80dvh,620px);overflow-y:auto;border-radius:20px 20px 14px 14px;padding:24px 20px;background:var(--bg-surface-1);box-shadow:0 -8px 40px #0008}.modal-sheet h2{margin:0 0 14px}.modal-sheet p{color:var(--text-secondary);line-height:1.6}.modal-sheet label{display:grid;gap:7px;margin:14px 0;color:var(--text-secondary)}.modal-close{float:right;background:none;font-size:24px}.reward{display:block;font-size:34px;color:var(--color-gold);margin:16px 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:600px){.game-shell{border-left:1px solid #203969;border-right:1px solid #203969;box-shadow:0 0 60px #000}}.resource-header{background:linear-gradient(180deg,#0c1b3b,#08142d);border-radius:0 0 18px 18px;box-shadow:0 7px 20px #02081699}.profile .avatar{border:2px solid #f5b842;box-shadow:0 0 0 2px #173c78}.coin,.dna-count{padding:6px 8px;border-radius:10px;background:#102345;border:1px solid #244b85}.bottom-nav{background:linear-gradient(180deg,#0d1d3c,#071127);border-radius:18px 18px 0 0;box-shadow:0 -8px 24px #02081680}.bottom-nav .active:after{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:3px;background:#46a8ff}.bottom-nav button{position:relative}.bottom-nav span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#132a50;font-size:15px}.bottom-nav .active span{background:#1a5fae;color:#e7f5ff}.power-summary{background:linear-gradient(145deg,#102a55,#0b1935)}.recommendation{border:1px solid #8d6424;background:linear-gradient(90deg,#26213a,#1a2136)}.upgrade-row{background:#0d1b38;border:1px solid #1f477b;border-radius:12px;margin-bottom:8px;padding:10px}.price-button{min-width:66px}.skill-card,.equipped button{background:linear-gradient(145deg,#10264a,#0b1935);min-height:126px}.dna-tree button{background:linear-gradient(145deg,#101e42,#0a1730)}.bestiary-grid button{background:linear-gradient(145deg,#112950,#0a1730);min-height:150px}.battle-stage{box-shadow:inset 0 0 60px #76295e55,0 12px 28px #02081699}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root{--header-height:60px;--bottom-nav-height:64px}.battle-upgrade-page{grid-template-rows:auto minmax(150px,1fr) auto auto auto;gap:6px;padding:7px 8px 6px}.battle-upgrade-page .chapter-progress{padding:7px 10px;border-radius:12px}.battle-upgrade-page .chapter-progress small{margin-top:1px}.battle-upgrade-page .chapter-line{height:4px;margin-top:5px}.battle-upgrade-page .battle-stage{min-height:150px;border-radius:16px;border-color:#6a3d86;box-shadow:inset 0 0 70px #8d285966,0 6px 18px #02081699}.battle-upgrade-page .battle-hud{padding:6px;border-radius:10px}.battle-upgrade-page .battle-hud b{font-size:12px;margin-top:1px}.passive-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.passive-skills button{position:relative;min-width:0;height:48px;padding:4px 3px;display:flex;align-items:center;gap:4px;text-align:left;overflow:hidden;border-radius:11px;border:1px solid #284d82;background:linear-gradient(145deg,#12284c,#0a1730)}.passive-skills button:before{content:"";position:absolute;inset:0;background:conic-gradient(#081329 var(--cooldown),#46a8ff22 0);opacity:.7}.passive-skills .passive-icon,.passive-skills button>span:last-child{position:relative;z-index:1}.passive-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:9px;color:#8ed8ff;background:#193b6c;box-shadow:inset 0 0 10px #46a8ff44}.passive-skills b,.passive-skills small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passive-skills b{max-width:62px;font-size:9px}.passive-skills small{max-width:66px;margin-top:2px;font-size:8px;color:#84a4c9}.passive-skills button.active{border-color:#54e6a8;box-shadow:0 0 12px #54e6a855}.passive-skills button.active .passive-icon{color:#bcffe7;background:#17604f}.passive-skills button.pulse{animation:skill-pulse .8s ease-out}.inline-upgrades{padding:7px;border-radius:14px;border:1px solid #244777;background:linear-gradient(180deg,#0e2042,#09162e)}.inline-upgrades>header{height:30px;display:flex;align-items:center;gap:6px}.inline-upgrades>header>b{font-size:13px}.inline-upgrades>header>small{font-size:9px;color:#7891b8}.bulk-compact{margin-left:auto;display:flex;gap:3px}.bulk-compact button{height:24px;min-width:31px;padding:0 5px;border-radius:7px;background:#102b51;color:#8fa9cf;font-size:9px}.bulk-compact button.active{color:#fff;background:#1c69bc;box-shadow:0 0 10px #46a8ff55}.upgrade-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.upgrade-tile{min-width:0;height:46px;padding:4px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr 14px;column-gap:4px;text-align:left;border:1px solid #245184;border-radius:9px;background:linear-gradient(145deg,#132c55,#0b1934);touch-action:manipulation}.upgrade-tile:active:not(:disabled){transform:scale(.97);border-color:#ffbe48}.upgrade-icon{grid-row:1/3;width:24px;height:24px;align-self:center;display:grid;place-items:center;border-radius:7px;color:#7fd5ff;background:#173b6c}.upgrade-tile>span:nth-child(2){min-width:0}.upgrade-tile b,.upgrade-tile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-tile b{font-size:9px}.upgrade-tile small{font-size:7px;color:#8098bd}.upgrade-tile em{grid-column:2;display:flex;align-items:center;gap:2px;color:#ffc45c;font-size:9px;font-style:normal}.upgrade-tile:disabled{filter:saturate(.45);opacity:.48}.passive-page{padding:14px 12px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.page-title h1{margin:0 0 4px}.page-title p{margin:0;color:var(--text-secondary);font-size:11px}.page-title>span{padding:7px 9px;border-radius:10px;background:#162b52;color:#8fcfff;font-size:10px}.passive-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;padding:12px;border:1px solid #294f80;border-radius:15px;background:linear-gradient(145deg,#11294f,#0a1832);box-shadow:0 8px 18px #02081666}.passive-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#a9e4ff;background:radial-gradient(circle at 35% 30%,#285d9b,#142b57 65%);box-shadow:inset 0 0 15px #46a8ff66}.passive-card-body{min-width:0}.passive-card-body header{display:flex;justify-content:space-between;gap:6px}.passive-card-body header b{font-size:13px}.passive-card-body header span{color:#7fc8ff;font-size:10px}.passive-card-body p{margin:4px 0;color:#dce9ff;font-size:10px}.passive-card-body small{display:block;color:#7f9bc1;font-size:9px}.passive-meta{display:flex;gap:10px;margin-top:6px;color:#54e6a8;font-size:9px}.passive-card>.price-button{min-width:58px;height:42px;padding:4px 7px}.passive-card>.price-button small,.passive-card>.price-button b{display:block;font-size:9px}.passive-card>.price-button b{font-size:10px}.bottom-nav{padding-top:4px}.bottom-nav button{min-height:46px}@keyframes skill-pulse{0%{filter:brightness(1);transform:scale(1)}35%{filter:brightness(1.9);transform:scale(1.04)}to{filter:brightness(1);transform:scale(1)}}@media(max-height:760px){.battle-upgrade-page{grid-template-rows:auto minmax(118px,1fr) auto auto auto}.battle-upgrade-page .battle-stage{min-height:118px}.upgrade-tile{height:42px}.passive-skills button{height:44px}}.arena-layout{grid-template-rows:minmax(0,1fr) 184px!important;gap:6px!important;padding:6px 7px 5px!important}.arena-stage{min-height:0!important;height:auto;border-radius:18px!important}.arena-chapter{position:absolute;z-index:2;top:8px;left:9px;width:148px;padding:7px 9px;border:1px solid #315586;border-radius:11px;background:#07142dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.arena-chapter b,.arena-chapter small{display:block}.arena-chapter b{font-size:11px}.arena-chapter small{margin-top:2px;color:#9bb0cf;font-size:8px}.arena-chapter>span{display:block;height:3px;margin-top:5px;overflow:hidden;border-radius:4px;background:#243a61}.arena-chapter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#46a8ff,#c879ff)}.arena-stage .enemy-hp{top:10px;right:9px;width:132px}.arena-stage .enemy-hp b{font-size:10px}.arena-stage .enemy-hp span{height:5px}.arena-stage .enemy-hp small{font-size:8px}.arena-hud{position:absolute;z-index:2;left:50%;bottom:9px;transform:translate(-50%);width:min(274px,76%);display:grid;grid-template-columns:repeat(4,1fr);padding:5px 7px;border:1px solid #29466d;border-radius:12px;background:#07142dd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.arena-hud div{text-align:center}.arena-hud small,.arena-hud b{display:block}.arena-hud small{color:#7e96ba;font-size:7px}.arena-hud b{margin-top:1px;font-size:10px}.arena-passives{position:absolute;z-index:3;left:8px;bottom:48px;display:flex;gap:4px}.arena-passives button{position:relative;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #315b91;border-radius:50%;color:#8ed8ff;background:conic-gradient(#0a1730 var(--cooldown),#1c5588 0);box-shadow:0 4px 10px #0008}.arena-passives button:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#10294e}.arena-passives svg,.arena-passives small{position:relative;z-index:1}.arena-passives small{position:absolute;right:-2px;bottom:-2px;min-width:15px;height:15px;padding:0 2px;display:grid;place-items:center;border-radius:8px;background:#071127;color:#a9dfff;font-size:7px}.arena-passives button.active{color:#c8ffe9;border-color:#54e6a8;box-shadow:0 0 13px #54e6a877}.compact-console{height:184px;padding:5px 6px!important;border-radius:12px!important}.compact-console>header{height:25px!important}.compact-console>header>b{font-size:11px!important}.compact-console .bulk-compact button{height:21px;min-width:29px;font-size:8px}.compact-console .upgrade-matrix{gap:3px}.compact-console .upgrade-tile{height:47px;padding:3px;grid-template-columns:21px minmax(0,1fr);grid-template-rows:1fr 13px;border-radius:8px}.compact-console .upgrade-icon{width:21px;height:21px}.compact-console .upgrade-tile b{font-size:8px}.compact-console .upgrade-tile small{font-size:7px}.compact-console .upgrade-tile em{font-size:8px}@media(max-height:760px){.arena-layout{grid-template-rows:minmax(0,1fr) 166px!important}.compact-console{height:166px}.compact-console .upgrade-tile{height:41px}.arena-passives{bottom:44px}}.profile .avatar{overflow:hidden;background:radial-gradient(circle,#49bfff22,#071127);border-color:#4dc8ff;box-shadow:0 0 0 2px #173c78,0 0 18px #38a9ff66}.profile .avatar img{width:52px;height:52px;object-fit:contain}.pixi-battle-host{position:absolute;inset:0;background:#08091c}.pixi-battle-host:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 44px #020816,inset 0 0 12px #e9337544}.pixi-canvas{display:block;width:100%!important;height:100%!important}.arena-stage{border:1px solid #325a88!important;background:#050817!important;box-shadow:inset 0 0 0 1px #60bfff22,0 10px 32px #000c!important}.arena-chapter{border-color:#4074a7;background:linear-gradient(145deg,#0b193bdd,#10152fdd);box-shadow:0 8px 22px #0008}.arena-stage .enemy-hp{padding:6px 7px;border-radius:10px;background:#080c20b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arena-stage .enemy-hp i{background:linear-gradient(90deg,#ff405e,#ff7b88);box-shadow:0 0 10px #ff526c}.arena-passives{gap:7px!important}.arena-passives button{width:42px!important;height:42px!important;border-width:2px!important;background:conic-gradient(#071020 var(--cooldown),#42b9ff 0)!important;box-shadow:0 5px 16px #000b,0 0 10px #42b9ff55!important}.arena-passives button:after{display:none}.arena-passives img{position:relative;z-index:1;width:34px;height:34px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 5px #58c8ff)}.arena-passives button.active img{filter:brightness(1.25) drop-shadow(0 0 8px #79ffc1)}.arena-hud{border-color:#3673a5!important;background:linear-gradient(180deg,#0c2345e8,#07152ee8)!important;box-shadow:0 8px 22px #0009,inset 0 0 18px #48b8ff16}.inline-upgrades{border-color:#2e659a!important;box-shadow:inset 0 0 25px #2f9cff12,0 8px 24px #0008}.upgrade-tile{border-color:#2e6394!important;background:linear-gradient(145deg,#153661,#0a1935)!important;box-shadow:inset 0 0 15px #38a9ff0d}.upgrade-tile:not(:disabled):hover{border-color:#64c8ff!important;box-shadow:0 0 12px #36aaff44,inset 0 0 15px #38a9ff18}.upgrade-icon{color:#a2e6ff!important;background:radial-gradient(circle,#2463a4,#10284d)!important;filter:drop-shadow(0 0 5px #3db7ff)}.battle-speed-control{position:absolute;z-index:4;top:58px;left:10px;display:flex;gap:3px;padding:3px;border:1px solid #315b86;border-radius:9px;background:#061125c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-speed-control button{min-width:28px;height:23px;padding:0 5px;border-radius:6px;background:#102746;color:#7896bc;font-size:9px;font-weight:800}.battle-speed-control button.active{background:linear-gradient(180deg,#2c9fff,#1762b2);color:#fff;box-shadow:0 0 10px #46b8ff88}.chapter-map{padding:14px 12px}.map-hero{padding:20px 16px;margin-bottom:14px;border:1px solid #376da1;border-radius:20px;background:radial-gradient(circle at 80% 10%,#3d7dd955,#0a1834 65%);box-shadow:inset 0 0 28px #4bb7ff14}.map-hero small{color:#74c7ff}.map-hero h1{margin:6px 0;font-size:25px}.map-hero p{margin:0;color:#a7bddb;font-size:12px}.map-hero b{display:block;margin-top:13px;color:#ffcc61}.chapter-list{display:grid;gap:10px}.chapter-card{position:relative;overflow:hidden;min-height:126px;padding:0;border:1px solid #32679b;border-radius:17px;background:#09182f;text-align:left}.chapter-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.chapter-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07142eee,#07142e44)}.chapter-card>span{position:relative;z-index:1;display:grid;gap:5px;padding:17px}.chapter-card small{color:#8ebbe8}.chapter-card b{font-size:19px}.chapter-card em{font-size:11px;color:#b3c4dd;font-style:normal}.chapter-card i{margin-top:6px;color:#70d8ff;font-size:11px;font-style:normal}.chapter-card.done{border-color:#51dca2}.chapter-card.done i{color:#7ff1ba}.chapter-card.locked{filter:grayscale(1);opacity:.48}.skillbook-overlay,.run-result-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#020613b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.skillbook-overlay section,.run-result-overlay section{width:min(410px,100%);padding:22px;border:1px solid #a175ed;border-radius:20px;background:linear-gradient(150deg,#172550,#0c1732);box-shadow:0 0 46px #9c5cff55}.skillbook-overlay small,.run-result-overlay small{color:#d2a7ff}.skillbook-overlay h2,.run-result-overlay h2{margin:6px 0}.skillbook-overlay p,.run-result-overlay p{color:#a8bbd8;font-size:12px}.skillbook-overlay button{display:grid;width:100%;gap:4px;margin-top:10px;padding:13px;border:1px solid #526fa9;border-radius:13px;background:linear-gradient(120deg,#183c67,#261b5a);text-align:left}.skillbook-overlay button:hover{border-color:#cd92ff;box-shadow:0 0 18px #b26cff55}.skillbook-overlay button b{font-size:14px}.skillbook-overlay button span{font-size:11px;color:#c7d8f0}.run-result-overlay section{text-align:center}.run-result-overlay .primary{margin-top:10px}.arena-layout{position:relative}.arena-layout .skillbook-overlay{position:fixed}.bottom-nav-four{grid-template-columns:repeat(4,1fr)}.archive-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px;border:1px solid #2d6395;border-radius:15px;background:linear-gradient(145deg,#10284e,#08162e)}.archive-summary div{display:grid;gap:4px;text-align:center}.archive-summary small{color:#8fa9cd;font-size:10px}.archive-summary b{color:#ffce68;font-size:13px}.archive-chapters{display:grid;gap:8px}.archive-chapters article{position:relative;overflow:hidden;min-height:82px;border:1px solid #2b618f;border-radius:13px;background:#0a1730}.archive-chapters img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}.archive-chapters article:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07142ee9,#07142e55)}.archive-chapters span{position:relative;z-index:1;display:grid;gap:2px;padding:12px}.archive-chapters small{color:#87c8f7;font-size:10px}.archive-chapters b{font-size:15px}.archive-chapters em{color:#b7c9e3;font-size:10px;font-style:normal}.archive-chapters .locked{filter:grayscale(1);opacity:.5}.archive-enemies{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.archive-enemies span{padding:13px;border:1px solid #284f7d;border-radius:12px;background:#0c1e3d;color:#b9d7f8;font-size:12px}.game-shell{background:radial-gradient(circle at 50% -10%,#183b7b 0,#07122a 35%,#040a18)}.scroll-page{background:radial-gradient(circle at 80% -10%,#16386e55,transparent 35%),linear-gradient(180deg,#07142c,#050c1d)}.resource-header{border-bottom-color:#2e5f99;background:linear-gradient(180deg,#0c1d40,#07132d)}.map-hero-ref{padding:17px 15px 13px;border-radius:15px;background:linear-gradient(135deg,#112b57,#091a37 68%);box-shadow:inset 0 0 22px #3daaff18,0 8px 22px #0008}.map-hero-ref h1{font-size:23px}.map-progress{display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin-top:14px;color:#9fcfff;font-size:11px}.map-progress b{margin:0;color:#dbeeff}.map-progress i{grid-column:1/3;display:block;height:4px;background:#19345d;border-radius:4px;overflow:hidden}.map-progress em{display:block;width:46%;height:100%;background:linear-gradient(90deg,#57d6ff,#9a8aff)}.chapter-card{min-height:120px;border-color:#2c649b;box-shadow:inset 0 0 24px #3b9cff12}.chapter-card:first-child{border-color:#53bfff;box-shadow:0 0 18px #258bff44,inset 0 0 24px #3b9cff26}.chapter-card>span{padding:14px 16px}.chapter-card b{font-size:20px}.chapter-card i{display:flex;justify-content:space-between;align-items:center;width:max-content;min-width:78px;padding:4px 8px;margin-top:4px;border:1px solid #2e6ba5;border-radius:8px;background:#0b2346aa;color:#71d1ff}.chapter-card.locked i{color:#96a2b9}.chapter-card strong{font-size:16px}.skill-library{padding:15px 12px}.skill-title{margin-bottom:11px}.skill-filters{display:flex;gap:5px;overflow-x:auto;margin:0 0 11px;padding-bottom:2px}.skill-filters button{flex:0 0 auto;min-width:46px;padding:6px 9px;border:1px solid #274f86;border-radius:9px;background:#0c1d3d;color:#91a8cd;font-size:10px}.skill-filters .active{color:#e4ecff;border-color:#7770ff;background:linear-gradient(180deg,#514ad2,#272774);box-shadow:0 0 12px #7372ff66}.skill-grid-ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-tile{min-height:128px;padding:9px 6px;text-align:center;border:1px solid #355b9a;border-radius:10px;background:linear-gradient(145deg,#102a53,#09172f);box-shadow:inset 0 0 14px #55afff12}.skill-tile .skill-orb{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 7px;border:1px solid #5c83d9;border-radius:14px;background:radial-gradient(circle,#2774bb33,#0a1832);font-size:24px}.skill-tile b,.skill-tile em,.skill-tile small{display:block}.skill-tile b{height:29px;font-size:11px;line-height:14px}.skill-tile em{margin:3px 0;color:#ff9b7e;font-size:9px;font-style:normal}.skill-tile small{color:#899dbf;font-size:8px}.skill-tile.violet{border-color:#9c5de4}.skill-tile.violet .skill-orb{color:#d49cff;box-shadow:0 0 13px #a65fff66}.skill-tile.orange{border-color:#ef8d55}.skill-tile.orange .skill-orb{color:#ffa76e;box-shadow:0 0 13px #ff793e55}.skill-tile.blue{border-color:#53c8f5}.skill-tile.blue .skill-orb{color:#85e1ff}.skill-tile.gold{border-color:#d9a957}.skill-tile.gold .skill-orb{color:#ffd670}.skill-tile.red{border-color:#e55c82}.skill-tile.red .skill-orb{color:#ff91ad}.skill-tile.green{border-color:#4cbf9a}.skill-tile.green .skill-orb{color:#8cf3c9}.skill-tile.locked{filter:grayscale(1);opacity:.48}.research-page{padding:18px 14px}.research-heading h1,.archive-heading h1{margin:0;font-size:23px}.research-heading p,.archive-heading p{margin:5px 0 14px;color:#9db2d3;font-size:12px}.research-balance{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px 14px;border:1px solid #315a93;border-radius:12px;background:linear-gradient(90deg,#102a52,#0a1833);color:#73d5ff}.research-balance b{color:#fff;font-size:16px}.research-balance i{color:#7cb6ff;font-style:normal;font-size:20px}.research-page h2{margin:18px 0 10px;color:#a8d3f7;font-size:14px}.research-cards{display:grid;gap:10px}.research-card{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);gap:10px;min-height:91px;padding:12px;text-align:left;border:1px solid #35659d;border-radius:12px;background:linear-gradient(135deg,#112c56,#091832);overflow:hidden}.research-card:after{content:"";position:absolute;inset:auto -13px -18px auto;width:85px;height:85px;border:1px solid #3877aa33;border-radius:50%}.research-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #5e8ac1;border-radius:50%;font-size:21px}.research-card b,.research-card small,.research-card em{display:block}.research-card b{color:#8cd7ff;font-size:14px}.research-card small{margin-top:3px;color:#8fa5c8;font-size:11px}.research-card em{margin-top:9px;color:#c3d7f2;font-size:11px;font-style:normal}.research-card strong{position:absolute;right:10px;bottom:10px;padding:5px 7px;border:1px solid #315e96;border-radius:7px;background:#0b2042;color:#add9ff;font-size:10px;font-weight:500}.research-card.orange .research-icon{color:#ffba7a;border-color:#cd8e5d}.research-card.gold .research-icon{color:#ffd371;border-color:#be9758}.research-card.violet .research-icon{color:#daa4ff;border-color:#996fc4}.archive-page{padding:17px 14px}.archive-summary{grid-template-columns:repeat(4,1fr);gap:4px;padding:9px}.archive-summary small{font-size:8px}.archive-summary b{font-size:11px}.archive-chapters article{min-height:88px}.archive-chapters em{display:flex;justify-content:space-between;align-items:center}.archive-chapters strong{font-size:17px;color:#b3c1d9}.archive-enemies span{padding:11px;background:linear-gradient(145deg,#10274d,#09162f);color:#b9d7f8}.archive-enemies small{color:#7f9cc1;font-size:9px}@media(min-width:520px){.game-shell{max-width:430px;border-left-color:#2c5991;border-right-color:#2c5991}.skill-tile{min-height:134px}}.game-shell.battle-shell{grid-template-rows:minmax(0,1fr);width:min(100%,430px,48dvh);max-width:430px;height:100dvh;margin:auto;border-left:1px solid #244d82;border-right:1px solid #244d82;box-shadow:0 0 48px #000b}.battle-shell .main-viewport{height:100dvh}.battle-shell .battle-page{height:100dvh;padding:6px!important}.battle-pause{position:absolute;z-index:5;top:10px;right:9px;width:31px;height:31px;border:1px solid #4175a9;border-radius:9px;background:#07152ed9;color:#d9edff;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-speed-control{top:10px;left:10px}.exit-confirm-overlay{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#020613c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.exit-confirm-overlay section{width:min(350px,100%);padding:22px;border:1px solid #4a75ab;border-radius:18px;background:linear-gradient(145deg,#152b51,#09152d);box-shadow:0 0 46px #235a9a55;text-align:center}.exit-confirm-overlay small{color:#ffb37b}.exit-confirm-overlay h2{margin:7px 0;font-size:21px}.exit-confirm-overlay p{margin:0;color:#a9bddb;font-size:12px;line-height:1.6}.exit-confirm-overlay section>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.exit-confirm-overlay button{min-height:42px;padding:0 8px}