*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102d43;color:#123348;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;filter:grayscale(.9);opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #fff;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}#stage{position:absolute;width:1816px;height:866px;transform-origin:top left;overflow:hidden;background:#154e71}canvas{display:block}#map-art,#battle-art,#map-screen,#battle-screen{position:absolute;inset:0;width:1816px;height:866px}.hit{position:absolute;border:0;background:transparent;border-radius:20px;padding:0}.hit:hover{box-shadow:0 0 0 3px #fff3b5,0 0 20px #ffe08b66}.hit.current{box-shadow:0 0 0 4px #ffef9e;animation:next 2s infinite}.node-tag{position:absolute;pointer-events:none;white-space:nowrap;padding:5px 10px;border-radius:10px;border:2px solid #f6d672;background:#103b5de8;color:#fff;font-size:18px;font-weight:700;box-shadow:0 2px 4px #1235}.node-tag.next{color:#fff3b0;animation:float 2s infinite}.stars{font-size:29px;letter-spacing:1px;color:#ffc93e;text-shadow:0 2px #a36004;white-space:nowrap}.stars .off{color:#456375;text-shadow:none}.map-stars{position:absolute;pointer-events:none;background:#0e466be8;border:1px solid #e9c873;border-radius:16px;height:29px;line-height:25px;text-align:center;font-size:25px;letter-spacing:0}.map-header{position:absolute;left:633px;top:43px;width:615px;height:133px;background:linear-gradient(#184f72,#143a5b);border:3px solid #efce83;border-radius:23px;box-shadow:0 3px 7px #102b5490;color:#fff8df;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}.chapter-name{background:none;border:0;color:#fff7df;font-size:31px;font-weight:800;width:100%}.chapter-name span{display:inline-grid;place-items:center;background:#138bd2;border:2px solid #efcc71;border-radius:50%;font-size:26px;width:40px;height:40px;margin-left:12px}.progress{position:relative;height:31px;background:#092e52;border:2px solid #6cd4f0;border-radius:20px;overflow:hidden;min-width:100px}.progress>i{position:absolute;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(#8ffcff,#08bddb);border-radius:20px;transition:width .6s}.progress>span{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:20px;font-weight:700;text-shadow:0 1px 2px #113c5d}.map-header .progress{width:510px}.map-header .progress>i{background:linear-gradient(#8ff16a,#24ae31)}.wallet{position:absolute;left:385px;bottom:17px;display:flex;gap:12px;align-items:center;background:#103d5bf2;border:2px solid #e2c474;border-radius:16px;padding:8px 17px;color:#fff7dc;font-weight:bold;font-size:22px}.utility{position:absolute;right:20px;bottom:6px;display:flex;gap:8px}.utility button{border:1px solid #cde3e4;background:#133d58e8;color:#f5f1d7;border-radius:9px;padding:7px 12px;font-size:17px}.cat-progress{position:absolute;left:1005px;top:320px;width:141px;height:20px;pointer-events:none;background:#072d51;border:1px solid #69ddf1;border-radius:12px;overflow:hidden}.cat-progress i{display:block;height:100%;width:var(--progress);background:linear-gradient(#94ffff,#0ec0d7)}.cat-progress span{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:13px;font-weight:bold}.cat-count{position:absolute;left:1166px;top:337px;min-width:62px;padding:2px 4px;background:#0c3a58;color:#fff4b4;border-radius:7px;font-size:13px;font-weight:700;text-align:center;pointer-events:none}.trials-hit{border:0;background:linear-gradient(#177dd7,#0c3d86);border-radius:27px;box-shadow:0 0 0 3px #ffe295,inset 0 0 0 2px #d69f36,0 4px 4px #1238;color:#fff8df;display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;font-weight:bold}.trials-hit b{color:#ffdc55}.trials-hit small{display:block;color:white;font-size:21px}.trials-hit img{width:44px;height:44px;object-fit:cover;border-radius:8px}.trials-hit em{font-style:normal;font-size:36px}.pulsing{animation:next 2s infinite}#overlay{position:absolute;inset:0;z-index:20;background:#091b30a8;display:grid;place-items:center;backdrop-filter:blur(2px)}.window{width:1160px;height:800px;border:6px solid #fff1cf;border-radius:33px;background:#fbefd6;box-shadow:0 12px 30px #06182699,inset 0 0 0 2px #d9bf84;overflow:hidden;position:relative;animation:appear .22s ease-out;display:flex;flex-direction:column}.window.wide{width:1430px}.window.compact{height:auto;min-height:400px;max-height:790px;width:880px}.window>header{height:103px;flex:none;background:linear-gradient(155deg,#0cda6a,#00ac59);box-shadow:0 3px 3px #26734977;border-bottom:3px solid #0a9451;display:flex;align-items:center;justify-content:center;position:relative;color:#fff9df}.window>header h1{margin:0 85px;font-size:44px;text-align:center;text-shadow:0 2px 1px #07582b;-webkit-text-stroke:1px #185532}.round{width:66px;height:66px;border:3px solid #fff6d0;border-radius:50%;font-size:42px;font-weight:bold;display:grid;place-items:center;color:white;box-shadow:0 3px 3px #0a345b66}.close{position:absolute;right:17px;top:15px;background:linear-gradient(#ff7353,#db211b);border-color:#ffcf98}.back{position:absolute;left:17px;top:15px;background:linear-gradient(#3ce2ff,#0086dc);border-radius:17px;font-size:36px}.window-content{padding:25px 28px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.window-footer{padding:16px 28px 21px;display:flex;gap:16px;align-items:center;justify-content:flex-end;background:#f5e7ca;border-top:1px solid #decba2;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:12px 24px;border:3px solid #e6f6b6;border-radius:18px;background:linear-gradient(#85ec16,#34bc00);box-shadow:inset 0 2px 2px #fff9ae,0 3px 1px #16642c;color:#fffef0;text-shadow:0 1px 2px #194123;font-weight:800;font-size:27px}.btn.blue{background:linear-gradient(#2ccfff,#0088e5);border-color:#a7edff;box-shadow:inset 0 2px 2px #d9ffff,0 3px #176184;text-shadow:0 1px 2px #16426a}.btn.gold{background:linear-gradient(#ffe45c,#ffb600);border-color:#fff1ae;color:#54350b;text-shadow:0 1px #fff6c3;box-shadow:inset 0 2px 2px #fff9d7,0 3px #a46814}.btn.gray{background:linear-gradient(#a9bdc6,#617c8a);border-color:#d3e5e8;box-shadow:0 3px #405965}.btn.small{font-size:20px;min-height:44px;border-width:2px;border-radius:12px;padding:7px 16px}.btn img{width:37px;height:37px;object-fit:cover;border-radius:8px}.pane{border:3px solid #83d5eb;border-radius:20px;background:linear-gradient(135deg,#086b9c,#064366);padding:20px;color:#f4fbff;box-shadow:inset 0 1px 2px #dafaff55}.pane.gold-rim{border-color:#e4c26b}.pane h2,.pane h3{color:#fff0a7;margin:0 0 12px;font-size:30px}.pane p{line-height:1.45;font-size:22px;margin:10px 0}.muted{color:#96cede}.dark-muted{color:#536e78}.section-title{font-size:27px;margin:0 0 15px}.subhead{font-size:22px;margin:0 0 18px;color:#346178}.tabs{display:flex;gap:12px;margin-bottom:20px}.tabs .btn{flex:1}.grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.row{display:flex;gap:20px;align-items:center}.spread{justify-content:space-between}.grow{flex:1}.note{font-size:20px;line-height:1.5;padding:15px;border-radius:14px;background:#f1dfb7;color:#534327}.title-gold{color:#ffda50}.task{display:flex;align-items:center;gap:20px;padding:18px;margin-bottom:16px;min-height:130px}.task-icon{width:90px;height:90px;object-fit:cover;border-radius:17px;border:2px solid #efdb9c}.task h3{font-size:25px;margin:0 0 8px}.task p{font-size:19px;margin:0 0 10px}.task .progress{width:420px;height:24px}.task .progress span{font-size:16px}.task .btn{min-width:165px}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.reward-tile{padding:15px;text-align:center;min-height:205px}.reward-tile img{width:78px;height:78px;border-radius:14px}.reward-tile h3{font-size:20px;margin:8px 0}.reward-tile p{font-size:17px;margin:6px}.reward-tile.claimed{opacity:.65}.episode-row{display:flex;align-items:center;gap:20px;min-height:121px;margin-bottom:16px}.episode-row h3{font-size:27px}.items{display:flex;gap:10px}.item-mini{width:66px;height:66px;border:2px solid #b8deed;border-radius:13px;object-fit:cover}.big-boss{width:165px;height:165px;object-fit:cover;border-radius:22px;border:4px solid #eecb77}.hero-card{display:block;position:relative;border:4px solid #b6d8e1;border-radius:19px;background:#11649a;padding:0;box-shadow:inset 0 0 0 2px #fff7e3,0 3px 3px #1236;overflow:visible;text-align:center;color:white}.hero-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px}.hero-card .hero-name{position:absolute;bottom:0;left:0;right:0;padding:6px 4px;background:#073d65e8;border-radius:0 0 12px 12px;color:#fff9df;font-size:20px;font-weight:bold}.level{position:absolute;bottom:-9px;left:-10px;min-width:37px;height:37px;display:grid;place-items:center;background:#27bce9;border:2px solid #bcf5ff;border-radius:13px;font-size:23px;font-weight:bold;color:#fff;box-shadow:0 2px #075388}.check{position:absolute;right:-10px;bottom:24px;color:#ffda35;font-size:72px;line-height:1;text-shadow:0 3px #8b5b0a;font-weight:900}.hero-card.selected img{filter:brightness(.65)}.hero-card .stars{position:absolute;bottom:-20px;left:40%;font-size:27px}.hero-card small{font-size:16px}.party-layout{display:grid;grid-template-columns:235px 1fr;gap:18px;height:100%}.party-filters{display:flex;flex-direction:column;gap:12px}.party-filters .btn{font-size:23px;min-height:63px;justify-content:flex-start}.party-pool{display:flex;align-content:start;align-items:start;gap:28px;flex-wrap:wrap;min-height:360px}.party-pool .hero-card{width:175px;height:180px}.party-bottom{display:flex;align-items:center;gap:22px;margin-top:24px}.party-slots{display:flex;gap:18px;padding:13px 18px;border:2px solid #94bed0;border-radius:18px;background:#0b4669;flex:1}.slot{height:113px;width:111px;position:relative;border:2px dashed #72b1ca;border-radius:14px;display:grid;place-items:center;color:#84afc5;font-size:35px}.slot .hero-card{width:111px;height:113px;border-width:3px}.slot .hero-name,.slot .check{display:none}.slot .level{height:29px;min-width:29px;font-size:18px}.slot .stars{bottom:-12px;font-size:23px}.power{padding:15px;font-size:24px;text-align:center;font-weight:bold;color:#fff5c6}.hero-list-card{display:flex;align-items:center;gap:20px}.hero-list-card .hero-card{width:142px;height:146px;flex:none}.hero-list-card .btn{margin-top:10px}.hero-preview{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#55dfe9aa,transparent 70%)}.hero-preview canvas{width:448px;height:448px}.hero-preview>img{max-height:380px;max-width:90%;animation:float 3s infinite}.hero-stat{display:flex;justify-content:space-between;font-size:23px;padding:13px;border-bottom:1px solid #4094b0}.skill{min-height:105px;display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:13px}.skill img{width:76px;height:76px;border-radius:17px}.skill h3{font-size:23px;margin:0}.skill p{font-size:18px;margin:6px 0}.summon-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;height:100%}.portal-art{width:100%;height:100%;object-fit:cover;border-radius:23px;border:3px solid #a9d3da}.summon-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.summon-options .hero-card{height:175px}.summon-animation{animation:summon .8s ease-in-out}.summon-result{text-align:center}.summon-result .hero-card{width:240px;height:245px;margin:20px auto 35px}.inventory-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.item-card{border:3px solid #a1c7dd;border-radius:15px;position:relative;background:#d6e9f3;padding:0;height:148px;overflow:hidden}.item-card img{width:100%;height:100%;object-fit:cover}.item-card.selected{border-color:#ffd751;box-shadow:0 0 0 3px #f1bd3e}.item-card b{position:absolute;bottom:5px;right:8px;color:white;font-size:24px;text-shadow:0 1px 3px #123,1px 0 #123}.item-detail{text-align:center;min-height:480px}.item-detail>img{width:175px;height:175px;border:3px solid #c1e4ef;border-radius:20px;margin:5px auto 20px}.item-detail .btn{margin-top:23px}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chapter{min-height:195px;text-align:left}.chapter.active{box-shadow:0 0 0 3px #ffd660}.chapter:disabled{opacity:.8}.chapter h2{font-size:25px}.chapter p{font-size:20px}.chapter small{display:block;margin-bottom:10px;font-size:16px}.victory-window{width:1280px;border:0;background:transparent;box-shadow:none;overflow:visible;height:820px;color:white;display:flex;align-items:center;flex-direction:column;padding:25px}.victory-title{font-size:89px;font-weight:900;color:#ffe380;text-shadow:0 3px 1px #915721,0 0 35px #ffda57;animation:win-title .8s ease-out,shine 3s 1s infinite;margin:0}.win-stars{display:flex;gap:15px;height:130px;align-items:center}.win-stars span{font-size:115px;color:#ffd02a;text-shadow:0 4px #9b5f13;animation:star-in .65s both;animation-delay:calc(var(--i)*.25s)}.win-stars span.off{color:#617082}.victory-team{display:flex;gap:28px;margin:20px 0 27px}.victory-hero{width:190px;text-align:center}.victory-hero .hero-card{height:173px;margin-bottom:22px}.victory-hero .progress{height:22px}.victory-hero p{font-size:21px;margin:8px 0}.loot-row{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px}.loot-row img{width:86px;height:86px;border:3px solid #e5c66b;border-radius:17px;animation:star-in .6s .8s both}.sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1}.sparkles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffed9e;animation:particle 3s infinite}.victory-window h2{font-size:27px;margin:6px}.battle-top{position:absolute;left:55px;right:50px;top:6px;display:flex;gap:20px;align-items:center}.battle-top .pane{padding:10px 20px;font-size:24px}.battle-wave{position:absolute;left:740px;top:13px;width:320px;text-align:center;background:#123c58;border:2px solid #e0c779;border-radius:25px;padding:9px;color:#fff2c6;font-size:24px}.battle-right{position:absolute;top:8px;right:50px;display:flex;gap:15px;align-items:center;color:white;font-size:29px}.battle-right .btn{height:65px;min-width:75px}.combat-party{position:absolute;left:482px;top:633px;width:815px;height:230px;background:linear-gradient(#073451e8,#133d52);border:2px solid #6fb4cc;border-radius:23px;padding:15px;display:flex;gap:23px;align-items:center;justify-content:center}.combat-card{width:166px;height:192px;position:relative}.combat-card .hero-card{width:150px;height:142px}.combat-card .hero-name{font-size:17px}.cooldown{position:absolute;inset:0;border-radius:14px;background:#071a3c99;color:#fff;display:grid;place-items:center;font-size:40px;pointer-events:none}.combat-card .progress{height:17px;width:150px;margin-top:16px}.combat-card small{display:block;text-align:center;color:white;font-size:14px;margin-top:3px}.battle-side{position:absolute;right:72px;top:647px;width:118px;display:grid;gap:17px}.battle-side .btn{min-height:76px;font-size:29px;padding:10px}.battle-title{position:absolute;left:65px;top:83px;font-size:22px;background:#103652dd;border-radius:13px;padding:8px 13px;color:#fff6d5}.settings-list{display:grid;gap:15px}.settings-list .btn{justify-content:space-between}.error{color:#ffd0a1}.empty-state{text-align:center;padding:65px;color:#fff0b7;font-size:25px}#toast{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:90;max-width:1000px;border-radius:17px;border:2px solid #e3cb86;background:#143d57f5;padding:13px 26px;font-size:24px;color:#fff8dc;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}#loading{position:absolute;inset:0;z-index:100;background:#133e56;display:grid;place-items:center;color:#fff0bd;font-size:35px}.saved{font-size:18px;color:#b0d8df}.loading-button{pointer-events:none;opacity:.6}.scroll{overflow:auto;min-height:0}.flying-card{position:absolute;pointer-events:none;z-index:80}.art-reference{max-width:100%;max-height:620px;display:block;margin:auto;border-radius:18px}@keyframes appear{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes next{50%{box-shadow:0 0 0 5px #fff1a4,0 0 25px #fff5aa}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes win-title{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes star-in{from{opacity:0;transform:scale(.1) rotate(-30deg)}70%{transform:scale(1.13)}to{opacity:1;transform:scale(1)}}@keyframes shine{50%{text-shadow:0 3px 1px #915721,0 0 65px #ffda57}}@keyframes particle{from{opacity:0;transform:translateY(80px)}30%{opacity:1}to{opacity:0;transform:translateY(-130px)}}@keyframes summon{50%{filter:brightness(1.6);transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Final scene alignment and opaque combat controls. */
.map-header{background:none;border:0;box-shadow:none;display:block;pointer-events:none}.map-header .chapter-name{position:absolute;top:0;left:0;height:70px;pointer-events:auto;color:transparent;text-shadow:none}.map-header .chapter-name span{visibility:hidden}.map-header.alt .chapter-name{color:#fff7df;background:linear-gradient(#22618a,#17486b);border:2px solid #f0d591;border-radius:22px;font-size:29px}.map-header.alt .chapter-name span{visibility:visible}.map-header .progress{position:absolute;left:87px;top:79px;width:416px;height:34px;border:0;border-radius:8px}.map-header .progress span{font-size:23px}.map-stars{height:35px;line-height:31px;min-height:35px}.map-stars .stars{font-size:25px!important}.battle-top{left:102px;top:13px;width:450px;height:67px;background:linear-gradient(#0c4c70,#123b57);border:3px solid #eedaa6;border-radius:17px;gap:4px;box-shadow:0 2px 3px #0019}.battle-top .pane{border:0;background:none;box-shadow:none;flex:1;font-size:26px;padding:10px;text-align:center}.battle-wave{top:2px;height:83px;display:grid;place-items:center;background:linear-gradient(#195673,#123b57);border:3px solid #efce83}.battle-right{right:69px;top:8px;min-width:275px;height:76px;justify-content:flex-end;background:linear-gradient(#195673,#123b57);border:3px solid #efce83;border-radius:18px;padding:3px 5px 3px 15px}.combat-party{background:linear-gradient(#134e6c,#133d52);border:3px solid #9bcedc}.quest-badge{position:absolute;left:1720px;top:35px;min-width:45px;height:44px;display:grid;place-items:center;background:#ef3824;border:2px solid #ffe0b9;box-shadow:0 2px 2px #732c14;border-radius:10px;color:white;font-weight:bold;font-size:28px;pointer-events:none}.item-card b{background:#0f466c;border-radius:12px 0 0 0;right:0;bottom:0;min-width:39px;min-height:37px;display:grid;place-items:center}.party-filters .btn{flex-wrap:nowrap;white-space:nowrap;gap:8px}.party-filters .btn:nth-child(4){font-size:21px}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}
.trials-hit{font-size:20px;gap:5px}.trials-hit img{width:32px;height:40px}.trials-hit em{font-size:28px}.trials-hit small{font-size:18px}.hero-preview{min-height:300px}.hero-preview canvas{width:300px;height:300px}.hero-preview>img{max-height:300px}.window-footer>.hero-actions{margin:0 auto 0 0!important;gap:12px}.window-footer>.hero-actions .btn{font-size:23px}
@font-face{font-family:Storm;src:url(assets/nunito.ttf) format("truetype");font-weight:100 900;font-display:swap}body{font-family:Storm,Arial,sans-serif}.window>header h1{font-weight:900}.btn{font-weight:900}.round{font-family:Arial,sans-serif}.window-content{scrollbar-width:thin;scrollbar-color:#428daf #eee0bd}
.victory-window{padding:12px 20px;height:820px}.victory-title{font-size:80px;line-height:1.1;flex-shrink:0}.win-stars{height:114px;flex:none}.win-stars span{width:110px;height:110px;font-size:0;line-height:1;background:url(assets/star.png) center/contain no-repeat}.win-stars span.off{filter:grayscale(1);opacity:.55}.victory-team{margin:14px 0 13px;gap:28px}.victory-hero{width:170px}.victory-hero .hero-card{height:150px}.victory-hero p{margin:5px 0;font-size:20px;line-height:1.35}.victory-window h2{margin:4px;font-size:25px;line-height:1.3}.loot-row{margin:10px;gap:18px}.loot-row img{width:72px;height:72px}.map-stars .stars>span{display:inline-block;vertical-align:middle;width:25px;height:29px;font-size:0;background:url(assets/star.png) center/contain no-repeat}.map-stars .stars>.off{filter:grayscale(1);opacity:.6}
.combat-card .progress>span{font-size:13px;line-height:15px}.victory-hero .progress>span{font-size:15px;line-height:18px}