@font-face{font-family:Menu;src:url('assets/SairaExtraCondensed-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--paper:#e5e6e0;--muted:#a9b0b1;--amber:#e8a65d;--line:#b8c1c22c;--font:Menu,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{background:#090d10;scroll-behavior:smooth}body{margin:0;color:var(--paper);font:500 18px/1.4 var(--font);letter-spacing:.035em;min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:#e8a65d33}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:6px}p,h1,h2{margin:0}::selection{background:#b87936;color:#fff}.skip-link{position:fixed;top:10px;left:10px;z-index:20;padding:12px 24px;background:#141b1e;transform:translateY(-180%)}.skip-link:focus{transform:none}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#090d10}.forest{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.soldier{position:absolute;inset:0;background:url('assets/menu_mp_background_main2.png') 70% 34%/cover no-repeat;opacity:.19;mix-blend-mode:screen}.fog{position:absolute;inset:-10%;background:url('assets/bg_fogscrollthin.png') 0 70%/auto 85% repeat-x;opacity:.12;mix-blend-mode:screen;animation:fog-drift 100s linear infinite}.glow{position:absolute;inset:0;background:#d4974e;mask:url('assets/menu_mp_background_glow.png') center/100% 100% no-repeat;opacity:.13}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080d11b8 0%,#080d1170 45%,#080d114d),linear-gradient(0deg,#06090ced,transparent 28%,transparent 78%,#080c118c);box-shadow:inset 0 0 160px #0009}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#00000019 0,#00000019 1px,transparent 1px,transparent 4px);opacity:.6}.shell{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 clamp(24px,6.5vw,108px)}
.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.13em;color:#c6cccc}.maker span{color:#909a9e;margin-left:14px}.edition{color:#949fa3}.edition-slashes{margin-left:18px;color:var(--amber);letter-spacing:-.08em}main{padding-top:42px}.masthead{margin-bottom:35px;position:relative}.eyebrow{color:#aab3b7;font-size:14px;letter-spacing:.2em;margin-bottom:10px}h1{display:flex;align-items:center;gap:12px;width:max-content;font:500 clamp(54px,5.6vw,84px)/.9 var(--font);letter-spacing:-.025em;text-shadow:0 2px 16px #0008}.of{font-size:.35em;align-self:center;letter-spacing:-.04em;transform:translateY(3px)}.collection{font-size:19px;letter-spacing:.37em;color:var(--amber);margin-top:11px}.menu-layout{display:grid;grid-template-columns:minmax(275px,.8fr) minmax(400px,1.15fr);gap:clamp(45px,7vw,120px);align-items:start}.section-caption{display:flex;justify-content:space-between;align-items:center;min-height:33px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:17px;font-size:15px;letter-spacing:.14em;color:#9aa7ab}.section-caption h2,.section-caption p{font:inherit;color:#d1d6d6}.section-caption>span{font-size:13px;color:#98a3a5}.map-links{display:flex;flex-direction:column;gap:6px}.map-link{position:relative;min-height:73px;display:flex;align-items:center;padding:10px 18px 10px 13px;gap:17px;isolation:isolate}.map-link::before{content:'';position:absolute;inset:0;z-index:-1;background:#a5b7c9;opacity:.055;mask:url('assets/menu_button_backing.png') center/100% 100% no-repeat;transition:opacity .18s,background .18s}.map-link::after{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--amber);opacity:0}.map-number{font-size:14px;letter-spacing:.1em;color:#8d9a9e;min-width:19px}.map-label{display:block;font-size:clamp(23px,2.2vw,30px);line-height:1.15;letter-spacing:.045em}.map-label small{display:block;font-size:13px;letter-spacing:.095em;margin-top:4px;color:#9aa8ad}.map-label i{font-style:normal;color:#687a82;margin:0 4px}.launch-word{margin-left:auto;font-size:14px;letter-spacing:.09em;color:#aab6bc}.map-link.selected{color:#f5c58d}.map-link.selected::before{mask-image:url('assets/menu_button_backing_highlight.png');background:#f0a24c;opacity:.21}.map-link.selected::after{opacity:1}.map-link.selected .map-number,.map-link.selected .launch-word{color:#f5c58d}.map-link:hover::before{opacity:.28}.map-link:hover .launch-word{color:#fff}.menu-note{font-size:17px;color:#9ca8ab;letter-spacing:.04em;margin-top:19px;padding-left:13px}.preview{min-width:0}.preview .section-caption{margin-bottom:17px}.art-frame{position:relative;aspect-ratio:2/1;background:#101719;box-shadow:0 12px 45px #0006;padding:5px;border:1px solid #b4b6a148}.art-frame::after{content:'';position:absolute;inset:-7px;pointer-events:none;background:#b6b3a6;mask:url('assets/menu_mp_lobby_frame_outer.png') center/100% 100% no-repeat;opacity:.2}.art-frame img{width:100%;height:100%;display:block;object-fit:fill;filter:saturate(.84) contrast(1.04);transition:opacity .15s}.art-label{position:absolute;bottom:12px;left:13px;font-size:12px;letter-spacing:.15em;color:#e8ece9;background:#060b0cbe;padding:3px 9px}.art-corner{position:absolute;right:-1px;top:-1px;width:40px;height:3px;background:var(--amber)}.preview-info{padding-top:22px}.map-players{color:var(--amber);font-size:15px;letter-spacing:.12em;text-transform:uppercase}.preview-info h2{font:500 clamp(35px,3.6vw,51px)/1.05 var(--font);letter-spacing:.025em;margin-top:5px}.map-description{color:#b3bdbe;font-size:20px;margin-top:9px}.play-button{position:relative;display:flex;align-items:center;gap:14px;margin-top:24px;min-height:56px;padding:11px 22px;width:max-content;min-width:290px;font-size:23px;letter-spacing:.06em;color:#ffe5c5;border:1px solid #e8a65d75;background:linear-gradient(90deg,#9d642a52,#965a2422);box-shadow:inset 0 0 22px #d1973510;transition:background .15s,border-color .15s}.play-button:hover{background:#ab722650;border-color:#ffc278}.play-icon{font-size:13px;color:var(--amber)}.play-in-browser{margin-left:auto;padding-left:18px;font-size:13px;letter-spacing:.065em;color:#d1b79a}.closing-line{display:flex;align-items:center;gap:22px;margin:43px 0 34px;color:#8f9b9f;font-size:14px;letter-spacing:.16em;white-space:nowrap}.closing-line>span{height:1px;background:var(--line);flex:1}.closing-line em{font-style:normal;color:#c7c4b9}
footer{border-top:1px solid var(--line);padding:19px 0 22px;color:#a4aeb0;font-size:14px;letter-spacing:.07em}.footer-main{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-main nav{display:flex;gap:25px;flex-wrap:wrap;align-items:center}.footer-main a:hover{color:var(--amber)}.footer-main button{border:0;background:none;padding:0;font-size:13px;letter-spacing:.07em;color:#9da9ac}.footer-main button:hover{color:var(--amber)}kbd{font:500 12px var(--font);border:1px solid #aab4b878;background:#ffffff08;padding:2px 7px;margin-right:9px;letter-spacing:.03em}.notice{color:#819096;font-family:Arial,sans-serif;font-size:12px;line-height:1.6;letter-spacing:0;margin-top:15px;max-width:820px}.touch-hint{display:none}[hidden]{display:none!important}body.motion-paused .fog{animation-play-state:paused}
@keyframes fog-drift{to{background-position:-2048px 70%}}
@media(min-width:1500px){main{padding-top:55px}.masthead{margin-bottom:45px}.map-link{min-height:83px}.closing-line{margin-top:55px}}
@media(max-width:900px){.shell{padding:0 5vw}.menu-layout{grid-template-columns:minmax(230px,.8fr) minmax(300px,1fr);gap:35px}.map-link{padding-right:11px;gap:11px;min-height:70px}.map-label{font-size:24px}.map-label small{font-size:12px}.map-number{font-size:13px}.preview-info h2{font-size:36px}.play-button{min-width:0;width:100%;padding:10px 15px}.play-in-browser{padding-left:0}.footer-main{align-items:flex-start}.footer-main nav{gap:13px 20px}.closing-line{font-size:13px;letter-spacing:.12em}}
@media(max-width:700px){.shell{padding:0 22px}.topbar{height:60px}.maker{font-size:13px}.maker span{font-size:12px;margin-left:8px}.edition{display:none}main{padding-top:33px}.masthead{margin-bottom:30px}h1{font-size:65px;gap:9px}.eyebrow{font-size:12px;letter-spacing:.17em}.collection{font-size:17px;letter-spacing:.32em}.menu-layout{display:flex;flex-direction:column;gap:30px}.map-menu,.preview{width:100%}.map-links{gap:6px}.map-link{min-height:74px;padding:10px 18px;gap:17px}.map-label{font-size:29px}.map-label small{font-size:13px}.map-number,.launch-word{font-size:14px}.menu-note{font-size:17px;margin-top:15px}.preview .section-caption{display:none}.preview-info{padding-top:17px}.preview-info h2{font-size:40px}.map-description{font-size:20px}.play-button{width:100%;min-height:57px;margin-top:20px}.closing-line{white-space:normal;text-align:center;margin:32px 0 26px;gap:12px;letter-spacing:.09em;font-size:13px}.closing-line>span{min-width:12px}.closing-line em{white-space:nowrap}.footer-main{flex-direction:column;gap:16px}.footer-main nav{gap:17px;font-size:14px}.control-hint{display:none}.touch-hint{display:block;font-size:13px}.notice{font-size:12px;line-height:1.65;margin-top:18px}.soldier{background-position:62% 0;opacity:.12}.forest{opacity:.5}.vignette{background:linear-gradient(180deg,#050b1055,#080c0fd9 55%,#080c0ffc);box-shadow:none}.fog{opacity:.07}}
@media(max-width:360px){h1{font-size:56px}.map-label{font-size:26px}.shell{padding:0 17px}.map-link{padding-left:12px;gap:12px}.collection{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}video.forest{display:none}}
.masthead h1{display:block;width:min(100%,380px);line-height:0;padding:6px 0 4px}
.brand-logo{display:block;width:100%;height:auto;filter:invert(1) drop-shadow(0 2px 12px #0006)}
@media(max-width:700px){.masthead h1{width:min(100%,310px);padding:7px 0 5px}}
@media(forced-colors:active){.atmosphere{display:none}.map-link.selected{outline:2px solid Highlight}.map-link,.play-button{border:1px solid ButtonText}.brand-logo{background:#fff;padding:4px}}