:root{--con-bg:#020711;--con-panel:rgba(3,11,22,.94);--con-line:rgba(73,159,239,.2);--con-blue:#23a8ff;--con-text:#dbeeff;--con-muted:#6e8aa6}
.con-page{min-height:100vh;padding-top:var(--header);color:var(--con-text);background:radial-gradient(circle at 70% 18%,rgba(23,105,210,.15),transparent 34%),#020711;font-family:Inter,system-ui,sans-serif}.con-page [hidden]{display:none!important}.con-page button,.con-page input,.con-page select{font:inherit}.con-kicker,.con-lobby-intro>span,.con-create-panel>span,.con-my-matches>span,.con-dialog form>span{color:#43b9ff;font:700 .63rem ui-monospace,Consolas,monospace;letter-spacing:.2em}
.con-masthead{min-height:420px;display:flex;justify-content:space-between;align-items:end;padding:clamp(5rem,9vw,9rem) 6vw 4rem;border-bottom:1px solid var(--con-line);position:relative;overflow:hidden}.con-masthead:after{content:"";position:absolute;right:5%;top:7%;width:34vw;aspect-ratio:1;border:1px solid rgba(40,147,255,.12);border-radius:50%;box-shadow:0 0 120px rgba(25,111,255,.12),inset 0 0 90px rgba(25,111,255,.08)}.con-masthead h1{font-size:clamp(3.8rem,8.2vw,10rem);line-height:.76;letter-spacing:-.07em;margin:1.6rem 0 1.9rem;font-weight:260}.con-masthead h1 i{display:block;color:transparent;-webkit-text-stroke:1px #42aaff;font-style:normal;margin-left:10vw}.con-masthead p{max-width:650px;color:#88a2bc;line-height:1.7}.con-mast-status{position:relative;z-index:2;min-width:230px;padding:1.2rem;border:1px solid var(--con-line);background:rgba(2,9,20,.72);backdrop-filter:blur(14px)}.con-mast-status span,.con-mast-status small{display:block;color:var(--con-muted);font:700 .56rem ui-monospace,monospace;letter-spacing:.14em}.con-mast-status span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3af0b2;box-shadow:0 0 14px #3af0b2;margin-right:.45rem}.con-mast-status strong{display:block;margin:.8rem 0;font-size:1.2rem}.con-alert{margin:1rem 6vw;padding:1rem;border:1px solid rgba(255,89,116,.35);background:rgba(122,18,42,.2);color:#ffacba}
.con-lobby{padding:clamp(4rem,8vw,8rem) 6vw 9rem}.con-lobby-intro{display:grid;grid-template-columns:.3fr 1fr .6fr;gap:4vw;align-items:end;margin-bottom:4rem}.con-lobby-intro h2{margin:0;font-size:clamp(2.8rem,5vw,6rem);line-height:.9;font-weight:300;letter-spacing:-.05em}.con-lobby-intro p{color:#8098b1;line-height:1.7}.con-lobby-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.con-create-panel,.con-open-lobbies,.con-lobby-room{border:1px solid var(--con-line);background:linear-gradient(145deg,rgba(7,22,43,.9),rgba(2,8,17,.96));box-shadow:0 30px 90px rgba(0,0,0,.35)}.con-create-panel{padding:clamp(1.6rem,3vw,3rem);display:grid;gap:1.25rem}.con-create-panel h3{font-size:2rem;margin:.2rem 0 1rem}.con-create-panel label{display:grid;gap:.55rem;color:#87a3bf;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.con-page input,.con-page select{width:100%;min-height:46px;border:1px solid rgba(95,165,237,.22);border-radius:5px;background:#030b16;color:#d9eeff;padding:0 .9rem}.con-open-lobbies>header,.con-lobby-room>header{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.5rem;border-bottom:1px solid var(--con-line);color:#7595b5;font:700 .6rem ui-monospace,monospace;letter-spacing:.14em}.con-open-lobbies>div{max-height:430px;overflow:auto}.con-open-lobbies article{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;border-bottom:1px solid rgba(92,157,225,.1)}.con-open-lobbies article strong,.con-open-lobbies article span{display:block}.con-open-lobbies article span{margin-top:.4rem;color:#607e9c;font:650 .56rem ui-monospace,monospace;letter-spacing:.1em}.con-open-lobbies button{border:1px solid #258de1;background:rgba(23,124,210,.12);color:#80caff;padding:.7rem 1rem;border-radius:4px;cursor:pointer}.con-empty,.con-wait{padding:2rem;color:#718da8}.con-my-matches{display:grid;gap:.7rem;margin-top:2rem}.con-my-matches>a{display:grid;grid-template-columns:10px 1fr auto auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border:1px solid var(--con-line);background:rgba(5,16,31,.8)}.con-my-matches i,.con-participants i{width:8px;height:32px;background:var(--nation);box-shadow:0 0 16px var(--nation)}.con-my-matches small{color:#7892aa}.con-my-matches b{font:700 .58rem ui-monospace;color:#57b8ff}.con-lobby-room{max-width:1100px;margin:auto}.con-lobby-room h2{margin:.4rem 0 0;font-size:2.4rem}.con-participants{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--con-line)}.con-participants article{display:grid;grid-template-columns:8px 1fr auto;gap:1rem;align-items:center;padding:1.4rem;background:#040d1b}.con-participants span{display:block;color:#6f8aa4;font-size:.72rem;margin-top:.25rem}.con-participants small{color:#5b9ece;font:700 .56rem ui-monospace,monospace}.con-room-actions{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem}.con-room-actions form{display:flex;gap:.6rem}.con-room-actions select{min-width:180px}
html:has(body.game-mode),body.game-mode{height:100%;overflow:hidden;overscroll-behavior:none}body.game-mode{background:#020711}body.game-mode .site-scroll-progress,body.game-mode .site-footer,body.game-mode .agent-launcher,body.game-mode .site-rights-mark,body.game-mode .back-to-top{display:none!important}body.game-mode .site-header{height:48px;min-height:48px;padding:0 1rem;background:rgba(2,7,15,.98);border-bottom:1px solid var(--con-line);backdrop-filter:blur(16px)}body.game-mode .site-header .brand-logo{width:26px;height:26px}body.game-mode .site-header .brand span{font-size:.55rem}body.game-mode .primary-nav,body.game-mode .header-message-link{display:none}body.game-mode .header-actions{margin-left:auto}body.game-mode #content{position:fixed;inset:48px 0 0;overflow:hidden}body.game-mode .con-page{height:100%;min-height:0;padding:0;background:#020711}body.game-mode .con-masthead,body.game-mode .con-lobby,body.game-mode .con-alert{display:none!important}
.con-command{height:100%;padding:0;display:grid;grid-template-rows:56px minmax(0,1fr) 118px;overflow:hidden;background:#020711}.con-command-bar{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(430px,2fr) 230px;align-items:center;border-bottom:1px solid var(--con-line);background:rgba(3,12,24,.98);min-height:0}.con-command-bar>div{padding:0 1rem;min-width:0}.con-command-bar>div+div{border-left:1px solid var(--con-line)}.con-command-bar span,.con-clock small,.con-clock span{display:block;color:#5f7e9d;font:700 .5rem ui-monospace,monospace;letter-spacing:.13em}.con-command-bar strong{font-size:.82rem}.con-resources{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.con-resources div{display:flex;gap:.4rem;align-items:center;white-space:nowrap}.con-resources i{width:5px;height:5px;background:#32afff;transform:rotate(45deg);box-shadow:0 0 9px #32afff}.con-resources small{color:#7694b2}.con-clock{text-align:right}.con-clock strong{font:700 1.04rem ui-monospace,monospace;color:#76ceff}
.con-workspace{display:grid;grid-template-columns:250px minmax(0,1fr) 310px;min-height:0;overflow:hidden}.con-rail{position:relative;z-index:500;background:var(--con-panel);overflow:auto;scrollbar-width:thin;scrollbar-color:#155b93 #030a14}.con-rail-left{border-right:1px solid var(--con-line)}.con-rail-right{border-left:1px solid var(--con-line)}.con-panel-title{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.68rem .8rem;border-bottom:1px solid var(--con-line);background:#030c18;color:#7894b1;font:700 .51rem ui-monospace,monospace;letter-spacing:.12em}.con-panel-title b{color:#40b8ff}.con-force-list{padding:.35rem}.con-force{display:grid;grid-template-columns:18px 1fr auto;gap:.55rem;align-items:center;padding:.55rem;border:1px solid transparent;border-bottom-color:rgba(90,154,218,.09);cursor:pointer}.con-force:hover,.con-force.is-selected{border-color:#2a91e8;background:rgba(30,131,220,.11)}.con-force input{width:13px;min-height:auto}.con-force strong,.con-force span{display:block}.con-force strong{font-size:.67rem}.con-force span{font-size:.52rem;color:#6885a2;margin-top:.16rem}.con-force b{font:700 .55rem ui-monospace;color:#7dcaff}.con-force-domain{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(71,168,241,.25);font:700 .5rem ui-monospace;color:#77caff}.con-production{padding:.75rem;border-top:1px solid var(--con-line)}.con-production>span{font:700 .51rem ui-monospace;color:#6384a4;letter-spacing:.14em}.con-queue{margin-top:.55rem}.con-queue header{display:flex;justify-content:space-between;font-size:.62rem}.con-queue i{display:block;height:2px;margin-top:.35rem;background:linear-gradient(90deg,#269cf1 var(--progress),rgba(72,132,190,.14) var(--progress))}
.con-map-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#07111e}.con-map{position:absolute;inset:0;background:#07111e;cursor:grab}.con-map:active{cursor:grabbing}.leaflet-container{font-family:Inter,system-ui,sans-serif;background:#07111e}.leaflet-control-attribution,.leaflet-control-zoom{display:none}.leaflet-pane{z-index:100}.leaflet-overlay-pane{z-index:300}.leaflet-marker-pane{z-index:420}.con-country{transition:fill-opacity .18s,stroke .18s}.con-map-tools{position:absolute;z-index:520;left:.75rem;top:.75rem;display:flex;gap:.3rem;align-items:center}.con-map-tools button{width:34px;height:34px;border:1px solid var(--con-line);background:rgba(3,12,25,.88);color:#9ddcff;cursor:pointer}.con-map-tools button:nth-child(3){width:auto;padding:0 .7rem;font-size:.5rem}.con-map-tools span{margin-left:.4rem;color:#6e94b6;font:700 .49rem ui-monospace;letter-spacing:.12em}.con-map-tools i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#38e8a9;box-shadow:0 0 12px #38e8a9}.con-map-mode{position:absolute;z-index:520;top:.8rem;left:50%;transform:translateX(-50%);padding:.5rem .9rem;border:1px solid rgba(60,171,255,.25);background:rgba(2,10,21,.88);color:#67c9ff;font:700 .51rem ui-monospace;letter-spacing:.14em;pointer-events:none}.con-map-mode.is-command{color:#ffe085;border-color:rgba(255,200,68,.35);box-shadow:0 0 30px rgba(255,176,43,.08)}.con-map-coordinates,.con-map-attribution{position:absolute;z-index:520;bottom:.55rem;color:#476b8d;font:700 .46rem ui-monospace;letter-spacing:.08em;pointer-events:none}.con-map-coordinates{left:.7rem}.con-map-attribution{right:.7rem}.con-unit-icon{background:transparent;border:0}.con-unit-symbol{--unit:#28a8ff;position:relative;width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--unit);background:rgba(1,8,16,.9);color:#e8f8ff;font:800 10px ui-monospace;box-shadow:0 0 14px color-mix(in srgb,var(--unit) 52%,transparent);transform:rotate(45deg);transition:transform .25s,margin 2s linear}.con-unit-symbol b{transform:rotate(-45deg);font-weight:800}.con-unit-symbol em{position:absolute;right:-9px;bottom:-7px;min-width:19px;padding:1px 3px;background:#040b14;border:1px solid var(--unit);color:#fff;font:700 7px ui-monospace;transform:rotate(-45deg);font-style:normal}.con-unit-symbol.is-enemy{--unit:#ff675e}.con-unit-symbol.is-selected{transform:rotate(45deg) scale(1.24);box-shadow:0 0 0 5px rgba(52,173,255,.16),0 0 24px var(--unit)}.con-unit-symbol.is-moving:after{content:"";position:absolute;inset:-8px;border:1px dashed #7ed8ff;animation:conSpin 4s linear infinite}.con-unit-label{margin-top:17px;margin-left:-35px;width:100px;text-align:center;color:#b8d8ee;text-shadow:0 1px 4px #000;font:700 8px ui-monospace;white-space:nowrap}.con-route-line{stroke-dasharray:7 9;animation:conRoute .8s linear infinite}.con-range-label{color:#ffe08b;font:700 9px ui-monospace;background:#151108;border:1px solid rgba(255,200,80,.4);padding:3px 5px}.con-projectile-dot{width:9px;height:9px;border-radius:50%;background:#fff6a6;box-shadow:0 0 8px #fff,0 0 20px #ff5d2c;animation:conImpact 1.2s ease-out forwards}.con-country-tooltip{background:rgba(2,10,20,.92);border:1px solid rgba(69,161,238,.3);color:#cceaff;box-shadow:0 10px 30px #000;font:700 10px ui-monospace;letter-spacing:.06em}.con-country-tooltip:before{border-top-color:rgba(69,161,238,.3)}
.con-region{padding:.85rem}.con-region h3{margin:.25rem 0;font-size:1.2rem}.con-region>span{color:#4db6f9;font:700 .49rem ui-monospace;letter-spacing:.12em}.con-region>p{color:#7e9ab4;font-size:.65rem;line-height:1.5}.con-region dl{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.8rem 0}.con-region dl div{padding:.5rem;border:1px solid rgba(86,154,219,.13)}.con-region dt{color:#64819e;font-size:.49rem}.con-region dd{margin:.2rem 0 0;font:700 .62rem ui-monospace}.con-sites{display:flex;flex-wrap:wrap;gap:.25rem}.con-sites b{padding:.3rem .4rem;border:1px solid rgba(74,157,231,.18);color:#7ebfe9;font:650 .48rem ui-monospace;text-transform:uppercase}.con-unit-detail{padding:.85rem}.con-unit-detail-head{display:flex;gap:.65rem;align-items:center;margin-bottom:.7rem}.con-unit-detail-head i{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--unit);color:var(--unit);font:800 .7rem ui-monospace}.con-unit-detail h3{margin:0;font-size:1.05rem}.con-unit-detail h3 small{display:block;margin-top:.15rem;color:#6f8ba5;font:.5rem ui-monospace;text-transform:uppercase}.con-hp{height:4px;background:#132435;margin:.7rem 0}.con-hp i{display:block;height:100%;width:var(--hp);background:linear-gradient(90deg,#31d6a0,#6cceff);box-shadow:0 0 9px #35cfa3}.con-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.7rem;border-top:1px solid var(--con-line)}.con-actions button{min-height:34px;border:1px solid rgba(56,157,237,.28);background:rgba(22,99,169,.12);color:#93d9ff;text-align:left;padding:.45rem .55rem;cursor:pointer;font-size:.58rem}.con-actions button:hover{background:rgba(26,128,218,.22)}.con-actions button.is-primary{border-color:#2da9ff;background:rgba(28,139,228,.24);color:#d9f3ff}.con-actions button.is-danger{border-color:rgba(255,91,80,.35);color:#ff9d97}
.con-bottom{display:grid;grid-template-columns:1fr 360px;min-height:0;border-top:1px solid var(--con-line);background:#030b16;overflow:hidden}.con-bottom>section{min-height:0;overflow:hidden}.con-bottom>section+section{border-left:1px solid var(--con-line)}.con-events{height:calc(100% - 29px);overflow:auto;padding:.25rem .45rem}.con-event{display:grid;grid-template-columns:62px 62px 1fr;gap:.55rem;padding:.3rem .4rem;border-bottom:1px solid rgba(85,150,214,.08);font:600 .5rem ui-monospace;color:#7795b2}.con-event b{color:#4ebaff}.con-event.combat span{color:#ffb18c}.con-score{padding:.35rem .75rem}.con-score-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:.5rem;margin:.35rem 0}.con-score-row i{width:6px;height:6px;background:var(--nation);box-shadow:0 0 8px var(--nation)}.con-score-row span{font-size:.58rem;color:#88a4bd}.con-score-row b{font:700 .56rem ui-monospace}.con-dialog{width:min(480px,calc(100% - 2rem));border:1px solid rgba(69,163,246,.3);border-radius:8px;background:#06101f;color:#dceeff;padding:0;box-shadow:0 30px 100px #000}.con-dialog::backdrop{background:rgba(0,4,11,.8);backdrop-filter:blur(8px)}.con-dialog form{position:relative;padding:2rem;display:grid;gap:1rem}.con-dialog h2{margin:0;font-size:2rem}.con-dialog p{color:#7892aa}.con-dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:#8aa7c2;font-size:1.5rem}.con-toast{position:fixed;z-index:2000;right:1rem;bottom:1rem;max-width:360px;padding:1rem 1.2rem;border:1px solid #2d9df4;background:#06172a;color:#bfe9ff;box-shadow:0 15px 70px #000}.con-store-card .store-game-cover{position:relative;background:radial-gradient(circle at 70% 30%,rgba(42,150,255,.35),transparent 28%),linear-gradient(140deg,#071a32,#020711 62%,#172047)}
@keyframes conRoute{to{stroke-dashoffset:-32}}@keyframes conSpin{to{transform:rotate(360deg)}}@keyframes conImpact{0%{transform:scale(.4);opacity:1}70%{transform:scale(3);opacity:.85}100%{transform:scale(6);opacity:0}}
@media(min-width:2560px){.con-workspace{grid-template-columns:300px minmax(0,1fr) 360px}.con-command{grid-template-rows:60px minmax(0,1fr) 132px}.con-force strong{font-size:.74rem}.con-region h3{font-size:1.4rem}}
@media(max-width:1100px){.con-workspace{grid-template-columns:210px minmax(0,1fr) 270px}.con-command-bar{grid-template-columns:180px 1fr 190px}.con-bottom{grid-template-columns:1fr 290px}.con-resources div small{display:none}}
@media(max-width:760px){body.game-mode .site-header{height:44px}body.game-mode #content{inset:44px 0 0}.con-command{grid-template-rows:82px minmax(0,1fr) 92px}.con-command-bar{grid-template-columns:1fr auto}.con-resources{grid-column:1/-1;grid-row:2;padding:.45rem .7rem!important;border-left:0!important;border-top:1px solid var(--con-line)}.con-workspace{display:block;position:relative}.con-map-shell{position:absolute;inset:0}.con-rail-left{display:none}.con-rail-right{position:absolute;right:.35rem;top:3.2rem;bottom:.35rem;width:250px;border:1px solid var(--con-line);background:rgba(3,11,22,.94);transform:translateX(calc(100% + .5rem));transition:transform .25s}.con-rail-right:has(.con-unit-detail),.con-rail-right:has(.con-region h3){transform:none}.con-map-mode{top:.65rem;font-size:.43rem}.con-bottom{grid-template-columns:1fr}.con-bottom>section:last-child{display:none}.con-event{grid-template-columns:52px 48px 1fr}.con-masthead{padding:5rem 1rem 2rem}.con-lobby{padding:4rem 1rem}.con-lobby-intro,.con-lobby-grid{grid-template-columns:1fr}.con-participants{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.con-route-line,.con-unit-symbol.is-moving:after,.con-projectile-dot{animation:none}}

/* Deep-map LOD, strategic infrastructure and persistent combat telemetry. */
.con-map-shell:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.18;background:repeating-radial-gradient(circle at 52% 48%,transparent 0 76px,rgba(49,145,226,.12) 77px 78px)}
.con-map{background:radial-gradient(circle at 50% 48%,#0a2035 0,#061321 42%,#030a13 100%)}
.con-map-tools span+span{padding-left:.65rem;border-left:1px solid var(--con-line);color:#8fcfff}
.con-province{transition:fill-opacity .2s,stroke-width .2s}.con-strategic-road{filter:drop-shadow(0 0 3px rgba(82,190,255,.55));stroke-dasharray:8 5;animation:conRoad 2s linear infinite}
.con-city-icon,.con-building-icon,.con-cluster-icon,.con-projectile-icon{background:transparent;border:0}.con-city-icon span{display:block;width:9px;height:9px;border:2px solid #d6f3ff;border-radius:50%;background:#139ee8;box-shadow:0 0 12px #39bfff}
.con-building-symbol{--building:#39b8ff;width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--building);background:rgba(2,12,24,.94);color:#dff6ff;font:800 9px ui-monospace;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 17px color-mix(in srgb,var(--building) 50%,transparent)}.con-building-symbol.is-enemy{--building:#ff6b68}.con-building-symbol.is-selected{transform:scale(1.25);filter:drop-shadow(0 0 8px var(--building))}.con-building-symbol.is-destroyed{--building:#536473;opacity:.55}
.con-cluster-icon span{--cluster:#35aefb;position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cluster);border-radius:50%;background:rgba(3,15,29,.88);color:#e6f7ff;font:800 11px ui-monospace;box-shadow:0 0 0 7px rgba(46,164,241,.08),0 0 28px color-mix(in srgb,var(--cluster) 40%,transparent)}.con-cluster-icon span:after{content:"";position:absolute;inset:-8px;border:1px dashed var(--cluster);border-radius:50%;animation:conSpin 8s linear infinite}
.con-projectile-icon span{display:block;width:10px;height:10px;border-radius:50%;background:#fff4a6;box-shadow:0 0 8px #fff,0 0 23px #ff672f;animation:conProjectile .65s ease-in-out infinite alternate}.con-interceptor-line{stroke-dasharray:4 7;animation:conRoute .45s linear infinite}
.con-sites button{padding:.38rem .48rem;border:1px solid rgba(74,157,231,.24);background:rgba(18,91,153,.12);color:#91d6ff;font:650 .48rem ui-monospace;text-transform:uppercase;cursor:pointer}.con-sites button:hover{border-color:#35aefd;background:rgba(27,130,214,.22)}
.con-event{width:100%;border:0;border-bottom:1px solid rgba(85,150,214,.08);background:transparent;text-align:left;cursor:pointer}.con-event:hover{background:rgba(37,139,224,.08);color:#a9cae6}
@keyframes conRoad{to{stroke-dashoffset:-26}}@keyframes conProjectile{to{transform:scale(1.45);filter:brightness(1.35)}}
@media(prefers-reduced-motion:reduce){.con-strategic-road,.con-interceptor-line,.con-cluster-icon span:after,.con-projectile-icon span{animation:none}}
.con-city-icon i{display:block;width:9px;height:9px;border:2px solid #d6f3ff;border-radius:50%;background:#139ee8;box-shadow:0 0 12px #39bfff}.con-city-icon span{position:absolute;left:13px;top:-1px;width:auto;height:auto;border:0;background:rgba(2,11,22,.82);box-shadow:none;padding:2px 4px;color:#c9e9fb;font:700 8px ui-monospace;white-space:nowrap}
.con-cluster-icon>div{--unit:#35aefb;position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--unit);border-radius:50%;background:rgba(3,15,29,.9);color:#e6f7ff;box-shadow:0 0 0 7px rgba(46,164,241,.08),0 0 28px color-mix(in srgb,var(--unit) 40%,transparent)}.con-cluster-icon>div:after{content:"";position:absolute;inset:-8px;border:1px dashed var(--unit);border-radius:50%;animation:conSpin 8s linear infinite}.con-cluster-icon b{font:800 11px ui-monospace}.con-cluster-icon span{position:absolute;top:44px;width:auto;height:auto;border:0;background:none;box-shadow:none;color:#9bdcff;font:700 8px ui-monospace}
.con-projectile-icon i{display:block;width:10px;height:10px;border-radius:50%;background:#fff4a6;box-shadow:0 0 8px #fff,0 0 23px #ff672f;animation:conProjectile .65s ease-in-out infinite alternate}.con-projectile-icon span{position:absolute;left:12px;top:0;width:auto;height:auto;border:0;background:rgba(31,10,4,.8);box-shadow:none;padding:1px 3px;color:#ffd69f;font:800 7px ui-monospace}