@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap";@font-face{font-family:Duplexide;src:url(//shop.princessnostalgia.com/cdn/shop/t/1/assets/Duplexide.woff2?597) format("woff2"),url(//shop.princessnostalgia.com/cdn/shop/t/1/assets/Duplexide.woff?v=19510747519978477901761327187) format("woff"),url(//shop.princessnostalgia.com/cdn/shop/t/1/assets/Duplexide.ttf?v=40558641384641443701761327187) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #000;--text-color: #fff;--accent-purple: #a78bfa;--accent-purple-rgb: 167, 139, 250;--sally-color: #2ed585;--sally-color-rgb: 46, 213, 133;--nostalgia-color: #f964b6;--nostalgia-color-rgb: 249, 100, 182;--inactive-color-rgb: 107, 114, 128;--inactive-text-color: rgb(107, 114, 128);--drawer-bg: rgba(17, 24, 39, .9);--border-color: rgba(167, 139, 250, .2);--card-bg: rgba(23, 20, 48, .5);--canvas-bg-start: #1e1b34;--canvas-bg-end: #000000}#nostalgiaverse-container{position:fixed;width:100%;height:100vh;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif}#main-content{position:relative;width:100%;height:100%}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#spaceCanvas,#threeCanvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#spaceCanvas{cursor:pointer;z-index:2}#threeCanvas{z-index:3;pointer-events:none}.hidden{display:none!important}.pixel-font{font-family:Duplexide,JetBrains Mono,monospace}#versus-container{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:1000;display:flex;align-items:center;gap:1rem}#versus-bar-wrapper{display:flex;height:25px;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.3);flex-grow:1;background-color:#00000080}#sally-label,#nostalgia-label{font-size:.65rem;flex-shrink:0;text-shadow:0 0 8px}#sally-label{color:var(--sally-color)}#nostalgia-label{color:var(--nostalgia-color)}#sally-bar,#nostalgia-bar{height:100%;display:flex;align-items:center;justify-content:center;transition:width 1s ease-in-out;font-size:.8rem;color:#fff}#sally-bar{background-color:rgba(var(--sally-color-rgb),.8)}#nostalgia-bar{background-color:rgba(var(--nostalgia-color-rgb),.8)}#sally-counter,#nostalgia-counter{font-family:JetBrains Mono,monospace}#welcome-text-container{position:absolute;bottom:calc(1rem + 50px);left:50%;transform:translate(-50%);width:100%;text-align:center;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:center}.welcome-accent{font-size:1.125rem;color:rgba(var(--accent-purple-rgb),.8);text-shadow:0 0 5px rgba(var(--accent-purple-rgb),.6);letter-spacing:1px}.welcome-main{font-size:2.25rem;margin:0;line-height:1.2;color:var(--accent-purple);text-shadow:0 0 8px rgba(var(--accent-purple-rgb),.8)}#sidebar{width:350px;flex-shrink:0;height:80vh;background-color:var(--drawer-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-left:none;border-radius:0 1rem 1rem 0;position:absolute;top:10vh;left:-351px;z-index:1001;transition:left .5s ease-in-out;display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;box-shadow:5px 0 25px #0000004d;--player-accent-color: var(--sally-color);--player-accent-color-rgb: var(--sally-color-rgb)}#sidebar.visible{left:0}#close-sidebar{position:absolute;top:1rem;right:1rem;color:var(--accent-purple);transition:color .15s ease-in-out;font-size:1.5rem;line-height:1;cursor:pointer;background:none;border:none;text-shadow:0 0 5px var(--accent-purple)}#close-sidebar:hover{color:var(--text-color)}#sidebar-title{font-size:1.5rem;line-height:1.75rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem}#sidebar-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;font-size:.875rem;color:var(--text-color)}.scrollable-content{flex-grow:1;overflow-y:auto;padding-right:.5rem}#popover-content-placeholder{margin-top:1rem}#open-drawer-tab{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1000;background-color:var(--drawer-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-left:none;color:var(--accent-purple);border-radius:0 .5rem .5rem 0;padding:1.5rem .75rem;cursor:pointer;font-size:.8rem;letter-spacing:.2em;writing-mode:vertical-rl;text-orientation:mixed;transition:opacity .5s,background-color .2s,left .5s ease-in-out}#open-drawer-tab:hover{background-color:rgba(var(--accent-purple-rgb),.1)}#open-drawer-tab.hidden{opacity:0;pointer-events:none;left:-50px}#audio-player-container,#audio-player-container-tidbit{margin-top:1rem}.player-pill{background-color:#0003;border:1px solid rgba(var(--accent-purple-rgb),.2);border-radius:.75rem;padding:.75rem}.audio-player-flex,#audio-player-tidbit .audio-player-flex{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}#play-pause-btn,#play-pause-btn-tidbit{background-color:var(--player-accent-color);color:#fff;border-radius:9999px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out;flex-shrink:0;cursor:pointer;border:none}#play-pause-btn:hover,#play-pause-btn-tidbit:hover{filter:brightness(1.2)}#play-pause-btn:disabled,#play-pause-btn-tidbit:disabled{background-color:#6b7280;cursor:not-allowed}#play-pause-btn .play-icon,#play-pause-btn.playing .pause-icon,#play-pause-btn-tidbit .play-icon,#play-pause-btn-tidbit.playing .pause-icon{display:block}#play-pause-btn .pause-icon,#play-pause-btn.playing .play-icon,#play-pause-btn-tidbit .pause-icon,#play-pause-btn-tidbit.playing .play-icon{display:none}.play-icon,.pause-icon{width:1.25rem;height:1.25rem}.progress-bar-container{position:relative;flex-grow:1;background-color:rgba(var(--player-accent-color-rgb),.2);border-radius:9999px;height:.5rem;cursor:pointer;transform:translateZ(0)}#progress-bar,#progress-bar-tidbit{background-color:var(--player-accent-color);height:100%;border-radius:9999px;width:0%;transition:width .1s linear;position:relative;z-index:1}#progress-marker,#progress-marker-tidbit{position:absolute;top:50%;left:0%;width:14px;height:14px;background-color:#fff;border-radius:50%;border:2px solid var(--player-accent-color);transform:translate(-50%,-50%);transition:left .1s linear;pointer-events:none;z-index:2;display:block}#release-info{flex-shrink:0;padding-top:1rem;margin-top:auto;border-top:1px solid var(--border-color);text-align:center}#release-info p{font-family:JetBrains Mono,monospace;color:#9ca3af;font-size:.75rem;margin-top:.75rem;margin-bottom:0}#presave-btn,#support-btn,.sidebar-button{width:100%;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .15s ease-in-out;cursor:pointer;border:none;font-size:.875rem}#presave-btn{background-color:var(--accent-purple);margin-top:.5rem}#presave-btn:hover{filter:brightness(1.2)}#support-btn{background-color:rgba(var(--sally-color-rgb));color:#fff}#waveform-canvas,#waveform-canvas-tidbit{width:100%;height:30px}.volume-control{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:1rem}.volume-control svg{width:1.25rem;height:1.25rem;color:var(--accent-purple);opacity:.7}#volume-slider,#volume-slider-tidbit{-webkit-appearance:none;appearance:none;width:80px;height:6px;background:rgba(var(--accent-purple-rgb),.2);border-radius:3px;outline:none;cursor:pointer}#volume-slider::-webkit-slider-thumb,#volume-slider-tidbit::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-purple);border-radius:50%;border:2px solid var(--drawer-bg)}#volume-slider::-moz-range-thumb,#volume-slider-tidbit::-moz-range-thumb{width:14px;height:14px;background:var(--accent-purple);border-radius:50%;border:2px solid var(--drawer-bg)}#galaxy-playlist-container{list-style:none;padding:0;margin:0}.playlist-item{display:flex;align-items:center;padding:.75rem .5rem;border-bottom:1px solid rgba(var(--accent-purple-rgb),.2);transition:background-color .2s;border-radius:4px}.playlist-item:last-child{border-bottom:none}.playlist-item.active:hover{background-color:rgba(var(--accent-purple-rgb),.1)}.playlist-item .icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:1rem}.playlist-item.active{cursor:pointer;color:var(--text-color)}.playlist-item.active .icon{color:var(--sally-color)}.playlist-item.inactive{cursor:not-allowed;color:var(--inactive-text-color);opacity:.7}.playlist-item.inactive .icon{color:var(--inactive-text-color)}#timeline-nav{margin-top:auto;padding-top:1.5rem;flex-shrink:0}#timeline-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;position:relative;height:20px}#timeline-list:before{content:"";position:absolute;left:5px;right:5px;top:50%;transform:translateY(-50%);height:2px;background-color:rgba(var(--accent-purple-rgb),.2)}.timeline-point{width:12px;height:12px;border-radius:50%;background-color:rgba(var(--inactive-color-rgb),.5);border:2px solid transparent;position:relative;z-index:1;transition:all .2s ease-in-out;cursor:pointer}.timeline-point:hover{transform:scale(1.3);background-color:rgba(var(--accent-purple-rgb),.8)}.timeline-point.selected{background-color:var(--accent-purple);transform:scale(1.5);box-shadow:0 0 10px rgba(var(--accent-purple-rgb),.7)}#track-image-container,#comet-product-image-container{margin:0 0 1rem;border-radius:.5rem;overflow:hidden}.crt-effect{position:relative;width:100%;padding-top:100%}.crt-effect img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.crt-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0px,transparent 1px);z-index:1;pointer-events:none}.crt-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000 50%,#0006);animation:flicker 1.5s infinite;z-index:1;pointer-events:none}@keyframes flicker{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@media(max-width:768px){#sidebar{width:90%;left:-91%;top:50%;transform:translateY(-50%);height:auto;max-height:85vh}#welcome-text-container{bottom:15vh;width:90%}.welcome-main{font-size:1.8rem;line-height:1.1}.welcome-accent{font-size:1rem}}@media(max-width:640px){#sally-label,#nostalgia-label{font-size:.6rem}#versus-container{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/nostalgiaverse.css.map */