.cover-menu{isolation:isolate;color:#f7efd9;background:#020504;min-height:100dvh;position:relative;overflow:hidden}.cover-menu:before{content:"";z-index:-3;filter:blur(22px)brightness(.42)saturate(.78);background:linear-gradient(#05100966,#010302aa),url(/scenes/cover-extended-green.png) 50% 35%/cover no-repeat;position:absolute;inset:-7%;transform:scale(1.08)}.cover-menu-art{z-index:-2;object-fit:contain;object-position:center}.cover-menu-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 46%,#0205044f 64%,#010302ed 100%),linear-gradient(0deg,#010201e8 0,#0000 25% 72%,#01030254 100%),radial-gradient(circle at 48% 43%,#0000 30%,#0007 100%);position:absolute;inset:0}.cover-menu-light{z-index:0;aspect-ratio:1;filter:blur(18px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#f9dd7830 0,#b8d95312 32%,#0000 69%);border-radius:50%;width:56%;animation:5.5s ease-in-out infinite alternate cover-menu-breathe;position:absolute;bottom:-18%;left:12%}.cover-menu-dust{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cover-menu-dust i{left:calc(7% + var(--dust-x,0%));aspect-ratio:1;opacity:0;background:#ffe993;border-radius:50%;width:clamp(2px,.28vw,5px);animation:9s linear infinite cover-dust;position:absolute;bottom:-4%;box-shadow:0 0 8px #ffef9b}.cover-menu-dust i:first-child{--dust-x:3%;animation-delay:-1s}.cover-menu-dust i:nth-child(2){--dust-x:11%;animation-duration:12s;animation-delay:-6s}.cover-menu-dust i:nth-child(3){--dust-x:19%;animation-duration:8s;animation-delay:-3s}.cover-menu-dust i:nth-child(4){--dust-x:28%;animation-duration:13s;animation-delay:-8s}.cover-menu-dust i:nth-child(5){--dust-x:37%;animation-duration:10s;animation-delay:-4s}.cover-menu-dust i:nth-child(6){--dust-x:48%;animation-duration:14s;animation-delay:-9s}.cover-menu-dust i:nth-child(7){--dust-x:59%;animation-duration:11s;animation-delay:-2s}.cover-menu-dust i:nth-child(8){--dust-x:70%;animation-duration:9s;animation-delay:-7s}.cover-menu-dust i:nth-child(9){--dust-x:80%;animation-duration:12s;animation-delay:-5s}.cover-menu-dust i:nth-child(10){--dust-x:88%;animation-duration:15s;animation-delay:-10s}.cover-menu-panel{z-index:2;text-shadow:0 2px 9px #000,0 1px 2px #000;width:min(360px,40vw);position:absolute;bottom:clamp(86px,14vh,170px);right:clamp(28px,8vw,150px)}.cover-menu-heading{border-bottom:1px solid #d7c78e66;margin-bottom:13px;padding:0 14px 15px 38px}.cover-menu-heading span{color:#d7ca94;letter-spacing:.28em;text-transform:uppercase;font:700 10px/1.3 system-ui,sans-serif;display:block}.cover-menu-heading p{color:#fff1c8;margin:7px 0 0;font:italic clamp(14px,1.35vw,18px)/1.3 Georgia,serif}.cover-menu-actions{gap:2px;display:grid}.cover-menu-actions button,.cover-menu-information nav button{color:#e8e4d8c9;text-align:left;letter-spacing:.035em;cursor:pointer;background:0 0;border:0;grid-template-columns:20px 1fr;align-items:center;gap:11px;width:100%;min-height:44px;padding:7px 14px;font:500 clamp(19px,1.7vw,24px)/1.2 Georgia,serif;transition:color .16s,transform .16s,letter-spacing .16s;display:grid;position:relative;overflow:hidden}.cover-menu-actions button:before,.cover-menu-information nav button:before{content:"";z-index:-1;opacity:0;transform-origin:0;background:linear-gradient(90deg,#f4efd51f,#d9d2aa0a 62%,#0000);transition:opacity .16s,transform .18s;position:absolute;inset:3px 0;transform:scaleX(.72)}.cover-menu-actions button i,.cover-menu-information nav button i{aspect-ratio:1;opacity:0;border:1px solid #e9d992;justify-self:center;width:8px;transition:opacity .16s,transform .18s;transform:rotate(45deg)scale(.5);box-shadow:0 0 7px #ffea9b}.cover-menu-actions button:hover,.cover-menu-actions button:focus-visible,.cover-menu-actions button.is-selected,.cover-menu-information nav button:hover,.cover-menu-information nav button:focus-visible,.cover-menu-information nav button.is-selected{color:#fff9e7;letter-spacing:.07em;outline:none;transform:translate(7px)}.cover-menu-actions button:hover:before,.cover-menu-actions button:focus-visible:before,.cover-menu-actions button.is-selected:before,.cover-menu-information nav button:hover:before,.cover-menu-information nav button:focus-visible:before,.cover-menu-information nav button.is-selected:before{opacity:1;transform:scaleX(1)}.cover-menu-actions button:hover i,.cover-menu-actions button:focus-visible i,.cover-menu-actions button.is-selected i,.cover-menu-information nav button:hover i,.cover-menu-information nav button:focus-visible i,.cover-menu-information nav button.is-selected i{opacity:1;transform:rotate(45deg)scale(1)}.cover-menu-actions button:disabled{opacity:.48;cursor:wait}.cover-menu-file{display:none}.cover-menu-information{background:linear-gradient(90deg,#030706b8,#03070652 70%,#0000);border-block:1px solid #d7c78e4a;min-height:210px;padding:18px 18px 6px 38px;animation:.22s ease-out both cover-information-in}.cover-menu-information-label{color:#d4c68c;letter-spacing:.26em;text-transform:uppercase;font:700 9px/1.3 system-ui,sans-serif}.cover-menu-information strong{color:#fff3ce;margin:10px 0 15px;font:clamp(25px,2.5vw,34px)/1 Georgia,serif;display:block}.cover-menu-information p{color:#d4d4c5;margin:5px 0;font:13px/1.4 system-ui,sans-serif}.cover-menu-information nav{margin:22px 0 0 -14px}.cover-menu-settings{background:linear-gradient(90deg,#030706e8,#07100bd1 78%,#0000);border-block:1px solid #d7c78e4a;width:min(420px,92vw);max-height:min(68vh,620px);padding:16px 18px 10px 38px;animation:.22s ease-out both cover-information-in}.cover-menu-settings>header>span,.cover-menu-settings h3{color:#d4c68c;letter-spacing:.2em;text-transform:uppercase;font:700 9px/1.3 system-ui,sans-serif}.cover-menu-settings>header>strong{color:#fff3ce;margin:7px 0 10px;font:25px/1.1 Georgia,serif;display:block}.cover-settings-scroll{gap:13px;max-height:calc(min(68vh,620px) - 106px);padding-right:7px;display:grid;overflow:auto}.cover-menu-settings section{background:#0a120dbd;border:1px solid #d7c78e2f;gap:7px;padding:10px 12px;display:grid}.cover-menu-settings h3{margin:0 0 2px}.cover-menu-settings label{color:#dddccf;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font:11px/1.3 system-ui,sans-serif;display:grid}.cover-menu-settings label output{color:#e6d28e;font-variant-numeric:tabular-nums}.cover-menu-settings input[type=range]{accent-color:#d9c878;grid-column:1/-1;width:100%}.cover-settings-toggle,.cover-menu-settings select{color:#f0dfad;background:#17251b;border:1px solid #8c7a4e;border-radius:2px;min-height:32px;font:11px/1 system-ui,sans-serif}.cover-settings-toggle{cursor:pointer;padding:0 12px}.cover-menu-settings select{padding:0 36px 0 14px}.cover-menu-settings dl{gap:6px;margin:0;display:grid}.cover-menu-settings dl div{grid-template-columns:70px 1fr;gap:9px;font:10px/1.4 system-ui,sans-serif;display:grid}.cover-menu-settings dt{color:#e1ce91}.cover-menu-settings dd{color:#b9c0b3;margin:0}.cover-settings-back{margin:8px 0 0 -14px}.cover-settings-back button{font-size:17px}.cover-menu-message{color:#f4e4ae;margin:13px 14px 0 38px;font:12px/1.4 system-ui,sans-serif;display:block}.cover-menu-footer{z-index:2;color:#ddd7c2a3;letter-spacing:.1em;text-transform:uppercase;gap:18px;font:600 9px/1.2 system-ui,sans-serif;display:flex;position:absolute;bottom:24px;right:clamp(22px,4vw,70px)}@keyframes cover-menu-breathe{0%{opacity:.55;transform:scale(.9)}to{opacity:.95;transform:scale(1.08)}}@keyframes cover-dust{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:.75}75%{opacity:.35}to{opacity:0;transform:translate(20px,-88vh)scale(1.3)}}@keyframes cover-information-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width:700px){.cover-menu-art{object-fit:cover;object-position:48% center}.cover-menu-shade{background:linear-gradient(0deg,#010302f7 0 5%,#020504ca 24%,#0000 58%),linear-gradient(90deg,#0000,#02040357)}.cover-menu-panel{width:min(305px,100vw - 44px);bottom:68px;right:22px}.cover-menu-heading,.cover-menu-information{padding-left:32px}.cover-menu-settings{padding-left:26px}.cover-menu-footer{bottom:18px;right:22px}}@media (max-aspect-ratio:3/4){.cover-menu-art{object-fit:cover;object-position:50% center}.cover-menu-panel{width:min(360px,42vw);right:clamp(24px,6vw,70px)}}@media (max-height:650px) and (min-width:701px){.cover-menu-panel{bottom:62px}}@media (prefers-reduced-motion:reduce){.cover-menu-light,.cover-menu-dust i,.cover-menu-information{animation:none}.cover-menu-actions button,.cover-menu-information nav button{transition:none}}
