:root{--bg:#111310;--panel:#191c18;--text:#eeeae0;--muted:#a6a99e;--amber:#d6a153;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}::selection{background:var(--amber);color:#111}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid var(--line);background:#11131060}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:27px;line-height:1;letter-spacing:1px}.brand b span{display:block;font:8px/2.4 monospace;letter-spacing:2.2px;color:var(--muted)}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a:hover,.text-link:hover,footer a:hover{color:var(--amber)}.nav-cta{border-left:1px solid var(--line);padding-left:35px}.nav-cta span{color:var(--amber);margin-left:18px}.menu{display:none}.hero{min-height:790px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#272b24 url('assets/zone.jpg') center/cover}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d100fe6 0%,#11130e80 48%,#11131010 80%),linear-gradient(0deg,#111310 0%,transparent 25%,#11131020 80%)}.hero-copy{padding:210px 7% 100px;max-width:1000px}.eyebrow{font:10px/1.7 monospace;letter-spacing:2px;color:var(--amber);margin:0 0 23px;display:flex;align-items:center;gap:10px}.eyebrow i{font-style:normal;color:#b4b5a4;letter-spacing:1px;margin-left:24px}.signal{display:inline-block;width:5px;height:5px;background:var(--amber);box-shadow:0 0 12px #e6b45e;border-radius:50%}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(54px,6.3vw,100px);letter-spacing:-1px;line-height:1.02;font-weight:900;margin:0 0 30px}h1 span{color:var(--amber)}.intro{color:#c1c2b8;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{background:var(--amber);color:#171912;border:1px solid var(--amber);padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-weight:bold;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#edba70;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:12px}.coordinates{font:10px monospace;color:#9a9d8c;letter-spacing:1px;margin-top:60px}.coordinates span{display:block;font-size:8px;margin-top:9px;color:#737b6c}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1.3px;color:#999c8d}.hero-bottom span:last-child{color:var(--amber)}.fog{position:absolute;z-index:-1;bottom:5%;width:130%;height:35%;background:radial-gradient(ellipse at 55% 60%,#cacaa21c,transparent 65%);filter:blur(20px);animation:drift 24s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:translateX(-15%)}}.section{padding:95px 7%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:25px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:clamp(29px,3.1vw,45px);font-weight:600;letter-spacing:-1.4px;line-height:1.2;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 4px}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.server{position:relative;min-height:390px;isolation:isolate;overflow:hidden;border:1px solid var(--line);background:#292e25 url('assets/zone.jpg') 70% 50%/cover}.server:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10140ff5,#10140f18 100%)}.chernarus{background-position:8% 65%}.chernarus:before{background:linear-gradient(0deg,#10170ff5,#223c3538)}.server-top{display:flex;justify-content:space-between;gap:10px;padding:24px}.tag,.server-status{font:9px monospace;letter-spacing:1px}.tag{border:1px solid #ffffff50;padding:5px 8px}.server-status{color:#d6d6bf;padding:5px 0}.server-body{padding:65px 28px 25px}.server-body .eyebrow{font-size:8px;margin-bottom:8px}h3{font-size:36px;line-height:1.2;margin:0 0 15px;letter-spacing:-.9px}.server-body>p:not(.eyebrow){color:#b5bbac;font-size:13px}.server-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.server-foot>span{font:9px monospace;color:#a0a894}.server-button{background:none;border:0;color:var(--amber);font-size:11px;padding:8px 0}.server-button:hover{color:#ffe1b1}.small-note{font-size:11px;color:var(--muted);line-height:1.7}.news-section{border-top:1px solid var(--line)}.section-side{font:9px monospace;color:var(--muted);letter-spacing:1px;display:flex;align-items:center;gap:15px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{min-width:0}.news-image{width:100%;height:190px;object-fit:cover;display:block;filter:saturate(.65);border:1px solid var(--line)}.news-card:nth-child(2) .news-image{object-position:0 50%;filter:saturate(.4) hue-rotate(20deg)}.news-card:nth-child(3) .news-image{object-position:100% 50%;filter:saturate(.4)}.news-meta{display:flex;justify-content:space-between;gap:8px;font:9px monospace;color:var(--amber);margin:20px 0 12px}.news-meta time{color:var(--muted)}.news-card h3{font-size:21px;letter-spacing:-.4px}.news-card>p{color:var(--muted);font-size:12px;line-height:1.9}.demo{font:8px monospace;color:#9c9f90;border:1px solid var(--line);display:inline-block;padding:2px 7px}.community{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:80px;padding-bottom:85px}.community h2{font-size:clamp(33px,3.5vw,50px)}.community>div>p:last-child{color:var(--muted);font-size:13px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource{position:relative;border:1px solid var(--line);background:#1b1e18;padding:23px;text-align:left;color:var(--text);display:flex;flex-direction:column;justify-content:center;min-height:145px}.resource:hover{border-color:#d6a15380;background:#22261d}.resource-symbol{font:bold 21px monospace;color:var(--amber);margin-bottom:12px}.resource strong{font-size:15px}.resource small{font-size:10px;color:var(--muted);margin-top:4px}.resource .arrow{position:absolute;top:21px;right:20px;color:#717769}.resource[aria-disabled=true]{cursor:default}.resource[aria-disabled=true] .arrow{font-size:8px;border:1px solid var(--line);padding:2px 5px}footer{border-top:1px solid var(--line);margin:0 5%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:10px}footer .brand{color:var(--text)}footer p{font-size:9px}footer>a:last-child{font:9px monospace;letter-spacing:1px}dialog{background:#1b1e18;color:var(--text);border:1px solid #d6a15370;padding:40px;max-width:570px;width:calc(100% - 32px);max-height:85svh;overflow:auto}dialog::backdrop{background:#060907d9;backdrop-filter:blur(6px)}dialog h2{font-size:30px}dialog p,dialog ol{color:var(--muted);font-size:13px}dialog li{margin-bottom:13px}.close{position:absolute;right:16px;top:10px;background:none;color:var(--text);border:0;font-size:28px}.outline{border:1px solid var(--amber);background:none;color:var(--amber);padding:10px 20px}.skip{position:fixed;top:-100px;left:12px;z-index:20;background:var(--amber);color:#111;padding:12px}.skip:focus{top:12px}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{margin-left:calc((100vw - 1600px)/2)}}@media(max-width:800px){header{height:74px}.hero{min-height:720px}.hero-copy{padding-top:190px}.hero-bottom span:last-child{display:none}.section{padding:65px 6%}.section-heading{align-items:flex-start}.section-heading>p{display:none}.server-body{padding:65px 20px 20px}.server-foot{align-items:flex-start;flex-direction:column}h3{font-size:29px}.news-grid{gap:17px}.news-image{height:145px}.news-card h3{font-size:18px}.community{gap:30px}footer{flex-wrap:wrap}.resource{padding:17px}.section-side{font-size:8px}}
@media(max-width:600px){header{padding:0 6%;background:#11131085}.brand b{font-size:24px}.menu{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);color:var(--text);padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#151912;border-bottom:1px solid var(--line);padding:24px 6%;flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}.nav-cta{padding:0;border:0}.hero{min-height:730px;max-height:900px;background-position:64% center}.hero:before{background:linear-gradient(90deg,#0d100fe6,#11130e66),linear-gradient(0deg,#111310,transparent 45%)}.hero-copy{padding:180px 6% 110px}.eyebrow{font-size:8px;letter-spacing:1.5px}.eyebrow i{display:none}h1{font-size:clamp(46px,11vw,65px);letter-spacing:-1.5px}.intro{font-size:14px}.hero-actions{gap:22px;flex-wrap:wrap}.coordinates{margin-top:48px}.hero-bottom{font-size:7px;letter-spacing:.8px;left:6%;right:6%}.server-grid,.news-grid,.community{grid-template-columns:1fr}.section-heading{margin-bottom:26px}.section-side{display:none}.server{min-height:360px}.server-body{padding-top:65px}.server-foot{flex-direction:row;align-items:center}.news-grid{gap:34px}.news-image{height:210px}.news-card h3{font-size:23px}.news-card>p{font-size:13px}.community{gap:30px}.resource-grid{gap:10px}.resource{min-height:150px}.community h2{font-size:39px}footer{gap:20px}footer p{width:calc(100% - 150px)}dialog{padding:32px 24px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* One project, two distinct worlds */
.split-hero{background:#141c1b;min-height:840px}.split-hero:before{z-index:0;background:linear-gradient(0deg,#111310 0%,transparent 38%,#10140e55 80%);pointer-events:none}.world-view{position:absolute;inset:0;width:50%;z-index:-2;background-size:cover;background-position:center}.world-dayz{background-image:linear-gradient(#14222655,#0e181d77),url('assets/chernarus.jpg');left:0}.world-stalker{background-image:linear-gradient(#211c1744,#1e170e66),url('assets/zone.jpg');left:50%;background-position:68% center}.world-divider{position:absolute;top:88px;bottom:65px;left:50%;width:1px;background:linear-gradient(transparent,#d6a15388,transparent);z-index:-1}.hero-title{position:relative;text-align:center;padding-top:160px;z-index:1}.hero-title .eyebrow{justify-content:center}.hero-title h1{font-size:clamp(52px,5.7vw,87px);text-shadow:0 3px 30px #000a}.hero-title>p:last-child{color:#d1d0c5;font-size:13px}.world-choices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:65px 8% 100px;z-index:1}.world-choice{padding:22px 0;border-top:1px solid #ffffff50}.world-choice .eyebrow{margin-bottom:10px}.world-choice:first-child .eyebrow{color:#b2d1cc}.world-choice h2{font-size:40px}.world-choice>p{font-size:13px;color:#cacdc3}.world-action{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:var(--amber);margin-top:22px}.world-choice:first-child .world-action{color:#b2d1cc}.world-action b{font-size:22px;transition:transform .2s}.world-choice:hover .world-action b{transform:translateY(4px)}.world-detail{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:25px;scroll-margin-top:30px}.world-art{background:url('assets/chernarus.jpg') center/cover;min-height:430px;position:relative}.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11131070,transparent)}.world-art .tag{position:absolute;left:25px;top:25px;z-index:1;background:#11131088;color:#dfe7df}.world-info{padding:42px;background:#1a201d}.world-info h3{font-size:32px}.world-info>p:not(.eyebrow){font-size:13px;color:var(--muted)}.dayz-detail .eyebrow{color:#aacbc4}.dayz-detail .button{background:#aec8bf;border-color:#aec8bf}.stalker-detail .world-art{background-image:url('assets/zone.jpg');background-position:75% center;order:2}.stalker-detail .world-info{background:#201e18}.world-facts{display:flex;gap:40px;border-block:1px solid var(--line);padding:17px 0;margin:24px 0}.world-facts span{font:9px monospace;color:var(--muted);letter-spacing:1px}.world-facts b{display:block;color:var(--text);font:14px Arial;margin-top:7px}.world-news-link{display:block;margin-top:18px;font-size:11px;color:var(--muted)}.world-news-link:hover{color:var(--amber)}.news-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.news-filters button{border:1px solid var(--line);color:var(--muted);background:transparent;padding:9px 15px;font-size:11px}.news-filters button[aria-pressed=true]{color:#171912;background:var(--amber);border-color:var(--amber)}.news-filters button:hover{border-color:var(--amber)}
@media(max-width:800px){.split-hero{min-height:800px}.hero-title{padding-top:155px}.world-choices{padding:60px 6% 100px;gap:12%}.world-choice h2{font-size:31px}.world-info{padding:27px}.world-info h3{font-size:27px}.world-facts{gap:25px}.world-art{min-height:450px}}
@media(max-width:600px){.split-hero{height:auto;min-height:960px;max-height:none}.hero-title{padding:145px 6% 0}.hero-title h1{font-size:53px}.hero-title .eyebrow{font-size:8px}.hero-title>p:last-child{font-size:11px}.world-view{width:100%;height:50%;left:0}.world-dayz{top:0;background-position:40% 55%}.world-stalker{top:50%;background-position:70% 55%}.world-divider{top:50%;bottom:auto;left:6%;right:6%;height:1px;width:auto}.world-choices{display:flex;flex-direction:column;gap:65px;padding:30px 6% 90px}.world-choice{padding:15px 0 0}.world-choice:first-child{margin-right:15%}.world-choice:last-child{margin-left:15%;text-align:right}.world-choice:last-child .eyebrow{justify-content:flex-end}.world-choice h2{font-size:34px}.world-choice>p{font-size:12px}.world-action{margin-top:15px}.world-detail{grid-template-columns:1fr}.world-art{min-height:260px}.stalker-detail .world-art{order:0}.world-info{padding:28px 23px}.world-info h3{font-size:30px}.world-info .eyebrow{font-size:9px}.world-facts{gap:40px}.world-news-link{margin-top:20px}.news-filters{gap:8px}.news-filters button{padding:9px 11px;font-size:10px}.brand b span{font-size:6px;letter-spacing:1px}}
/* Atmospheric depth and transitions between the two worlds */
.split-hero{--seam:50%}.world-view{transition:width 1s cubic-bezier(.2,.65,.25,1),left 1s cubic-bezier(.2,.65,.25,1),filter .8s ease,transform 1.2s ease;transform:scale(1.015);filter:brightness(.88) saturate(.8)}
.split-hero[data-active-world="dayz"]{--seam:55%}.split-hero[data-active-world="stalker"]{--seam:45%}
.world-dayz{width:var(--seam);transform-origin:left center}.world-stalker{left:var(--seam);width:calc(100% - var(--seam));transform-origin:right center}
.split-hero[data-active-world="dayz"] .world-dayz,.split-hero[data-active-world="stalker"] .world-stalker{filter:brightness(1.15) saturate(1.06);transform:scale(1.045)}
.split-hero[data-active-world="dayz"] .world-stalker,.split-hero[data-active-world="stalker"] .world-dayz{filter:brightness(.64) saturate(.55)}
.world-divider{left:var(--seam);transition:left 1s cubic-bezier(.2,.65,.25,1),box-shadow .8s;box-shadow:0 0 30px #d6a15330;pointer-events:none}
.split-hero .fog{z-index:0;bottom:0;left:-20%;width:140%;height:58%;filter:none;background:none;animation:none;overflow:hidden;opacity:.72;transition:opacity .8s;pointer-events:none}
.split-hero .fog:before,.split-hero .fog:after{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 60%,#adc6c13d 0,transparent 40%),radial-gradient(ellipse at 65% 45%,#dfc79a30 0,transparent 35%),radial-gradient(ellipse at 45% 85%,#d1dbcd45 0,transparent 45%);filter:blur(22px);animation:fog-flow 26s ease-in-out infinite alternate;will-change:transform}
.split-hero .fog:after{background:radial-gradient(ellipse at 70% 75%,#cfdbd14a,transparent 45%),radial-gradient(ellipse at 35% 35%,#b8c3c331,transparent 40%);animation:fog-flow-near 19s ease-in-out infinite alternate;opacity:.7}
.split-hero[data-active-world] .fog{opacity:.95}
@keyframes fog-flow{from{transform:translate3d(-5%,4%,0) scale(1)}to{transform:translate3d(10%,-5%,0) scale(1.1)}}
@keyframes fog-flow-near{from{transform:translate3d(8%,8%,0) scale(1.1)}to{transform:translate3d(-8%,-2%,0) scale(1)}}
.hero-title h1{color:#f5efe2;text-shadow:0 1px 0 #c6c3b7,0 2px 0 #96998f,0 3px 0 #62695e,0 5px 0 #2a332b,0 9px 14px #000a,0 20px 45px #000d;filter:drop-shadow(0 -1px 0 #ffffff40)}
.hero-title h1 span{color:#e0ad65;text-shadow:0 1px 0 #c28d45,0 2px 0 #98703b,0 3px 0 #654c2c,0 5px 0 #332a1c,0 9px 14px #000a,0 0 40px #e2a24a25}
.world-choice{transition:transform .8s ease,border-color .8s ease,opacity .8s ease;text-shadow:0 2px 4px #000,0 6px 20px #000a}
.world-choice h2{transition:color .8s,text-shadow .8s; text-shadow:0 1px 0 #8b9485,0 3px 0 #283128,0 7px 18px #000b}
.split-hero[data-active-world="dayz"] .world-choice:first-child,.split-hero[data-active-world="stalker"] .world-choice:last-child{transform:translateY(-7px);border-color:#ead4a4}
.split-hero[data-active-world="dayz"] .world-choice:first-child h2{color:#e4f6ed;text-shadow:0 1px 0 #839e94,0 3px 0 #2c3c35,0 8px 20px #000,0 0 35px #b6e4d54d}
.split-hero[data-active-world="stalker"] .world-choice:last-child h2{color:#f1c180;text-shadow:0 1px 0 #ad854d,0 3px 0 #4d3922,0 8px 20px #000,0 0 35px #e0aa584d}
.section-heading h2,.world-info h3,.community h2{ text-shadow:0 1px 0 #73796b,0 3px 0 #080d09,0 8px 20px #0008}
.world-art{overflow:hidden;isolation:isolate}.world-art:before{content:'';position:absolute;inset:0;background:inherit;z-index:-1;transition:transform 1.4s ease,filter 1s ease}.world-detail:hover .world-art:before{transform:scale(1.045);filter:brightness(1.1)}
.world-art:after{inset:-12%;background:linear-gradient(0deg,#11131070,transparent 65%),radial-gradient(ellipse at 25% 78%,#b6cec334,transparent 50%),radial-gradient(ellipse at 80% 60%,#c5ba9730,transparent 45%);animation:detail-mist 22s ease-in-out infinite alternate;pointer-events:none}
@keyframes detail-mist{to{transform:translate3d(6%,-3%,0)}}
@media(max-width:600px){.world-dayz,.world-stalker{width:100%;left:0;transform:none!important;filter:none!important}.world-divider{left:6%}.hero-title h1{ text-shadow:0 1px 0 #a7aa9c,0 3px 0 #3c4439,0 6px 15px #000c}.split-hero .fog{height:85%;opacity:.6}.world-choice{transform:none!important}}
@media(prefers-reduced-motion:reduce){.world-view,.world-choice,.world-art:before{transform:none!important}.split-hero{--seam:50%!important}.split-hero .fog:before,.split-hero .fog:after,.world-art:after{will-change:auto;animation:none!important}}
/* The two worlds now belong to one continuous panoramic image. */
.world-panorama{position:absolute;inset:0;z-index:-2;background:url('assets/magu-panorama.jpg') center/cover no-repeat;transform:scale(1.015);transition:transform 1.8s ease,filter 1.2s ease;pointer-events:none}
.split-hero .world-view{inset:0;width:100%;height:100%;left:0;z-index:-1;transform:none!important;filter:none!important;background-image:none;pointer-events:none;transition:opacity 1.1s ease;opacity:.15}
.split-hero .world-dayz{background:linear-gradient(90deg,#81bdb82b,transparent 65%)}
.split-hero .world-stalker{background:linear-gradient(270deg,#edb56538,transparent 65%)}
.split-hero[data-active-world="dayz"] .world-dayz,.split-hero[data-active-world="stalker"] .world-stalker{opacity:1}
.split-hero[data-active-world="dayz"] .world-stalker,.split-hero[data-active-world="stalker"] .world-dayz{opacity:0}
.split-hero[data-active-world] .world-panorama{transform:scale(1.035);filter:brightness(1.05)}
.split-hero .world-divider{display:none}
@media(max-width:600px){.world-panorama{background-size:auto 100%;background-position:center}.split-hero .world-dayz,.split-hero .world-stalker{top:0;opacity:.2!important}.split-hero[data-active-world] .world-panorama{transform:scale(1.015);filter:none}}
@media(prefers-reduced-motion:reduce){.world-panorama,.split-hero[data-active-world] .world-panorama{transform:none!important}}
/* Preserve the complete panorama rather than cropping away either world. */
.world-panorama{background-size:100% auto;background-position:center 65%;background-color:#141c1b;mask-image:linear-gradient(transparent 5%,#000 24%,#000 86%,transparent 100%)}
@media(max-width:600px){.world-panorama{background-size:auto 76%;background-position:center 55%;mask-image:linear-gradient(transparent,#000 18%,#000 83%,transparent)}}
/* Full-bleed sky, stronger change of atmosphere, and MaGu identity. */
.world-panorama{background-image:url('assets/magu-hero.jpg');background-size:cover;background-position:center;mask-image:none;transform:scale(1.025);transition:transform 1.6s ease,filter .9s ease}
.split-hero:before{background:linear-gradient(0deg,#111310 0%,#11131025 18%,transparent 60%,#0b101b25 100%)}
.split-hero .world-view{transition:opacity .65s ease;mix-blend-mode:normal;opacity:.05}
.split-hero .world-dayz{background:radial-gradient(ellipse at var(--pointer-x,25%) var(--pointer-y,50%),#abd7dc55 0%,#557d8625 24%,transparent 55%),linear-gradient(90deg,#7ebfcb22 0%,transparent 40%,#090b16a8 100%)}
.split-hero .world-stalker{background:radial-gradient(ellipse at var(--pointer-x,75%) var(--pointer-y,50%),#ffc16b66 0%,#c475292b 25%,transparent 55%),linear-gradient(270deg,#f5b85425 0%,transparent 40%,#071019b5 100%)}
.split-hero[data-active-world="dayz"] .world-panorama{transform:scale(1.055) translateX(.65%);filter:saturate(1.1) contrast(1.08)}
.split-hero[data-active-world="stalker"] .world-panorama{transform:scale(1.055) translateX(-.65%);filter:saturate(1.22) contrast(1.1)}
.split-hero[data-active-world="dayz"] .world-choice:last-child,.split-hero[data-active-world="stalker"] .world-choice:first-child{opacity:.48;transform:translateY(5px)}
.split-hero[data-active-world="dayz"] .world-choice:first-child,.split-hero[data-active-world="stalker"] .world-choice:last-child{opacity:1;transform:translateY(-10px);border-top-width:2px}
.hero-title .eyebrow{color:#f1d6a9;text-shadow:0 2px 7px #000,0 0 22px #000;font-size:11px;letter-spacing:3px}
.brand .magu-logo{display:block;width:165px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 8px #0008);transition:filter .3s}
.brand:hover .magu-logo{filter:drop-shadow(0 0 8px #d6a15350)}
@media(max-width:600px){.world-panorama{background-size:cover;background-position:center;mask-image:none}.brand .magu-logo{width:145px;height:43px}.hero-title .eyebrow{font-size:8px;letter-spacing:2px}.split-hero[data-active-world] .world-choice{opacity:1;transform:none}.split-hero[data-active-world] .world-panorama{transform:scale(1.025);filter:none}}
@media(prefers-reduced-motion:reduce){.split-hero[data-active-world] .world-choice{transform:none!important}.split-hero[data-active-world] .world-panorama{transform:none!important}}
/* Shared atmosphere below the hero: two worlds across the entire page. */
body{background:#111714}
main{position:relative;isolation:isolate;background:linear-gradient(90deg,#142127 0%,#152024 35%,#171e1d 47%,#201e18 53%,#292219 66%,#241b13 100%)}
main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 47%,#6eaaa71a,transparent 36%),radial-gradient(ellipse at 91% 62%,#d2953e20,transparent 40%),repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px)}
main:after{content:'';position:absolute;top:100svh;bottom:0;left:50%;width:1px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#b7c8ad25 12%,#d6a15325 85%,transparent)}
.split-hero{position:relative}
.split-hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:150px;pointer-events:none;z-index:0;background:linear-gradient(0deg,#142127 0%,transparent 100%);mask-image:linear-gradient(90deg,#000,transparent 65%)}
.split-hero:before{background:linear-gradient(0deg,#17201dcc 0%,#11131020 18%,transparent 60%,#0b101b25 100%)}
.section{position:relative;background:transparent}
.news-section,.community{border-top-color:#d7d4bd22}
.world-info{background:#162328e8}.stalker-detail .world-info{background:#292015e8}
.resource{background:#171f1be0;backdrop-filter:blur(5px)}
footer{position:relative;margin:0;padding:30px 5%;background:linear-gradient(90deg,#142127 0%,#171e1d 47%,#201e18 53%,#241b13 100%);border-top:1px solid #d7d4bd22}
@media(max-width:600px){main:after{top:960px}.split-hero:after{height:110px}footer{padding:30px 6%}.resource{backdrop-filter:none}}
/* Distinct activities in each MaGu world. */
.world-features{list-style:none;margin:27px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}
.world-features li{display:flex;align-items:flex-start;gap:10px;min-width:0}
.world-features li>span{font:9px/1.6 monospace;color:#9dc5c0;border-top:1px solid #9dc5c066;padding-top:3px;min-width:20px}
.world-features strong{display:block;font-size:12px;line-height:1.5;color:#e0e9df;font-weight:600}
.world-features p{font-size:11px;line-height:1.7;color:#a5b0a7;margin:5px 0 0}
.stalker-detail .world-features li>span{color:#dfac65;border-color:#dfac6566}.stalker-detail .world-features strong{color:#eee3ce}
.world-art{min-height:100%}
@media(max-width:800px){.world-features{grid-template-columns:1fr;gap:17px}.world-features strong{font-size:13px}}
@media(max-width:600px){.world-art{min-height:260px}.world-features{grid-template-columns:1fr 1fr;gap:20px 14px}.world-features strong{font-size:12px}.world-features p{font-size:11px}}
@media(max-width:360px){.world-features{grid-template-columns:1fr}}
/* Expedition posters and tactile activity tiles. */
.world-detail{--world-accent:#a7d4cb;--world-glow:#77c4c222;position:relative;overflow:hidden;border-color:#a7d4cb30;border-radius:3px;box-shadow:0 20px 65px #0003;transition:border-color .4s,box-shadow .4s;margin-top:32px}
.stalker-detail{--world-accent:#e3b36d;--world-glow:#e3a24622;border-color:#e3b36d30}
.world-detail:hover{border-color:var(--world-accent);box-shadow:0 20px 65px #0005,0 0 35px var(--world-glow)}
.world-art{min-height:100%;background-position:42% center}.world-art:after{z-index:0;background:linear-gradient(0deg,#07100ff5 0%,#0b171333 52%,transparent 75%),radial-gradient(ellipse at 25% 75%,var(--world-glow),transparent 65%);animation:none;inset:0}
.world-art .tag{top:24px;left:24px;padding:7px 11px;backdrop-filter:blur(8px);border-color:#ffffff50;letter-spacing:2px}
.world-poster{position:absolute;bottom:40px;left:38px;right:30px;z-index:1;pointer-events:none;transition:transform .7s}
.world-detail:hover .world-poster{transform:translateY(-6px)}
.poster-kicker{font:9px monospace;letter-spacing:3px;color:var(--world-accent)}
.world-poster h4{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(36px,4vw,66px);letter-spacing:1px;line-height:1.02;margin:15px 0;color:#eef2e5;text-shadow:0 2px 0 #505e50,0 7px 25px #000b}
.stalker-detail .world-poster h4{color:#f6dfb9}.world-poster>p{font-size:12px;color:#c2cbbc;text-shadow:0 2px 5px #000}
.poster-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.poster-tags span{font:8px monospace;letter-spacing:1px;border:1px solid #ffffff30;padding:5px 8px;background:#101c1b85;color:var(--world-accent)}
.world-info{padding:40px;background:radial-gradient(ellipse at 100% 0%,#6dbaa818,transparent 60%),linear-gradient(135deg,#1a2b2e,#142021)}
.stalker-detail .world-info{background:radial-gradient(ellipse at 0% 0%,#c58c3c20,transparent 60%),linear-gradient(135deg,#30271d,#201e18)}
.world-info>.eyebrow{margin-bottom:16px}.world-info h3{font-size:clamp(27px,2.3vw,36px);line-height:1.17;max-width:480px}
.world-features{gap:12px;margin:25px 0}.world-features li{position:relative;isolation:isolate;padding:16px 13px;gap:12px;border:1px solid #ffffff14;background:#ffffff04;border-radius:2px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;overflow:hidden}
.world-features li:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,var(--world-glow),transparent 70%);opacity:0;transition:opacity .3s}
.world-features li:hover{transform:translateY(-4px);border-color:var(--world-accent);background:#ffffff07;box-shadow:0 8px 20px #0003}.world-features li:hover:after{opacity:1}
.world-features li>.feature-icon{display:grid;place-items:center;padding:8px;border:1px solid #ffffff12;background:var(--world-glow);border-radius:3px;min-width:38px;width:38px;height:38px;color:var(--world-accent)}
.feature-icon svg{width:23px;height:23px}.world-features strong{font-size:12px}.world-features p{font-size:11px;line-height:1.65;margin-top:6px}.world-info>.button{box-shadow:0 6px 22px var(--world-glow);padding:15px 24px}.world-facts{margin:20px 0;padding:15px 0}
@media(min-width:801px) and (max-width:1150px){.world-info{padding:28px}.world-features{grid-template-columns:1fr}.world-poster{left:26px;bottom:30px}.world-poster h4{font-size:40px}}
@media(max-width:800px){.world-info{padding:28px}.world-features{grid-template-columns:1fr}.world-poster{left:25px;bottom:28px}.world-poster h4{font-size:38px}}
@media(max-width:600px){.world-art{min-height:350px}.world-info{padding:28px 22px}.world-poster{bottom:25px;left:24px}.world-poster h4{font-size:44px}.world-features{grid-template-columns:1fr 1fr;gap:9px}.world-features li{flex-direction:column;padding:14px 11px;gap:11px}.world-features li>.feature-icon{width:35px;height:35px;min-width:35px;padding:6px}.world-info h3{font-size:30px}.world-detail{margin-top:25px}.world-features li:hover{transform:none}}
@media(max-width:360px){.world-features{grid-template-columns:1fr}.world-features li{flex-direction:row}.world-poster h4{font-size:37px}}
@media(prefers-reduced-motion:reduce){.world-detail:hover .world-poster,.world-features li:hover{transform:none}}
/* Whispered landscapes and lettering, split into two MaGu worlds. */
.page-atmosphere{position:absolute;top:clamp(840px,100svh,1100px);bottom:0;left:0;right:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 170px,#000 calc(100% - 80px),transparent)}
.atmosphere-half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;isolation:isolate}
.atmosphere-dayz{left:0;color:#a8d2d0}.atmosphere-stalker{right:0;color:#ddb675}
.atmosphere-half:before{content:'';position:absolute;inset:0;z-index:-1;background-size:auto 1000px;background-repeat:repeat-y;opacity:.065;filter:grayscale(.65) contrast(1.1);mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%)}
.atmosphere-dayz:before{background-image:url('assets/chernarus.jpg');background-position:35% top}
.atmosphere-stalker:before{background-image:url('assets/zone.jpg');background-position:70% top;mask-image:linear-gradient(270deg,#000 0%,#000 65%,transparent 100%);opacity:.075}
.atmosphere-inscription{position:absolute;top:180px;left:6%;right:4%;opacity:.045;transform:rotate(-90deg);transform-origin:25% 50%;white-space:nowrap;user-select:none}
.atmosphere-inscription>span{display:block;font:900 clamp(65px,8vw,145px)/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:8px}
.atmosphere-inscription>b{display:block;font:900 clamp(30px,4vw,70px)/1.3 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:5px}
.atmosphere-inscription>small{font:10px/3 monospace;letter-spacing:6px}
.atmosphere-stalker .atmosphere-inscription{left:40%;top:420px;transform:rotate(90deg);transform-origin:50% 50%}
.atmosphere-inscription.secondary{top:66%;left:5%;transform:rotate(-9deg);opacity:.032}
.atmosphere-inscription.secondary>span{font-size:clamp(35px,5vw,90px);letter-spacing:3px}
.atmosphere-stalker .atmosphere-inscription.secondary{left:3%;top:76%;transform:rotate(9deg)}
.section{z-index:0}
@media(max-width:800px){.page-atmosphere{top:max(800px,100svh)}.atmosphere-half:before{background-size:auto 800px}.atmosphere-inscription{opacity:.035}.atmosphere-inscription>span{font-size:65px}.atmosphere-inscription>b{font-size:32px}.atmosphere-stalker .atmosphere-inscription{left:15%}}
@media(max-width:600px){.page-atmosphere{top:960px}.atmosphere-half:before{background-size:auto 700px;opacity:.05}.atmosphere-inscription{left:6%;top:220px;transform:rotate(-90deg);opacity:.035}.atmosphere-stalker .atmosphere-inscription{top:480px;left:5%;transform:rotate(90deg)}.atmosphere-inscription>span{font-size:52px}.atmosphere-inscription>b{font-size:25px}.atmosphere-inscription>small{font-size:8px;letter-spacing:3px}.atmosphere-inscription.secondary>span{font-size:38px}}
/* Raised controls and embossed icons throughout MaGu. */
:root{--control-light:#ffffff35;--control-edge:#0008}
.button,.outline,.menu,.news-filters button,.server-button,.close{position:relative;border-radius:3px;transition:transform .16s ease,box-shadow .16s ease,filter .2s ease;background-clip:padding-box;box-shadow:inset 0 1px 0 var(--control-light),inset 0 -2px 0 #0003,0 3px 0 var(--control-edge),0 7px 15px #0005;text-shadow:0 1px 0 #ffffff30}
.button{background:linear-gradient(180deg,#edc58b 0%,#d6a153 60%,#ba8238 100%);border-color:#e6b971 #b88542 #815b2c}
.button:hover{background:linear-gradient(180deg,#f7d6a4,#e6b065 65%,#cc974e);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 0 #0003,0 5px 0 #69471fd9,0 12px 24px #0005}
.dayz-detail .button{background:linear-gradient(180deg,#d0e6db,#a9c9bd 60%,#7eaa9d);border-color:#d0e6db #7caa9c #42675b;box-shadow:inset 0 1px 0 #ffffff75,inset 0 -2px 0 #0003,0 3px 0 #3d5e53,0 8px 18px #0005}
.dayz-detail .button:hover{background:linear-gradient(180deg,#e0f4e9,#b8dccf 60%,#91bdaf);box-shadow:inset 0 1px 0 #ffffff85,inset 0 -2px 0 #0003,0 5px 0 #3d5e53,0 12px 24px #0005}
.outline,.menu,.server-button,.close{background:linear-gradient(180deg,#33392e,#20271e);border:1px solid #79816b70;color:var(--amber);text-shadow:0 2px 3px #000}
.server-button{padding:9px 14px}.close{width:34px;height:34px;line-height:28px;padding:0;color:var(--text)}
.outline:hover,.menu:hover,.server-button:hover,.close:hover{filter:brightness(1.2);transform:translateY(-1px)}
.news-filters button{background:linear-gradient(180deg,#303930,#1b231e);border-color:#65726170;color:#bec9b8;text-shadow:0 2px 3px #000}
.news-filters button:hover{background:linear-gradient(180deg,#3a4436,#232b21);transform:translateY(-2px)}
.news-filters button[aria-pressed=true]{background:linear-gradient(180deg,#eac08a,#d6a153 65%,#b47d32);color:#241b0f;border-color:#f1cd94 #b88542 #815b2c;text-shadow:0 1px 0 #ffe8c85c;box-shadow:inset 0 1px 0 #fff6,inset 0 -2px 0 #0003,0 3px 0 #715127,0 7px 15px #0005}
.button:active,.outline:active,.menu:active,.news-filters button:active,.server-button:active,.close:active,.dayz-detail .button:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #0004,inset 0 -1px 0 #fff2,0 1px 0 #0008,0 2px 5px #0004}
.world-features li>.feature-icon{background:linear-gradient(145deg,#536b6266,#1d332b 55%,#13251e);border-color:#a6d3c45c #314a3e #0c1d15;box-shadow:inset 0 1px 0 #c8f5e155,inset 0 -2px 0 #0006,0 3px 0 #071710b3,0 6px 12px #0005}
.stalker-detail .world-features li>.feature-icon{background:linear-gradient(145deg,#8e714066,#3d301c 55%,#241b10);border-color:#e0b56a5c #68502b #241808;box-shadow:inset 0 1px 0 #ffe4ac55,inset 0 -2px 0 #0006,0 3px 0 #1d1209b3,0 6px 12px #0005}
.feature-icon svg{filter:drop-shadow(0 1px 0 #000b) drop-shadow(0 0 4px #b4d6bc35);transition:transform .3s,filter .3s}
.world-features li:hover .feature-icon svg{transform:translateY(-1px);filter:drop-shadow(0 2px 1px #000b) drop-shadow(0 0 6px #d7e8cd55)}
.resource{border-radius:4px;background:linear-gradient(145deg,#343c2f,#1f271e 55%,#181e17);border-color:#7d886a60 #3e4837 #0d160e;box-shadow:inset 0 1px 0 #c8d5b422,inset 0 -2px 0 #0005,0 4px 0 #0a110bc2,0 9px 20px #0004;transition:transform .2s,box-shadow .2s,border-color .2s}
.resource:hover{background:linear-gradient(145deg,#3c4534,#273023 55%,#1c251a);box-shadow:inset 0 1px 0 #e7dabd33,inset 0 -2px 0 #0005,0 6px 0 #0a110bc2,0 13px 24px #0005}
a.resource:hover{transform:translateY(-2px)}a.resource:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #0005,0 1px 0 #0a110b}
.resource-symbol{align-self:flex-start;min-width:40px;height:40px;display:grid;place-items:center;padding:6px;border-radius:7px;background:linear-gradient(145deg,#5b5842,#2c3225 65%,#1f271c);border:1px solid #b3b08a55;border-bottom-color:#111a0c;box-shadow:inset 0 1px 0 #ffffd233,inset 0 -2px 0 #0005,0 3px 0 #111a0e,0 6px 10px #0005;text-shadow:0 2px 1px #000,0 -1px 0 #fff2}
.resource .arrow{border-radius:3px;text-shadow:0 1px 2px #000}.resource[aria-disabled=true] .arrow{background:linear-gradient(#343e2e,#1d2619);box-shadow:inset 0 1px 0 #ffffff15,0 2px 3px #0005}
.nav-cta{border:1px solid #d6a15355!important;padding:9px 17px!important;border-radius:3px;background:linear-gradient(180deg,#5b4b2b80,#2b291a99);box-shadow:inset 0 1px 0 #f3dc9b33,inset 0 -1px 0 #0005,0 3px 0 #080e08a6,0 6px 12px #0004;transition:transform .16s,filter .2s}
.nav-cta:hover{filter:brightness(1.25);transform:translateY(-1px)}.nav-cta:active{transform:translateY(2px)}
.nav-cta span,.world-action b,.text-link span,.button>span{display:inline-block;filter:drop-shadow(0 2px 1px #0007)}
.brand .magu-logo{filter:drop-shadow(0 1px 0 #f3e5b233) drop-shadow(0 3px 0 #080d09) drop-shadow(0 6px 7px #0008)}
.brand:hover .magu-logo{filter:drop-shadow(0 1px 0 #f3e5b244) drop-shadow(0 3px 0 #080d09) drop-shadow(0 0 9px #d6a15355)}
@media(prefers-reduced-motion:reduce){.world-features li:hover .feature-icon svg{transform:none}.button:hover,.outline:hover,.menu:hover,.news-filters button:hover,.server-button:hover,.close:hover,.nav-cta:hover,a.resource:hover{transform:none}}
.ui-icon{display:inline-block;width:17px;height:17px;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 0 #000b) drop-shadow(0 3px 3px #0007)}
.feature-icon img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 1px #000c) drop-shadow(0 0 5px #d7bc7c22);transition:transform .3s}
.world-features li:hover .feature-icon img{transform:translateY(-2px)}.resource-symbol img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 0 #fff2) drop-shadow(0 3px 2px #0009)}
.close{display:grid;place-items:center}.menu>span{display:inline-flex}.world-action .ui-icon{width:22px;height:22px}.button .ui-icon{filter:brightness(.3) drop-shadow(0 1px 0 #fff5)}
@media(prefers-reduced-motion:reduce){.world-features li:hover .feature-icon img{transform:none}}
/* One complete image contains the emblem, MaGu wordmark and tagline. */
.brand .magu-logo{width:225px;height:75px;object-fit:contain;filter:drop-shadow(0 3px 5px #0009)}
.brand:hover .magu-logo{filter:drop-shadow(0 3px 5px #0009) drop-shadow(0 0 9px #d6a15335)}
@media(max-width:600px){.brand .magu-logo{width:190px;height:63px}footer .brand .magu-logo{width:200px;height:67px}}
@media(max-width:360px){.brand .magu-logo{width:165px;height:57px}}
/* Recreated MaGu forest logo anchors the meeting of the two worlds. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-title.hero-brand{padding:118px 20px 0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-brand h1{margin:0;line-height:0;font-size:0;filter:none;text-shadow:none}
.hero-logo{display:block;width:clamp(310px,29vw,450px);height:auto;max-height:43svh;object-fit:contain;filter:drop-shadow(0 3px 3px #000c) drop-shadow(0 12px 30px #0009)}
.hero-brand+.world-choices{padding-top:35px}
header .brand .magu-logo{width:110px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 4px #0009)}
footer .brand .magu-logo{width:130px;height:95px;object-fit:contain;filter:drop-shadow(0 2px 4px #0009)}
@media(min-width:1800px){.hero-title.hero-brand{padding-top:130px}.hero-brand+.world-choices{padding-top:35px}}
@media(max-width:800px){.hero-title.hero-brand{padding-top:110px}.hero-logo{width:340px;max-height:40svh}.hero-brand+.world-choices{padding-top:30px}}
@media(max-width:600px){header .brand .magu-logo{width:92px;height:67px}.hero-title.hero-brand{padding:110px 15px 0}.hero-logo{width:min(78vw,330px);max-height:none}.hero-brand+.world-choices{padding-top:35px;gap:65px}footer .brand .magu-logo{width:115px;height:84px}}
@media(max-width:360px){header .brand .magu-logo{width:85px;height:62px}.hero-logo{width:80vw}}
/* The only logo belongs to the background artwork itself. */
header{justify-content:flex-end}
.world-panorama{background-image:url('assets/magu-hero-integrated.jpg')}
.hero-title.hero-integrated{height:clamp(365px,51svh,510px);padding:0;pointer-events:none}
.hero-integrated+.world-choices{padding-top:25px}
footer{justify-content:space-between}
@media(max-width:800px){.hero-title.hero-integrated{height:410px}.hero-integrated+.world-choices{padding-top:25px}}
@media(max-width:600px){.hero-title.hero-integrated{height:375px}.hero-integrated+.world-choices{padding-top:25px}.world-panorama{background-position:center top}.hero-integrated~.world-choices .world-choice:first-child{margin-right:12%}.hero-integrated~.world-choices .world-choice:last-child{margin-left:12%}}
/* Navigation sits directly over the artwork. */
header{background:transparent!important;border-bottom:0;box-shadow:none;backdrop-filter:none}
header nav>a:not(.nav-cta){text-shadow:0 2px 5px #000,0 0 14px #000b}
@media(max-width:600px){header{background:transparent!important}header nav.open{background:#111b16f2;box-shadow:0 15px 30px #0006}}
/* Keep the embedded logo below navigation instead of cropping the sky. */
.world-panorama{background-position:center top}
.hero-title.hero-integrated{height:clamp(350px,32vw,660px)}
.hero-integrated+.world-choices{padding-top:22px}
@media(max-width:800px){.world-panorama{background-position:center top}.hero-title.hero-integrated{height:390px}}
@media(max-width:600px){.world-panorama{background-position:center top}.hero-title.hero-integrated{height:375px}}