@import url('data:text/css,');
:root{color-scheme:dark;--bg:#0b1019;--panel:#111925;--line:#ffffff12;--muted:#8593a8;--text:#e9eef7;--mint:#8cf7d9;--orange:#ffb578}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% -20%,#1b3044 0,transparent 55%),var(--bg);font-family:Inter,"Segoe UI","Microsoft Yahei",sans-serif;color:var(--text);font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .2s,transform .2s;border:0}button:hover{filter:brightness(1.13)}button:active{transform:translateY(1px)}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:750;letter-spacing:3px;flex-shrink:0}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:3.2px;margin-top:5px}.brand-icon{font-size:43px;color:var(--mint);text-shadow:0 0 25px #8cf7d945}.topbar nav{display:flex;gap:30px;height:100%}.nav{padding:0 5px;background:none;color:var(--muted);border-bottom:2px solid transparent;font-size:13px}.nav.active{color:var(--mint);border-color:var(--mint)}.top-actions{display:flex;gap:22px;align-items:center}.network{font-size:10px;letter-spacing:1px;color:var(--muted);white-space:nowrap}i{display:inline-block}.network i,.zone>i,.arena-bottom i{height:6px;width:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #8cf7d970;margin-right:8px}.icon-button{background:#ffffff08;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:19px}.tab{display:none;max-width:1500px;margin:auto;padding:44px 5%}.tab.active{display:block}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.page-heading h1{font-size:clamp(26px,3vw,41px);font-weight:600;letter-spacing:1px;line-height:1.25;margin:15px 0}.page-heading em{font-style:normal;color:#92a4bd}.page-heading p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.season{text-align:right;border-left:1px solid var(--line);padding-left:32px;color:var(--muted);font-size:10px}.season b{display:block;font-size:28px;line-height:1.5;font-weight:400;color:var(--text);letter-spacing:2px}.season small{font-size:11px;letter-spacing:0}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.arena{height:570px;position:relative;background:radial-gradient(ellipse at center,#19323e,#0b1019 75%);border:1px solid #3a4e5e;border-radius:16px;overflow:hidden;isolation:isolate}.arena:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #02060c80;pointer-events:none;z-index:1}#game{display:block;width:100%;height:100%;touch-action:none}.arena-top{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;z-index:3}.zone{display:flex;align-items:center;font-size:12px;letter-spacing:1px}.zone small{display:block;font-size:9px;color:var(--muted);margin-top:5px;letter-spacing:0}.zone>i{width:7px;height:7px}.arena-controls{display:flex;gap:10px;align-items:center}.status{font-size:9px;color:var(--mint);padding:6px 10px;background:#0c1b22c0;border:1px solid #8cf7d930;border-radius:15px}.lobby{position:absolute;bottom:75px;left:34px;z-index:3;width:290px;max-width:calc(100% - 60px);text-shadow:0 2px 15px #000}.chapter{font-size:8px;letter-spacing:2px;color:#a9c8cb}.lobby h2{font-size:46px;letter-spacing:6px;font-weight:600;margin:13px 0}.lobby>p{font-size:12px;color:#a8bacb;margin-bottom:22px}.primary,.secondary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 19px;min-height:48px;border-radius:7px;font-size:12px;font-weight:650}.primary{background:var(--mint);color:#0b2123;box-shadow:0 5px 26px #8cf7d915}.secondary{background:#11232dcc;color:#bdcbd6;border:1px solid #6e8d9d50;margin-top:10px}.lobby>small{display:block;color:#7a929f;font-size:9px;margin-top:15px}.arena-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:#73929e;font-size:8px;z-index:2}.arena-bottom i{width:4px;height:4px}.mission-panel{border:1px solid var(--line);border-radius:14px;padding:24px 20px;background:linear-gradient(145deg,#182332,#101722);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.badge{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 8px;white-space:nowrap}.mission-panel h3{font-size:17px;font-weight:500;margin:22px 0 16px}.heroes{display:flex;gap:8px}.hero{flex:1;min-width:0;background:#ffffff03;border:1px solid #ffffff15;border-radius:7px;padding:12px 2px;color:var(--muted)}.hero.selected{border-color:#8cf7d980;background:#8cf7d90c;color:var(--mint)}.hero-glyph{display:block;font-size:32px;line-height:1.3;color:#87ddda;filter:drop-shadow(0 0 9px #74f9dd60)}.hero:nth-child(2) .hero-glyph{color:var(--orange)}.hero:nth-child(3) .hero-glyph{color:#c0a5ff}.hero b{display:block;font-size:11px;font-weight:500;margin:5px 0}.hero small{font-size:8px}.hero-summary strong{display:block;font-size:12px;font-weight:500;margin-top:19px}.hero-summary p{font-size:11px;line-height:1.9;color:var(--muted);min-height:40px}.wallet-box{margin:20px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.wallet-box>span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.wallet-box>span small{font-size:9px;color:#dfb58c}.wallet-box>b{display:block;font-size:24px;letter-spacing:1px;font-weight:500;margin:10px 0 18px}.wallet-box>b small{font-size:10px;color:var(--mint)}.wallet-box>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.wallet-box strong{display:block;color:#d5e4e9;font-weight:500;font-size:12px;margin-top:7px}.objective{display:flex;gap:12px}.objective-icon{color:var(--orange);font-size:23px}.objective b{font-size:11px;font-weight:500}.objective p{font-size:10px;color:var(--muted);line-height:1.9;margin:8px 0}.practice-note{font-size:9px;color:#60738b;border-top:1px solid var(--line);padding-top:12px;margin-top:13px;line-height:1.8}.feature-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:28px}.feature-row article{border-left:1px solid #ffffff19;padding-left:19px}.feature-row span{font-size:8px;letter-spacing:1.5px;color:#52657c}.feature-row b{display:block;font-size:12px;font-weight:500;margin:9px 0}.feature-row p{font-size:10px;color:var(--muted);line-height:1.7}.game-hud{position:absolute;top:85px;left:24px;right:24px;display:flex;gap:20px;align-items:center;z-index:2;font-size:12px}.health{flex:1;max-width:220px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:10px;gap:6px}.health b{font-size:9px;font-weight:400}.health>div{background:#ffffff20;width:100%;height:4px;border-radius:4px;overflow:hidden}.health i{display:block;background:var(--mint);height:100%;transition:width .1s}.game-hud #timer{margin-left:auto;font-variant-numeric:tabular-nums;color:#cee1e6}.game-hud #kills{color:var(--orange);font-size:10px}.touch-controls{position:absolute;bottom:60px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;z-index:5;pointer-events:none}.touch-controls>*{pointer-events:auto}#joystick{width:110px;height:110px;position:relative;border:1px solid #8cf7d945;border-radius:50%;background:#8cf7d907;touch-action:none;user-select:none}#joystick>span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;color:#72968f}#stick{width:46px;height:46px;background:radial-gradient(circle at 30% 20%,#8cf7d94a,#8cf7d91a);border:1px solid #8cf7d970;border-radius:50%;position:absolute;left:31px;top:31px;pointer-events:none}.skill-group{display:flex;align-items:flex-end;gap:16px}.skill,.upgrade{border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;touch-action:manipulation}.skill{height:86px;width:86px;font-size:35px;background:radial-gradient(circle at 30% 20%,#3b7b72,#113d3b);border:1px solid #9ef9d5aa;color:#a7ffe6;box-shadow:0 0 22px #8cf7d926}.upgrade{height:60px;width:60px;background:#2d2533c9;border:1px solid #ffb57860;color:var(--orange);font-size:23px}.skill small,.upgrade small{font-size:8px}.boss-bar{position:absolute;top:140px;left:20%;right:20%;text-align:center;font-size:10px;color:var(--orange);z-index:2}.boss-bar>div{height:5px;background:#ffd3aa22;margin-top:9px}.boss-bar i{display:block;height:100%;background:var(--orange)}.downed{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0b1019bd;backdrop-filter:blur(4px);padding:25px;text-align:center}.downed h2{font-weight:400;font-size:30px;letter-spacing:4px}.downed p{font-size:11px;color:var(--muted)}.downed .primary{max-width:260px;justify-content:center}.squad{display:flex;gap:5px;margin-top:12px}.squad span{font-size:9px;border:1px solid #8cf7d933;color:var(--mint);padding:5px;border-radius:4px}.mint-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card{background:linear-gradient(135deg,#182332,#101822);border:1px solid var(--line);border-radius:14px;padding:30px;min-width:0}.card h2{font-size:30px;font-weight:500;margin:14px 0}.card h3{font-weight:500}.card p{font-size:12px;line-height:1.9;color:#9bacc0}.tier-list{margin:25px 0}.tier{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.tier small{font-size:9px;color:var(--muted)}.tier b{color:var(--mint);font-weight:500}.split{display:flex;gap:40px;margin:28px 0}.split b{font-size:32px;font-weight:400}.split small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.muted{font-size:10px!important;color:var(--muted)!important}label{display:block;font-size:11px;color:#a9b7ca;margin:16px 0}label>span{float:right;color:var(--mint)}input:not([type=range],[type=checkbox]){display:block;width:100%;padding:14px;background:#0a1420;border:1px solid #ffffff1c;border-radius:5px;color:var(--text);margin-top:10px}input[type=range]{width:100%;margin:20px 0;accent-color:var(--mint)}.checkbox{display:flex;align-items:center;gap:8px;font-size:11px}input[type=checkbox]{accent-color:var(--mint)}.payment{display:flex;gap:10px;margin:20px 0}.payment button{background:#111a27;border:1px solid #ffffff15;border-radius:5px;flex:1;padding:15px;font-size:12px}.payment .selected{border-color:#8cf7d977;color:var(--mint)}.quote{font-size:12px;margin:24px 0}.quote>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right}.notice{font-size:11px!important;color:#c5a881!important;border-left:2px solid #c5a88160;padding-left:12px;line-height:1.8;min-height:20px}.warning{color:var(--orange);border-color:#ffb57830}.economy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.economy-stats article{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:10px}.economy-stats small{font-size:10px;color:var(--muted)}.economy-stats b{display:block;font-size:29px;font-weight:400;margin:15px 0}.economy-stats span{font-size:10px;color:#71849a}.flow-card{margin:24px 0}.flow{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0}.flow>div{padding:20px 10px;border:1px solid var(--line);background:#0d1721;text-align:center;flex:1;font-size:12px}.flow small{display:block;font-size:9px;color:var(--muted);margin-top:10px}.flow>span{color:var(--mint)}.flow .blackhole{border-color:#8cf7d940;color:var(--mint)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 5%;font-size:8px;letter-spacing:1px;color:#4d6078}dialog{border:1px solid #405060;border-radius:14px;background:#131e2c;color:var(--text);padding:36px;max-width:440px;width:calc(100% - 32px);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#03080dd9;backdrop-filter:blur(6px)}dialog h2{font-size:26px;font-weight:500}dialog>p{font-size:12px;line-height:1.9;color:var(--muted)}.dialog-close{position:absolute;right:14px;top:12px;background:none;font-size:24px}.result-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.result-row b{color:var(--mint);font-weight:500}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#23363b;border:1px solid #8cf7d950;border-radius:8px;padding:14px 20px;z-index:100;opacity:0;transition:.2s;font-size:12px;max-width:90%;pointer-events:none}#toast.visible{transform:translateX(-50%) translateY(0);opacity:1}body.playing .lobby{display:none}body.playing .hero{opacity:.6}body.playing .hero.selected{opacity:1}
@media(min-width:1500px){.arena{height:630px}}
@media(max-width:1050px){.topbar{padding:0 4%;height:76px}.tab{padding:30px 4%}.play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.mission-panel{padding:20px 15px}.topbar nav{gap:18px}.arena{height:550px}.season{display:none}.wallet-box>b{font-size:21px}.panel-heading .badge{font-size:8px}.keyboard-help{display:none}}
@media(max-width:760px){.topbar{height:66px;padding:0 18px;gap:10px;flex-wrap:wrap;position:relative}.brand{font-size:15px;letter-spacing:2px;gap:7px}.brand-icon{font-size:34px}.brand small{font-size:7px;letter-spacing:2px}.top-actions{gap:10px}.network{font-size:8px}.icon-button{width:30px;height:30px}.topbar nav{position:absolute;top:66px;left:18px;right:18px;height:42px;border-bottom:1px solid var(--line);justify-content:space-around;gap:0}.nav{font-size:11px;flex:1}.tab{padding:67px 16px 25px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:26px;margin:12px 0}.page-heading p{font-size:10px;max-width:300px}.eyebrow{font-size:8px;letter-spacing:1.6px}.play-layout{display:flex;flex-direction:column;gap:16px}.arena{height:540px;border-radius:12px}.arena-top{left:17px;right:17px;top:18px}.lobby{left:24px;bottom:64px;width:250px}.lobby h2{font-size:38px;letter-spacing:4px}.lobby p{font-size:11px}.arena-bottom{left:17px;right:17px;bottom:15px;font-size:7px}#keyboard-help{display:none}.mission-panel{padding:20px}.panel-heading{justify-content:space-between}.mission-panel h3{margin:15px 0}.heroes{width:100%;gap:12px}.hero{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;padding:7px 2px;column-gap:5px}.hero-glyph{font-size:25px}.hero b{font-size:11px}.hero small{width:100%;text-align:center;font-size:9px}.hero-summary{display:none}.wallet-box{margin:14px 0;padding:14px 0;display:flex;flex-wrap:wrap;justify-content:space-between}.wallet-box>span{width:100%}.wallet-box>b{font-size:22px;margin:8px 0 0}.wallet-box>div{gap:20px}.wallet-box strong{font-size:10px}.objective p{margin:3px 0;font-size:10px}.practice-note{margin-top:8px;padding-top:10px}.feature-row{gap:13px;grid-template-columns:1fr;margin:22px 0 0}.feature-row article{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 0 14px;border-left:0;border-bottom:1px solid var(--line)}.feature-row span{width:85px;font-size:7px}.feature-row b{font-size:11px;margin:0}.feature-row p{width:100%;margin:0 0 0 95px;font-size:9px}.mint-layout{grid-template-columns:1fr;gap:16px}.card{padding:23px}.mint-form{order:-1}.economy-stats{grid-template-columns:1fr 1fr;gap:10px}.economy-stats article{padding:17px}.economy-stats b{font-size:25px}.economy-stats span{font-size:9px}.flow{flex-direction:column;gap:10px}.flow>div{width:100%;padding:15px}.flow>span{transform:rotate(90deg)}.flow-card{padding:23px}.game-hud{left:17px;right:17px;top:77px;gap:13px}.health{max-width:170px}.boss-bar{top:125px;left:15%;right:15%}.touch-controls{left:22px;right:22px;bottom:50px}.skill-group{gap:12px}#joystick{width:104px;height:104px}#stick{left:28px;top:28px}footer{gap:15px;font-size:7px;line-height:1.7;padding:20px 16px}.page-heading .warning{white-space:normal;line-height:1.7;max-width:90px;font-size:9px}body.playing .topbar,body.playing .page-heading,body.playing footer,body.playing .feature-row{display:none}body.playing .tab{padding:0}body.playing .arena{position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;z-index:30}body.playing .arena-top{top:max(15px,env(safe-area-inset-top))}body.playing .touch-controls{bottom:max(55px,env(safe-area-inset-bottom))}body.playing .arena-bottom{bottom:max(16px,env(safe-area-inset-bottom))}body.playing dialog{z-index:50}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

#mobile-balance{position:absolute;left:0;top:43px;font-size:9px;color:#a6bbc8;letter-spacing:.2px}.boss-bar{top:158px}

/* v0.5: battle occupies the device; exiting restores the surrounding pages. */
body.playing{height:100dvh;overflow:hidden}
body.playing .topbar,body.playing .page-heading,body.playing .story-prologue,body.playing .chapter-strip,body.playing .mode-bar,body.playing .mission-panel,body.playing .feature-row,body.playing footer{display:none!important}
body.playing .tab{padding:0;margin:0;max-width:none}body.playing .play-layout{display:block;margin:0}
body.playing .arena{position:fixed;inset:0;width:100dvw;height:100dvh;margin:0;border:0;border-radius:0;z-index:30;transform:none}
body.playing .arena:after{box-shadow:inset 0 0 50px #03090966}
body.playing dialog{z-index:80}