.war-page{--bg:#0e1113;--card:#161b1e;--line:#ffffff17;--ink:#eef2ef;--muted:#a3ada8;--accent:#e4b363;--red:#e0564f;--blue:#4f8de0;--mine:#e4b363;min-height:100svh;background:radial-gradient(60rem 30rem at 80% -10%,#3a2b1433,transparent 60%),var(--bg);color:var(--ink);padding:12px 16px 120px;font-family:inherit}.war-page *{box-sizing:border-box}.war-shell{max-width:1100px;margin:auto}.war-back{display:inline-flex;gap:6px;align-items:center;color:var(--muted);text-decoration:none;font-size:13px;padding:6px 0}.war-back:hover{color:var(--ink)}.war-head{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:8px 0 14px;flex-wrap:wrap}.war-kicker{font:700 10px/1 system-ui;letter-spacing:.18em;color:var(--accent)}.war-head h1{font-size:clamp(24px,4vw,34px);margin:6px 0 0;line-height:1.2}.war-rank{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--accent)}.war-rank strong{color:var(--ink)}.war-rank small{color:var(--muted);direction:ltr}.war-notice{display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid #e4b36340;background:rgba(228,179,99,.08);margin-bottom:12px;font-size:13px}.war-empty{text-align:center;padding:50px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.024);color:var(--muted)}.war-empty h2{color:var(--ink);margin:10px 0 4px}.war-empty svg{color:var(--accent)}.war-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:14px;margin-bottom:12px}.war-card h3{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-size:16px}.war-card h3 svg{color:var(--accent)}.war-idle{display:flex;gap:12px;align-items:flex-start}.war-idle svg{color:var(--accent);flex:none;margin-top:3px}.war-idle p{margin:4px 0 0;color:var(--muted);font-size:13px}.war-page code{background:rgba(255,255,255,.07);padding:2px 6px;border-radius:6px;font-size:12px;direction:rtl}.war-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);padding:9px 13px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.war-btn:hover:not(:disabled){background:rgba(255,255,255,.086)}.war-btn.primary{background:var(--accent);border-color:var(--accent);color:#231a08}.war-btn.primary:hover:not(:disabled){background:#f0c47a}.war-btn:disabled,.war-modebar button:disabled{opacity:.4;cursor:not-allowed}.war-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.war-icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;cursor:pointer}.war-page button:focus-visible,.war-page select:focus-visible,.war-page input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.war-hint{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin:6px 0}.war-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.war-bar>div{flex:1 1 90px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-width:0}.war-bar small{display:block;color:var(--muted);font-size:11px}.war-bar strong{font-size:14px;display:block;overflow-wrap:anywhere}.war-bar .is-warn strong{color:#ff9b6b}.war-meters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.war-meter span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:5px}.war-meter b{color:var(--ink);direction:ltr}.war-meter i{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}.war-meter em{display:block;height:100%;background:linear-gradient(90deg,#c88c3a,var(--accent));transition:width .3s}.war-meter.is-over em{background:#e0564f}.war-meter.is-over b{color:#ff8d86}.war-posture,.war-modebar{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.024);margin-bottom:10px}.war-posture button,.war-modebar button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--muted);padding:8px 6px;border-radius:9px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.war-posture button[aria-pressed=true],.war-modebar button[aria-pressed=true]{background:var(--accent);color:#231a08;font-weight:700}.war-modebar button.add{color:var(--accent)}.war-layout{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:14px;align-items:start}.war-map-wrap{min-width:0}.war-board{display:grid;grid-template-columns:repeat(var(--w),1fr);gap:2px;padding:4px;border-radius:12px;background:#07090a;border:1px solid var(--line);-moz-user-select:-moz-none;user-select:none;-webkit-user-select:none}.war-tile{position:relative;aspect-ratio:1;border:0;border-radius:4px;padding:0;cursor:pointer;display:grid;place-items:center;color:#fff;overflow:visible;font:inherit}.war-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;pointer-events:none}.war-tile.is-zone:after{box-shadow:inset 0 0 0 1px rgba(228,179,99,.35)}.war-tile.is-enemy{filter:saturate(.75) brightness(.82)}.war-tile.is-mid:after{box-shadow:inset 0 2px rgba(255,255,255,.08),inset 0 -2px rgba(255,255,255,.08)}.t-plain{background:#3a4a32}.t-forest{background:radial-gradient(circle at 30% 35%,#2f6b3b 0 22%,transparent 23%),radial-gradient(circle at 70% 65%,#2a6136 0 24%,transparent 25%),#1f4229}.t-hill{background:radial-gradient(ellipse at 50% 80%,#8a7650 0 45%,transparent 46%),#5d5137}.t-river{background:repeating-linear-gradient(160deg,#1f5582 0,#1f5582 6px,#25639a 6px,#25639a 12px);cursor:not-allowed}.t-bridge{background:repeating-linear-gradient(90deg,#7a5a35 0,#7a5a35 5px,#5f4528 5px,#5f4528 7px),#1f5582}.t-ford{background:radial-gradient(circle at 40% 50%,#6f8a8f 0 18%,transparent 19%),#2d6c88}.t-ruins{background:linear-gradient(90deg,transparent 45%,#6d6766 45% 55%,transparent 55%),linear-gradient(0deg,transparent 60%,#6d6766 60% 70%,transparent 70%),#47423f}.t-swamp{background:radial-gradient(circle at 30% 30%,#4c5d3a 0 16%,transparent 17%),radial-gradient(circle at 70% 70%,#3e5a4c 0 18%,transparent 19%),#2f3e2c}.war-cp{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;border:2px dashed #ffffffa0;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none}.war-flag{position:absolute;top:2px;inset-inline-start:2px;pointer-events:none}.war-flag.mine{color:var(--mine)}.war-flag.theirs{color:#ddd}.war-token{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:86%;height:86%;border-radius:7px;font-size:9px;line-height:1;gap:1px;box-shadow:0 2px 6px rgba(0,0,0,.6);transition:transform .35s}.war-token b{font-size:10px;direction:ltr}.war-token.mine{background:#2a2112;border:2px solid var(--mine);color:#ffe2ad}.war-token.side-a{background:#3a1513;border:2px solid var(--red);color:#ffd0cc}.war-token.side-b{background:#11233d;border:2px solid var(--blue);color:#cfe2ff}.war-token.is-sel{outline:2px solid #fff;outline-offset:1px;transform:scale(1.06)}.war-token.f-square{border-radius:2px}.war-token.f-wedge{-webkit-clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.war-token.f-spread{border-style:dashed}.war-token.f-ambush{opacity:.8;border-style:dotted}.war-token.f-testudo{box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.6)}.war-token.st-shaken{animation:war-shake .6s ease-in-out infinite}.war-token.st-routed{opacity:.55;filter:grayscale(.6)}.war-token.is-hidden{opacity:.6}.war-token.f-broken{border-style:dashed;opacity:.85}.war-crown{position:absolute;top:-6px;inset-inline-end:-5px;color:#ffd166;filter:drop-shadow(0 1px 1px #000)}.war-trap{position:absolute;bottom:1px;inset-inline-start:1px;z-index:3;background:rgba(0,0,0,.667);border-radius:4px;padding:1px;color:#ffb36b;display:grid}.war-trap.is-spent{color:#888;opacity:.6}.war-wp{position:absolute;top:1px;inset-inline-end:2px;z-index:3;font-size:9px;font-weight:800;background:#fff;color:#000;border-radius:50%;width:13px;height:13px;display:grid;place-items:center}.war-traps{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.war-traps button{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);border-radius:999px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer}.war-traps button small{color:var(--muted)}.war-traps button[aria-pressed=true]{border-color:#ffb36b;color:#ffb36b}.war-side{min-width:0}.war-editor{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02);display:grid;gap:10px}.war-editor-head{display:flex;align-items:center;gap:8px}.war-editor-head em{color:#ff9b6b;font-size:12px;font-style:normal}.war-editor-head .war-icon-btn{margin-inline-start:auto;color:#ff8d86}.war-editor label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.war-editor label b{color:var(--ink)}.war-editor select,.war-editor input[type=number],.war-recruit select,.war-recruit input{background:#0b0e10;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px;font:inherit;font-size:13px;width:100%}.war-editor input[type=range],.war-player input[type=range]{width:100%;accent-color:var(--accent)}.war-tip{color:#c9b48c;font-size:11px}.war-trigger{display:grid;grid-template-columns:1fr 1fr;gap:8px}.war-editor-foot{display:flex;flex-wrap:wrap;gap:6px}.war-editor-empty{color:var(--muted);font-size:13px}.war-editor-empty>svg{color:var(--accent)}.war-editor-empty p{margin:0}.war-squad-list{display:grid;gap:5px}.war-squad-list button{display:flex;gap:6px;align-items:center;text-align:start;border:1px solid var(--line);background:rgba(255,255,255,.024);color:var(--ink);border-radius:9px;padding:8px;font:inherit;font-size:12px;cursor:pointer}.war-problems{margin:10px 0 0;padding:10px 26px 10px 10px;border-radius:10px;background:rgba(224,86,79,.094);border:1px solid #e0564f40;color:#ffb3ad;font-size:12px}.war-save{width:100%;margin-top:10px;padding:12px}.war-replay-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.war-replay-head strong{color:var(--accent)}.side-a{color:#ff8d86}.side-b{color:#8dbaff}.war-log{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.02);margin-bottom:8px;font-size:13px}.war-log h4{margin:0 0 6px;color:var(--accent);font-size:13px}.war-log ul{margin:0;padding-inline-start:18px;display:grid;gap:4px}.war-log p{margin:0;color:var(--muted)}.war-barracks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.war-barracks>div{display:grid;justify-items:center;gap:2px;padding:9px 4px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.024);text-align:center}.war-barracks svg{color:var(--accent)}.war-barracks strong{font-size:16px}.war-barracks span{font-size:11px}.war-barracks small{font-size:10px;color:var(--muted);direction:ltr}.war-barracks .is-empty{opacity:.5}.war-recruit{display:grid;grid-template-columns:1fr 80px auto;gap:6px}.war-history{display:grid;gap:6px}.war-history button{display:flex;align-items:center;gap:8px;text-align:start;border:1px solid var(--line);border-inline-start:3px solid var(--muted);background:rgba(255,255,255,.024);color:var(--ink);border-radius:10px;padding:9px 10px;font:inherit;font-size:13px;cursor:pointer}.war-history button small{color:var(--muted);margin-inline-start:auto}.war-history .is-win{border-inline-start-color:#5ec27a}.war-history .is-loss{border-inline-start-color:var(--red)}.war-guide summary{display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:700;list-style:none}.war-guide summary::-webkit-details-marker{display:none}.war-guide summary svg{color:var(--accent)}.war-guide-body{font-size:13px;color:#cfd6d2;line-height:1.8}.war-guide-body b{color:var(--accent)}.war-guide table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.war-guide th,.war-guide td{border-bottom:1px solid var(--line);padding:5px;text-align:center}.war-guide td:first-child{text-align:start}@keyframes war-shake{50%{transform:translate(1px)}}@media (max-width:760px){.war-layout{grid-template-columns:1fr}.war-barracks{grid-template-columns:repeat(4,1fr)}.war-recruit{grid-template-columns:1fr 70px}.war-recruit .war-btn{grid-column:1/-1}.war-token{font-size:8px}.war-token b{font-size:9px}}@media (prefers-reduced-motion:reduce){.war-page *{animation:none!important;transition:none!important}}html,body{margin:0;background:#0e1113}body{font-family:IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}.war-page{padding-bottom:40px}.war-who{display:flex;align-items:center;gap:8px;margin:-4px 0 12px;color:var(--muted);font-size:13px}.war-who span{color:var(--ink);font-weight:600}.war-who .war-icon-btn{margin-inline-start:auto;width:30px;height:30px}.war-link{text-align:center;display:grid;justify-items:center;gap:8px;padding:28px 16px}.war-link>svg{color:var(--accent)}.war-link h2{margin:0}.war-link p{margin:0;color:var(--muted);font-size:14px}.war-link ol{margin:6px 0 0;padding:0;list-style:none;color:var(--ink);font-size:14px}.war-code{font:800 34px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;padding:14px 18px;border:1px dashed var(--accent);border-radius:14px;color:var(--accent);background:rgba(228,179,99,.05)}.war-cmd{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer}.war-cmd code{background:none;padding:0;font-size:15px}.war-err{color:#ff8d86!important}.war-foot{text-align:center;color:rgba(255,255,255,.25);font:700 10px system-ui;letter-spacing:.2em;padding-top:24px}.war3d{position:relative;width:100%;height:min(78svh,620px);border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#11161a}.war3d canvas{display:block}.war3d-hint{position:absolute;bottom:8px;inset-inline:0;text-align:center;font-size:11px;color:rgba(255,255,255,.69);pointer-events:none;text-shadow:0 1px 3px #000}.war3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:13px;background:radial-gradient(circle at 50% 40%,#1d2a22,#0e1113)}.war3d-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--accent);animation:war3dspin 1s linear infinite}@keyframes war3dspin{to{transform:rotate(360deg)}}.war-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important}@media (max-width:760px){.war-layout{grid-template-columns:1fr!important}.war3d{height:64svh}}.war-deploy,.war-replay{padding:10px}.war-stage{position:relative;margin:0 -10px}.war-canvas{position:relative;width:100%;height:min(66svh,640px);background:#a9cde0;overflow:hidden}@media (min-width:760px){.war-stage{margin:0}.war-canvas{border-radius:14px;height:min(72svh,700px)}}.war-hud{position:absolute;top:8px;inset-inline:8px;display:flex;justify-content:space-between;gap:6px;pointer-events:none}.war-hud span{background:rgba(14,17,19,.8);border:1px solid #ffffff22;border-radius:999px;padding:4px 10px;font-size:12px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.war-hud b{color:var(--accent)}.war-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:rgba(224,86,79,.933);color:#fff;padding:7px 14px;border-radius:999px;font-size:13px;white-space:nowrap}.war-result{position:absolute;inset:auto 12px 12px;display:grid;justify-items:center;gap:3px;padding:14px;border-radius:16px;background:rgba(14,17,19,.9);border:1px solid #e4b36366;color:#fff;text-align:center}.war-result svg{color:var(--accent)}.war-result strong{font-size:20px}.war-result span{color:var(--accent);font-size:13px}.war-result small{color:var(--muted)}.war-tools{display:grid;gap:8px;margin-top:10px}.war-units{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.war-units button{display:grid;justify-items:center;gap:1px;padding:6px 2px 7px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.war-units img{width:46px;height:46px;object-fit:contain;margin:-4px 0 -2px;filter:drop-shadow(0 2px 2px #0008)}.war-units small{color:var(--muted);font-size:11px;direction:ltr}.war-units button[aria-pressed=true]{border-color:var(--accent);background:rgba(228,179,99,.133);box-shadow:inset 0 0 0 1px var(--accent)}.war-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.war-row>button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 8px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.war-row>button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#231a08;font-weight:700}.war-row>button.danger{flex:0 0 auto;color:#ff9b93}.war-row .war-save{flex:1 1 60%;margin:0;padding:12px}.war-row small{color:inherit;opacity:.7;margin-inline-start:3px}.war-sub{padding:6px;border-radius:12px;background:rgba(255,255,255,.02);border:1px dashed var(--line)}.war-sub>button{flex:0 1 auto;padding:7px 10px;font-size:12px}.war-size{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex:1 1 140px}.war-size input{flex:1;accent-color:var(--accent)}.war-tip{font-size:11px;color:#c9b48c;flex:1 1 100%}.war-barracks{grid-template-columns:repeat(5,1fr)!important}.war-barracks img{width:44px;height:44px;object-fit:contain}.war-player input[type=range]{flex:1;accent-color:var(--accent)}.war-player{display:flex;gap:8px;align-items:center;margin-top:10px}.war-hud i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px;vertical-align:middle}.dot-a{background:#e0564f}.dot-b{background:#4f8de0}@media (max-width:760px){.war-stage-deploy .war-canvas{height:min(58svh,calc(100vw * 1.15))}}.war-steps{display:flex;gap:6px;list-style:none;margin:0 0 10px;padding:0;font-size:12px}.war-steps li{flex:1;text-align:center;padding:7px 4px;border-radius:10px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.02)}.war-steps li.now{border-color:var(--accent);color:var(--accent);font-weight:700}.war-steps li.done{color:#7fd39a;border-color:rgba(127,211,154,.333)}.war-buy{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.024);margin-bottom:10px}.war-buy summary{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;font-weight:700;list-style:none}.war-buy summary::-webkit-details-marker{display:none}.war-buy summary svg{color:var(--accent)}.war-buy summary em{font-style:normal;font-weight:400;font-size:11px;color:#ff9b6b;margin-inline-start:auto}.war-buy-grid{display:grid;gap:6px;padding:0 10px 10px}.war-buy-grid>div{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;background:rgba(255,255,255,.02)}.war-buy-grid img{width:38px;height:38px;object-fit:contain}.war-buy-grid span{flex:1;display:grid;font-size:13px}.war-buy-grid span small{color:var(--muted);font-size:11px}.war-buy-grid .war-btn{padding:7px 10px}.war-buy-grid .war-btn small{color:var(--muted);direction:ltr;font-weight:400}.war-orders .o-left[aria-pressed=true]{background:#78c8ff;border-color:#78c8ff;color:#08202e}.war-orders .o-right[aria-pressed=true]{background:#ffaa5a;border-color:#ffaa5a;color:#2e1508}.war-orders .o-hold[aria-pressed=true]{background:#ff5a5a;border-color:#ff5a5a;color:#2e0808}.war-render-page{padding:0!important;background:#0e1113}.war-render{position:relative;width:480px;height:600px;overflow:hidden}.war-render .war-canvas{height:600px!important;border-radius:0}.war-render-top{position:absolute;top:10px;inset-inline:10px;display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 3px #000}.war-render-top span{background:rgba(14,17,19,.733);border-radius:999px;padding:5px 12px}.war-render-top i{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 6px;vertical-align:middle}.war-render-tag{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font:700 11px system-ui;letter-spacing:.2em;color:rgba(255,255,255,.8);text-shadow:0 1px 3px #000}.war-deploy{padding-bottom:88px}.war-deploy .war-bar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.war-deploy .war-bar>div{flex:1;min-width:75px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.02)}.war-deploy .war-bar small{font-size:10px}.war-deploy .war-bar strong{font-size:13px}.war-quick{display:flex;align-items:center;gap:12px;margin:10px 0}.war-quick p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;flex:1}.war-quick button{white-space:nowrap;padding:10px 12px}.war-deploy>.war-units{margin-bottom:10px}.war-deploy>.war-units img{width:36px;height:36px}.war-deploy .war-canvas{height:auto!important;aspect-ratio:1000/650;min-height:230px;background:#607443}.war-tools{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:0;display:block}.war-tools>summary{display:flex;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;font-size:13px;color:var(--muted)}.war-tools-inner{display:grid;gap:8px;padding:0 10px 12px}.war-savebar{position:fixed;z-index:40;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 24px),600px);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e4b36366;border-radius:15px;background:rgba(19,25,30,.96);box-shadow:0 4px 28px rgba(0,0,0,.6)}.war-savebar>span{flex:1;color:#e6dfcc;font-size:12px}.war-savebar .war-save{white-space:nowrap;padding:12px 17px;margin:0}.war-savebar .war-save:disabled{opacity:.65}.war-hud span{font-size:11px;padding:4px 7px}.war-hud{gap:4px}.war-replay .war-canvas{background:#607443}@media (max-width:600px){.war-head{margin-bottom:10px}.war-head h1{font-size:23px}.war-page{padding:14px 10px}.war-quick{gap:8px}.war-quick p{font-size:11px}.war-quick button{padding:10px}.war-deploy .war-bar>div:last-child{flex-basis:100%;display:flex;justify-content:space-between}.war-savebar>span{font-size:11px}}.war-plans{margin:10px 0;display:grid;gap:8px}.war-plans-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.war-plans-head svg{color:var(--accent)}.war-plans-head small{color:var(--muted);font-size:12px;flex-basis:100%}.war-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.war-plans-grid button{display:grid;gap:4px;text-align:start;padding:10px 12px;border-radius:14px;border:1px solid #ffffff1f;background:rgba(255,255,255,.03);color:inherit;font:inherit;cursor:pointer}.war-plans-grid button[aria-pressed=true]{border-color:var(--accent);background:rgba(228,179,99,.094)}.war-plans-grid strong{font-size:14px;color:var(--accent)}.war-plans-grid span{font-size:12px;line-height:1.55}.war-plans-grid small{font-size:11px;color:var(--muted)}.war-plans-grid b{color:#cfd6c4;font-weight:600}.war-hud em{font-style:normal;color:#f4f1e6;opacity:.85}.war-broken{position:absolute;top:auto;bottom:14px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:rgba(122,29,22,.9);color:#fff;font-weight:700;font-size:13px;white-space:nowrap;animation:war-pulse 1s ease-in-out infinite alternate}@keyframes war-pulse{0%{opacity:.75}to{opacity:1}}@media (max-width:600px){.war-plans-grid button{padding:9px 10px}.war-plans-grid span{font-size:11px}}.war-plans-grid em{font-style:normal;font-size:11px;font-weight:700;margin-top:2px}.war-plans-grid em.ready{color:#8fd18a}.war-plans-grid em.need{color:#f0b35a}.war-buyplan{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--accent);background:rgba(228,179,99,.07)}.war-buyplan p{margin:0;font-size:13px;line-height:1.6}.war-buyplan div{display:flex;gap:8px;flex-wrap:wrap}.war-buyplan .war-btn{flex:1 1 auto;justify-content:center}.war-map{position:relative;overflow:hidden;display:grid;gap:6px;margin:10px 0;padding:12px 14px;border-radius:16px;border:1px solid #ffffff1f;background:linear-gradient(120deg,#20301c,#151a14)}.war-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 85% 20%,var(--map-glow,#e4b363) 0,transparent 55%)}.war-map-hills{--map-glow:#c9d68a;background:linear-gradient(120deg,#2b3a1f,#171c12)}.war-map-forest{--map-glow:#4f8a37;background:linear-gradient(120deg,#16301a,#0f1810)}.war-map-river{--map-glow:#4b93bd;background:linear-gradient(120deg,#13293a,#10171d)}.war-map-marsh{--map-glow:#8a775c;background:linear-gradient(120deg,#2c2418,#15130f)}.war-map-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.war-map-chip{font-weight:800;font-size:17px;color:#fff;letter-spacing:.2px}.war-wx{font-size:12px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid #ffffff26}.war-wx-rain{color:#a9d2ff}.war-wx-fog{color:#e6ecef}.war-wx-clear{color:#ffe29a}.war-wx-snow{color:#f4fbff}.war-wx-wind{color:#cfe8c0}.war-wx-tip{margin:6px 0 0;padding:6px 10px;border-radius:10px;background:rgba(11,26,42,.333);border-inline-start:3px solid #a9d2ff;font-size:13px}.war-map p{margin:0;font-size:13px;line-height:1.65;color:#dfe5d6}.war-map small{font-size:12px;color:var(--muted)}.war-map small b{color:var(--accent)}.war-map.is-compact{margin:8px 0;padding:8px 12px}.war-map.is-compact .war-map-chip{font-size:14px}.war-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:2px;background:radial-gradient(circle,#0e1113bb 0,#0e111366 45%,transparent 75%);color:#fff;pointer-events:none;animation:war-intro 1.6s ease-out both;text-shadow:0 2px 8px #000}.war-intro small{font-size:13px;letter-spacing:3px;color:var(--accent)}.war-intro strong{font-size:34px;font-weight:900}.war-intro span{font-size:14px;color:#cfe3ff}@keyframes war-intro{0%{opacity:0;transform:scale(1.08)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.war-intro.is-static{animation:none}.war-tug{position:absolute;top:44px;inset-inline:12px;height:6px;border-radius:99px;background:#4f8de0;box-shadow:0 0 0 1px rgba(0,0,0,.533),0 2px 8px rgba(0,0,0,.467);overflow:hidden;pointer-events:none}.war-tug i{display:block;height:100%;background:linear-gradient(90deg,#c43e37,#ff6d5e);transition:width .35s ease;box-shadow:2px 0 6px rgba(255,255,255,.533)}.war-render .war-tug{top:48px;height:8px}.war-render .war-broken{bottom:34px}.war-groups{margin:10px 0;padding:10px;border-radius:14px;background:#14171a;border:1px solid #ffffff1c}.war-groups h4{margin:0 0 8px;display:flex;gap:6px;align-items:center;font-size:15px}.war-group{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;padding:8px 0;border-top:1px solid #ffffff12}.war-group:first-of-type{border-top:0}.war-group-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#e4b363);color:#14110c;font-weight:800}.war-group-who{font-size:13px;opacity:.85}.war-group-btns{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.war-group-btns button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:10px;border:1px solid #ffffff22;background:#1d2125;color:#e9e4d8;font:inherit;font-size:12px;cursor:pointer}.war-group-btns button[aria-pressed=true]{background:#e4b363;color:#14110c;border-color:#e4b363;font-weight:700}.war-group-note{grid-column:1/-1;font-size:12px;opacity:.7;font-style:normal}