:root{color-scheme:dark;--bg:#0c1119;--panel:#121923;--line:#25303e;--text:#e9eef5;--muted:#8694a9;--green:#7bf5ac;--purple:#b28aff;--mother:#d4b6ff;--dead:#384353;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:#708294;background-color:#263343}input{min-width:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app{max-width:1472px;padding:0 48px;margin:auto}.header{height:84px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.brand{font-weight:650;display:flex;align-items:center;font-size:18px;gap:12px;white-space:nowrap}.brand-icon{font-size:30px;color:var(--green)}.version{font:10px monospace;color:var(--muted);letter-spacing:1px;border:1px solid var(--line);padding:4px 6px}.header-note{color:var(--muted);font-size:12px}.status-pill{margin-left:auto;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px;white-space:nowrap}.status-pill i,.live-dot{display:inline-block;height:5px;width:5px;background:var(--green);border-radius:50%;margin-right:6px}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 30px}.eyebrow{font:10px monospace;letter-spacing:3px;color:var(--green);margin:0 0 12px}h1{font-size:29px;letter-spacing:-.6px;font-weight:550;margin:0 0 12px}.subtitle{color:var(--muted);font-size:13px;margin:0}.intro-index{text-align:right;display:grid;gap:8px}.intro-index b{font:22px monospace;letter-spacing:1px}.intro-index span{font-size:11px;color:var(--muted)}.population{margin-bottom:26px}.population-labels{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.population-labels>div{display:flex;align-items:center;gap:9px}.population-labels i{width:7px;height:7px;border-radius:50%;background:currentColor}.human-label{color:var(--green)}.enemy-label{color:var(--purple)}.population-labels strong{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}.population-labels small{font-size:11px;opacity:.7}.enemy-label>span>small{display:block;margin-top:3px}.population-track{height:9px;border-radius:5px;display:flex;overflow:hidden;background:var(--dead)}.population-track>div{transition:width .2s linear}#human-bar{width:100%;background:var(--green)}#enemy-bar{background:var(--purple)}#dead-bar{background:var(--dead)}.population-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted);letter-spacing:.2px}.population-foot b{font-weight:400;color:#b9c4d3}.population-foot em,.footer em{font-style:normal;padding:0 9px;color:var(--line)}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.settings{padding:20px}.panel-heading,.panel-heading>div,.arena-toolbar,.arena-toolbar>div{display:flex;align-items:center}.panel-heading{justify-content:space-between;margin-bottom:22px}h2{font-size:14px;font-weight:550;margin:0}.section-index{font:10px monospace;color:var(--muted);margin-right:10px}.edit-state{font-size:10px;color:var(--green);padding:4px 7px;background:#7bf5ac0c;border:1px solid #7bf5ac25;border-radius:4px}fieldset{margin:0;padding:0;border:0;min-width:0}fieldset:disabled{opacity:.5}.presets{display:flex;gap:4px;margin-bottom:22px}.preset{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:5px;padding:7px 8px;font-size:10px;flex:1;white-space:nowrap}.preset.active{color:var(--green);background:#7bf5ac10;border-color:#7bf5ac50}.control{margin-bottom:19px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control-heading label{font-size:12px;color:#c6d0df}.control-heading output{color:var(--text);font-size:12px;font-variant-numeric:tabular-nums;font-family:monospace}.control-heading output small{font-size:10px;color:var(--muted);margin-left:3px}input[type=range]{appearance:none;width:100%;height:4px;display:block;border-radius:6px;background:linear-gradient(to right,var(--green) 0%,var(--green) var(--fill),#2b3544 var(--fill),#2b3544 100%);margin:10px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #7bf5ac0c}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--green)}input[type=range]:disabled{cursor:default}.control-scale{display:flex;justify-content:space-between;font:9px monospace;color:#6c7a8d}.control-divider{font-size:10px;letter-spacing:1px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:7px 0 17px}.seed-control label{display:flex;justify-content:space-between;color:#c6d0df;font-size:11px;margin-bottom:8px}.seed-control label span{color:var(--muted);font-size:9px}.seed-control>div{display:flex;gap:6px}.seed-control input{width:100%;background:var(--bg);border:1px solid var(--line);padding:7px 9px;color:var(--text);border-radius:5px;font:12px monospace}.seed-control button{background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:18px;width:34px}.rate-label{display:flex;align-items:center;justify-content:space-between;color:#c6d0df;font-size:11px;margin-top:14px}.rate-label select{padding:5px 8px;border:1px solid var(--line);background:var(--bg);border-radius:5px;color:var(--text);font-size:11px}.settings-actions{margin-top:22px}.primary{border:1px solid var(--green);background:var(--green);color:#10251b;font-weight:650;border-radius:6px;padding:11px 16px}.primary:hover:not(:disabled){background:#9effc1;border-color:#9effc1}.settings-actions .primary{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.settings-actions p{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin:11px 0 0}.arena-toolbar{padding:18px 20px;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.clock{font:12px monospace;color:var(--muted);border-left:1px solid var(--line);margin-left:16px;padding-left:16px}.arena-actions{gap:7px}.arena-actions button{border:1px solid var(--line);color:#b3c0d2;background:transparent;font-size:11px;padding:6px 9px;border-radius:5px}.unit-counts{display:flex;gap:24px;padding:14px 22px;font-size:11px;color:var(--muted);flex-wrap:wrap}.unit-counts span{display:flex;align-items:center;gap:6px}.unit-counts b{font:11px monospace;color:#d4dfeb}.dot{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%}.dot.shotgun{border:1px solid var(--green);background:transparent}.diamond{display:inline-block;width:5px;height:5px;background:var(--green);transform:rotate(45deg)}.shield-icon{position:relative;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:3px}.shield-icon:after{content:"";position:absolute;left:5px;top:-2px;width:4px;height:9px;border-right:2px solid var(--green);border-radius:50%}.field-wrap{position:relative;margin:0 18px;aspect-ratio:1;max-height:780px;background:#0d141e;border:1px solid #293849;border-radius:5px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.field-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0c1119a8;backdrop-filter:blur(1px);text-align:center;padding:20px}.overlay-symbol{color:var(--green);font-size:36px;opacity:.85}.field-overlay h3{font-size:19px;font-weight:500;margin:17px 0 0}.field-overlay p{font-size:12px;color:var(--muted);margin:12px 0 24px;line-height:1.8}.arena-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 20px;font-size:10px;color:var(--muted)}.arena-footer>span:first-child{display:flex;align-items:center;gap:6px}.arena-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:10px}.arena-footer i:first-child{margin-left:0}.legend-human{background:var(--green)}.legend-enemy{background:var(--purple)}.legend-mother{background:var(--mother);box-shadow:0 0 0 2px #d4b6ff40}.selection{font-size:11px;min-height:34px;padding:0 20px 14px;color:#a8b8cc;line-height:1.6}.live-note{display:flex;gap:5px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);min-height:45px}.live-note #mother-health{margin-left:auto;color:var(--purple);white-space:nowrap}.rules{margin-top:22px}summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:20px;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}.summary-hint{font-size:10px;color:var(--muted)}.summary-hint b{margin-left:15px;font-weight:400}.rules-content{padding:0 20px 20px}.rules-content p{color:var(--muted);font-size:12px;line-height:1.9}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:11px;line-height:1.8}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td:first-child{white-space:nowrap;color:var(--green)}td:nth-child(2),td:nth-child(3){white-space:nowrap}.footer{padding:28px 0 35px;display:flex;justify-content:space-between;color:#657388;font-size:10px;letter-spacing:.5px}@media(min-width:1200px){.settings{position:sticky;top:16px}}@media(max-width:1000px){.app{padding:0 24px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:16px}.settings{padding:16px}.header-note{display:none}.unit-counts{gap:12px;padding:14px}.arena-toolbar{padding:15px 13px}.clock{margin-left:8px;padding-left:8px}.field-wrap{margin:0 12px}.live-note{flex-wrap:wrap}.live-note #mother-health{width:100%;margin-left:11px}.intro-index{display:none}.arena-actions button{padding:6px}.arena-toolbar h2{font-size:12px}.section-index{margin-right:7px}}@media(max-width:720px){.app{padding:0 16px}.header{height:67px;gap:8px}.brand{font-size:16px;gap:8px}.version{font-size:8px}.header .status-pill{font-size:9px;padding:6px 8px}.intro{padding:28px 0}.intro h1{font-size:23px}.subtitle{font-size:11px}.workspace{display:flex;flex-direction:column;gap:16px}.settings,.arena{width:100%}.settings{padding:18px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.control-divider{grid-column:1/-1}.control{margin-bottom:20px}.panel-heading{margin-bottom:16px}.presets{margin-bottom:20px}.preset{font-size:11px}.seed-control{max-width:100%}.settings-actions{margin-top:16px}.arena-toolbar{padding:16px}.unit-counts{padding:14px 16px;gap:18px}.arena-footer,.live-note{padding:13px 16px}.selection{padding:0 16px 12px}.population-labels strong{font-size:25px}.population-labels>div{gap:6px}.population-labels span{font-size:11px}.population-foot{font-size:9px}.field-overlay h3{font-size:16px}.footer{gap:16px;line-height:1.7}.footer>span:last-child{display:none}.summary-hint{font-size:9px}.rules summary{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.field-wrap{width:calc(100% - 36px);max-width:780px;margin:0 auto}.settings-actions{margin:0 0 22px}.panel-heading{margin-bottom:18px}@media(max-width:1000px){.field-wrap{width:calc(100% - 24px)}}

.population{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 14px;box-shadow:0 7px 12px #0c111950}.settings,.arena{scroll-margin-top:115px}@media(min-width:1200px){.settings{top:115px}}@media(max-width:720px){body:not([data-phase=ready]) .settings fieldset{display:none}body:not([data-phase=ready]) .settings-actions{margin-bottom:0}}

.arena .population{position:static;margin:0;padding:20px 22px 3px;background:transparent;box-shadow:none;z-index:auto}.arena-actions .rate-label{margin:0;gap:6px;white-space:nowrap}.arena-actions .rate-label select{padding:4px 6px}.advanced{border-top:1px solid var(--line)}.advanced summary{padding:15px 0;color:var(--muted);font-size:11px}.advanced[open] summary{margin-bottom:6px}.multiplier-note{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 20px}.dot.shotgun{background:#ff7279;border-color:#ff7279}.diamond{background:#ffe278}.legend-shotgun{background:#ff7279}.legend-laser{background:#ffe278}.settings,.arena{scroll-margin-top:18px}@media(min-width:1200px){.settings{top:18px}}@media(max-width:720px){.arena-toolbar{flex-wrap:wrap;gap:12px}.arena-toolbar>div:first-child{flex:1}.arena-actions{margin-left:auto}.arena .population{padding:16px 16px 3px}#advanced-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.advanced .control-divider{grid-column:1/-1}.arena-actions .rate-label{font-size:10px}}