:root{--panel:#101820;--line:#293b47;--muted:#8da0ad;--cyan:#55e6d0;--blue:#5caeff;--violet:#a687ff;--amber:#ffb45c;--red:#ff6c72}
.content-main{max-width:1220px;margin:auto;padding:56px 24px 90px}.content-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:38px;align-items:end;padding:45px 0 42px;border-bottom:1px solid var(--line)}.content-hero h1{font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:-.055em;margin:14px 0}.content-hero p{max-width:720px;color:var(--muted);line-height:1.7}.hero-note{padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,#14242b,#11151e);color:#abc0cc;font-size:12px;line-height:1.65}.hero-note b{display:block;color:var(--cyan);margin-bottom:8px}.tabbar,.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tabbar button,.filterbar button{border:1px solid var(--line);background:#111920;color:#94a4af;padding:10px 14px;border-radius:999px;cursor:pointer}.tabbar button.active,.filterbar button.active{color:#071215;border-color:transparent;background:linear-gradient(110deg,var(--cyan),var(--blue));font-weight:800}.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.build-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#111b23,#0d1319);padding:24px;min-height:290px}.build-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--accent,var(--cyan))}.build-top{display:flex;align-items:start;justify-content:space-between;gap:18px}.build-top h2{font-size:24px;margin:4px 0}.weapon-type,.build-tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent,var(--cyan))}.rating{white-space:nowrap;color:#ffd56a;font-size:12px}.build-desc{color:var(--muted);font-size:13px;line-height:1.6}.build-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.build-parts div{padding:12px;background:#0a1116;border:1px solid #24333d}.build-parts small{display:block;color:#687c88;font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}.build-parts b{font-size:12px}.armor-section{margin-top:68px}.armor-section>h2{font-size:34px}.armor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.armor-card{padding:21px;border:1px solid var(--line);background:#101820}.armor-card h3{margin:8px 0}.armor-card p{color:var(--muted);font-size:12px;line-height:1.6}.armor-card .pieces{color:var(--cyan);font-size:10px;font-weight:800}.source-note{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:#6f818d;font-size:11px;line-height:1.6}.source-note a{color:#a9c4d2}
.map-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:28px}.map-sidebar{border:1px solid var(--line);background:#0d141a;padding:14px;align-self:start}.scenario-list{display:grid;gap:6px}.scenario-list button{border:1px solid transparent;background:transparent;color:#8497a4;padding:12px;text-align:left;cursor:pointer}.scenario-list button b{display:block;color:#dce5ea;margin-bottom:4px}.scenario-list button small{font-size:9px}.scenario-list button.active{border-color:#375361;background:#15232b}.scenario-list button.active b{color:var(--cyan)}.map-stage{position:relative;min-height:680px;overflow:hidden;border:1px solid #344955;background:#0b151b}.map-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(62,180,163,.22),transparent 22%),radial-gradient(circle at 75% 70%,rgba(83,120,220,.22),transparent 25%),linear-gradient(125deg,transparent 48%,rgba(125,206,225,.08) 49%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.025) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.025) 48px)}.terrain{position:absolute;inset:7%;filter:drop-shadow(0 25px 45px #0009)}.terrain path{stroke:#426273;stroke-width:2;fill:url(#land)}.terrain .zone{fill:none;stroke:#74a9b9;stroke-width:1;stroke-dasharray:5 7;opacity:.45}.marker{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;cursor:pointer;z-index:3}.marker-dot{display:grid;place-items:center;width:31px;height:31px;border:2px solid #061015;border-radius:50%;background:var(--marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--marker) 22%,transparent),0 7px 16px #0009;font-size:13px;transition:.18s}.marker:hover .marker-dot,.marker.active .marker-dot{transform:scale(1.2);box-shadow:0 0 0 6px color-mix(in srgb,var(--marker) 24%,transparent),0 9px 22px #000}.marker-label{position:absolute;left:38px;top:3px;white-space:nowrap;padding:5px 7px;background:#071016df;border:1px solid #2c414d;color:#dce7ec;font-size:10px;pointer-events:none}.marker-detail{position:absolute;z-index:5;right:18px;bottom:18px;width:min(330px,calc(100% - 36px));padding:18px;border:1px solid #456170;background:#091117f2;box-shadow:0 20px 45px #000b}.marker-detail .kind{color:var(--cyan);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.marker-detail h3{margin:7px 0}.marker-detail p{color:#92a5b0;font-size:12px;line-height:1.55;margin-bottom:0}.map-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#8395a0;font-size:10px}.map-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}.map-warning{margin:12px 0 0;color:#718490;font-size:10px}
.feature-links{max-width:1180px;margin:-36px auto 70px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-link{display:flex;justify-content:space-between;align-items:center;padding:22px;border:1px solid #314652;background:linear-gradient(145deg,#13212a,#10161c);text-decoration:none}.feature-link small{display:block;color:#55d8c7;font-size:9px;letter-spacing:.14em;margin-bottom:6px}.feature-link b{font-size:18px}.feature-link i{font-style:normal;font-size:22px;color:#62b8ff}.feature-link:hover{border-color:#5790a8;transform:translateY(-2px)}
@media(max-width:820px){.content-hero{grid-template-columns:1fr}.build-grid,.armor-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr}.scenario-list{display:flex;overflow:auto}.scenario-list button{min-width:170px}.map-stage{min-height:580px}.marker-label{display:none}.feature-links{grid-template-columns:1fr}.build-parts{grid-template-columns:1fr}}
.map-page{max-width:1560px;margin:auto;padding:38px 24px 80px}.map-page-head{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:end;margin-bottom:28px}.map-page-head h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;margin:10px 0}.map-page-head>div>p:last-child{max-width:760px;color:#8ea2ae;line-height:1.7}.map-credit{padding:18px;border:1px solid #304651;background:#101920}.map-credit b,.map-credit a,.map-credit small{display:block}.map-credit b{color:#6f828e;font-size:9px;letter-spacing:.13em}.map-credit a{color:var(--cyan);font-weight:800;margin:7px 0;text-decoration:none}.map-credit small{color:#758994;line-height:1.5}.map-browser{display:grid;grid-template-columns:285px minmax(0,1fr);height:calc(100vh - 235px);min-height:690px;border:1px solid #304651;background:#091015}.map-picker{overflow:auto;padding:16px;border-right:1px solid #304651;background:#0c141a}.map-picker>label{display:block;color:#6e8490;font-size:9px;letter-spacing:.15em;margin:4px 0 9px}.map-picker>input{width:100%;border:1px solid #2b404b;background:#071015;color:#eaf3f6;padding:12px;outline:none}.map-picker>input:focus{border-color:var(--cyan)}.map-links{display:grid;gap:6px;margin-top:14px}.map-links button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px;border:1px solid transparent;background:transparent;color:#91a4ae;text-align:left;cursor:pointer}.map-links button:hover{background:#111e25}.map-links button.active{border-color:#3c6672;background:linear-gradient(110deg,rgba(67,200,183,.13),rgba(82,130,220,.1))}.map-links b,.map-links small{display:block}.map-links b{color:#dce8ec;font-size:12px;margin-bottom:4px}.map-links button.active b{color:var(--cyan)}.map-links small{font-size:9px}.map-links em{color:#68808c;font-style:normal;font-size:9px}.map-no-results{color:#71848f;font-size:11px}.map-frame-wrap{position:relative;min-width:0;display:flex;flex-direction:column}.map-frame-bar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 14px;border-bottom:1px solid #304651;background:#0d171d}.map-frame-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.map-frame-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-frame-bar small{color:#6e8490}.map-frame-bar a{color:#9ed7df;text-decoration:none;font-size:11px;white-space:nowrap}.map-live{color:#58d8a8;font-size:9px;font-weight:900}.map-frame-wrap iframe{display:block;width:100%;height:100%;flex:1;border:0;background:#080d10}.map-loader{position:absolute;z-index:2;inset:58px 0 0;display:grid;place-content:center;gap:12px;text-align:center;background:#091015;color:#80949f;font-size:12px}.map-loader span{width:34px;height:34px;margin:auto;border:3px solid #263b45;border-top-color:var(--cyan);border-radius:50%;animation:map-spin .8s linear infinite}@keyframes map-spin{to{transform:rotate(360deg)}}.map-privacy{color:#718690;font-size:10px;line-height:1.6;margin-top:13px}.map-privacy b{color:#93abb5}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions .primary{margin:0}.hero-actions .secondary{display:inline-block;padding:13px 18px;border:1px solid #37505d;border-radius:7px;color:#a9cad4;text-decoration:none;font-weight:800;font-size:13px;background:#111b21}.hero-actions .secondary:hover{border-color:var(--cyan);color:#fff}
@media(max-width:900px){.map-page{padding:24px 12px 68px}.map-page-head{grid-template-columns:1fr}.map-browser{grid-template-columns:1fr;height:auto;min-height:0}.map-picker{border-right:0;border-bottom:1px solid #304651}.map-links{display:flex;overflow:auto}.map-links button{min-width:210px}.map-frame-wrap{height:75vh;min-height:560px}.map-frame-bar small,.map-live{display:none}}