:root{color-scheme:dark;--bg:#0c1417;--panel:#142024;--line:#263337;--text:#ecf0e9;--muted:#8b9b9d;--green:#c4eaa1;--teal:#70cab9;--gold:#e9c576;--radius:14px;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{width:0;height:0;position:absolute;overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.rail{width:78px;position:fixed;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line);padding:29px 0;gap:17px;background:#10191c;z-index:20}.sigil{display:grid;place-items:center;width:43px;height:43px;background:#263831;border:1px solid #526744;border-radius:13px;color:var(--green)}.sigil svg{width:27px;height:27px}.rail-line{width:25px;height:1px;background:var(--line);margin:16px 0 5px}.rail-link{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:#76888c;transition:.2s}.rail-link:hover{color:var(--green);background:#1f302e}.rail-link.active{background:#28382e;color:var(--green)}.rail-link.active:before{content:"";width:3px;height:21px;position:absolute;left:0;border-radius:0 3px 3px 0;background:var(--green)}.rail-bottom{margin-top:auto;display:grid;gap:20px;justify-items:center}.avatar{width:33px;height:33px;border:1px solid #667566;border-radius:50%;display:grid;place-items:center;background:#33443d;font-size:11px;color:#b4c8b4}.workspace{margin-left:78px;width:calc(100% - 78px)}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:65px}.brand{display:flex;flex-direction:column;gap:3px;min-width:145px}.brand-name{font-family:"Songti SC",STSong,serif;font-size:25px;font-weight:700;letter-spacing:3px}.brand-dot{color:var(--green);font-family:serif;padding-left:2px}.brand-en{font-size:9px;color:#92a3a3;letter-spacing:4px}.nav{display:flex;gap:31px;height:100%;align-items:center}.nav-btn{height:100%;font-size:13px;color:#91a0a3;position:relative;white-space:nowrap}.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:"";height:2px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.nav-pill{font-size:9px;border-radius:5px;padding:2px 5px;background:#253433;color:#b8c6bd;margin-left:3px}.top-resources{margin-left:auto;display:flex;gap:28px;align-items:center}.crystals{display:flex;gap:9px;align-items:center;font-size:12px}.crystals svg{color:#83c6c1;width:18px}.crystals b{font-family:system-ui;font-size:14px;font-weight:550}.crystals span{color:var(--muted);font-size:11px}.icon-btn{width:35px;height:35px;display:grid;place-items:center;position:relative;color:#93a2a6}.sound-off{position:absolute;transform:rotate(-45deg);height:26px;width:1px;background:#bdc8c8;box-shadow:2px 0 #0c1417}main{max-width:1730px;padding:35px 42px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a7c695;font-size:9px;letter-spacing:2.5px;font-weight:500}.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #8dcc69}.page-heading h1{font-family:"Songti SC",STSong,"Noto Serif SC",serif;font-weight:650;font-size:31px;letter-spacing:2px;margin:12px 0 10px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8;letter-spacing:.3px}.chapter-switch{display:flex;align-items:center;gap:15px;background:#141f22;border:1px solid var(--line);border-radius:11px;padding:14px 18px;min-width:219px;text-align:left}.chapter-switch:hover{border-color:#61765d}.chapter-icon{display:grid;place-items:center;background:#28382e;color:#bfd09a;width:37px;height:37px;border-radius:8px}.chapter-switch small{display:block;color:#8b9e97;font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.chapter-switch strong{font-size:13px;font-weight:500;letter-spacing:2px}.chapter-switch>svg{margin-left:auto;color:#a1b1a8;width:17px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.battle-column{min-width:0}.battlefield{height:490px;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #425247;background:#203835;isolation:isolate;box-shadow:0 10px 40px #0002}#gameCanvas{display:block;position:absolute;width:100%;height:100%;inset:0;touch-action:manipulation}.map-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#071713a8 0%,transparent 28%,transparent 72%,#061513c9 100%);z-index:1}.field-top{position:absolute;left:22px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;pointer-events:none}.tiny-label{display:block;font-size:9px;letter-spacing:1.6px;color:#b1beb4;margin-bottom:6px}.stage-label strong{font-family:system-ui;font-weight:500;letter-spacing:1px;font-size:19px}.stage-label strong span{font-family:"PingFang SC",sans-serif;font-size:13px;letter-spacing:1px;margin-left:8px;color:#e2e9e0}.field-stats{display:flex;gap:15px;align-items:center;border:1px solid #a7b6a12a;background:#0b1c1dcc;border-radius:9px;padding:9px 11px;backdrop-filter:blur(8px);font-size:13px}.field-stats>span{display:flex;align-items:center;gap:6px}.field-stats b{font-weight:500;font-family:system-ui}.field-stats small{color:#839891;font-size:10px;margin-left:-3px}.field-stats svg{width:16px;height:16px}.hp-icon{color:#ed9e9e;fill:#ed9e9e33}.gold-icon{color:var(--gold)}.field-btn{display:grid;place-items:center;border-left:1px solid #ffffff21;padding:0 0 0 10px;color:#b4c6bd;pointer-events:auto}.wave-strip{position:absolute;top:81px;left:23px;display:flex;align-items:center;gap:11px;font-size:9px;color:#c3d4cb;z-index:2}.wave-dots{display:flex;gap:4px}.wave-dots i{height:4px;width:17px;background:#bacbad44;border-radius:4px}.wave-dots i.done{background:var(--green)}.wave-dots i.current{background:#fff3bc;box-shadow:0 0 7px #e8ce7b}.wave-strip>span:last-child{border-left:1px solid #ffffff30;padding-left:10px;color:#aac1b8}.field-banner{position:absolute;top:126px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;pointer-events:none;z-index:2;text-shadow:0 2px 8px #000}.field-banner strong{font-family:"Songti SC",STSong,serif;letter-spacing:5px;font-size:25px}.field-banner>span:last-child{font-size:11px;color:#d3e2d7;letter-spacing:1px}.banner-ornament{color:#e0edb7;font-size:18px;margin-bottom:2px}.map-region{position:absolute;bottom:82px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:8px;letter-spacing:3px;color:#bbccbb9c;pointer-events:none;z-index:2}.region-rule{width:25px;height:1px;background:#bac8a54f}.field-bottom{position:absolute;bottom:18px;left:21px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.map-weather{display:flex;gap:8px;align-items:center;color:#b6c5b7;font-size:10px}.map-weather svg{width:13px;height:13px;color:#b1cfb0}.weather-dot{width:2px;height:2px;background:#a7b59d;margin:0 3px}.field-controls{display:flex;align-items:center;gap:9px}.speed-btn{width:36px;height:39px;border-radius:7px;border:1px solid #cbd9b54d;font-size:12px;background:#11261bcc;color:#d4e5c5}.start-btn{background:var(--green);color:#273925;border:1px solid #e5ffbd;box-shadow:0 3px 15px #a6e38719;border-radius:8px;padding:12px 17px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;transition:.2s}.start-btn:hover{background:#dafbb9;transform:translateY(-1px)}.start-btn svg{width:15px;height:15px;fill:#304429;stroke-width:1}.start-btn kbd{font-size:8px;font-weight:400;border:1px solid #40572d55;border-radius:3px;padding:2px 4px;color:#567143;margin-left:7px}kbd{font-family:system-ui}.arsenal-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.arsenal-heading>div{display:flex;align-items:center;gap:13px}h2{margin:0;font-size:14px;font-weight:550;letter-spacing:1px}.arsenal-heading span{color:var(--muted);font-size:10px}.arsenal-heading .subtle{font-size:9px;color:#65797a}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.weapon-card{border:1px solid #2b3a3b;border-radius:11px;text-align:left;padding:13px 13px 12px;background:linear-gradient(140deg,#1b292d,#131e22);position:relative;overflow:hidden;transition:.2s}.weapon-card:hover{border-color:#687962;transform:translateY(-3px)}.weapon-card.selected{border-color:#a7c486;background:linear-gradient(125deg,#24332b,#172624)}.weapon-card.selected:before{content:"";position:absolute;left:0;top:21px;height:27px;width:3px;background:var(--green)}.weapon-card .weapon-art{display:block;width:75px;height:66px;margin:0 auto 6px;overflow:visible;filter:drop-shadow(0 4px 5px #0008)}.weapon-card small{position:absolute;right:10px;top:9px;font-size:8px;color:#6f8383;border:1px solid #3c4a4780;border-radius:4px;padding:1px 4px}.weapon-card h3{font-size:12px;font-weight:550;margin:8px 0 5px}.weapon-card .weapon-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#82968f;gap:3px}.weapon-card .price{display:flex;align-items:center;gap:4px;font-family:system-ui;color:#d4be87;font-size:11px}.weapon-card .price svg{width:12px;height:12px}.field-note{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#607675;letter-spacing:.4px}.field-note>span{display:flex;align-items:center;gap:6px}.small-glow{display:inline-block;width:4px;height:4px;background:#7aa085;border-radius:50%}.field-note i{margin:0 4px;font-style:normal}.battle-sidebar{display:flex;flex-direction:column;gap:16px}.panel{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(130deg,#192529,#131e21);padding:20px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-top h2{font-size:13px}.badge{color:#a4b295;font-size:9px;background:#263329;border:1px solid #384a33;border-radius:4px;padding:3px 6px}.detail-hero{display:flex;align-items:center;gap:11px;margin:20px 0 17px}.detail-art{height:76px;width:78px;flex-shrink:0;background:radial-gradient(#718c472b,transparent 72%)}.detail-art svg{height:100%;width:100%;filter:drop-shadow(0 5px 5px #0006)}.detail-hero h3{font-size:19px;font-family:"Songti SC",STSong,serif;letter-spacing:2px;margin:0 0 7px}.detail-hero p{font-size:10px;color:#9aab9d;line-height:1.6;margin:0}.detail-tags{display:flex;gap:6px;margin-top:7px}.detail-tags span{font-size:8px;color:#b1c49d;padding:2px 5px;background:#2a3829;border-radius:3px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:15px}.stat-grid>div{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:1px solid var(--line)}.stat-grid>div:first-child{padding-left:0;border:0}.stat-grid small{color:#788e8e;font-size:9px}.stat-grid b{font-weight:500;font-size:16px;font-family:system-ui}.stat-grid b span{font-size:9px;color:#90a39c;margin-left:3px}.detail-tip{font-size:10px;line-height:1.8;color:#8da19b;margin:0 0 13px}.detail-action{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #758c5d;border-radius:7px;color:#c6e2ac;font-size:11px;background:#293a2a}.detail-action:hover{background:#354b30}.detail-action svg{width:14px;height:14px}.sell-link{font-size:9px;color:#879a95;display:block;margin:9px auto -6px;text-decoration:underline;text-underline-offset:3px}.panel-desc{font-size:10px;color:#829696;margin:9px 0 13px}.muted-icon{width:15px;height:15px;color:#7c9291}.supply-panel{padding-bottom:13px}.supply-item{display:flex;align-items:center;width:100%;gap:10px;text-align:left;padding:12px 0;border-top:1px solid #2a3838}.supply-item:hover strong{color:var(--green)}.supply-icon{display:grid;place-items:center;flex-shrink:0;border-radius:9px;width:35px;height:35px}.supply-icon svg{width:18px;height:18px}.green{color:#afce94;background:#293b2e}.coral{color:#d69b98;background:#392c2c}.violet{color:#b3a4e3;background:#2f2b40}.supply-item>span:nth-child(2){flex:1}.supply-item strong{display:block;font-size:11px;font-weight:500;margin-bottom:5px}.supply-item em{font-style:normal;color:#a7be90;font-size:8px;padding:2px 4px;background:#2b3a2e;margin-left:4px;border-radius:3px}.supply-item small{font-size:9px;color:#7c9290}.supply-play{width:13px;height:13px;color:#8d9d8b}.ad-footnote{padding-top:9px;display:flex;align-items:center;gap:5px;font-size:8px;color:#718480;border-top:1px solid var(--line)}.ad-footnote>span:last-child{margin-left:auto}.demo-dot{width:4px;height:4px;background:#8f9f72;border-radius:50%}.skill-panel{padding:17px 16px;border:1px solid #424153;border-radius:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#292738,#191f28)}.skill-icon{width:31px;height:36px;color:#c5baf3;display:grid;place-items:center;filter:drop-shadow(0 0 9px #aa8deb70)}.skill-icon svg{width:27px;height:27px;fill:#a592e22b}.skill-panel .tiny-label{font-size:8px;color:#a39aae;margin:0 0 5px}.skill-panel h3{font-size:12px;font-weight:500;margin:0}.skill-panel h3 span{color:#bfb1e3;font-size:10px;margin-left:4px}.skill-panel p{color:#8e879e;font-size:8px;margin:5px 0 0}.skill-panel>button{margin-left:auto;border:1px solid #71678d;border-radius:6px;font-size:9px;padding:7px;color:#cdbfea;white-space:nowrap}.skill-panel kbd{font-size:8px;margin-left:3px;color:#9386b5}.next-stage{display:flex;align-items:center;gap:11px;text-align:left;padding:5px 0;margin-top:auto}.next-stage-image{height:40px;width:40px;background:#253c34;border-radius:8px;display:grid;place-items:center;color:#94b99f}.next-stage small{display:block;font-size:9px;color:#748985;margin-bottom:5px}.next-stage strong{font-size:10px;font-weight:500;color:#b5c5b6}.next-stage>svg{margin-left:auto;width:16px;color:#7a9986}footer{border-top:1px solid #213031;margin-top:29px;padding:21px 0 24px;display:flex;align-items:center;gap:26px;font-size:8px;color:#607574;letter-spacing:1px}footer i{font-style:normal;color:#8eac79;margin:0 9px}footer>span:nth-child(2){color:#4f6565;letter-spacing:1px}footer button{margin-left:auto;display:flex;gap:7px;align-items:center;color:#81988d;font-size:9px}footer button svg{width:13px;height:13px}.view[hidden]{display:none!important}.campaign-hero{padding:38px;border:1px solid #405549;border-radius:15px;background:linear-gradient(90deg,#142523ee,#12262566),url('./assets/forest.png') center 40%/cover;margin-bottom:22px;min-height:218px}.campaign-hero h2,.workshop-head h2{font-family:"Songti SC",serif;font-size:27px;letter-spacing:2px;margin:16px 0}.campaign-hero p,.workshop-head p{color:#9cafaa;font-size:12px;line-height:1.8}.campaign-hero>span:last-child{display:block;margin-top:20px;color:var(--green);font-size:10px}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chapter{border:1px solid var(--line);border-radius:13px;padding:22px;background:#152225}.chapter-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.chapter-emblem{display:grid;place-items:center;width:42px;height:42px;background:color-mix(in srgb,var(--chapter-color) 15%,#122020);color:var(--chapter-color);border-radius:9px}.chapter-title small{display:block;font-size:8px;color:#778e8b;letter-spacing:2px;margin-bottom:5px}.chapter-title h3{margin:0;font-size:15px;font-weight:500}.chapter-title>span:last-child{margin-left:auto;font-size:10px;color:#829991}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.level{border:1px solid #2a3c3e;border-radius:8px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#1b2b2d}.level.current{border-color:var(--green);background:#334530}.level:hover:not(:disabled){background:#344736;transform:translateY(-2px)}.level b{font-weight:500;font-size:15px}.level small{font-size:9px;letter-spacing:2px;color:var(--gold)}.level svg{width:13px;height:13px;color:#8ba69d}.level.boss{border-color:#69533c}.level:disabled{opacity:.45}.workshop-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 37px}.research-badge{font-size:11px;padding:9px 13px;color:var(--green);border:1px solid #445640;border-radius:8px}.research-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.research-card{background:linear-gradient(145deg,#1e3030,#121e23);border:1px solid var(--line);padding:28px;border-radius:14px}.research-card>svg{height:155px;width:100%;margin-bottom:20px;filter:drop-shadow(0 12px 12px #0007)}.research-card h3{font-family:"Songti SC",serif;font-size:22px;letter-spacing:2px}.research-card p{color:#8fa5a0;font-size:11px;line-height:1.9}.research-level{display:flex;justify-content:space-between;color:var(--green);font-size:11px;margin:22px 0}.research-progress{display:flex;gap:4px;margin-bottom:20px}.research-progress i{background:#324442;height:5px;flex:1;border-radius:2px}.research-progress i.done{background:var(--green)}.research-card button{width:100%;padding:12px;border:1px solid #7b9165;border-radius:7px;background:#2e402e;color:var(--green);font-size:12px}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,18px);padding:13px 24px;background:#d3e9bd;color:#253425;border-radius:9px;box-shadow:0 8px 40px #0008;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.22s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#040e11c9;backdrop-filter:blur(8px);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.modal{border:1px solid #435448;border-radius:19px;max-width:530px;width:100%;padding:34px;background:radial-gradient(ellipse at top,#2b4033,#152126 65%);box-shadow:0 30px 100px #0008;position:relative;max-height:90dvh;overflow-y:auto}.modal-close{position:absolute;right:16px;top:16px;color:#9daea1}.modal-close svg{width:18px}.modal .eyebrow{justify-content:center}.modal h2{font-family:"Songti SC",serif;font-size:27px;letter-spacing:3px;text-align:center;margin:16px 0}.modal p{color:#9eb2a7;line-height:1.9;font-size:12px}.modal .modal-center{text-align:center}.modal-emblem{display:grid;place-items:center;margin:0 auto 17px;color:var(--green);width:66px;height:66px;border:1px solid #73965a;background:#354e32;border-radius:20px;box-shadow:0 0 50px #acdb6d13}.modal-emblem svg{width:33px;height:33px}.modal-actions{display:flex;gap:12px;margin-top:24px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:8px;font-size:12px;flex:1}.primary{background:var(--green);color:#2c3e28}.secondary{border:1px solid #58715a;color:#c0d5ae}.result-stars{font-size:28px;letter-spacing:12px;text-align:center;margin:24px;color:#e8c47f;text-shadow:0 0 25px #ffd08533}.result-rewards{display:flex;justify-content:center;gap:35px;color:#d1dfc1;margin:22px}.result-rewards span{display:flex;align-items:center;gap:8px}.result-rewards svg{color:var(--gold)}.guide-list{padding:0;list-style:none;display:grid;gap:17px;margin-top:25px}.guide-list li{display:flex;gap:13px;font-size:12px;line-height:1.8;color:#9bb1a7}.guide-list b{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:#314730;border-radius:7px;color:var(--green);font-size:11px}.guide-list strong{color:#d0e0c7;font-weight:500}.guide-shortcuts{border-top:1px solid #3d4c40;padding-top:18px;margin-top:24px;display:flex;gap:20px;font-size:10px;color:#91a48f;justify-content:center}.guide-shortcuts kbd{border:1px solid #5b6d50;padding:2px 4px;border-radius:3px;margin-right:4px}.ad-preview{border-radius:12px;background:linear-gradient(130deg,#1b3535,#223129);padding:28px 20px;border:1px solid #4b6650;margin:24px 0 17px;text-align:center;position:relative}.ad-preview .ad-demo-label{font-size:9px;letter-spacing:2px;color:#a4bca8}.ad-preview svg{display:block;width:53px;height:53px;color:var(--green);margin:22px auto;filter:drop-shadow(0 0 15px #9ed98744)}.ad-preview h3{font-family:"Songti SC",serif;font-size:22px;letter-spacing:3px}.ad-progress{height:4px;background:#40543e;border-radius:3px;overflow:hidden;margin-top:20px}.ad-progress i{height:100%;width:0;display:block;background:var(--green);transition:width .1s}.ad-status{text-align:center;font-size:10px!important;color:#b7c7a6!important}.ad-disclaimer{font-size:10px!important;text-align:center;color:#7e968a!important}.blessing-grid{display:grid;gap:10px;margin-top:25px}.blessing-option{border:1px solid #536448;border-radius:10px;padding:16px;display:flex;align-items:center;gap:14px;text-align:left;background:#233729}.blessing-option:hover{border-color:var(--green);background:#30482f}.blessing-option svg{color:var(--green);width:25px;height:25px}.blessing-option strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.blessing-option small{color:#a2b297;font-size:11px}.restart-notice{font-size:11px;color:#b2c79e}.hidden{display:none!important}@media(min-width:1600px){.battlefield{height:565px}.battle-layout{grid-template-columns:minmax(0,1fr) 330px}.panel{padding:24px}.weapon-card .weapon-art{height:80px;width:92px}.field-banner{top:140px}.battle-sidebar{gap:20px}}
@media(max-width:1200px){.topbar{padding:0 26px;gap:28px}main{padding:28px 26px 0}.battle-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.battlefield{height:470px}.panel{padding:17px}.field-stats{gap:10px}.weapon-grid{gap:8px}.weapon-card{padding:12px 10px}.field-banner strong{font-size:22px}.map-weather{font-size:8px}.map-weather>span:last-child{display:none}.field-stats small{display:none}.arsenal-heading span{font-size:9px}.research-grid{grid-template-columns:repeat(2,1fr)}.next-stage strong{font-size:9px}}
@media(max-width:980px){.rail{width:60px}.workspace{margin-left:60px;width:calc(100% - 60px)}.topbar{height:80px;padding:0 23px;gap:22px}.brand-name{font-size:21px}.brand{min-width:129px}.nav{gap:19px}.nav-btn{font-size:11px}.top-resources{gap:14px}.page-heading h1{font-size:26px}.page-heading p{font-size:10px}.chapter-switch{min-width:177px;padding:12px;gap:10px}.chapter-icon{width:30px;height:33px}.battle-layout{display:block}.battlefield{height:500px}.battle-sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:15px}.next-stage{padding:10px}.skill-panel{min-height:91px}.field-note{margin-top:19px}.weapon-card .weapon-art{height:78px;width:85px}.weapon-card h3{font-size:13px}.chapters{gap:14px}.chapter{padding:16px}footer{margin-top:27px}.panel{padding:20px}.detail-hero{margin:15px 0}.supply-item{padding:13px 0}.supply-panel{grid-row:span 1}}
@media(max-width:640px){.rail{display:none}.workspace{margin:0;width:100%}.topbar{height:71px;padding:0 18px;gap:12px;flex-wrap:wrap;position:relative;margin-bottom:46px}.brand{min-width:0}.brand-name{font-size:22px}.brand-en{font-size:7px;letter-spacing:3px}.top-resources{gap:15px}.crystals{gap:7px}.crystals span{display:none}.nav{position:absolute;top:71px;left:0;right:0;height:43px;border-bottom:1px solid var(--line);gap:30px;padding-left:18px;background:#111d20}.nav-btn{font-size:11px}.nav-pill{font-size:8px}.page-heading{margin-bottom:20px;align-items:flex-start}.page-heading h1{font-size:25px;letter-spacing:1px;margin-top:12px}.eyebrow{font-size:8px;letter-spacing:1.8px}.page-heading p{font-size:10px;max-width:280px;line-height:1.9}.chapter-switch{min-width:0;padding:7px;border-radius:8px;margin-top:19px}.chapter-switch>span:nth-child(2),.chapter-switch>svg{display:none}.chapter-icon{width:27px;height:29px;background:none}.page-heading{gap:10px}main{padding:22px 14px 0}.battlefield{height:440px;border-radius:11px}.field-top{left:13px;right:11px;top:15px}.stage-label strong{font-size:17px}.stage-label strong span{font-size:10px;margin-left:3px}.tiny-label{font-size:8px;letter-spacing:1px}.field-stats{gap:8px;padding:7px;font-size:11px}.field-stats svg{width:13px;height:13px}.field-btn{padding-left:6px}.wave-strip{top:69px;left:14px;font-size:8px;gap:7px}.field-banner{top:112px;gap:8px}.field-banner strong{font-size:22px;letter-spacing:4px}.field-banner>span:last-child{font-size:9px;letter-spacing:0}.field-bottom{left:12px;right:12px;bottom:13px;gap:4px}.map-weather{font-size:8px;gap:5px}.weather-dot{display:none}.map-weather svg{width:11px}.start-btn{padding:11px 13px;font-size:11px;gap:6px}.start-btn kbd{display:none}.start-btn svg{width:12px}.speed-btn{width:30px;height:37px;font-size:10px}.field-controls{gap:6px}.map-region{font-size:6px;letter-spacing:2px;bottom:67px}.arsenal-heading{margin:20px 0 12px}.arsenal-heading h2{font-size:13px}.arsenal-heading>div{gap:10px}.arsenal-heading span{font-size:8px}.arsenal-heading .subtle{display:none}.weapon-grid{grid-template-columns:repeat(4,1fr);gap:6px}.weapon-card{padding:12px 7px 10px;border-radius:8px}.weapon-card .weapon-art{width:62px;max-width:100%;height:57px}.weapon-card h3{font-size:10px;margin:6px 0}.weapon-card small{display:none}.weapon-card .weapon-bottom{font-size:7px;flex-wrap:wrap;gap:5px}.weapon-card .price{font-size:9px}.weapon-card .price svg{width:10px;height:10px}.field-note{font-size:7px;gap:10px}.field-note i{margin:0 1px}.battle-sidebar{gap:12px;grid-template-columns:1fr;margin-top:22px}.selected-panel{padding:19px}.detail-hero{gap:17px;margin:15px 0 13px}.detail-art{width:70px;height:60px}.detail-hero h3{font-size:19px}.detail-tip{margin-bottom:12px}.stat-grid{margin-bottom:12px}.detail-action{padding:11px}.supply-panel{padding:19px}.supply-item{padding:14px 0}.supply-item strong{font-size:12px}.supply-item small{font-size:10px}.supply-icon{height:39px;width:39px}.supply-panel .panel-desc{font-size:11px}.skill-panel{min-height:95px;padding:19px;gap:14px}.skill-panel>button{font-size:11px;padding:9px 13px}.skill-panel h3{font-size:15px}.skill-panel p{font-size:10px}.next-stage{margin:0;padding:9px}.next-stage strong{font-size:11px}.next-stage small{font-size:10px}.chapters{grid-template-columns:1fr}.campaign-hero{padding:24px;min-height:210px}.campaign-hero h2,.workshop-head h2{font-size:24px;line-height:1.6}.campaign-hero p{font-size:11px}.campaign-hero .eyebrow{font-size:8px}.workshop-head{display:block;padding:17px 0 30px}.research-badge{display:inline-block;margin-top:12px;font-size:10px}.research-grid{gap:12px}.research-card{padding:19px 14px}.research-card>svg{height:110px;margin-bottom:0}.research-card h3{font-size:19px;margin-bottom:10px}.research-card p{font-size:10px}.research-card button{font-size:10px;padding:10px}.research-level{font-size:9px;margin:17px 0}.research-progress{gap:3px}footer{padding:20px 0;font-size:7px;gap:7px}footer>span:nth-child(2){display:none}footer button{font-size:8px}.modal{padding:30px 24px}.modal h2{font-size:24px}.modal p{font-size:11px}.guide-list{gap:14px;font-size:11px}.guide-shortcuts{gap:12px;font-size:9px}.toast{font-size:11px;padding:13px 16px;bottom:23px;width:max-content;max-width:90%}.result-rewards{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.mobile-upgrade-bar{display:none}@media(max-width:640px){.mobile-upgrade-bar:not(.hidden){position:fixed;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #90a66c;border-radius:12px;background:#1d3028f5;backdrop-filter:blur(12px);box-shadow:0 5px 35px #0009;z-index:30}.mobile-upgrade-bar b{display:block;font-size:12px;font-weight:500}.mobile-upgrade-bar small{font-size:9px;color:#9eb58f;display:block;margin-top:4px}.mobile-upgrade-bar>button:nth-child(2){margin-left:auto;background:#c4eaa1;color:#293e24;border-radius:7px;font-size:11px;padding:10px 12px}.mobile-upgrade-bar>button:last-child{padding:0;color:#91a888;display:grid;place-items:center}.mobile-upgrade-bar>button:last-child svg{width:16px;height:16px}.has-modal .mobile-upgrade-bar,.other-view .mobile-upgrade-bar{display:none!important}.toast{bottom:94px}}

/* Six-weapon expansion: keep readable cards and generous mobile tap targets. */
.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.research-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.weapon-card[data-weapon="venom"],.weapon-card[data-weapon="sniper"]{background-image:linear-gradient(135deg,#2b3a2b,#142223)}.weapon-card.selected{border-color:#bddc96;background-image:linear-gradient(125deg,#30412e,#1b2f2a)}@media(min-width:1600px){.weapon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:980px){.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.weapon-card{padding:12px 10px}.weapon-card .weapon-art{height:63px;width:70px}.weapon-card h3{font-size:11px}.weapon-card .weapon-bottom{font-size:8px}.weapon-card .price{font-size:10px}.weapon-card small{display:block}.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}