.main-menu{--menu-accent:#b9cbd5;--menu-paper:#e3ebef;z-index:10;isolation:isolate;box-sizing:border-box;min-height:0;color:var(--menu-paper);background:#111719;grid-template-rows:1fr auto;padding:48px clamp(28px,7.5vw,144px) 24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid;position:absolute;inset:0;overflow:auto}.main-menu[hidden]{display:none}.main-menu-scenery{z-index:-1;pointer-events:none;background:#111719;position:fixed;inset:0;overflow:hidden}.main-menu-scenery>div{position:absolute;inset:0}.main-menu-background{will-change:transform;background:url(/assets/industrial-frontier-LwIiXuSi.webp) 50%/cover;animation:42s ease-in-out infinite alternate menu-scene-drift}.main-menu-haze{background:radial-gradient(at 62% 58%,#a1b6c721,#0000 37%),radial-gradient(at 28% 72%,#9fb0b51a,#0000 30%);animation:24s ease-in-out infinite alternate menu-fog-drift;inset:20% -20% -20%!important}.main-menu-dust{opacity:.28;background-image:radial-gradient(circle,#d3dce0 0 1px,#0000 1.5px),radial-gradient(circle,#d3dce0 0 .6px,#0000 1px);background-position:33px 73px,109px 11px;background-size:237px 197px,163px 281px;animation:26s linear infinite menu-dust-drift;mask-image:linear-gradient(90deg,#0000 20%,#0009 80%)}.main-menu-shade{background:linear-gradient(90deg,#0b1015ef 0%,#0b1015c9 28%,#0b10154d 56%,#0b10150d 83%),linear-gradient(#0c101769,#0000 21% 76%,#090e14e6);box-shadow:inset 0 0 140px #05080b4d}.main-menu-content{align-self:center;width:min(100%,420px);padding-block:36px 64px}.main-menu-title{letter-spacing:.035em;text-transform:uppercase;text-shadow:0 4px 24px #05090d70;margin:0 0 56px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(48px,5vw,70px);font-weight:800;line-height:.98}.main-menu-title span{display:block}.main-menu-title span:first-child{color:#a6b6c1;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #a8bac655;text-shadow:none;filter:drop-shadow(0 2px 1px #030a1099);background:linear-gradient(#a8b6c0,#5d7484) text;margin-bottom:8px}.main-menu-difficulty{border:0;gap:6px;min-width:0;margin:0;padding:0;display:flex}.main-menu-difficulty legend{color:#aeb7bd;letter-spacing:.18em;text-transform:uppercase;margin-bottom:11px;padding:0;font-size:10px}.main-menu-difficulty-option{--difficulty-accent:174 193 205;box-sizing:border-box;border:1px solid rgb(var(--difficulty-accent) / .28);background:linear-gradient(150deg, rgb(var(--difficulty-accent) / .07), transparent 70%), #111a21ba;color:#b8c1c7;letter-spacing:.03em;cursor:pointer;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-height:114px;padding:12px 8px;font-size:12px;line-height:1.3;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.main-menu-difficulty-emblem{object-fit:contain;opacity:.78;filter:drop-shadow(0 2px 3px #0008);pointer-events:none;width:64px;height:64px;transition:opacity .18s;display:block}.main-menu-difficulty-option:has(input:checked) .main-menu-difficulty-emblem,.main-menu-difficulty-option:hover:not(:has(input:disabled)) .main-menu-difficulty-emblem{opacity:1}.main-menu-difficulty-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.main-menu-difficulty-option:has(input:checked){border-color:rgb(var(--difficulty-accent) / .8);background:linear-gradient(150deg, rgb(var(--difficulty-accent) / .2), transparent 130%), #121a20;color:#e6eff3;box-shadow:inset 0 -2px rgb(var(--difficulty-accent)), 0 0 20px rgb(var(--difficulty-accent) / .08)}.main-menu-difficulty-option:hover:not(:has(input:disabled)){border-color:rgb(var(--difficulty-accent));color:#fff;box-shadow:inset 0 -2px rgb(var(--difficulty-accent)), 0 0 24px rgb(var(--difficulty-accent) / .16);transform:translateY(-2px)}.main-menu-difficulty-option:has(input:disabled){opacity:.5;cursor:wait}.main-menu-difficulty-option:has(input:focus-visible),.main-menu button:focus-visible,.main-menu a:focus-visible{outline:2px solid var(--menu-accent);outline-offset:4px}.main-menu-start{--start-face-top:#293640;--start-face-bottom:#172129;--start-edge:#adbdc6;isolation:isolate;box-sizing:border-box;background:linear-gradient(90deg, var(--start-edge) 0 3px, transparent 3px), linear-gradient(90deg, transparent calc(100% - 59px), #8196a34a calc(100% - 59px) calc(100% - 58px), #07111a44 calc(100% - 58px)), linear-gradient(180deg, var(--start-face-top), var(--start-face-bottom));color:#e9f0f3;letter-spacing:.12em;text-align:left;text-transform:uppercase;cursor:pointer;border:1px solid #6f828f;border-radius:0;width:100%;min-height:62px;margin-top:24px;padding:17px 44px 17px 25px;font:600 14px/1.3 Segoe UI,system-ui,sans-serif;transition:background .18s,box-shadow .18s,color .18s,transform .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #e3eef51c,inset 0 -3px #070d146b,0 3px 12px #05090d40}.main-menu-start:before{content:"";inset-block:0;z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#d6e9f236,#0000);width:60%;position:absolute;left:-60%}.main-menu-start:hover:not(:disabled):before{animation:1.2s ease-in-out both menu-start-sheen}.main-menu-start:after{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;transition:translate .18s;position:absolute;top:calc(50% - 4px);right:24px;transform:rotate(45deg)}.main-menu-start:hover:not(:disabled){--start-face-top:#354955;--start-face-bottom:#1c2c36;--start-edge:#d2e0e7;color:#f4f8fa;border-color:#a3b6c2;box-shadow:inset 0 1px #e3eef52e,inset 0 -3px #070d146b,0 4px 16px #05090d66}.main-menu .main-menu-start:focus-visible{outline-color:#b9cbd5}.main-menu-start:hover:not(:disabled):after{translate:4px}.main-menu-start:active:not(:disabled){--start-face-top:#121e27;--start-face-bottom:#243540;transform:translateY(1px);box-shadow:inset 0 2px 6px #040a1280}.main-menu-start:disabled{color:#a3b1ba;box-shadow:none;cursor:wait;background:#26343a99;border-color:#677581}.main-menu-start:disabled:before{opacity:0;animation:none}.main-menu-start:disabled:after{border:1px solid #d0d8de40;border-top-color:#d0d8de;border-radius:50%;width:10px;height:10px;animation:1s linear infinite menu-load-spin}.main-menu-status{color:#c0d0d9;margin:15px 0 0;font-size:12px;line-height:1.6}.main-menu-load{box-sizing:border-box;background:linear-gradient(135deg,#1c2a32f5,#0f1920f5);border:1px solid #758996;border-radius:3px;width:min(100%,440px);margin-top:24px;padding:20px;box-shadow:inset 0 1px #d5e1e927,0 10px 30px #0005}.main-menu-load[hidden]{display:none}.main-menu-load-stages{color:#a9bcc8;justify-content:space-between;gap:14px;margin:0 0 22px;padding:0;font-size:12px;list-style:none;display:flex}.main-menu-load-stages li{border-bottom:2px solid #3a4a55;padding-bottom:8px}.main-menu-load-stages [aria-current]{color:#f0f5f8;border-color:#c4d6e1}.main-menu-load-stages .complete{color:#c4d6e1;border-color:#7f9cab}.main-menu-load-label{color:#e3ebef;margin:0 0 12px;font-size:20px;font-weight:650}.main-menu-load progress{accent-color:#b9cbd5;width:100%;height:10px}.main-menu-load-detail{color:#b8c8d2;margin:12px 0 0;font-size:13px;line-height:1.6}.main-menu.is-loading{padding-block:clamp(16px,4vh,48px) 16px;overflow:hidden}.main-menu.is-loading .main-menu-content{min-height:0;padding-block:0}.main-menu.is-loading .main-menu-title{margin-bottom:clamp(20px,4vh,40px);font-size:clamp(40px,8vh,70px)}.main-menu.is-loading .main-menu-difficulty,.main-menu.is-loading .main-menu-start{display:none}.main-menu.is-loading .main-menu-load{margin-top:0}.main-menu-load progress{-webkit-appearance:none;appearance:none;background:#0a1319;border:1px solid #627681;border-radius:1px;overflow:hidden}.main-menu-load progress::-webkit-progress-bar{background:#0a1319}.main-menu-load progress::-webkit-progress-value{background:#b9cbd5}.main-menu-load progress::-moz-progress-bar{background:#b9cbd5}.main-menu-load progress:not([value]){background:linear-gradient(90deg,#0a1319 0 30%,#8fa8b7 45% 55%,#0a1319 70%) 0 0/250% 100%;animation:2s linear infinite menu-loading-progress}.main-menu-load progress:not([value])::-webkit-progress-bar{background:0 0}@keyframes menu-loading-progress{to{background-position:-250% 0}}@media (height<=700px){.main-menu.is-loading .main-menu-difficulty{display:none}.main-menu-load{margin-top:12px;padding:14px}.main-menu-load-stages{margin-bottom:12px}}.main-menu-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;min-height:44px;display:flex}.main-menu-sound{min-height:46px;color:var(--menu-paper);font:inherit;cursor:pointer;background:linear-gradient(#293944eb,#16232de8);border:1px solid #8297a6;border-radius:2px;align-items:center;gap:11px;padding:10px 14px;font-size:13px;transition:border-color .18s,background .18s,transform 80ms;display:flex;box-shadow:inset 0 1px #e3ebef1a,inset 0 -2px #03091055}.main-menu-sound:hover{border-color:var(--menu-accent);background:linear-gradient(#364d5c,#213342)}.main-menu-sound:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #03091080}.main-menu-sound-label{font-weight:600}.main-menu-sound-state{color:#c0d0da;border-left:1px solid #8fa7b554;padding-left:11px;font-size:12px}.main-menu[data-sound=muted] .main-menu-equalizer{opacity:.45}.main-menu[data-sound=idle] .main-menu-sound,.main-menu[data-sound=unavailable] .main-menu-sound{border-color:#b9cbd5}.main-menu-equalizer{align-items:center;gap:3px;width:19px;height:16px;display:flex}.main-menu-equalizer i{background:currentColor;width:2px;height:3px}.main-menu[data-sound=playing] .main-menu-equalizer i{animation:.9s ease-in-out infinite alternate menu-level}.main-menu-equalizer i:nth-child(2){animation-delay:-.7s!important}.main-menu-equalizer i:nth-child(3){animation-delay:-.4s!important}.main-menu-equalizer i:nth-child(4){animation-delay:-.2s!important}.main-menu-music-credit{color:#a8b3bc;margin:0;font-size:10px;line-height:1.8}.main-menu-music-credit>span{display:inline-block}.main-menu-music-credit a{color:inherit;text-decoration:none}.main-menu-music-credit a:hover{color:var(--menu-accent);text-underline-offset:3px;text-decoration:underline}.main-menu-suspended *,.main-menu-suspended :before,.main-menu-suspended :after,.main-menu[hidden] *,.main-menu[hidden] :before,.main-menu[hidden] :after{animation-play-state:paused!important}@keyframes menu-scene-drift{0%{transform:scale(1.025)translate(.2%)}to{transform:scale(1.065)translate(-.6%)}}@keyframes menu-fog-drift{0%{opacity:.35;transform:translate(-5%)scale(1)}to{opacity:.85;transform:translate(7%)scale(1.1)}}@keyframes menu-dust-drift{to{transform:translate(-28px,-60px)}}@keyframes menu-level{to{height:14px}}@keyframes menu-load-spin{to{transform:rotate(360deg)}}@keyframes menu-start-sheen{0%{opacity:0;transform:translate(0)skew(-18deg)}10%,90%{opacity:1}to{opacity:0;transform:translate(280%)skew(-18deg)}}@media (width<=800px){.main-menu{padding:32px 28px 20px}.main-menu-content{width:min(100%,380px)}.main-menu-title{font-size:clamp(44px,8vw,62px)}.main-menu-background{background-position:62%}.main-menu-shade{background:linear-gradient(90deg,#0b1015e6,#0b10157a),linear-gradient(#0000 60%,#090e14)}}@media (width<=480px){.main-menu{padding-inline:24px}.main-menu-content{padding-bottom:48px}.main-menu-title{margin-bottom:48px}.main-menu-footer{flex-direction:column;align-items:flex-start;gap:4px}}@media (height<=600px){.main-menu{padding-block:20px 12px}.main-menu-content{padding-block:12px 24px}.main-menu-title{margin-bottom:28px;font-size:clamp(44px,9vw,64px)}.main-menu-start{min-height:52px;margin-top:18px}}@media (prefers-reduced-motion:reduce){.main-menu *,.main-menu :before,.main-menu :after{will-change:auto;transition:none!important;animation:none!important}.main-menu-dust{display:none}.main-menu[data-sound=playing] .main-menu-equalizer i{height:10px}}.main-menu-export{color:#a8b3bc;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:11px}.main-menu-export:hover{color:var(--menu-accent)}.main-menu-utilities{flex-wrap:wrap;align-items:center;gap:4px 24px;display:flex}.diagnostics-storage-warning{z-index:1000;color:#fff1cc;background:#593b19;max-width:640px;padding:12px;position:fixed;top:12px;left:50%;transform:translate(-50%)}@media (height<=540px){.main-menu.is-loading .main-menu-title{margin-bottom:14px;font-size:34px}.main-menu.is-loading .main-menu-load{padding:12px}.main-menu.is-loading .main-menu-load-stages{margin-bottom:10px}.main-menu.is-loading .main-menu-load-label{margin-bottom:8px;font-size:17px}.main-menu.is-loading .main-menu-load-detail{margin-top:8px;font-size:12px;line-height:1.4}.main-menu.is-loading .main-menu-footer{gap:4px 20px}}
