:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#070a1c;font-synthesis:none;--bg:#080b21;--panel:rgba(12,17,48,.88);--glass:rgba(15,22,58,.72);--line:rgba(149,171,255,.19);--muted:#9aa7cb;--primary:#6ee7ff;--violet:#8c74ff;--gold:#ffd46e;--danger:#ff637d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -20%,#1c2a73 0,#080b21 46%,#040615);overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.42}.boot-fallback,.fatal-screen{display:grid;place-items:center;width:100%;height:100%;text-align:center}.boot-mark{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid #6ee7ff;border-radius:22px;box-shadow:0 0 40px #6ee7ff44;font-size:24px;font-weight:900}.game-root{position:relative;width:100%;height:100%;min-height:100dvh;isolation:isolate}.world-stage{position:absolute;inset:0;background:#06091d}.game-canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}.ui-layer{position:absolute;inset:0;pointer-events:none}.ui-layer button,.ui-layer input,.ui-layer select,.ui-layer label{pointer-events:auto}.screen{position:absolute;inset:calc(70px + var(--safe-top)) 0 calc(74px + var(--safe-bottom));overflow:auto;scrollbar-width:thin;scrollbar-color:#6078c744 transparent}.screen--lobby{overflow:hidden}.glass{background:linear-gradient(145deg,#151e4fc2,#0a0f2cc7);border:1px solid var(--line);box-shadow:0 18px 60px #0005,inset 0 1px #ffffff0d;backdrop-filter:blur(16px)}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:calc(70px + var(--safe-top));padding:calc(10px + var(--safe-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#070a1df5,#070a1d22);pointer-events:none}.topbar>*{pointer-events:auto}.profile-chip{display:flex;align-items:center;gap:10px}.profile-level{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#222f70,#151b4a);border:1px solid #8198ff66;color:#fff;font-weight:900;box-shadow:0 0 20px #627cff22}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:13px}.profile-chip small{color:var(--muted);font-size:9px;margin-top:3px;letter-spacing:.05em}.wallet-strip{display:flex;gap:7px}.currency{display:flex;align-items:center;gap:6px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:12px;background:#0b1030cc;font-size:12px;font-weight:800}.currency span{color:var(--gold)}.currency i{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#4ad9ed;color:#05132a;font-style:normal}.bottom-nav{position:absolute;z-index:20;bottom:0;left:0;right:0;height:calc(74px + var(--safe-bottom));padding:4px max(6px,env(safe-area-inset-right)) var(--safe-bottom) max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(8,1fr);background:linear-gradient(180deg,#080b2180,#080b21fa 22%);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-width:46px;min-height:52px;border:0;border-radius:13px;background:transparent;color:#8692b9}.bottom-nav button span{font-size:20px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:#e9fbff;background:linear-gradient(#4fcde51f,#6968ff1a)}.bottom-nav button.active:before{content:"";position:absolute;top:0;width:26px;height:2px;background:var(--primary);box-shadow:0 0 12px var(--primary)}.primary,.secondary,.text-button,.back-button{min-height:44px;border-radius:12px;padding:0 18px;font-weight:800}.primary{border:1px solid #8ef1ff99;background:linear-gradient(135deg,#4ee7ef,#7f87ff);color:#06132a;box-shadow:0 8px 24px #4ee7ef22}.secondary{border:1px solid var(--line);background:#161e4bd9}.text-button{border:0;background:transparent;color:#aeefff}.back-button{border:0;background:#101638cc}.danger{border:1px solid #ff7184!important;background:#4f1928!important;color:#ffdce1!important}.lobby-overlay{position:absolute;inset:0;padding:8vh clamp(18px,4vw,70px) 26px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.lobby-overlay>*{pointer-events:auto}.lobby-title{align-self:flex-start;text-shadow:0 3px 20px #000}.lobby-title span,.page-heading small,.summon-copy>small,.result-modal>small,.summon-modal>small{font-size:10px;letter-spacing:.28em;color:#86eaff;font-weight:900}.lobby-title h1{font-family:Georgia,serif;margin:5px 0;font-size:clamp(28px,5vw,50px);font-weight:500;letter-spacing:-.04em}.lobby-title p{margin:0;color:#aab4d5}.chapter-card{align-self:flex-end;width:min(410px,92vw);padding:18px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.chapter-card small,.team-summary>span{color:#7feeff;font-size:9px;letter-spacing:.18em}.chapter-card h2{margin:4px 0 3px;font-family:Georgia,serif;font-size:21px}.chapter-card p{margin:0;color:var(--muted);font-size:11px}.quick-grid{align-self:flex-start;display:grid;grid-template-columns:repeat(4,minmax(90px,130px));gap:9px}.quick-tile{min-height:78px;border-radius:18px;padding:12px;display:grid;justify-items:start;gap:7px}.quick-tile>span{font-size:24px;color:#91eefe}.quick-tile b{font-size:12px}.team-summary{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:10px 14px;border-radius:16px;display:flex;align-items:center;gap:12px;white-space:nowrap}.team-summary>div{display:flex}.team-summary .mini-portrait{margin-left:-5px}.mini-portrait{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff33;border-radius:11px;background:#252f68;font-size:16px;box-shadow:0 5px 14px #0005}.panel-page,.detail-page{min-height:100%;padding:22px clamp(16px,4vw,64px) 45px;background:linear-gradient(110deg,#070a1cf7,#090c22c2 50%,#070a1ceb)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h1{margin:4px 0;font-family:Georgia,serif;font-size:clamp(28px,4vw,44px);font-weight:500}.page-heading p{margin:0;color:var(--muted);font-size:13px}.world-progress{padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:#b9c4e3;font-size:11px}.world-tabs,.filter-row,.quest-tabs,.banner-tabs,.difficulty{display:flex;gap:7px;overflow:auto;padding-bottom:8px}.world-tabs button,.filter-row button,.quest-tabs button,.banner-tabs button,.difficulty button{flex:0 0 auto;min-width:44px;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#101536;color:#8290b9}.world-tabs button.active,.filter-row button.active,.quest-tabs button.active,.banner-tabs button.active,.difficulty button.active{background:#344796;color:#fff;border-color:#8bdcff88}.stage-path{display:grid;gap:10px;max-width:980px;margin:14px auto}.stage-node{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(90deg,#111844e8,#0c1234d9)}.stage-node.boss{border-color:#e76eff66;background:linear-gradient(90deg,#3b164ecf,#11143de8)}.stage-node.locked{filter:saturate(.25);opacity:.65}.stage-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#82edff,#4350ae 65%,#161c52);border:2px solid #c8fbff88;box-shadow:0 0 24px #49dfff3a;font-weight:900}.boss .stage-orb{background:radial-gradient(circle at 30% 25%,#ff99df,#7933a7 65%,#32164d)}.stage-node small{color:#78ddea;font-size:9px;letter-spacing:.12em}.stage-node h3{margin:3px 0;font-size:15px}.stage-node p{margin:0;color:var(--muted);font-size:11px}.stars{color:var(--gold);font-size:12px;letter-spacing:.08em}.difficulty{justify-content:center;margin-top:15px}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.unit-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:18px;padding:8px;background:linear-gradient(#192153,#0c1134);overflow:hidden;min-height:210px}.unit-grid.compact{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.unit-grid.compact .unit-card{min-height:172px}.unit-card.selected{outline:2px solid #67ebff;box-shadow:0 0 25px #67ebff33}.unit-portrait{height:125px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle at 50% 45%,#6073d5,#151a45 75%);font-size:44px;position:relative;overflow:hidden}.unit-portrait:after,.portrait-xl:after{content:"";position:absolute;inset:15% 20% -25%;border:1px solid #ffffff16;transform:rotate(45deg);box-shadow:0 0 50px #fff2}.unit-portrait i{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#070b21bb;font-size:10px;font-style:normal}.unit-card>b,.unit-card>small,.unit-card>strong{display:block;position:relative}.unit-card>b{margin:9px 3px 3px;font-size:13px}.unit-card>small{margin:0 3px;color:var(--muted);font-size:9px}.unit-card>strong{margin:7px 3px;color:#80eaff;font-size:11px}.rarity-mythic,.rarity-secret,.rarity-limited{border-color:#e5adff77}.rarity-legendary{border-color:#ffd66d77}.element-flame{background:radial-gradient(circle at 50% 38%,#ffae58,#741b3e 74%)!important}.element-frost{background:radial-gradient(circle at 50% 38%,#d4f8ff,#28649b 74%)!important}.element-storm{background:radial-gradient(circle at 50% 38%,#8defff,#483198 74%)!important}.element-nature{background:radial-gradient(circle at 50% 38%,#d0ff86,#216f55 74%)!important}.element-light{background:radial-gradient(circle at 50% 38%,#fffbd1,#a16d3d 74%)!important}.element-shadow{background:radial-gradient(circle at 50% 38%,#f074dd,#35165f 74%)!important}.element-arcane{background:radial-gradient(circle at 50% 38%,#d59bff,#274b9d 74%)!important}.element-mechanical{background:radial-gradient(circle at 50% 38%,#72f3da,#225673 74%)!important}.detail-page{overflow:auto}.unit-hero{max-width:1100px;margin:8px auto 18px;padding:18px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#1c286ae8,#121840d9)}.portrait-xl{position:relative;display:grid;place-items:center;width:140px;height:140px;border-radius:36px;font-size:54px;overflow:hidden}.unit-hero h1{margin:4px 0;font-family:Georgia,serif;font-size:32px}.unit-hero p{margin:0;color:var(--muted)}.unit-hero strong{display:block;margin-top:12px;color:#7cecff}.rarity-label{font-size:10px;letter-spacing:.18em;color:var(--gold)}.detail-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1100px;margin:auto}.detail-panel{border-radius:18px;padding:16px}.detail-panel h2,.bio h2,.service-detail h2{margin:0 0 13px;font-family:Georgia,serif}.stat-line{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #ffffff0d;color:var(--muted);font-size:12px}.stat-line b{color:#fff}.level-display{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.level-display b{font-size:28px}.level-display span{color:var(--muted)}.upgrade-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px}.upgrade-actions button:last-child{grid-column:1/-1}.skills-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skills-panel h2{grid-column:1/-1}.skill-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#080d2c80}.skill-row>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #70e8ff44;border-radius:12px;color:#78e9fb}.skill-row b,.skill-row small{display:block;text-transform:capitalize}.skill-row small{color:var(--muted);font-size:9px}.trait-current{padding:10px;border-radius:12px;background:#090e2e}.trait-current span,.trait-current b{display:inline-block;margin-right:8px}.trait-current span{color:#f0b6ff;font-size:10px}.trait-current p{margin:6px 0;color:var(--muted);font-size:11px}.trait-roll{margin-top:10px;padding:10px;border:1px solid #75efff55;border-radius:12px;display:grid;gap:7px}.bio{max-width:1100px;margin:18px auto;color:#aeb8d6;line-height:1.6}.team-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.team-slot{min-height:160px;border:1px dashed #7d8cc855;border-radius:20px;background:#0d1235a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.team-slot>span{color:#7bdfea;font-size:8px;letter-spacing:.16em}.team-slot>i{font-size:28px;font-style:normal;color:#7482ad}.team-slot>b{font-size:11px}.team-slot>small{color:var(--muted);font-size:9px}.team-slot.filled{border-style:solid;background:linear-gradient(#1f2b67,#0e1439)}.team-slot .mini-portrait{width:54px;height:54px;border-radius:17px}.resonance{margin:12px 0;padding:13px 16px;border-radius:17px;display:flex;justify-content:space-between}.resonance div{display:flex;flex-direction:column}.resonance span{color:var(--muted);font-size:8px;letter-spacing:.14em}.resonance b{margin-top:3px;color:#9ceeff;font-size:13px}.summon-page{position:relative;min-height:100%;overflow:hidden;padding:clamp(28px,5vw,70px);background:radial-gradient(circle at 68% 42%,#9d3b7d55,#12133f88 29%,#07091ff2 66%)}.summon-page:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg,transparent 0 8deg,#7edfff0c 8deg 9deg);animation:spin 90s linear infinite}.summon-copy{position:relative;z-index:1;width:min(490px,90%)}.summon-copy h1{font-family:Georgia,serif;font-size:clamp(37px,6vw,72px);line-height:.95;margin:10px 0}.summon-copy p{color:#b4bfdc;line-height:1.6}.pity{margin-top:22px;display:grid;gap:7px;width:min(370px,100%)}.pity span{font-size:10px;font-weight:900}.pity i{height:5px;border-radius:5px;background:linear-gradient(90deg,#67e7f8 calc(var(--p)*100%),#ffffff16 0)}.pity small{color:var(--muted)}.summon-sigil{position:absolute;right:8%;top:17%;display:grid;place-items:center;filter:drop-shadow(0 0 50px #e56eff77)}.summon-sigil div{display:grid;place-items:center;width:clamp(190px,30vw,380px);aspect-ratio:1;border:1px solid #e9a4ff77;border-radius:50%;background:radial-gradient(circle,#ff9ae955 0,#96378833 28%,transparent 60%);font-size:clamp(80px,16vw,180px);color:#ffd6fa;animation:pulse 3s ease-in-out infinite}.summon-sigil span{letter-spacing:.5em;font-size:10px}.banner-tabs{position:absolute;z-index:1;left:clamp(20px,5vw,70px);bottom:105px;right:20px}.summon-actions{position:absolute;z-index:1;right:clamp(20px,5vw,70px);bottom:35px;display:flex;gap:9px}.summon-actions button{min-width:150px}.summon-actions small{display:block;margin-top:2px}.summon-page>.text-button{position:absolute;z-index:1;left:clamp(20px,5vw,70px);bottom:35px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mode-card{position:relative;min-height:145px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,#1c275f,#0b1030);display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;overflow:hidden}.mode-card>span{font-size:45px;color:#86eafc;filter:drop-shadow(0 0 20px #6be6ff66)}.mode-card small{color:#79e4f0;font-size:9px;letter-spacing:.1em}.mode-card h2{margin:4px 0;font-family:Georgia,serif}.mode-card p{margin:0;color:var(--muted);font-size:11px}.mode-raid,.mode-secret{background:linear-gradient(120deg,#502046,#11123d)}.quest-list{display:grid;gap:9px;margin-top:12px}.quest-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#111741d9}.quest-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#202a67;color:#78eafa}.quest-card h3{margin:0 0 6px;font-size:13px}.progress{height:5px;border-radius:4px;background:#ffffff12;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#5fe7ed,#8b74ff)}.quest-card small{color:var(--muted);font-size:9px}.quest-card>button{min-width:75px;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#34499c}.reward-icons{display:flex;gap:6px}.reward-icons b{padding:5px 7px;border-radius:8px;background:#090d28;color:#e4d39b;font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-card{min-height:105px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1b2459,#0e1335);display:grid;place-items:center;align-content:center;gap:5px}.service-card span{font-size:25px;color:#7eeaf7}.service-card b{font-size:12px}.service-card small{color:var(--muted);font-size:9px}.service-detail{margin-top:15px;padding:18px;border-radius:20px}.index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:340px;overflow:auto}.index-grid>div{display:grid;justify-items:center;gap:5px;padding:10px;border-radius:13px;background:#0a0f31;text-align:center}.index-grid b{font-size:10px}.index-grid small{color:var(--muted);font-size:8px}.undiscovered{filter:grayscale(1);opacity:.45}.relic-grid,.shop-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.relic-grid>div,.shop-row>button{padding:12px;border:1px solid var(--line);border-radius:14px;background:#0a0f31;display:grid;gap:5px}.relic-grid b,.relic-grid small{font-size:10px}.relic-grid small{color:var(--muted)}.relic-grid button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#273673;font-size:9px}.mail-row,.achievement{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:11px;border-bottom:1px solid #ffffff0d}.mail-row small{color:var(--muted)}.achievement.done{color:#76efac}.code-entry{display:flex;gap:8px}.code-entry input{flex:1;min-height:46px;border:1px solid var(--line);border-radius:12px;background:#080d2b;color:#fff;padding:0 12px;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.settings-grid>label{min-height:48px;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#090e2d;display:flex;justify-content:space-between;align-items:center;font-size:11px}.settings-grid select{background:#1b2453;color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px}.toggle input{position:absolute;opacity:0}.toggle i{position:relative;width:42px;height:23px;border-radius:15px;background:#343b5d}.toggle i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#a9b1c9;transition:.18s}.toggle input:checked+i{background:#4598a9}.toggle input:checked+i:after{left:22px;background:#c8fcff}.save-actions{display:flex;gap:8px;flex-wrap:wrap}.save-actions button,.save-actions label{min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#17204d;display:grid;place-items:center;font-size:11px}.save-actions input{display:none}.battle-hud{position:absolute;inset:0;padding:calc(12px + var(--safe-top)) max(12px,env(safe-area-inset-right)) calc(12px + var(--safe-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;pointer-events:none}.battle-hud button,.battle-hud label{pointer-events:auto}.battle-top{display:flex;align-items:center;justify-content:center;gap:8px}.battle-top>button{width:48px;height:44px;border:1px solid var(--line);border-radius:13px;background:#090e2dcc}.battle-top>button.active{color:#6fefff;border-color:#6fefff}.battle-top>div{display:flex;gap:15px;padding:9px 16px;border-radius:13px;background:#090e2dcc;border:1px solid var(--line);font-size:10px}.enemy-bars{margin-top:10px;display:flex;justify-content:center;gap:7px}.enemy-bars .combat-unit{width:min(180px,18vw);background:#160d2dcc}.combat-unit{padding:7px;border:1px solid var(--line);border-radius:10px;background:#0a1030d9}.combat-unit>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:800}.combat-unit>small{font-size:7px;color:var(--muted)}.combat-unit.dead{opacity:.35}.hp{height:5px;margin:4px 0 2px;border-radius:4px;background:#0008;overflow:hidden}.hp i{display:block;height:100%;background:linear-gradient(90deg,#48c673,#8df3b1)}.enemy-bars .hp i{background:linear-gradient(90deg,#da3f5a,#ff8b7c)}.status-icons{display:flex;gap:2px}.status-icons i{padding:2px;border-radius:3px;background:#8b4fbd;font-size:6px;font-style:normal}.ally-bars{margin-top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,150px));justify-content:center;gap:7px}.ally-bars>button{position:relative;padding:0;border:0;background:transparent;text-align:left}.ally-bars>button>i{display:block;height:3px;margin-top:3px;background:linear-gradient(90deg,#69e9fa calc(var(--energy)*100%),#ffffff14 0)}.ally-bars>button>small{display:block;text-align:center;margin-top:4px;font-size:7px;color:#74e9f5}.battle-log{align-self:center;margin-top:12px;padding:7px 13px;border-radius:18px;background:#080c25bb;color:#b9f5ff;font-size:10px}.battle-toggles{position:absolute;right:14px;bottom:100px;display:grid;gap:5px}.battle-toggles label{padding:6px 8px;border-radius:8px;background:#090d2dc9;font-size:8px}.modal-backdrop{position:absolute;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#02040dcc;backdrop-filter:blur(10px);pointer-events:auto}.result-modal,.summon-modal,.info-modal,.confirm-modal{width:min(720px,96vw);max-height:88dvh;overflow:auto;padding:25px;border:1px solid #7cecff55;border-radius:25px;background:linear-gradient(145deg,#1b255b,#0b0f2e);box-shadow:0 28px 90px #000a;text-align:center}.result-modal h1,.summon-modal h1{font-family:Georgia,serif;font-size:42px;margin:5px}.reward-box{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px}.reward-box>span{min-width:80px;padding:10px;border-radius:12px;background:#090e2f;display:grid}.reward-box small{color:var(--muted)}.result-modal>div:last-child{display:flex;justify-content:center;gap:8px}.result-modal button,.summon-modal>button,.info-modal>button,.confirm-modal button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#1d285e;padding:0 16px}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.result-card{display:grid;justify-items:center;gap:5px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0a0f31}.result-card b{font-size:10px}.result-card small{font-size:8px;color:var(--muted)}.result-card .mini-portrait{width:58px;height:58px;font-size:24px}.rate-table,.history{display:grid;gap:5px;text-align:left;margin:15px 0}.rate-table span,.history span{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid #ffffff0d}.toast-stack{position:absolute;z-index:200;top:calc(78px + var(--safe-top));left:50%;transform:translate(-50%);display:grid;gap:7px;pointer-events:none}.toast{min-width:220px;padding:11px 15px;border:1px solid var(--line);border-radius:12px;background:#101638eb;box-shadow:0 10px 35px #0008;opacity:0;transform:translateY(-8px);transition:.2s;text-align:center;font-size:11px}.toast.is-visible{opacity:1;transform:none}.toast--success{border-color:#61e69a66}.toast--error{border-color:#ff667d77;color:#ffd9df}.fatal-screen{background:#080b21}.fatal-screen>div{max-width:480px;padding:25px}.fatal-screen span{font-size:50px;color:#ff667d}.fatal-screen pre{white-space:pre-wrap;padding:10px;background:#030513;border-radius:10px}.fatal-screen button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#1b2862;padding:0 18px;color:#fff}.large-text{font-size:112%}.high-contrast{--muted:#d3daf2;--line:rgba(255,255,255,.38)}.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.035);filter:brightness(1.2)}}@media(max-width:820px){.screen{inset:calc(62px + var(--safe-top)) 0 calc(66px + var(--safe-bottom))}.topbar{height:calc(62px + var(--safe-top));padding-top:calc(7px + var(--safe-top))}.profile-chip small{display:none}.wallet-strip{gap:4px}.currency{height:34px;padding:0 7px}.currency:nth-child(3){display:none}.bottom-nav{height:calc(66px + var(--safe-bottom));grid-template-columns:repeat(8,minmax(44px,1fr));overflow-x:auto;justify-content:start}.bottom-nav button{min-width:48px;min-height:48px}.bottom-nav button small{font-size:7px}.lobby-overlay{padding:5vh 14px 15px}.lobby-title p{font-size:11px}.chapter-card{align-self:stretch;width:auto;padding:13px}.chapter-card h2{font-size:16px}.quick-grid{grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.quick-tile{min-height:66px;padding:8px}.quick-tile>span{font-size:18px}.quick-tile b{font-size:9px}.team-summary{display:none}.panel-page,.detail-page{padding:15px 12px 30px}.page-heading{align-items:center;margin-bottom:13px}.page-heading h1{font-size:26px}.page-heading p{font-size:10px}.stage-node{grid-template-columns:auto 1fr;padding:10px;gap:10px}.stage-node>button{grid-column:1/-1}.stage-orb{width:44px;height:44px}.unit-grid{grid-template-columns:repeat(3,1fr);gap:7px}.unit-card{min-height:168px;border-radius:14px;padding:5px}.unit-portrait{height:90px;font-size:34px}.unit-card>b{font-size:10px}.unit-card>small{font-size:7px}.unit-card>strong{font-size:9px}.unit-hero{padding:12px;gap:12px}.portrait-xl{width:96px;height:96px;border-radius:25px}.unit-hero h1{font-size:23px}.unit-hero p{font-size:9px}.detail-columns,.skills-panel{grid-template-columns:1fr}.team-slots{grid-template-columns:repeat(5,minmax(75px,1fr));overflow:auto;padding-bottom:8px}.team-slot{min-height:125px}.resonance{display:grid;gap:8px}.summon-page{padding:25px 18px}.summon-copy{width:100%}.summon-copy h1{font-size:39px}.summon-copy p{font-size:11px;max-width:75%}.summon-sigil{right:-10%;top:28%}.summon-sigil div{width:180px;font-size:76px}.banner-tabs{left:14px;bottom:128px}.summon-actions{left:14px;right:14px;bottom:22px}.summon-actions button{min-width:0;flex:1}.summon-page>.text-button{bottom:84px;left:14px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:120px;padding:13px}.mode-card>span{font-size:32px}.mode-card h2{font-size:18px}.quest-card{grid-template-columns:auto 1fr auto}.reward-icons{grid-column:2/3}.quest-card>button{grid-row:1/3;grid-column:3}.service-grid{grid-template-columns:repeat(4,1fr);gap:5px}.service-card{min-height:87px;padding:5px}.service-card b{font-size:9px}.service-card small{font-size:7px;text-align:center}.settings-grid{grid-template-columns:1fr}.index-grid{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:repeat(2,1fr)}.enemy-bars{overflow:auto;justify-content:flex-start}.enemy-bars .combat-unit{min-width:118px}.ally-bars{grid-template-columns:repeat(5,minmax(74px,1fr));gap:3px}.combat-unit{padding:5px}.combat-unit>span{font-size:7px}.battle-toggles{bottom:82px}.battle-log{margin-top:6px}.world-progress{display:none}}@media(max-width:430px){.profile-chip b{font-size:10px}.profile-level{width:34px;height:34px}.currency{font-size:10px}.bottom-nav{grid-template-columns:repeat(8,50px)}.lobby-title{margin-top:8px}.lobby-title h1{font-size:28px}.chapter-card{margin-bottom:75px}.quick-grid{position:absolute;bottom:0;left:12px;right:12px;width:auto}.quick-tile{min-width:0}.unit-grid{grid-template-columns:repeat(2,1fr)}.summon-copy p{max-width:100%}.summon-sigil{opacity:.72}.team-slots{grid-template-columns:repeat(5,85px)}.service-grid{grid-template-columns:repeat(2,1fr)}.quest-card>span{display:none}.quest-card{grid-template-columns:1fr auto}.reward-icons{grid-column:1}.quest-card>button{grid-column:2;grid-row:1/3}}@media(orientation:landscape)and (max-height:560px){.screen{inset:calc(54px + var(--safe-top)) 0 calc(58px + var(--safe-bottom))}.topbar{height:calc(54px + var(--safe-top))}.bottom-nav{height:calc(58px + var(--safe-bottom))}.lobby-overlay{padding-top:2vh}.lobby-title h1{font-size:28px}.chapter-card{width:360px;padding:10px}.quick-grid{grid-template-columns:repeat(4,100px)}.quick-tile{min-height:54px}.summon-copy h1{font-size:38px}.summon-sigil{top:5%}.battle-top{position:absolute;top:calc(8px + var(--safe-top));left:50%;transform:translate(-50%)}.enemy-bars{margin-top:0}.ally-bars{margin-bottom:2px}}.event-ticker{position:absolute;left:50%;top:calc(7px + var(--safe-top));transform:translate(-50%);width:min(580px,43vw);height:27px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #ff4da55c;border-radius:8px;background:#080a1ee8;box-shadow:inset 0 -2px #8a23ff44,0 0 22px #8d25ff22;overflow:hidden}.event-ticker:before{content:"";position:absolute;left:0;bottom:0;width:38%;height:2px;background:linear-gradient(90deg,#ff386d,#c642ff);animation:ticker-scan 4s ease-in-out infinite}.event-ticker>i{height:5px;flex:1;border-radius:4px;background:linear-gradient(90deg,#d71c65,#ff587d)}.event-ticker>span{color:#ff80ba;font-size:7px;font-weight:950;letter-spacing:.14em}.event-ticker>b{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.lobby-rail{position:absolute;z-index:4;top:50%;transform:translateY(-50%);display:grid;gap:7px}.lobby-rail--left{left:clamp(10px,2.2vw,34px)}.lobby-rail--right{right:clamp(10px,2.2vw,34px)}.lobby-rail button{--rail: #ad45ff;position:relative;width:94px;min-height:58px;padding:6px;border:2px solid var(--rail);border-radius:12px;background:linear-gradient(145deg,#111432ec,#090b21e8);box-shadow:inset 0 0 0 2px #000,0 0 14px color-mix(in srgb,var(--rail) 38%,transparent);display:grid;grid-template-columns:28px 1fr;align-items:center;color:#fff;text-shadow:0 2px 2px #000}.lobby-rail button>span{font-size:21px;color:var(--rail);filter:drop-shadow(0 0 5px var(--rail))}.lobby-rail button>b{font-size:9px}.lobby-rail button>i{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ff315d;display:grid;place-items:center;font-size:7px;font-style:normal}.rail-units,.rail-quests{--rail: #37e8ff !important}.rail-summon,.rail-modes{--rail: #ff42cf !important}.rail-team,.rail-more{--rail: #5eff99 !important}.rail-story{--rail: #ffc93f !important}.lobby-title{margin-left:112px}.chapter-card{margin-right:110px}.quick-grid{margin-left:112px}.team-summary{bottom:11px!important;border-color:#804dff66!important;background:linear-gradient(180deg,#151b46ee,#080b22ee)!important;box-shadow:0 0 34px #5232ff35!important}.team-summary>div{gap:5px}.dock-unit{position:relative}.dock-unit>i{position:absolute;z-index:2;left:-3px;top:-3px;width:14px;height:14px;border-radius:5px;background:#131831;color:#83efff;display:grid;place-items:center;font-size:6px;font-style:normal}.team-summary>em{padding-left:10px;border-left:1px solid #ffffff1c;color:#aab6db;font-size:8px;font-style:normal}.unit-portrait{isolation:isolate}.unit-portrait>em{position:absolute;left:7px;top:7px;z-index:8;width:24px;height:24px;border:1px solid #ffffff4d;border-radius:8px;background:#080b22c9;display:grid;place-items:center;color:#fff;font-size:11px;font-style:normal}.unit-avatar{--unit-light: #8eeeff;position:relative;display:block;width:78%;height:92%;filter:drop-shadow(0 10px 8px #0007);transform-origin:50% 100%}.avatar-aura{position:absolute;z-index:0;left:10%;right:10%;bottom:3%;height:56%;border-radius:50%;background:radial-gradient(ellipse at center,var(--unit-light) 0,transparent 64%);opacity:.3;filter:blur(7px)}.avatar-cape{position:absolute;z-index:1;left:21%;right:20%;bottom:5%;height:55%;background:linear-gradient(145deg,#18213e,var(--unit-light));clip-path:polygon(11% 0,89% 0,100% 100%,58% 75%,43% 100%,0 84%);opacity:.86}.avatar-body{position:absolute;z-index:3;left:30%;bottom:5%;width:41%;height:54%;border:2px solid #080b1b;background:linear-gradient(135deg,var(--unit-light),#242c64 62%,#0a0d25);clip-path:polygon(17% 0,83% 0,100% 27%,82% 100%,18% 100%,0 27%)}.avatar-head{position:absolute;z-index:5;left:36%;top:13%;width:30%;aspect-ratio:1;border:2px solid #090b1b;border-radius:46% 46% 43% 43%;background:linear-gradient(145deg,#f4c7a2,#9e665a)}.avatar-hair{position:absolute;z-index:6;left:31%;top:8%;width:40%;height:31%;background:#10172f;clip-path:polygon(4% 30%,25% 3%,44% 18%,58% 0,92% 24%,80% 62%,64% 38%,54% 75%,35% 39%,13% 72%)}.avatar-weapon{position:absolute;z-index:4;right:8%;bottom:10%;height:62%;width:22%;display:grid;place-items:center;color:var(--unit-light);font-size:34px;font-style:normal;font-weight:950;text-shadow:0 0 9px var(--unit-light);transform:rotate(-12deg)}.avatar-core{position:absolute;z-index:7;left:43%;top:53%;width:17%;aspect-ratio:1;border-radius:50%;background:#080b24;display:grid;place-items:center;color:#fff;font-size:8px;box-shadow:0 0 8px var(--unit-light)}.element-flame{--unit-light: #ffb044}.element-frost{--unit-light: #b9f5ff}.element-storm{--unit-light: #7cf0ff}.element-nature{--unit-light: #a9f36f}.element-light{--unit-light: #fff2a1}.element-shadow{--unit-light: #f16be4}.element-arcane{--unit-light: #c984ff}.element-mechanical{--unit-light: #54f0d4}.avatar-v1 .avatar-hair,.avatar-v6 .avatar-hair,.avatar-v11 .avatar-hair{clip-path:polygon(2% 55%,20% 2%,34% 42%,50% 0,66% 43%,84% 2%,98% 58%,72% 42%,62% 82%,36% 72%,24% 40%)}.avatar-v2 .avatar-hair,.avatar-v7 .avatar-hair,.avatar-v12 .avatar-hair{top:5%;height:36%;clip-path:polygon(17% 0,84% 0,100% 100%,77% 66%,64% 40%,33% 40%,18% 70%,0 100%)}.avatar-v3 .avatar-hair,.avatar-v8 .avatar-hair,.avatar-v13 .avatar-hair{left:27%;width:47%;height:43%;clip-path:polygon(0 18%,52% 0,100% 22%,82% 48%,100% 100%,58% 62%,33% 98%,20% 51%)}.avatar-v4 .avatar-hair,.avatar-v9 .avatar-hair,.avatar-v14 .avatar-hair{top:3%;height:36%;clip-path:polygon(14% 39%,0 16%,28% 21%,39% 0,53% 25%,81% 5%,73% 35%,100% 27%,81% 65%,54% 45%,32% 73%)}.avatar-v5,.avatar-v10{transform:scaleX(1.12)}.avatar-v6 .avatar-body,.avatar-v10 .avatar-body{width:47%;left:27%;clip-path:polygon(5% 0,95% 0,100% 82%,72% 100%,28% 100%,0 82%)}.avatar-v7 .avatar-cape,.avatar-v12 .avatar-cape{left:9%;right:8%;clip-path:polygon(22% 0,78% 0,100% 88%,67% 63%,50% 100%,35% 62%,0 88%)}.avatar-greatblade .avatar-weapon{right:-2%;width:31%;font-size:42px}.avatar-bow .avatar-weapon{font-size:46px;font-weight:400;transform:rotate(7deg)}.avatar-staff .avatar-weapon{font-size:40px}.avatar-gauntlet .avatar-weapon{right:5%;bottom:17%;height:25%;font-size:31px;transform:rotate(0)}.avatar-rifle .avatar-weapon{right:-1%;bottom:16%;height:31%;width:38%;font-size:38px;transform:rotate(-11deg)}.avatar-shield .avatar-weapon{right:0;bottom:7%;width:34%;height:52%;font-size:35px;transform:none}.avatar-scythe .avatar-weapon{right:-3%;width:31%;font-size:47px}.avatar-orb .avatar-weapon{right:8%;bottom:38%;height:26%;font-size:30px;animation:pulse 2s infinite}.avatar--mini{width:82%;height:88%}.mini-portrait{overflow:hidden;padding:0}.mini-portrait .avatar-core{display:none}.avatar--xl{width:88%;height:94%}.portrait-xl .unit-avatar{z-index:2}.skills-panel .skill-row{min-height:62px}.skills-panel .skill-row small{display:block;margin-top:3px;line-height:1.3;text-transform:none}.battle-announcement{position:absolute;z-index:5;top:calc(5px + var(--safe-top));left:24%;right:24%;height:28px;border:2px solid #090b16;border-radius:8px;background:#0a0c20e8;display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0 12px;overflow:hidden;box-shadow:0 0 0 1px #ff3f9c77}.battle-announcement>b{z-index:1;color:#ff9ce0;font-size:8px;letter-spacing:.12em}.battle-announcement>span{z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#d8ddf4;font-size:8px}.battle-announcement>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#6d43ff calc(var(--wave)*100%),#2d3155 0)}.battle-top{margin-top:32px}.battle-focus-panel,.battle-objectives{position:absolute;border:1px solid #6c4eff66;border-radius:14px;background:linear-gradient(145deg,#101538e8,#080a20e8);box-shadow:0 15px 35px #0007;backdrop-filter:blur(7px)}.battle-focus-panel{left:14px;bottom:119px;width:184px;padding:8px;display:grid;grid-template-columns:54px 1fr;gap:1px 8px}.battle-focus-panel>div:first-child{grid-row:1/5;width:54px;height:72px;border:1px solid #4aeaff66;border-radius:10px;background:radial-gradient(circle,#374d9c,#12152f);overflow:hidden}.battle-focus-panel .unit-avatar{width:100%;height:100%}.battle-focus-panel>small{color:#79eaf8;font-size:6px;letter-spacing:.12em}.battle-focus-panel>b{font-size:10px}.battle-focus-panel>span{color:#abb5d7;font-size:7px}.focus-stats{display:flex!important;gap:4px}.focus-stats i{font-size:6px;font-style:normal;color:#ffd76d}.battle-objectives{right:14px;top:116px;width:174px;padding:10px}.battle-objectives>small{color:#82ecf6;font-size:7px;letter-spacing:.13em}.battle-objectives h3{margin:4px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.battle-objectives>div{display:grid;grid-template-columns:23px 25px 1fr;align-items:center;margin-top:4px;padding:5px;border:1px solid #2e7dbd66;border-radius:7px;background:#07172de8}.battle-objectives>div.danger{border-color:#e4426666}.battle-objectives>div.success{border-color:#e6ca4066}.battle-objectives>div span{color:#5be8ff}.battle-objectives>div b{font-size:10px}.battle-objectives>div i{color:#aab4d3;font-size:6px;font-style:normal}.ally-bars{align-items:end}.ally-bars>button{border:1px solid #4a56a555!important;border-radius:12px!important;background:linear-gradient(#111944e8,#070a22e8)!important;padding:5px!important;display:grid;grid-template-columns:42px 1fr;column-gap:5px;overflow:hidden}.ally-bars>button.ultimate-ready{border-color:#ffd84f!important;box-shadow:0 0 15px #ffcc3966}.ally-bars .avatar--deck{grid-row:1/2;width:42px;height:53px;border-radius:8px;background:radial-gradient(circle,var(--unit-light),#151831 68%)}.ally-bars .combat-unit{grid-column:2;padding:0;border:0;background:transparent}.ally-bars>button>i,.ally-bars>button>small{grid-column:1/-1}.deck-index{position:absolute;z-index:8;left:2px;top:2px;width:14px;height:14px;border-radius:4px;background:#070918;display:grid;place-items:center;color:#7eeeff;font-size:6px}.floating-combat-text{position:absolute;z-index:60;left:calc(50% + var(--offset));top:43%;font-size:22px;font-weight:1000;color:#fff;text-shadow:0 3px 0 #10132b,0 0 12px currentColor;animation:damage-float .9s ease-out forwards;pointer-events:none}.floating-combat-text--damage{color:#ff9b52}.floating-combat-text--heal{color:#64ff9d}.floating-combat-text--shield{color:#62eaff}.floating-combat-text.critical{font-size:29px;color:#ffe455}.battle-log{border:1px solid #6be9ff3d;background:#070a20e8;box-shadow:0 0 20px #43dfff18;min-width:180px;text-align:center}.battle-toggles label{border:1px solid #684cff44}.battle-toggles input{accent-color:#7d4cff}@keyframes damage-float{0%{opacity:0;transform:translateY(20px) scale(.65)}20%{opacity:1;transform:translateY(0) scale(1.12)}to{opacity:0;transform:translateY(-70px) scale(.92)}}@keyframes ticker-scan{50%{width:100%}}@media(max-width:1000px){.event-ticker{display:none}.lobby-rail button{width:78px;min-height:51px;grid-template-columns:23px 1fr}.lobby-rail button>span{font-size:17px}.lobby-title,.quick-grid{margin-left:88px}.chapter-card{margin-right:88px}}@media(max-width:820px)and (orientation:portrait){.lobby-rail{display:none}.lobby-title,.quick-grid{margin-left:0}.chapter-card{margin-right:0}.battle-announcement{left:14%;right:14%}.battle-focus-panel{width:145px;grid-template-columns:44px 1fr;bottom:104px}.battle-focus-panel>div:first-child{width:44px;height:60px}.battle-objectives{top:155px;width:145px;padding:7px}.ally-bars>button{grid-template-columns:31px 1fr;padding:3px!important}.ally-bars .avatar--deck{width:31px;height:42px}}@media(max-width:520px){.battle-focus-panel{display:none}.battle-objectives{top:170px;right:8px;width:132px}.battle-objectives>div{grid-template-columns:17px 20px 1fr;padding:4px}.battle-announcement{left:8px;right:8px}.ally-bars>button{display:block}.ally-bars .avatar--deck{width:100%;height:42px}.ally-bars .combat-unit{margin-top:2px}.team-summary>em{display:none}}@media(orientation:landscape)and (max-height:560px){.lobby-rail{gap:4px}.lobby-rail button{width:76px;min-height:41px;padding:4px}.lobby-title,.quick-grid{margin-left:80px}.chapter-card{margin-right:80px}.battle-announcement{left:31%;right:31%}.battle-top{margin-top:0}.battle-focus-panel{left:7px;bottom:72px;width:155px}.battle-objectives{right:7px;top:72px;width:152px}.battle-objectives>div{padding:3px}.ally-bars>button{grid-template-columns:32px 1fr;padding:3px!important}.ally-bars .avatar--deck{width:32px;height:38px}}