:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:340px 1fr;background:#050b14;color:#fff;font-family:Arial,Helvetica,sans-serif}aside{position:sticky;top:0;height:100vh;overflow:auto;padding:20px;background:#091827;border-right:1px solid #28405a}aside h1{margin:0;color:#ffd36a}aside p{color:#aec0d1;line-height:1.4}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.actions button{border:0;border-radius:8px;padding:10px;font-weight:800;cursor:pointer;background:#f4b52b;color:#101820}.actions button:nth-child(n+2){background:#263b50;color:#fff}.actions button:last-child{grid-column:1/-1}.editing-help{padding:9px;border:1px solid #24455f;border-radius:7px;color:#9fc2d9;font-size:12px}.editing-help span{display:inline-block;width:11px;height:11px;margin-right:5px;border:2px solid #38bdf8;border-radius:2px}.group{margin-top:16px;padding-top:12px;border-top:1px solid #2a4057}.group h3{margin:0 0 8px;color:#55cfff}.field{margin:7px 0}.field label{display:block;margin-bottom:3px;color:#9fb5c9;font-size:11px}.field input{width:100%;padding:8px;border:1px solid #38536d;border-radius:6px;background:#102238;color:#fff}.field input:focus{outline:2px solid #38bdf8;border-color:transparent}main{overflow:auto;padding:18px}#poster{position:relative;width:1536px;height:1024px;overflow:hidden;background:radial-gradient(circle at 50% 18%,#153b5b 0,#071523 32%,#03080e 75%);box-shadow:0 18px 60px #000b}.poster-header{height:130px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:10px 34px;background:linear-gradient(180deg,#06101e,#0a2840 65%,#06111d);border-bottom:2px solid #1ebdf3}.last-war{font-weight:1000;font-size:38px;line-height:.76;transform:skew(-6deg);text-shadow:3px 3px #000}.last-war i{color:#ffc326;font-style:normal}.headline{text-align:center}.headline h1{margin:0;color:#fff5e6;font-size:46px;letter-spacing:2px;text-shadow:0 4px 0 #6a310d,0 7px 12px #000}.headline h2{margin:2px 0;color:#fff;font-size:25px;letter-spacing:8px}.headline h2 em{color:#42d2ff;font-style:normal}.headline p{margin:4px 0 0;font-weight:800;letter-spacing:3px}.brand{text-align:center;font-size:34px}.brand strong{display:block;font-size:18px;letter-spacing:5px}.brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:2px}.maps{height:530px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px}.phase-board{overflow:hidden;border:2px solid #19c5ff;border-radius:14px;box-shadow:inset 0 0 18px #159cff,0 0 10px #159cff}.phase-two{border-color:#ffc32b;box-shadow:inset 0 0 18px #ff9d00,0 0 10px #ff9d00}.phase-heading{height:50px;display:grid;grid-template-columns:150px 160px 1fr;align-items:center;padding:0 18px;background:linear-gradient(90deg,#073052,#0b1826);font-size:24px}.phase-two .phase-heading{background:linear-gradient(90deg,#4c3100,#101820)}.phase-heading b{font-size:33px}.phase-heading strong{text-align:right;color:#83e7ff;font-size:17px}.phase-two .phase-heading strong{color:#ffe487}.arena{position:relative;height:476px;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at center,#dd843a 0,#ad582a 48%,#4c2119 100%)}.arena::before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#3a130a 1.5px,transparent 2px),radial-gradient(#ffcc78 1px,transparent 1.5px);background-position:0 0,13px 17px;background-size:31px 29px,37px 41px}.terrain-lines{position:absolute;left:210px;top:105px;width:320px;height:260px;border:2px solid #ffc16a55;border-radius:50%;box-shadow:0 0 0 35px #ffc16a18,0 0 0 70px #ffc16a12}.alliance{position:absolute;top:195px;z-index:2;color:#29d9ff;font-size:58px;text-align:center;text-shadow:0 0 13px currentColor}.alliance-left{left:8px}.alliance-right{right:8px;color:#ff315c}.alliance small{display:block;margin-top:-6px;padding:5px;background:#0758a1;color:#fff;font-size:13px;text-shadow:none}.alliance-right small{background:#b51035}.building-card{position:absolute;z-index:3;min-width:90px;min-height:75px;display:flex;flex-direction:column;align-items:center;border:2px solid #22a8ff;border-radius:10px;background:linear-gradient(#0c4778,#061d35);color:#fff;text-align:center;box-shadow:0 5px 12px #0008,0 0 10px #168ee7;cursor:grab;user-select:none}.building-card:active{cursor:grabbing}.building-card.green{border-color:#16d45d;background:linear-gradient(#087b35,#03471e);box-shadow:0 5px 12px #0008,0 0 9px #16d45d}.building-card.red{border-color:#ff3333;background:linear-gradient(#ad1111,#520000);box-shadow:0 5px 12px #0008,0 0 9px #ff3434}.building-card.purple{border-color:#e63bff;background:linear-gradient(#7d139b,#340047);box-shadow:0 5px 12px #0008,0 0 9px #e63bff}.building-card.gray{border-color:#a7b2bc;background:linear-gradient(#53606b,#252c32);box-shadow:0 5px 12px #0008}.building-card.selected{outline:3px solid #55d9ff;outline-offset:3px;z-index:20}.building-icon{height:29px;margin-top:-19px;font-size:34px;filter:drop-shadow(0 3px 2px #0008)}.building-card strong{width:100%;padding:3px 4px;border-bottom:1px solid #ffffff44;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.names{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:3px;font-size:13px;line-height:1.12}.names span{display:block;max-width:100%;white-space:nowrap}.resize-handle{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-right:3px solid #fff;border-bottom:3px solid #fff;opacity:.8;cursor:nwse-resize}.summary{height:324px;display:grid;grid-template-columns:1fr 254px 1fr;gap:12px;padding:10px 16px}.roster-panel,.roamers-panel{overflow:hidden;border:2px solid #258ed2;border-radius:10px;background:#eaf5ff;color:#10233a}.roster-panel:last-child{border-color:#d9950b}.roster-panel h2,.roamers-panel h2{height:34px;margin:0;padding:5px 13px;background:#08213c;color:#fff;font-size:19px}.roster-row{height:24px;display:grid;grid-template-columns:205px 1fr;align-items:center;padding:0 10px;border-bottom:1px solid #bfd3e2;font-size:13px}.roster-row b{white-space:nowrap}.roster-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roamers-panel{background:#07182b;color:#fff;text-align:center}.roamers-panel h2{text-align:center}.roam-group h3{margin:5px 7px 2px;padding:4px;background:#075b91;color:#5ee7ff}.roam-group.roam-2 h3{background:#765000;color:#ffd557}.roam-group p{margin:4px;font-weight:800;line-height:1.2;white-space:pre-line}footer{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#ffd45b}footer strong{color:#fff;letter-spacing:5px}.exporting .resize-handle,.exporting .building-card.selected{outline:none}.exporting .resize-handle{display:none}@media(max-width:900px){body{display:block}aside{position:relative;height:auto}main{padding:6px}#poster{margin-bottom:-450px;transform:scale(.55);transform-origin:top left}}