@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e1d;--surface:#101a30;--surface2:#172139;--line:#2d3b58;--muted:#8a9bb7;--text:#eef5ff;--gold:#f1bf62;--cyan:#5dd5d2;--purple:#ac8ef6;--green:#83d6a5;--red:#ee827e}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;touch-action:manipulation}body{min-height:100%;padding:0;margin:0;background:#070b15;color:var(--text);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 50% -10%,#22375e 0%,transparent 47%),radial-gradient(ellipse at 100% 80%,#18223c 0%,transparent 50%);pointer-events:none}.app{position:relative;min-height:100vh;max-width:580px;margin:0 auto;background:linear-gradient(165deg,rgba(13,24,44,.99),rgba(8,14,29,.985));border-left:1px solid #26314a;border-right:1px solid #26314a;box-shadow:0 0 60px #0008;padding-bottom:calc(16px + env(safe-area-inset-bottom));overflow:hidden}.masthead{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid #263753;gap:12px}.masthead-left{display:flex;align-items:center;gap:11px}.crest{width:44px;height:44px;display:grid;place-items:center;clip-path:polygon(50% 0%,92% 19%,100% 61%,50% 100%,0% 61%,8% 19%);background:linear-gradient(130deg,#6c7de3,#233c69 55%,#2b8e9c);color:#d5faff;font-size:27px;text-shadow:0 0 15px #80eeee}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#78c9d4;font-weight:800}.brand,h1,.stat-label,.primary-btn,.stage-pill,.rank-emblem,.hero-title{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}.brand{font-size:28px;letter-spacing:1.8px;font-weight:900;line-height:1}.brand-point{color:var(--cyan)}.icon-btn{width:40px;height:40px;border:1px solid #33435d;border-radius:12px;background:#1c2a44;color:#b9d9ed;font-size:21px}.profile-strip{display:flex;gap:10px;padding:15px 18px;align-items:center;background:#101b31;border-bottom:1px solid #2d3a54}.rank-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;width:45px;height:45px;flex:none;background:linear-gradient(165deg,#2e3f67,#122038);border:1px solid #5974a6;border-radius:11px;font-size:25px;font-weight:800;color:var(--gold)}.rank-emblem small{font-family:'DM Sans';font-size:7px;letter-spacing:1.3px;color:#96a7c3}.rank-info{min-width:0;flex:1}.rank-title{display:flex;gap:4px;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.3px;margin-bottom:8px}.rank-title span:last-child{color:var(--muted);font-size:9px}.progress{height:7px;overflow:hidden;border-radius:10px;background:#080e1e;border:1px solid #35425b}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#50b2da,#75f0dc);transition:width .5s}.wallet{min-width:80px;display:grid;text-align:right;grid-template-columns:auto auto;justify-content:end;align-items:center;gap:0 5px}.wallet strong{font-size:19px;font-weight:900}.wallet small{grid-column:1/3;color:var(--muted);font-size:9px;letter-spacing:1.7px}.coin{color:var(--gold);font-size:15px}.top-tabs{position:sticky;top:0;display:grid;grid-template-columns:repeat(4,1fr);background:#111b2f;z-index:3;border-bottom:1px solid #3a4862}.tab{background:transparent;border:0;color:#93a6c5;padding:13px 0 11px;display:flex;flex-direction:column;align-items:center;gap:4px;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:1px;position:relative}.tab-icon{font-size:22px;font-weight:400}.tab.active{color:#a0f5ef}.tab.active:after{position:absolute;bottom:0;left:15%;width:70%;height:3px;background:var(--cyan);content:'';border-radius:3px 3px 0 0}.view{display:none;padding:18px 16px 24px}.view.active{display:block}.chapter-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.chapter-head h1,.section-heading h1{font-size:30px;line-height:1.05;margin:7px 0 4px;letter-spacing:.4px}.chapter-head p,.section-heading p{margin:0;color:#a0aec4;font-size:11px;line-height:1.6}.stage-pill{padding:8px 10px;background:#25334f;border:1px solid #4c6384;border-radius:8px;color:var(--gold);font-size:18px;font-weight:800;white-space:nowrap}.arena-wrap{border:1px solid #50627a;border-radius:13px;overflow:hidden;background:#0c1222;box-shadow:0 10px 30px #0004;position:relative}.arena-top,.arena-bottom{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed';font-weight:800;letter-spacing:1.3px;font-size:11px;padding:9px 12px;background:linear-gradient(90deg,#16223a,#1e2f48);color:#c5d6e8}.arena-top span:first-child{display:flex;gap:7px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#75dcbb;box-shadow:0 0 8px #75dcbb}.arena-bottom{background:#141e33;color:#7a91b2;padding:8px 12px;font-size:10px}#arena{display:block;width:100%;height:auto;image-rendering:pixelated;aspect-ratio:840/410}.battle-panel{margin-top:14px;border:1px solid #33435d;background:linear-gradient(150deg,#17233a,#10192e);border-radius:13px;padding:14px}.battle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.battle-stats>div{border-right:1px solid #34425a;text-align:center}.battle-stats>div:last-child{border:0}.stat-label{font-weight:800;letter-spacing:1.4px;color:#8297b6;font-size:11px;display:block}.battle-stats strong{font-family:'Barlow Condensed';font-size:29px;color:#f3f7fd;line-height:1.2}.battle-actions{display:flex;gap:8px}.primary-btn{background:linear-gradient(105deg,#55c4c8,#83e1c7);border:1px solid #a9f6ec;color:#102835;border-radius:10px;min-height:49px;padding:9px 14px;font-size:19px;font-weight:900;letter-spacing:1px;box-shadow:0 4px 14px #39c4b738}.primary-btn:active{transform:scale(.99)}.battle-actions .primary-btn{flex:1;min-width:0}.mini-btn{padding:7px 9px;background:#23324d;color:#b8d3e7;border:1px solid #445473;border-radius:10px;font-weight:800;font-size:12px;min-width:45px}.mini-btn.selected{color:#aaf8de;border-color:#78cdbc}.stage-nav{margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:6px}.stage-nav button{background:none;border:0;color:#9ed7dc;font-size:12px;font-weight:800;padding:5px 0}.stage-nav span{font-size:12px;color:#b5c6db;font-weight:800}.combat-feed-head{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-family:'Barlow Condensed';font-size:13px;letter-spacing:1.4px;color:#8fa5bf;font-weight:800}.combat-feed-head span:last-child{font-size:10px;color:#6ce1d6}.combat-log{margin-top:7px;background:#0c1426;border:1px solid #2a3a55;border-radius:8px;min-height:90px;max-height:115px;overflow:auto;padding:9px 10px}.combat-log p{margin:0 0 4px;font-size:11px;color:#adbbce;line-height:1.45}.combat-log p:first-child{color:#d5ebf6}.combat-log .victory{color:#9ef0cc}.combat-log .defeat{color:#fbb2a8}.lower-cta{display:flex;gap:12px;align-items:center;margin-top:15px;border:1px solid #2a3952;background:#101c31;border-radius:10px;padding:13px}.tiny-icon{height:39px;width:39px;display:grid;place-items:center;background:#233656;border:1px solid #455b7c;border-radius:9px;font-size:23px;color:#97d8d7;flex:none}.lower-cta div:last-child{display:flex;flex-direction:column;gap:4px}.lower-cta strong{font-size:11px;letter-spacing:1px}.coming{background:#574d3d;color:#ffda9a;font-size:8px;letter-spacing:1px;padding:4px 6px;border-radius:4px;margin-left:4px}.lower-cta small{color:#899bb6;font-size:10px;line-height:1.5}.section-heading{margin-bottom:18px}.section-heading h1{font-size:35px}.section-heading p{font-size:12px}.hero-card{background:linear-gradient(130deg,#1c2844,#131f35);border:1px solid #3c4e69;border-radius:13px;padding:13px;margin-bottom:12px}.hero-top{display:flex;gap:13px;align-items:center}.hero-portrait{height:83px;width:77px;border-radius:10px;border:1px solid #476481;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 50% 35%,#355678,#17243b)}.portrait-icon{font-size:47px;filter:drop-shadow(0 4px 7px #0008)}.hero-info{flex:1}.hero-title{font-weight:800;font-size:25px;line-height:1}.hero-class{font-size:10px;letter-spacing:1.5px;color:var(--cyan);font-weight:800;margin-top:2px}.hero-level{color:var(--gold);font-weight:800;font-size:12px;margin-top:7px}.hero-stats{display:flex;gap:15px;color:#b6c9dd;font-size:12px;margin-top:7px}.hero-stats b{color:white}.hero-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.slot{background:#0d172b;border:1px solid #394a66;border-radius:8px;padding:8px 6px;min-height:58px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px}.slot small{color:#8398b6;font-size:9px;letter-spacing:.7px;text-transform:uppercase}.slot strong{font-size:10px;color:#e7f0fa;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-footer small{color:#8ba4c4;font-size:11px}.outline-btn{background:#263755;color:#a6e7dd;border:1px solid #51877f;border-radius:8px;padding:10px 12px;font-weight:800;font-size:11px}.outline-btn:disabled{color:#8090a4}.inventory-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:800;color:#b8d1e0}.hint{font-size:10px;color:#8399b4;font-weight:500}.item-card{display:flex;align-items:center;gap:10px;padding:11px;background:#142037;border:1px solid #374764;border-radius:10px;margin-bottom:9px}.item-symbol{display:grid;place-items:center;width:48px;height:48px;font-size:25px;flex:none;border:1px solid currentColor;border-radius:9px;background:#081329aa}.item-detail{flex:1;min-width:0}.item-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:10px;color:#94a8c1;margin-top:3px}.item-stats{font-size:11px;color:#d2dfea;margin-top:4px}.item-action{border:1px solid #506c7a;color:#a9e7de;background:#203650;border-radius:7px;padding:10px 11px;font-size:11px;font-weight:900;white-space:nowrap}.empty-state{text-align:center;border:1px dashed #455773;padding:34px 18px;border-radius:13px;color:#9eb2cb}.empty-state strong{display:block;color:#f5f8fb;font-size:16px}.empty-state p{font-size:12px;line-height:1.6}.camp-hero{background:radial-gradient(circle at 50% 10%,#31416f,#192740 42%,#101d32 85%);border:1px solid #4b587c;border-radius:14px;text-align:center;padding:31px 16px 25px;display:flex;align-items:center;flex-direction:column;gap:9px}.camp-orb{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffebaf 5%,#df9f59 26%,#7a4e60 48%,#3a365e 68%,transparent 70%);color:#fff8ce;text-shadow:0 0 12px white;box-shadow:0 0 25px #f3a96a44;font-size:38px}.camp-hero strong{font-family:'Barlow Condensed';font-size:61px;color:var(--gold);line-height:1}.camp-hero>span{font-size:10px;letter-spacing:1.7px;color:#e7c99a;font-weight:800}.camp-hero p{max-width:280px;font-size:12px;color:#aabbd3;line-height:1.6;margin:3px 0 7px}.camp-hero button{min-width:200px}.camp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.info-card{background:#152239;border:1px solid #344660;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.info-icon{color:var(--gold);font-size:22px}.info-card strong{font-size:12px}.info-card small{color:#92a7bf;line-height:1.6}.app-footer{padding:14px 18px;color:#506480;border-top:1px solid #24344d;font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,30px);max-width:calc(100vw - 30px);min-width:240px;background:#233b51;border:1px solid #7ecfc7;color:#e4fff9;font-weight:800;font-size:12px;padding:12px 16px;border-radius:10px;box-shadow:0 12px 30px #000a;opacity:0;pointer-events:none;transition:.25s;z-index:20;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#030710dc;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:12}.modal-backdrop.hidden{display:none}.modal-panel{width:min(420px,100%);max-height:88vh;overflow:auto;border:1px solid #536783;background:linear-gradient(150deg,#1b2b47,#101a2e);box-shadow:0 25px 60px #000d;border-radius:15px;padding:22px}.modal-panel h2{font-family:'Barlow Condensed';font-size:31px;line-height:1.1;margin:4px 0 10px}.modal-panel p{font-size:12px;line-height:1.7;color:#b4c5db}.modal-panel .modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.modal-panel .secondary-btn{background:#1d2b43;color:#d3e4fa;border:1px solid #445773;padding:12px;border-radius:9px;font-size:12px;font-weight:800}.modal-close{float:right;background:none;border:0;color:#b1c7df;font-size:24px}.modal-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid #364764;padding:12px 0;color:#cddcee;font-size:12px}.modal-item strong{flex:1}.modal-item small{color:#86a1bb}.modal-warning{color:#f9bbad!important}.modal-hero-choice{width:100%;display:flex;justify-content:space-between;background:#233550;border:1px solid #446782;color:#eff6ff;padding:12px;margin-top:7px;border-radius:9px;font-weight:800}.modal-hero-choice:disabled{opacity:.35}.rarity-common{color:#b9c4d5}.rarity-uncommon{color:#8be7a8}.rarity-rare{color:#80b5ff}.rarity-epic{color:#c5a0ff}.rarity-legendary{color:#ffd378}@media(max-width:375px){.view{padding:14px 11px}.brand{font-size:25px}.battle-panel{padding:10px}.rank-title{font-size:9px}.chapter-head h1{font-size:25px}.stage-pill{font-size:16px}.mini-btn{min-width:40px;padding:6px}.primary-btn{font-size:17px}.hero-portrait{width:65px}.hero-title{font-size:23px}}@media(min-width:581px){.app{min-height:100vh}}