@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@font-face{font-family:Unnamed;src:url(../fonts/Heming-Variable/Unnamed.ttf)}@font-face{font-family:Junicode;src:url(../fonts/Junicode/Junicode.ttf)}@font-face{font-family:Junicode Bold Italic;src:url(../fonts/Junicode/Junicode-BoldItalic.ttf)}@font-face{font-family:OT Neue Montreal Book Semi Squeezed;src:url(../fonts/OT-Neue-Montreal/OTNEUEMONTREAL-BOOKSEMISQUEEZED.OTF)}@font-face{font-family:Zhirok Typeface;src:url(../fonts/Zhirok/ZHIROK-TYPEFACE.OTF)}.player-controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-radius:999px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:system-ui,sans-serif;z-index:1000}.player-controls button{all:unset;cursor:pointer;font-size:1.25rem;line-height:1;transition:transform .15s}.player-controls button:active{transform:scale(.9)}#trackName{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{margin:0;overflow:hidden}canvas{display:block;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}p{margin:0;padding:0}.loading-screen{position:fixed;background-color:#000;z-index:10;width:100%;height:100%}.loading-screen.fade-out{opacity:0;pointer-events:none}.loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#f2f2f2;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:silver;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.interaction{position:absolute;background-color:transparent;display:flex;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s cubic-bezier(.09,.99,.08,1);pointer-events:none;color:#fff;font-family:Fira Code}.interaction.active{opacity:100%}.modal{visibility:hidden;transition:opacity .2s cubic-bezier(.75,0,.63,.99);position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:90000;opacity:0}.modal-content{position:relative;background-color:#a6a383;padding:0 20px 80px;width:100%;max-width:800px;max-height:600px;border-radius:10px;visibility:hidden;transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.8,-.01,0,1.48)}.album-limiter{display:flex;flex-direction:column;gap:24px;max-height:400px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.album-limiter::-webkit-scrollbar{display:none}.down-arrow{fill:#000;text-align:center;margin-top:24px}.down-arrow img{max-width:20px}.modal-active{opacity:1;visibility:visible;transform:scaleY(1);display:flex;align-items:center;justify-content:center}.modal-active .modal-content{visibility:visible;transform:scaleY(1)}.close{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#a61d1d;border-radius:50%;width:15px;height:15px;right:10px;top:10px;font-size:22px;cursor:pointer}.tab-button{font-family:Fira Code;background-color:transparent;border:2px solid white;color:#fff;padding:8px 20px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s}.tab-button.active{background-color:#fff;color:#000}.tab-content{display:none}.tab-content.active{display:flex;flex-direction:column}.modal-title{font-family:Unnamed;font-size:48px;font-weight:400;text-align:center}.album-wrapper{border-radius:5px;background-color:#989360;padding:32px 60px;display:flex;justify-content:space-between;align-items:center}.album-wrapper img{max-width:120px;height:auto}.album-content{display:flex;align-items:center;gap:48px}.album-info{display:flex;flex-direction:column;gap:12px;font-family:Junicode Bold Italic;font-style:italic;font-size:16px}.info-sub{font-family:Junicode;font-weight:700;font-style:normal}.purchase-button{font-family:Junicode Bold Italic;font-style:italic;font-weight:700;font-size:18px;padding:5px 7px;border:1px solid black;border-radius:20px;align-self:flex-end;cursor:pointer;background-color:transparent;transition:background-color .2s cubic-bezier(.75,0,.63,.99),border .2s cubic-bezier(.75,0,.63,.99)}.purchase-button:hover{background-color:#d4cc8d;border:1px solid rgb(63,63,17)}.landing-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:1000}.content{display:flex;flex-direction:column;justify-content:center;justify-items:center;max-height:100dvh}.quality-btn{padding:10px 50px;cursor:pointer;border:none;color:#fff;display:flex;justify-content:center;align-items:center}.buttons-container{display:flex;gap:20px;justify-content:space-around}.buttons-container span{border:1px solid white;border-radius:20px}.quality-btn.selected{background:#adff2f}#enterButton:disabled{opacity:.5;cursor:not-allowed}#enterButton{cursor:pointer;justify-self:center;font-family:Host Grotesk;font-size:70px;color:#fff}.quality-options{margin-top:50px;display:flex;justify-content:center;font-family:Host Grotesk;font-size:32px}.quality-options span{justify-self:center;font-family:Host Grotesk}.quality-wrapper{border:1px solid white;border-radius:20px;padding:12px;display:flex;gap:32px;flex-direction:column;justify-content:center;align-items:center}#enterButton{grid-row:3;grid-column:1 / -1;transition:all .3s ease-in-out}#enterButton:hover{color:#adff2f}.landing-info{font-family:Host Grotesk;justify-self:center;font-size:2rem;margin-top:100px;display:flex;gap:22px;flex-direction:column;align-items:center}.landing-info p{text-align:center;max-width:1000px}.loading-screen{z-index:999}.webgl{z-index:1}@media (max-width: 900px){.landing-info p{max-width:600px;font-size:1rem}#enterButton{font-size:2rem}}