:root{--bg:#080b08;--panel:#151a14;--text:#e7e1cf;--muted:#a99f88;--olive:#6b7b3d;--sand:#c7ad74;--danger:#b7472f;--ok:#66a866;--warn:#d0a94f;--line:rgba(231,225,207,.14);--shadow:rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit}code{color:var(--sand)}.scanline{position:fixed;inset:0;pointer-events:none;z-index:999;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 4px;opacity:.25}
.hero{min-height:92vh;background:linear-gradient(rgba(5,8,5,.24),rgba(5,8,5,.96)),var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 20%,rgba(199,173,116,.22),transparent 30%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),url("assets/takistan-background.png");background-size:auto,48px 48px,48px 48px,cover;background-position:center;opacity:.34;filter:grayscale(.35) contrast(1.1)}.hero:after{content:"TOC ONLINE";position:absolute;right:8vw;top:30%;color:rgba(199,173,116,.10);font-size:130px;font-weight:900;letter-spacing:-8px;transform:rotate(-8deg)}
.navbar{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:24px 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--sand);color:var(--sand);font-weight:900;background:rgba(0,0,0,.35)}.brand strong{display:block;letter-spacing:1.6px}.brand small{color:var(--muted);font-size:11px;letter-spacing:1.2px}.nav-links{display:flex;gap:15px;align-items:center;font-size:12px;letter-spacing:1px;text-transform:uppercase}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-cta{color:#111!important;background:var(--sand);padding:9px 14px;font-weight:800}.nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 10px;font-size:20px}
.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:105px 22px 70px}.kicker{color:var(--sand);font-size:12px;letter-spacing:2.5px;font-weight:900;text-transform:uppercase;margin:0 0 14px}h1{max-width:1040px;margin:0;font-size:clamp(42px,8vw,100px);line-height:.9;letter-spacing:-4px;text-transform:uppercase}.lead{max-width:820px;color:var(--muted);font-size:21px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:64px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--line);font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:13px}.btn.primary{background:var(--sand);color:#111;border-color:var(--sand)}.btn.secondary{background:rgba(0,0,0,.25)}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(0,0,0,.55);box-shadow:0 18px 50px var(--shadow);backdrop-filter:blur(4px)}.status-grid div{padding:18px;border-right:1px solid var(--line)}.status-grid div:last-child{border-right:0}.status-grid span{display:block;color:var(--muted);font-size:11px;letter-spacing:1.8px;margin-bottom:5px}.status-grid strong{font-size:14px}
.section{max-width:1400px;margin:0 auto;padding:94px 22px}.section-head{max-width:900px;margin-bottom:34px}.section-head h2{margin:0 0 14px;font-size:clamp(32px,5vw,62px);line-height:1;text-transform:uppercase;letter-spacing:-1.8px}.section-head p{color:var(--muted);margin:0;font-size:17px}.dark-panel{max-width:none;padding-left:max(22px,calc((100vw - 1400px)/2 + 22px));padding-right:max(22px,calc((100vw - 1400px)/2 + 22px));background:linear-gradient(180deg,#121710,#0b0e0a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.command-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:18px}.command-card,.region-card,.region-detail,.terminal,.depot-panel,.news-card,.phase-card,.timeline-item,.unit-card,.download-card,.signup-box,.briefing-grid article,.mission-card{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow)}.command-card{padding:24px;min-height:220px;border-top:4px solid var(--olive)}.command-card.wide{border-top-color:var(--sand)}.command-card.danger{border-top-color:var(--danger)}.command-card small,.news-card small,.mission-card small{color:var(--sand);letter-spacing:1.8px;font-weight:900}.command-card h3{margin:10px 0;text-transform:uppercase}.command-card p{color:var(--muted)}
.map-toolbar,.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tool,.filter{background:#11160f;color:var(--muted);border:1px solid var(--line);padding:10px 14px;text-transform:uppercase;font-weight:900;letter-spacing:1px;cursor:pointer}.tool.active,.filter.active{color:#111;background:var(--sand);border-color:var(--sand)}.map-shell{display:grid;grid-template-columns:1fr 430px;gap:22px}.ops-map{position:relative;min-height:690px;background:radial-gradient(circle at 58% 32%,rgba(107,123,61,.24),transparent 40%),linear-gradient(135deg,#1a2118,#0e120d);border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);overflow:hidden}.ops-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:50px 50px}.map-stamp{position:absolute;left:16px;bottom:16px;color:rgba(231,225,207,.4);font-size:11px;letter-spacing:2px;font-weight:900;z-index:8}.sector{position:absolute;z-index:4;border:1px solid rgba(199,173,116,.70);background:rgba(107,123,61,.28);color:var(--text);padding:10px;text-align:left;cursor:pointer;transition:.2s}.sector strong{display:block;text-transform:uppercase;letter-spacing:1px}.sector span{color:var(--muted);font-size:12px}.sector:hover,.sector.active{background:rgba(199,173,116,.32);border-color:#fff;transform:translateY(-2px)}.fobArea{left:42%;top:8%;width:20%;height:14%}.routeRed{left:6%;top:12%;width:34%;height:28%}.routeBlue{left:64%;top:13%;width:30%;height:34%}.karach{left:38%;top:42%;width:24%;height:22%}.rasman{left:64%;top:50%;width:30%;height:18%}.mountainVillages{left:6%;top:43%;width:30%;height:42%}.southSupplyRoute{left:38%;top:68%;width:56%;height:18%}.routes-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.routes-layer path{fill:none;stroke:rgba(199,173,116,.55);stroke-width:6;stroke-dasharray:12 8}.heat-layer{position:absolute;inset:0;z-index:1}.heat{position:absolute;border-radius:50%;filter:blur(18px);background:rgba(183,71,47,.32)}.h1{left:10%;top:42%;width:220px;height:220px}.h2{left:70%;top:70%;width:240px;height:170px}.h3{left:5%;top:75%;width:180px;height:160px}.map-point{position:absolute;z-index:6;transform:translate(-50%,-50%);border:1px solid #fff;background:#111;color:#fff;border-radius:999px;min-width:30px;height:30px;display:grid;place-items:center;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.75)}.map-point.fob{background:#1d4f91}.map-point.depot{background:#7a5c16}.map-point span{position:absolute;left:34px;top:4px;white-space:nowrap;background:rgba(0,0,0,.74);border:1px solid rgba(255,255,255,.25);padding:3px 6px;font-size:11px;color:var(--text);border-radius:2px}.intel-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.intel-dot{position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(183,71,47,.35);padding:3px 7px;font-size:11px;font-weight:900;color:#fff}.i1{left:18%;top:50%}.i2{left:18%;top:80%}.i3{left:72%;top:80%}.ops-map.hide-routes .routes-layer{display:none}.ops-map.hide-points .map-point{display:none}.ops-map.hide-intel .intel-layer{display:none}.ops-map.hide-heat .heat-layer{display:none}
.region-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-card{padding:20px;text-align:left;color:var(--text);cursor:pointer;border-top:4px solid var(--olive);transition:.2s}.region-card:hover,.region-card.active{transform:translateY(-3px);border-color:var(--sand)}.region-card.critical{border-top-color:var(--danger)}.region-card.tension{border-top-color:var(--warn)}.region-card.stable{border-top-color:var(--ok)}.region-card small{color:var(--sand);letter-spacing:1.4px}.region-card h3{margin:8px 0 10px;text-transform:uppercase}.region-card p{margin:0;color:var(--muted)}.chip{display:inline-flex;margin-top:12px;padding:4px 8px;border:1px solid var(--line);font-size:11px;text-transform:uppercase;color:var(--muted)}
.region-detail{padding:24px;position:sticky;top:12px}.region-detail h3{margin:0 0 8px;text-transform:uppercase}.region-detail p{color:var(--muted)}.grid-value{font-family:monospace;color:var(--sand)!important;margin:0 0 12px}.metric,.terminal-row{display:grid;grid-template-columns:125px 1fr 48px;gap:12px;align-items:center;margin:14px 0}.bar{height:10px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--olive),var(--sand));transition:.3s}.danger-bar i{background:linear-gradient(90deg,var(--danger),#e2a84d)}.assessment,.last-tnn{margin-top:18px;padding:14px;border-left:4px solid var(--sand);background:rgba(0,0,0,.2);color:var(--muted)}
.mission-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mission-card{padding:22px;border-top:4px solid var(--olive)}.mission-card.high{border-top-color:var(--danger)}.mission-card.med{border-top-color:var(--warn)}.mission-card h3{margin:10px 0;text-transform:uppercase}.mission-card p{color:var(--muted)}.mission-meta{display:flex;gap:8px;flex-wrap:wrap}.mission-meta span{border:1px solid var(--line);padding:4px 7px;color:var(--muted);font-size:11px;text-transform:uppercase}
.fob-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.terminal{padding:22px;font-family:"Courier New",monospace}.terminal-top{color:var(--sand);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;letter-spacing:1.5px}.depot-panel{padding:26px}.depot-panel h3{text-transform:uppercase;margin-top:0}.depot-item{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding:13px 0}.depot-item small{color:var(--muted)}.depot-status{font-size:11px;text-transform:uppercase;border:1px solid var(--line);padding:4px 7px;color:var(--sand)}
.news-grid,.unit-grid,.download-grid,.briefing-grid{display:grid;gap:18px}.news-grid{grid-template-columns:repeat(4,1fr)}.news-card{padding:24px}.news-card h3{margin:12px 0;text-transform:uppercase}.news-card p{color:var(--muted)}.news-card.breaking{border-top:4px solid var(--danger)}.unit-grid{grid-template-columns:repeat(4,1fr)}.unit-card{padding:22px;min-height:230px}.unit-card span.icon{font-size:36px}.unit-card h3{text-transform:uppercase}.unit-card p{color:var(--muted)}.unit-card small{color:var(--sand);font-weight:900;letter-spacing:1px}.phase-track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.phase-card{padding:18px;border-top:4px solid var(--line)}.phase-card.active{border-top-color:var(--sand);background:linear-gradient(180deg,rgba(107,123,61,.35),rgba(18,23,16,.95))}.phase-card h3{margin:0 0 8px;text-transform:uppercase;font-size:15px}.phase-card p{margin:0;color:var(--muted);font-size:14px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:18px}.timeline-time{color:var(--sand);font-weight:900;font-family:monospace}.timeline-item h3{margin:0 0 4px}.timeline-item p{margin:0;color:var(--muted)}
.briefing-grid{grid-template-columns:repeat(4,1fr)}.briefing-grid article{padding:24px}.briefing-grid h3{text-transform:uppercase}.briefing-grid p{color:var(--muted)}.download-grid{grid-template-columns:repeat(4,1fr)}.download-card{padding:22px;transition:.2s}.download-card:hover{transform:translateY(-4px);border-color:var(--sand)}.download-card strong{display:block;text-transform:uppercase}.download-card span{color:var(--muted)}.signup{text-align:center}.signup .section-head{margin-left:auto;margin-right:auto}.signup-box{max-width:680px;margin:0 auto;padding:34px;text-align:left}.signup-box h3{text-transform:uppercase}.signup-box p,.signup-box li,.small{color:var(--muted)}footer{padding:30px 22px;text-align:center;border-top:1px solid var(--line);background:#090b09}footer strong,footer span{display:block}footer span{color:var(--muted);font-size:12px;letter-spacing:1.6px;margin-top:6px}
@media(max-width:1200px){.command-grid{grid-template-columns:repeat(2,1fr)}.map-shell,.fob-grid{grid-template-columns:1fr}.region-detail{position:static}.region-board,.news-grid,.unit-grid,.download-grid,.phase-track,.status-grid,.briefing-grid,.mission-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-toggle{display:block}.nav-links{position:absolute;top:76px;left:22px;right:22px;display:none;flex-direction:column;align-items:stretch;background:#11160f;border:1px solid var(--line);padding:16px}.nav-links.open{display:flex}.command-grid,.region-board,.news-grid,.unit-grid,.download-grid,.phase-track,.status-grid,.briefing-grid,.mission-board{grid-template-columns:1fr}.status-grid div{border-right:0}h1{letter-spacing:-1.5px}.ops-map{min-height:560px}.sector{font-size:11px}.map-point span{display:none}}

/* v7 Live Sync Upgrade */
.command-card.sync{border-top-color:var(--ok)}
.sync-section{background:linear-gradient(180deg,#0b0e0a,#10150f);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none;padding-left:max(22px,calc((100vw - 1400px)/2 + 22px));padding-right:max(22px,calc((100vw - 1400px)/2 + 22px))}
.sync-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:18px}
.sync-card{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--olive)}
.sync-card.online{border-top-color:var(--ok)}
.sync-card small{color:var(--sand);letter-spacing:1.8px;font-weight:900}
.sync-card h3{margin:10px 0;text-transform:uppercase}
.sync-card p{color:var(--muted)}
.sync-online{color:var(--ok)!important}
.sync-waiting{color:var(--warn)!important}
.sync-offline{color:var(--danger)!important}
@media(max-width:1200px){.sync-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sync-grid{grid-template-columns:1fr}}


/* v7.1 Player Portal Cleanup */
.player-hero .hero-content{padding-top:95px}
.player-status{margin-top:20px}
.player-overview{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:18px}
.player-card{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--olive);min-height:220px}
.player-card.big{border-top-color:var(--sand)}
.player-card.danger{border-top-color:var(--danger)}
.player-card small{color:var(--sand);letter-spacing:1.8px;font-weight:900}
.player-card h3{text-transform:uppercase;margin:10px 0}
.player-card p{color:var(--muted)}
.highlight{background:linear-gradient(180deg,#10150f,#0b0e0a);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none;padding-left:max(22px,calc((100vw - 1400px)/2 + 22px));padding-right:max(22px,calc((100vw - 1400px)/2 + 22px))}
.player-signup{border-top:4px solid var(--sand)}
.player-map .ops-map{min-height:620px}
.admin-hidden{padding-top:40px;padding-bottom:60px;opacity:.75}
.admin-hidden details{background:rgba(0,0,0,.24);border:1px solid var(--line);padding:18px}
.admin-hidden summary{cursor:pointer;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:1px}
.admin-hidden p{color:var(--muted)}
.nav-links a[href="#missions"]{display:none}
@media(max-width:1200px){.player-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.player-overview{grid-template-columns:1fr}}


/* v7.2 Final Player Portal */
.about-grid,.rolefinder-grid,.handbook-grid,.faq-grid{display:grid;gap:18px}
.about-grid{grid-template-columns:repeat(4,1fr)}
.rolefinder-grid{grid-template-columns:repeat(4,1fr)}
.handbook-grid{grid-template-columns:repeat(4,1fr)}
.faq-grid{grid-template-columns:repeat(2,1fr)}
.about-grid article,.rolefinder-grid article,.handbook-grid article,.faq-grid details{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--olive)}
.rolefinder-grid article{border-top-color:var(--sand)}
.handbook-grid article{border-top-color:var(--warn)}
.about-grid h3,.rolefinder-grid h3,.handbook-grid h3{margin-top:0;text-transform:uppercase}
.about-grid p,.rolefinder-grid p,.handbook-grid p,.faq-grid p{color:var(--muted)}
.info-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:rgba(0,0,0,.35);box-shadow:0 18px 45px var(--shadow)}
.info-strip div{padding:22px;border-right:1px solid var(--line)}
.info-strip div:last-child{border-right:0}
.info-strip span{display:block;color:var(--muted);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:6px}
.info-strip strong{text-transform:uppercase}
.faq-grid summary{cursor:pointer;text-transform:uppercase;font-weight:900;color:var(--sand)}
#phases,#missions,.admin-hidden,.sync-section{display:none!important}
@media(max-width:1200px){.about-grid,.rolefinder-grid,.handbook-grid,.info-strip{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}}
@media(max-width:760px){.about-grid,.rolefinder-grid,.handbook-grid,.info-strip{grid-template-columns:1fr}.info-strip div{border-right:0;border-bottom:1px solid var(--line)}}


/* v7.3 Real Takistan Map Upgrade */
.real-map-layout{display:grid;grid-template-columns:1fr 430px;gap:22px;align-items:start}
.real-map-shell{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:14px}
.map-controls-public{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.map-layer-btn{background:#11160f;color:var(--muted);border:1px solid var(--line);padding:8px 12px;text-transform:uppercase;font-weight:900;letter-spacing:1px;cursor:pointer;font-size:12px}
.map-layer-btn.active{background:var(--sand);color:#111;border-color:var(--sand)}
.real-map{position:relative;overflow:hidden;border:1px solid rgba(231,225,207,.25);background:#0a0c09}
.real-map img{display:block;width:100%;height:auto;filter:contrast(1.04) saturate(.86) brightness(.82)}
.real-map:after{content:"PUBLIC MAP · OPERATION IRON SHIELD";position:absolute;left:12px;bottom:10px;z-index:9;color:rgba(231,225,207,.62);font-size:11px;letter-spacing:2px;font-weight:900;background:rgba(0,0,0,.45);padding:4px 7px;border:1px solid rgba(255,255,255,.16)}
.map-sector{position:absolute;z-index:5;border:1px solid rgba(199,173,116,.72);background:rgba(20,28,16,.40);color:var(--text);padding:7px 9px;text-align:left;cursor:pointer;transition:.18s;backdrop-filter:blur(2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.map-sector strong{display:block;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.map-sector span{display:block;color:var(--muted);font-size:11px;white-space:nowrap}
.map-sector:hover,.map-sector.active{background:rgba(199,173,116,.32);border-color:#fff;transform:translateY(-2px)}
.zone-fob{left:46%;top:12%;width:17%;height:9%}
.zone-red{left:24%;top:22%;width:33%;height:10%}
.zone-blue{left:59%;top:25%;width:23%;height:13%}
.zone-feruz{left:38%;top:48%;width:18%;height:9%}
.zone-timur{left:67%;top:58%;width:18%;height:8%}
.zone-highland{left:10%;top:70%;width:25%;height:9%}
.zone-south{left:60%;top:80%;width:25%;height:8%}
.map-marker{position:absolute;z-index:8;transform:translate(-50%,-50%);border:1px solid #fff;background:#10140f;color:#fff;border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.80)}
.map-marker span{position:absolute;left:32px;top:3px;white-space:nowrap;background:rgba(0,0,0,.74);border:1px solid rgba(255,255,255,.25);padding:3px 6px;font-size:11px;color:var(--text);border-radius:2px}
.fob-marker{left:49.5%;top:14.5%;background:#1d4f91}
.depot-a{left:72%;top:31%;background:#7a5c16}
.depot-b{left:45%;top:52%;background:#7a5c16}
.depot-c{left:68%;top:85%;background:#7a5c16}
.poi-marker{background:#26301f;color:var(--sand);min-width:20px;height:20px;font-size:9px}
.poi-nur{left:16%;top:9%}.poi-nagara{left:27%;top:24%}.poi-feruz{left:43%;top:52%}.poi-timur{left:72%;top:61%}
.route-line{position:absolute;z-index:3;height:5px;background:rgba(199,173,116,.75);box-shadow:0 0 10px rgba(199,173,116,.35);border-radius:999px;transform-origin:left center}
.route-red{left:26%;top:24%;width:31%;transform:rotate(2deg)}
.route-blue{left:58%;top:30%;width:29%;transform:rotate(38deg)}
.route-south{left:60%;top:83%;width:23%;transform:rotate(-6deg)}
.real-map.hide-sectors .map-sector{display:none}
.real-map.hide-points .map-marker{display:none}
.real-map.hide-routes .route-line{display:none}
.real-map.hide-intel .zone-highland,.real-map.hide-intel .zone-red,.real-map.hide-intel .zone-south{opacity:.35}
.map-brief-card{position:sticky;top:12px}
.map-legend{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px;color:var(--muted)}
.map-legend strong{color:var(--text);text-transform:uppercase}
.map-legend span{display:flex;align-items:center;gap:8px;font-size:13px}
.map-legend i{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid rgba(255,255,255,.35)}
.legend-fob{background:#1d4f91}.legend-depot{background:#7a5c16}.legend-route{background:var(--sand)}.legend-risk{background:rgba(183,71,47,.55)}
@media(max-width:1200px){.real-map-layout{grid-template-columns:1fr}.map-brief-card{position:static}}
@media(max-width:760px){.map-sector span,.map-marker span{display:none}.map-sector strong{font-size:10px}.map-sector{padding:5px}.real-map-shell{padding:8px}.route-line{height:3px}}


/* v7.4 Field Manual Integration */
.manual-grid,.quickref-grid{display:grid;gap:18px}
.manual-grid{grid-template-columns:repeat(4,1fr)}
.quickref-grid{grid-template-columns:repeat(4,1fr)}
.manual-grid article,.quickref-grid article{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--sand)}
.quickref-grid article{border-top-color:var(--warn)}
.manual-grid h3,.quickref-grid h3{text-transform:uppercase;margin-top:0}
.manual-grid p,.quickref-grid p{color:var(--muted)}
.primary-download{border-top:4px solid var(--sand);background:linear-gradient(180deg,rgba(88,72,39,.85),rgba(13,17,12,.96))}
.hero .btn[href$=".pdf"]{border-color:rgba(199,173,116,.55)}
.nav-links a[href="#manual"],.nav-links a[href="#quickref"]{color:var(--sand)}
@media(max-width:1200px){.manual-grid,.quickref-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.manual-grid,.quickref-grid{grid-template-columns:1fr}}


/* v7.5 Map cleanup: no routes, corrected marker/sector placement */
.route-line{display:none!important}
.map-controls-public .map-layer-btn[data-map-layer="routes"]{display:none!important}

.real-map img{
  filter:contrast(1.05) saturate(.92) brightness(.86);
}

.map-sector{
  border:2px solid rgba(199,173,116,.86);
  background:rgba(16,22,13,.38);
  box-shadow:0 0 0 1px rgba(0,0,0,.35), 0 12px 25px rgba(0,0,0,.42);
}
.map-sector:hover,.map-sector.active{
  background:rgba(199,173,116,.34);
  border-color:#fff;
}

/* Sectors aligned to the real map image */
.zone-fob{
  left:44.5%;
  top:7.8%;
  width:15.5%;
  height:10.5%;
}
.zone-red{
  left:23.8%;
  top:21.0%;
  width:34.5%;
  height:10.8%;
}
.zone-blue{
  left:57.8%;
  top:21.8%;
  width:30.2%;
  height:20.5%;
}
.zone-feruz{
  left:38.0%;
  top:49.3%;
  width:17.5%;
  height:9.2%;
}
.zone-timur{
  left:66.6%;
  top:59.1%;
  width:16.2%;
  height:8.7%;
}
.zone-highland{
  left:8.5%;
  top:69.4%;
  width:24.0%;
  height:10.8%;
}
.zone-south{
  left:59.8%;
  top:83.0%;
  width:27.0%;
  height:8.6%;
}

/* Markers aligned to town/FOB positions on the uploaded Takistan map */
.fob-marker{
  left:51.0%;
  top:14.8%;
  background:#1d4f91;
}
.depot-a{
  left:80.6%;
  top:11.2%;
  background:#7a5c16;
}
.depot-b{
  left:43.3%;
  top:53.0%;
  background:#7a5c16;
}
.depot-c{
  left:82.8%;
  top:86.2%;
  background:#7a5c16;
}
.poi-nur{
  left:16.2%;
  top:8.8%;
}
.poi-nagara{
  left:27.1%;
  top:24.2%;
}
.poi-feruz{
  left:43.2%;
  top:53.0%;
}
.poi-timur{
  left:72.1%;
  top:61.6%;
}

.legend-sector{background:rgba(199,173,116,.32)}
@media(max-width:760px){
  .zone-fob,.zone-red,.zone-blue,.zone-feruz,.zone-timur,.zone-highland,.zone-south{
    min-width:42px;
    min-height:32px;
  }
}


/* v7.6 Exact depot positions from GRID */
.fob-marker{left:50.0%!important;top:14.17%!important;background:#1d4f91!important}
.depot-a{left:78.33%!important;top:16.67%!important;background:#7a5c16!important}
.depot-b{left:41.67%!important;top:42.5%!important;background:#7a5c16!important}
.depot-c{left:87.5%!important;top:46.67%!important;background:#7a5c16!important}
.depot-d{left:99.17%!important;top:79.17%!important;background:#7a5c16!important}
.depot-e{left:67.5%!important;top:84.17%!important;background:#7a5c16!important}

.depot-marker span{max-width:260px;white-space:normal;line-height:1.25}
.map-marker:hover{z-index:30;transform:translate(-50%,-50%) scale(1.1)}

/* sector cleanup without routes */
.route-line{display:none!important}
.map-controls-public .map-layer-btn[data-map-layer="routes"]{display:none!important}


/* v7.7 Confirmed marker positions from approved preview V2 */
.fob-marker{left:46.452%!important;top:9.731%!important;background:#1d4f91!important}
.depot-a{left:73.548%!important;top:20.945%!important;background:#7a5c16!important}
.depot-b{left:39.078%!important;top:46.895%!important;background:#7a5c16!important}
.depot-c{left:81.382%!important;top:49.583%!important;background:#7a5c16!important}
.depot-d{left:84.793%!important;top:81.928%!important;background:#7a5c16!important}
.depot-e{left:62.673%!important;top:83.411%!important;background:#7a5c16!important}

.route-line{display:none!important}
.map-controls-public .map-layer-btn[data-map-layer="routes"]{display:none!important}
.depot-marker span{max-width:270px;white-space:normal;line-height:1.25}
.map-marker:hover{z-index:50;transform:translate(-50%,-50%) scale(1.1)}


/* v7.8 Player Experience Upgrade */
.startinfo{background:linear-gradient(180deg,#10150f,#0b0e0a);border-bottom:1px solid var(--line);max-width:none;padding-left:max(22px,calc((100vw - 1400px)/2 + 22px));padding-right:max(22px,calc((100vw - 1400px)/2 + 22px))}
.start-grid,.prep-grid,.flow-grid,.rules60-grid,.fit-grid{display:grid;gap:18px}
.start-grid{grid-template-columns:repeat(4,1fr)}
.start-card,.prep-grid article,.flow-grid div,.rules60-grid article,.fit-grid article,.tnn-feature{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--olive)}
.highlight-card{border-top-color:var(--sand)}
.start-card small{color:var(--sand);letter-spacing:1.8px;font-weight:900}
.start-card h3,.prep-grid h3,.flow-grid span{margin:8px 0;text-transform:uppercase}
.start-card p,.prep-grid p,.flow-grid p,.rules60-grid p,.fit-grid li{color:var(--muted)}
.start-actions{margin-top:22px;margin-bottom:0}
.prep-grid{grid-template-columns:repeat(3,1fr)}
.prep-grid article span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--sand);color:#111;font-weight:900;margin-bottom:10px}
.flow-grid{grid-template-columns:repeat(6,1fr)}
.flow-grid div{border-top-color:var(--sand)}
.flow-grid strong{display:block;color:var(--sand);font-size:28px;font-family:monospace}
.flow-grid span{display:block;font-weight:900}
.rolefinder-grid.rated article{min-height:300px}
.rating{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center;margin:9px 0}
.rating span{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:900}
.rating i{height:9px;background:rgba(255,255,255,.08);border:1px solid var(--line);position:relative}
.rating i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--v);background:linear-gradient(90deg,var(--olive),var(--sand))}
.rolefinder-grid.rated small{display:block;margin-top:14px;color:var(--sand);font-weight:900}
.rules60-grid{grid-template-columns:repeat(4,1fr)}
.rules60-grid article{display:flex;gap:14px;align-items:flex-start;border-top-color:var(--danger)}
.rules60-grid strong{color:var(--sand);font-size:22px;font-family:monospace}
.rules60-grid p{margin:0;font-weight:900;text-transform:uppercase;color:var(--text)}
.tnn-feature{border-top-color:var(--danger);margin-bottom:18px}
.tnn-feature small{color:var(--sand);letter-spacing:1.8px;font-weight:900}
.tnn-feature h3{text-transform:uppercase;font-size:clamp(28px,4vw,48px);margin:8px 0}
.tnn-feature p{color:var(--muted);max-width:850px}
.fit-grid{grid-template-columns:repeat(2,1fr)}
.fit-grid h3{text-transform:uppercase;margin-top:0}
.fit-grid ul{padding-left:20px;margin-bottom:0}
.fit-good{border-top-color:var(--ok)!important}
.fit-bad{border-top-color:var(--danger)!important}
.map-legend span:last-child:after{content:" · Command-Aufträge nicht öffentlich";color:var(--muted)}
@media(max-width:1200px){.start-grid,.prep-grid,.flow-grid,.rules60-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.start-grid,.prep-grid,.flow-grid,.rules60-grid,.fit-grid{grid-template-columns:1fr}}

/* v7.9 Player Readiness Update */
.readiness-layout,.mods-grid,.fobdetails-grid,.unit-details-grid,.updates-grid{display:grid;gap:18px}.readiness-layout{grid-template-columns:1.15fr 1fr 1fr}.checklist-card,.server-card,.status-card,.mods-grid article,.fobdetails-grid article,.unit-details-grid details,.updates-grid article{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);padding:24px;border-top:4px solid var(--olive)}.checklist-card{border-top-color:var(--sand)}.checklist-card h3,.server-card h3,.status-card h3,.mods-grid h3,.fobdetails-grid h3{text-transform:uppercase;margin-top:0}.checklist-card label{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);cursor:pointer}.checklist-card input{margin-right:10px;transform:scale(1.2)}.readiness-progress{height:12px;background:rgba(255,255,255,.08);border:1px solid var(--line);margin-top:16px}.readiness-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--olive),var(--sand));transition:.2s}#readinessProgressText{color:var(--sand);font-weight:900}.server-card div{display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.server-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.status-card li{color:var(--muted);margin:8px 0}.mods-grid{grid-template-columns:repeat(4,1fr)}.fobdetails-grid{grid-template-columns:repeat(3,1fr)}.unit-details-grid{grid-template-columns:repeat(2,1fr)}.unit-details-grid details{border-top-color:var(--sand)}.unit-details-grid summary{cursor:pointer;font-weight:900;text-transform:uppercase;color:var(--sand)}.unit-details-grid p{color:var(--muted)}.unit-details-grid small{color:var(--text);font-weight:900}.tnn-ticker{overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.35);margin-bottom:18px;white-space:nowrap}.tnn-ticker span{display:inline-block;padding:12px 28px;color:var(--sand);font-weight:900;animation:ticker 22s linear infinite}@keyframes ticker{from{transform:translateX(20%)}to{transform:translateX(-120%)}}.updates-grid{grid-template-columns:repeat(4,1fr)}.updates-grid article{border-top-color:var(--sand)}.updates-grid strong{display:block;text-transform:uppercase;margin-bottom:8px}.updates-grid span{color:var(--muted)}@media(max-width:1200px){.readiness-layout,.mods-grid,.fobdetails-grid,.updates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.readiness-layout,.mods-grid,.fobdetails-grid,.unit-details-grid,.updates-grid{grid-template-columns:1fr}.server-card div{grid-template-columns:1fr}}


/* v8.0 Dokumentenbereich */
.documents-block{margin-top:26px}
.documents-block>h3{font-size:22px;text-transform:uppercase;letter-spacing:.8px;color:var(--sand);margin-bottom:16px}
.documents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc-card{background:linear-gradient(180deg,rgba(29,36,25,.96),rgba(13,17,12,.96));border:1px solid var(--line);border-top:4px solid var(--sand);box-shadow:0 18px 45px var(--shadow);padding:24px;display:flex;flex-direction:column;gap:12px;min-height:230px}
.doc-card h3{text-transform:uppercase;margin:0;color:var(--text)}
.doc-card p{color:var(--muted);margin:0;flex:1}
.doc-card .btn{align-self:flex-start;margin-top:auto}
.internal-docs-note{margin-top:28px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-left:5px solid var(--danger);padding:22px}
.internal-docs-note h3{text-transform:uppercase;margin:0 0 8px;color:var(--sand)}
.internal-docs-note p{color:var(--muted);margin:0;max-width:900px}
@media(max-width:1100px){.documents-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.documents-grid{grid-template-columns:1fr}.doc-card{min-height:auto}}
