.dominion{overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(34,105,111,.16),transparent 52%),linear-gradient(180deg,rgba(1,8,11,.86),rgba(1,5,7,.97))}
.dominion.active{display:block}.dominion__glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 23%,transparent 77%,rgba(0,0,0,.78)),radial-gradient(circle at center,transparent 28%,rgba(0,0,0,.5));z-index:2}
.dominion__map-frame{position:absolute;inset:28px 345px 30px 275px;border:1px solid transparent;border-radius:14px;background:linear-gradient(rgba(2,10,13,.88),rgba(2,10,13,.88)) padding-box,linear-gradient(135deg,rgba(120,255,0,.7),rgba(39,196,224,.18) 38%,rgba(120,255,0,.15) 70%,rgba(120,255,0,.55)) border-box;box-shadow:inset 0 0 70px #000,0 0 50px rgba(0,0,0,.5);overflow:hidden;z-index:1}
#dominionMap{position:absolute;inset:0;width:100%;height:100%;filter:saturate(1.12)}
.dominion__map-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.48));mix-blend-mode:screen}
.dominion__map-head{position:absolute;left:18px;right:18px;top:15px;z-index:3;display:flex;justify-content:space-between;align-items:center;color:var(--acid);font-size:12px;letter-spacing:.12em}.dominion__map-head span{display:flex;align-items:center;gap:8px}.dominion__map-head svg{width:16px}.dominion__map-head b{padding:7px 10px;border:1px solid rgba(120,255,0,.3);border-radius:5px;background:rgba(3,10,8,.78);font-size:10px}
.dominion__hint{position:absolute;left:50%;bottom:18px;z-index:3;transform:translateX(-50%);min-width:400px;padding:11px 25px;text-align:center;border:1px solid rgba(120,255,0,.35);border-radius:8px;background:rgba(2,8,7,.88);box-shadow:0 0 25px rgba(0,0,0,.65)}.dominion__hint strong{display:block;color:var(--acid);font-size:11px;letter-spacing:.2em}.dominion__hint span{display:block;margin-top:5px;color:#b7c0c1;font-size:12px}.dominion__hint b{color:#fff}
.dominion__left,.dominion__right{position:absolute;top:28px;bottom:30px;z-index:4;display:flex;flex-direction:column;gap:14px}.dominion__left{left:30px;width:230px}.dominion__right{right:30px;width:300px}.dominion .hud-panel{padding:17px}.dominion .hud-panel h2,.dominion .hud-panel header h2{display:flex;align-items:center;gap:9px;margin:0;color:var(--acid);font-family:var(--ui);font-size:11px;font-weight:800;letter-spacing:.07em}.dominion .hud-panel h2 svg,.dominion .hud-panel header h2 svg{width:16px;height:16px}
.dominion-stat{height:125px}.dominion-stat>strong{display:inline-block;margin-top:15px;font-family:var(--display);font-size:43px;font-weight:400;line-height:1}.dominion-stat>span{margin-left:8px;color:#899396;font-size:10px;letter-spacing:.12em}
.dominion-rules{flex:1}.dominion-rules ol{list-style:none;margin:18px 0 0;padding:0}.dominion-rules li{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:66px;border-bottom:1px solid rgba(255,255,255,.08)}.dominion-rules li:last-child{border:0}.dominion-rules li b{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(120,255,0,.45);border-radius:50%;color:var(--acid);font-size:10px}.dominion-rules li span{color:#c5cbcb;font-size:11px;line-height:1.4}
.dominion-leaders{height:405px}.dominion-leaders header{display:flex;justify-content:space-between;align-items:center}.dominion-leaders header>b{color:var(--acid);font-size:11px}.dominion-leaders ol{list-style:none;margin:15px 0 0;padding:0;counter-reset:rank}.dominion-leaders li{counter-increment:rank;display:grid;grid-template-columns:23px 36px 1fr auto;align-items:center;height:62px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.dominion-leaders li:before{content:counter(rank);color:#7e8889;font-size:11px}.dominion-leaders .flag{font-size:22px}.dominion-leaders li span strong,.dominion-leaders li span small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dominion-leaders li span strong{font-size:11px}.dominion-leaders li span small{margin-top:4px;color:#828d90;font-size:9px}.dominion-leaders li>b{color:var(--acid);font-family:var(--display);font-size:15px;font-weight:400}.dominion-leaders li.empty{display:flex;justify-content:center;color:#7d8787;font-size:10px}.dominion-leaders li.empty:before{display:none}
.dominion-feed{flex:1;min-height:0}.dominion-feed ul{list-style:none;margin:13px 0 0;padding:0}.dominion-feed li{display:grid;grid-template-columns:22px 1fr;gap:2px 8px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.dominion-feed li svg{grid-row:1/3;width:15px;color:var(--acid)}.dominion-feed li b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dominion-feed li span{color:#7f898b;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dominion__battle-flash{position:absolute;left:50%;top:50%;z-index:12;display:flex;flex-direction:column;align-items:center;min-width:390px;padding:26px 35px;opacity:0;transform:translate(-50%,-50%) scale(.78);border:1px solid var(--hot);border-radius:10px;background:rgba(12,3,2,.92);box-shadow:0 0 80px rgba(255,83,44,.45);pointer-events:none}.dominion__battle-flash.show{animation:dominion-flash 2.4s ease both}.dominion__battle-flash span{color:#ffb39e;font-size:12px;letter-spacing:.28em}.dominion__battle-flash strong{margin:8px;font-family:var(--display);font-size:48px;font-weight:400;color:#fff}.dominion__battle-flash b{color:var(--acid);font-size:13px;letter-spacing:.16em}@keyframes dominion-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}12%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
.dominion .unit-label{font-family:var(--ui)}