:root{color:#dcebf5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061019;font-family:Inter,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:0;max-width:100%}body{background:radial-gradient(circle at 20% 0,#123a4d 0,#0000 32%),#061019;margin:0;overflow-x:hidden}.app-shell{width:min(100%,1600px);min-width:0;max-width:100%;margin:auto;padding:28px}header{border-bottom:1px solid #26404e;min-width:0;margin-bottom:20px;padding-bottom:20px}h1{color:#f3fbff;margin:4px 0;font-size:clamp(28px,4vw,48px)}.header-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-width:0;display:flex}.header-meta-row p{min-width:0;margin:4px 0 0}.author-note{color:#60e2da;font-size:14px;font-weight:700}h2,h3,p{overflow-wrap:anywhere}.eyebrow{color:#55d6d0;letter-spacing:.18em;font-weight:800}main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;width:100%;min-width:0;max-width:100%;display:grid}main>*,.troop-grid>*,.three-col>*,.two-col>*,.metric-grid>*,.skill-columns>*,.section-title>*,.button-row>*{min-width:0}.panel,.inputs,.results,fieldset,.skill-detail-panel,.pending-catalog,.optimizer{width:100%;min-width:0;max-width:100%}.panel{background:#0c1b26e8;border:1px solid #233d4b;border-radius:14px;padding:20px;overflow:hidden;box-shadow:0 18px 50px #0005}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-title h2,.section-help{margin:0}.section-help{color:#8da7b5;margin-top:5px;font-size:13px}.total,.tag{color:#60e2da}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.mode-switch button.active{color:#9ffaf4;background:#123c45;border-color:#55d6d0}.troop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.head-slot{border:1px solid #294858;border-radius:9px;min-width:0;padding:8px}fieldset{border:1px solid #294858;border-radius:10px;margin:0;padding:12px}legend{color:#9ee9e5;font-weight:800}label{color:#9fb8c6;gap:5px;min-width:0;margin:8px 0;font-size:13px;display:grid}input,select,textarea,button{box-sizing:border-box;color:#eef8ff;min-width:0;max-width:100%;font:inherit;background:#07141e;border:1px solid #345464;border-radius:7px;padding:9px}input,select,textarea{width:100%}select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button{cursor:pointer;font-weight:750}button:hover{border-color:#61ded7}.primary{color:#041211;background:#1ea69e;border-color:#47d8cf;width:100%;margin-top:16px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capacity-summary{background:#081620;border:1px solid #294858;border-radius:8px;align-content:center;gap:4px;min-width:0;margin:8px 0;padding:10px;display:grid}.capacity-summary span,.capacity-summary small{color:#8da7b5}.capacity-summary strong{color:#60e2da;font-variant-numeric:tabular-nums;font-size:20px}.checks label{grid-template-columns:auto minmax(0,1fr);align-items:start}.warning{color:#ffc86b}.alert{background:#2a210e;border:1px solid #a4772a;border-radius:8px;padding:12px}.error{background:#301516;border-color:#b75757}.button-row{flex-wrap:wrap;gap:8px;display:flex}.optimizer{border-top:1px solid #263f4d;margin-top:20px;padding-top:10px}.hero-number{background:#092630;border-left:4px solid #55d6d0;gap:6px;min-width:0;padding:22px;display:grid}.hero-number strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(32px,5vw,58px)}.damage-interval{color:#9fb8c6;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:8px;display:flex}.damage-interval b{color:#9ee9e5;font-variant-numeric:tabular-nums}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.metric{background:#091721;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.metric b{overflow-wrap:anywhere}.metric span,small{color:#8da7b5}.table-wrap{width:100%;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #203946;padding:9px}th:first-child,td:first-child{text-align:left}td small{margin-top:4px;display:block}.skill-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skill-columns>div{background:#081620;border-radius:8px;min-width:0;padding:12px}.skill-columns small{margin:4px 0 0 18px;display:block}.skill-detail-panel{background:#081620;border:1px solid #294858;border-radius:10px;margin:14px 0;padding:12px}.skill-detail{border-bottom:1px solid #203946;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-width:0;padding:10px 0;display:grid}.skill-detail:last-child{border-bottom:0}.skill-detail span{color:#60e2da;font-size:13px}.skill-detail.pending span{color:#ffc86b}.skill-detail.notApplicable span,.skill-detail.information span{color:#8da7b5}.skill-detail p,.skill-detail small{overflow-wrap:anywhere;word-break:break-word;grid-column:1/-1;min-width:0;margin:0}.pending-catalog{background:#211b0d;border:1px solid #5d4926;border-radius:8px;padding:10px}.pending-catalog summary{cursor:pointer;color:#ffc86b;overflow-wrap:anywhere}.pending-catalog p{overflow-wrap:anywhere;margin:10px 0}.pending-catalog small{display:block}.term-help{color:#9fb8c6;background:#081620;border-radius:8px;padding:10px;font-size:14px;line-height:1.65}details{min-width:0;max-width:100%;margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#030a0f;max-width:100%;max-height:420px;padding:12px;overflow:auto}.empty{color:#74909f;text-align:center;padding:80px 10px}footer{color:#718c9a;text-align:center;padding:28px}.changelog{text-align:left;background:#081620;border:1px solid #294858;border-radius:10px;max-width:820px;margin:0 auto 20px;padding:12px}.changelog summary{cursor:pointer;color:#9ee9e5;font-weight:800}@media (width<=1250px){.troop-grid,.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){main{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.app-shell{padding:12px}.troop-grid,.three-col,.two-col,.metric-grid,.skill-columns{grid-template-columns:minmax(0,1fr)}.section-title{flex-direction:column}.header-meta-row{flex-direction:column;align-items:flex-start;gap:4px}.skill-detail{grid-template-columns:minmax(0,1fr)}}.toolbox-back{color:#60e2da;align-items:center;min-height:44px;margin-bottom:8px;text-decoration:none;display:inline-flex}.toolbox-back:hover{text-decoration:underline}.toolbox-back:focus-visible{outline-offset:4px;outline:2px solid #60e2da}body{line-height:1.5}.app-shell{padding-bottom:calc(110px + env(safe-area-inset-bottom))}label,.section-help{font-size:14px}input,select,textarea{min-height:44px;font-size:16px}input[type=checkbox]{width:22px;min-height:22px}button{min-height:44px}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #60e2da}.panel>h2{margin-top:0}.inputs{grid-area:1/1/span 2}.results{grid-area:1/2}.optimizer{grid-area:2/2;margin-top:0;padding:20px}.troop-grid{grid-template-columns:minmax(0,1fr);gap:16px}.troop-grid fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.troop-grid fieldset>label:nth-of-type(n+5){grid-column:1/-1}.troop-grid legend{padding:0 8px}.setting-group{background:#081620;border:1px solid #294858;border-radius:10px;padding:12px}summary{cursor:pointer;color:#dcebf5;min-height:44px;padding:8px 0}.setting-group summary{padding-right:24px;list-style:none;position:relative}.setting-group summary::-webkit-details-marker{display:none}.setting-group summary:after{content:"+";color:#60e2da;font-size:20px;position:absolute;top:10px;right:2px}.setting-group[open] summary:after{content:"−"}.setting-group summary strong,.setting-group summary span{display:block}.setting-group summary span{color:#9fb8c6;margin-top:4px;font-size:14px}.round-details,.zone-details{border-top:1px solid #294858;padding-top:4px}.view-tabs{display:none}.tab-dot{vertical-align:top;background:#60e2da;border-radius:50%;width:5px;height:5px;margin:3px 0 0 4px;display:inline-block}.action-dock{z-index:30;padding:12px 20px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081620f5;border-top:1px solid #345464;position:fixed;bottom:0;left:0;right:0}.action-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;max-width:1100px;margin:auto;display:grid}.action-inner>span{color:#9fb8c6;font-size:12px}.action-inner strong{color:#eef8ff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:20px;display:block}.action-inner .primary{min-height:48px;margin:0;font-size:16px}.action-dock .error{max-width:1100px;max-height:25vh;margin:0 auto 8px;overflow:auto}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-row button:last-child{background:#123c45;border-color:#55d6d0;grid-column:1/-1}.cancel-button{color:#ffc86b;border-color:#ffc86b;width:100%;margin-bottom:12px}.scheme-list{gap:14px;margin-top:16px;display:grid}.scheme-card{background:#081620;border:1px solid #294858;border-radius:12px;min-width:0;padding:16px}.scheme-card:first-child{border-color:#43bcb6}.scheme-title{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.scheme-title span{color:#60e2da;font-size:14px}.scheme-damage{margin:12px 0;display:grid}.scheme-damage b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:28px}.scheme-troops{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scheme-troops>div{text-align:center;background:#102632;border-radius:8px;gap:3px;min-width:0;padding:8px 4px;display:grid}.scheme-troops span{color:#9fb8c6;font-size:14px}.scheme-troops small{overflow-wrap:anywhere;font-size:12px}.scheme-body{overflow-wrap:anywhere;font-size:14px}.scheme-body span{color:#9fb8c6;margin-bottom:4px;display:block}.scheme-card button{color:#9ffaf4;width:100%}.empty{padding:36px 12px}@media (width<=1050px){.inputs,.results,.optimizer{grid-area:auto}.view-tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061019f5;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:8px 0;display:grid;position:sticky;top:0}.view-tabs button{color:#9fb8c6;background:0 0;border-color:#0000;font-size:14px}.view-tabs button[aria-current=page]{color:#9ffaf4;background:#123c45;border-color:#345e69}.app-shell[data-view=inputs] .results,.app-shell[data-view=inputs] .optimizer,.app-shell[data-view=results] .inputs,.app-shell[data-view=results] .optimizer,.app-shell[data-view=optimizer] .inputs,.app-shell[data-view=optimizer] .results{display:none}}@media (width<=720px){.app-shell{padding:0 12px calc(120px + env(safe-area-inset-bottom))}header{margin-bottom:0;padding:6px 0 12px}h1{font-size:23px;line-height:1.35}h2{font-size:20px}h3{font-size:16px}.header-meta-row p{font-size:14px}.author-note{font-weight:400}.toolbox-back{margin-bottom:0;font-size:14px}.panel{box-shadow:none;padding:14px}.section-title{gap:8px}.total{font-size:14px}.two-col,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three-col{grid-template-columns:minmax(0,1fr)}.head-slot{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;display:grid}.head-slot label{align-content:end}.hero-number{padding:16px}.hero-number strong{font-size:32px}.metric{padding:10px}.metric span{font-size:13px}.metric b{font-size:16px}.action-dock{padding-left:12px;padding-right:12px}.action-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.action-inner .primary{padding:10px 8px;font-size:14px}.action-inner strong{font-size:18px}footer{padding:24px 0 8px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}