@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100&family=Tektur:wght@900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap";.navbar{height:60px;z-index:10;display:flex;align-items:center;max-width:1100px;padding:0 20px;flex-direction:row;justify-content:space-between;width:100%}*{margin:0;padding:0}.canvas{background-color:#010001;color:#fff;width:100vw;align-items:center}.mainbgshade{z-index:-10;height:100vh;background-color:red}.navlogo{margin-top:7px;display:flex;flex-direction:row;animation:myanimation 10s infinite}@keyframes myanimation{0%{color:linear-gradient(to right,#FF758C,#FF7EB3)}25%{color:linear-gradient(to right,#6EE2F5,#6454F0)}50%{color:linear-gradient(to right,#FFF6B7,#F6416C)}75%{color:linear-gradient(to right,#81FBB8,#28C76F)}to{color:linear-gradient(to right,#FF758C,#FF7EB3)}}.navbaritems{display:flex;flex-direction:row;align-items:center;gap:12px;margin-left:auto}.dropdownfile{position:absolute;display:none;right:10px;top:59px;padding:10px;justify-content:space-around;width:100vw;z-index:10;border-radius:0 0 3px 3px;border-bottom:.1px solid rgba(31,31,31,.925);border-right:.1px solid rgba(31,31,31,.925);border-left:.1px solid rgba(31,31,31,.925);align-items:center;background-color:#0e0e0e}.navicon{padding-bottom:12px}.visible{display:block}.hidden{display:none}.navvspace{border-bottom:rgb(136,136,136) solid .2px}.navcenterer{background-color:#0e0e0e;z-index:10;display:flex;width:100vw;justify-content:center;border-bottom:1px solid rgba(31,31,31,.925);align-items:center}.pageview{width:1090px;display:flex;height:100%}.centerpageview{display:flex;width:100%;min-height:100vh;justify-content:center;align-items:start;position:relative;z-index:5}body{background-color:#151515}.carouselview{height:300px}.navhome,.navsearch,.navprofile,.dropdownfile div,.navlogo{cursor:pointer}.dropdownfile div:hover,.navhome:hover,.navsearch:hover,.navprofile:hover{color:#ccc}.footerp{width:100vw;border-top:1px solid rgba(31,31,31,.925);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;background-color:#0e0e0e;flex-wrap:wrap}.footer-icons{display:flex;gap:10px}.footer-icon img{margin-left:30px;margin-right:30px;height:24px;width:24px}.footer-icon{display:flex;justify-content:center;align-items:center}.footernote{margin-top:30px}.box{margin:0 auto;height:50px;position:relative;border-radius:5px;overflow:hidden}.text:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;color:transparent;-webkit-background-clip:text;background-clip:text;animation:colorChange 5s linear infinite;z-index:2}@keyframes colorChange{0%{background-image:linear-gradient(to right,#ff758c,#ff7eb3)}25%{background-image:linear-gradient(to right,#6ee2f5,#6454f0)}50%{background-image:linear-gradient(to right,#fff6b7,#f6416c)}75%{background-image:linear-gradient(to right,#81fbb8,#28c76f)}to{background-image:linear-gradient(to right,#ff758c,#ff7eb3)}}.box b{display:block;width:10px;height:10px;border-radius:50%;background-color:#5d9eff;box-shadow:inset -5px -5px 5px #0009,15px 15px 2px #0000000a;position:absolute;-webkit-animation:moveX 3.05s linear 0s infinite alternate,moveY 3.4s linear 0s infinite alternate;animation:moveX 3.05s linear 0s infinite alternate,moveY 3.4s linear 0s infinite alternate}@-webkit-keyframes moveX{0%{left:0}to{left:130px}}@keyframes moveX{0%{left:0}to{left:130px}}@-webkit-keyframes moveY{0%{top:0}to{top:35px}}@keyframes moveY{0%{top:0}to{top:35px}}.text{background-size:cover;background-repeat:no-repeat;background-position:center}.navpfp{height:30px;width:30px;border:1px solid #121212;border-radius:100%;margin-right:10px;object-fit:cover}.randomdiv1{display:flex;min-height:50px;flex-direction:row;justify-content:center;align-items:center}.dist{margin-right:9px}.animated-icon{animation:colorAndShadowChange 2s infinite}@keyframes colorAndShadowChange{0%{fill:#00a8e1}50%{fill:#ffea00}to{fill:#ff6f91}}.glitch-icon{position:relative;fill:#22c55e;animation:flicker 4s infinite}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;transform:translate(0);filter:drop-shadow(0 0 2px #22c55e)}20%,24%,55%{opacity:.6;transform:translate(-1px,1px);filter:drop-shadow(1px 1px 2px #22c55e)}22%,26%{opacity:.8;transform:translate(1px,-1px);filter:drop-shadow(-1px -1px 2px #22c55e)}}.glitch-logo{margin-top:12px;margin-right:13px;font-family:"Press Start 2P",monospace;font-size:18px;color:#22c55e;letter-spacing:2px;text-transform:uppercase;display:inline-block}.glitch-logo:before,.glitch-logo:after{content:"ORIONVIEW";position:absolute;left:3px;top:0;width:100%;overflow:hidden;color:#45c8df;clip:rect(0,100%,50%,0)}.glitch-logo:after{color:#fff;clip:rect(50%,100%,100%,0)}.glitch-logo:before{animation:glitchTop 5s infinite linear alternate-reverse}.glitch-logo:after{animation:glitchBottom 50s infinite linear alternate-reverse}@keyframes glitchTop{0%{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-2px,2px)}to{transform:translate(0)}}@keyframes glitchBottom{0%{transform:translate(0)}10%{transform:translate(1px,2px)}20%{transform:translate(-2px,-1px)}30%{transform:translate(2px,-2px)}40%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}60%{transform:translate(-2px,1px)}70%{transform:translate(2px,-2px)}80%{transform:translate(-1px,1px)}90%{transform:translate(1px,-2px)}to{transform:translate(0)}}.retro-page ::-webkit-scrollbar{width:12px}.retro-page ::-webkit-scrollbar-thumb{background:#22c55e;border-radius:6px;border:3px solid #111}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(34,197,94,.1) .5px,transparent .5px);background-size:1.5px 1.5px;animation:static-shimmer .15s infinite steps(1)}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(34,197,94,.05) 48%,rgba(34,197,94,.1) 50%,rgba(34,197,94,.05) 52%,transparent 100%);mix-blend-mode:color-dodge;animation:hum-bar-roll 8s infinite linear}@keyframes static-shimmer{0%{background-position:0 0}25%{background-position:2px 2px}50%{background-position:-1px -2px}75%{background-position:1px -1px}to{background-position:0 0}}@keyframes hum-bar-roll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (min-width: 768px){.crt-overlay:before{background-image:radial-gradient(rgba(34,197,94,.15) 1px,transparent 1px);background-size:3px 3px}.crt-overlay:after{background:linear-gradient(to bottom,transparent 0%,rgba(34,197,94,.08) 48%,rgba(34,197,94,.15) 50%,rgba(34,197,94,.08) 52%,transparent 100%)}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)}.canvas{background-color:var(--background-color);width:100vw;min-height:100vh}.centerpageview{display:flex;width:100%;justify-content:center;align-items:flex-start;position:relative;z-index:5}.pageview{width:100%;max-width:1100px}.navcenterer{background-color:var(--panel-background);z-index:10;display:flex;width:100vw;justify-content:center;border-bottom:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.navbaritems{display:flex;flex-direction:row;align-items:center;gap:1rem}.navsearch,.navprofile{cursor:pointer}.navpfp{height:35px;width:35px;border:2px solid var(--primary-color);border-radius:50%;object-fit:cover}.dist{margin-right:0}.glitch-logo{font-family:var(--font-family);font-size:1.2rem;color:var(--primary-color);letter-spacing:2px;text-transform:uppercase}.glitch-logo:before,.glitch-logo:after{content:"OrionView";position:absolute;top:0;overflow:hidden;color:#f0f;mix-blend-mode:screen}.glitch-logo:after{color:#0ff;animation:glitchBottom 1.5s infinite linear alternate-reverse}.glitch-logo:before{animation:glitchTop 1s infinite linear alternate-reverse}@keyframes glitchTop{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}}@keyframes glitchBottom{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(-3px,3px)}60%{transform:translate(3px,1px)}80%{transform:translate(-3px,-1px)}}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 1px,transparent 1px,transparent 2px);animation:crt-flicker .15s infinite alternate}@keyframes crt-flicker{0%{opacity:.9}to{opacity:1}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--panel-background)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:6px;border:3px solid var(--panel-background)}.dropdownfile{position:absolute;right:0;top:60px;width:100%;z-index:9;background:var(--panel-background);border:2px solid var(--primary-color);border-top:none;padding:1rem}.randomdiv1{display:flex;min-height:50px;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px dashed var(--primary-color)}.randomdiv1:last-child{border-bottom:none}.share-btn-container{position:relative;z-index:1;margin-top:1rem}.share-profile-btn{background:#ff9800!important;border-color:#e68900!important;color:#000!important}.share-profile-btn:hover{background:#e68900!important}.public-list-title{font-size:1rem;width:100%;text-align:center;opacity:.9;color:var(--primary-color)}.auth-page-container{font-family:var(--font-family);color:var(--primary-color);width:100%;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:2rem;box-shadow:0 0 10px var(--primary-color);width:100%;max-width:450px}.auth-title{font-size:1.2rem;text-align:center;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:2px dashed var(--primary-color)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-group label{font-size:.7rem;text-transform:uppercase}.auth-input{background:#0a0a0a;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;padding:.75rem;width:100%;font-family:var(--font-family);font-size:.8rem;outline:none}.auth-input:focus{box-shadow:0 0 8px var(--primary-color)}.auth-submit-btn{font-family:var(--font-family);font-size:.8rem;padding:.75rem;background:var(--primary-color);color:#000;border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease;width:100%}.auth-submit-btn:hover{background:#1ca54f;border-color:#1ca54f}.auth-toggle-text{margin-top:1.5rem;text-align:center;font-size:.7rem;opacity:.8}.auth-link-btn{background:none;border:none;color:var(--primary-color);font-family:var(--font-family);font-size:.7rem;text-decoration:underline;cursor:pointer;padding:0}.auth-link-btn:hover{text-shadow:0 0 5px var(--primary-color)}.home-page-retro{z-index:3;font-family:var(--font-family);color:var(--text-color);padding:1rem;width:100%}.retro-carousel-container{border:4px solid var(--primary-color);border-radius:6px;margin-top:1.5rem;padding:.5rem;background:var(--panel-background);box-shadow:0 0 10px var(--primary-color);margin-bottom:2rem}.retro-carousel-img{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.carousel-item{position:relative;cursor:pointer}.retro-carousel-caption{position:absolute;bottom:0;left:0;width:100%;padding:2rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);text-align:center}.retro-carousel-title{font-family:var(--font-family);font-size:1.5rem;text-shadow:2px 2px 0 #000}.retro-content-area{display:flex;flex-direction:column;gap:2rem}.retro-category-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:1rem;box-shadow:0 0 10px var(--primary-color)}.retro-title{font-family:var(--font-family);font-size:1.2rem;text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px dashed var(--primary-color)}.retro-grid{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width: 408px){.retro-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.retro-card{background:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.retro-card:hover{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}.retro-card-img-container{width:100%;aspect-ratio:2 / 3}.retro-card-img{width:100%;height:100%;object-fit:cover;display:block}.retro-card-body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.retro-card-rating{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.retro-card-star path{fill:var(--text-color)}.retro-card-title{font-family:var(--font-family);font-size:.7rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0;margin:0}@media (max-width: 768px){.home-page-retro{padding:.5rem}.retro-carousel-title,.retro-title{font-size:1rem}}:root{--primary-color: #22c55e;--font-family: "Press Start 2P", monospace}.skeleton-loader-retro{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;min-height:70vh;padding:2rem;font-family:var(--font-family);color:var(--primary-color)}.loader-gif{width:500px;height:500px;max-width:100%;object-fit:contain;margin-bottom:1.5rem}.loader-text{font-size:1rem;text-transform:uppercase;text-shadow:0 0 5px var(--primary-color);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.loader-gif{width:320px;height:320px}.loader-text{font-size:.8rem}}.birthday-banner-container{width:100%;padding:1rem;background:radial-gradient(ellipse at center,#2a0a3a,#110116);border-bottom:3px solid #ffd700;box-shadow:0 4px 20px #ffd70059;display:flex;justify-content:center;align-items:center;z-index:9;position:relative;overflow:hidden}.birthday-banner-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/confetti_rain.gif);background-repeat:repeat-x;background-size:auto 100%;opacity:.6;pointer-events:none;z-index:1}.birthday-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;position:relative;z-index:2}.birthday-photo-carousel{position:relative;height:180px;width:180px;border:4px solid #ffd700;border-radius:12px;box-shadow:0 0 20px gold;overflow:hidden;background:#000;z-index:5;flex-shrink:0}.birthday-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.birthday-photo.visible{opacity:1}.birthday-text-wrapper{display:flex;flex-direction:column;align-items:center;font-family:var(--font-family);color:#fff}.birthday-greeting-line{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;justify-content:center}.birthday-greeting{font-size:1.2rem;opacity:.9;letter-spacing:1px}.birthday-name-link{text-decoration:none}.birthday-name{font-size:1.8rem;color:#ffeb3b;text-shadow:0 0 5px #ffeb3b,0 0 10px #ff9800;transition:all .2s ease-in-out;animation:birthday-glow 2s infinite alternate}.birthday-name-link:hover .birthday-name{transform:scale(1.05);color:#fff}.birthday-message{font-family:sans-serif;font-size:.9rem;color:#e0e0e0;margin-top:.5rem;max-width:90%;line-height:1.5}@keyframes birthday-glow{0%{text-shadow:0 0 5px #ffeb3b,0 0 10px #ff9800}to{text-shadow:0 0 10px #ffeb3b,0 0 20px #ff9800}}.birthday-confetti{position:absolute;bottom:-22px;width:130px;height:130px;z-index:1;pointer-events:none;opacity:.9}.confetti-left{left:-18px;transform:scaleX(-1)}.confetti-right{right:-8px}@media (min-width: 768px){.birthday-content{flex-direction:row;gap:2rem}.birthday-photo-carousel{height:150px;width:150px}.birthday-greeting{font-size:1.5rem}.birthday-name{font-size:2.5rem}.birthday-message{font-size:1rem;text-align:left;max-width:100%}.birthday-text-wrapper{align-items:flex-start}}@media (max-width: 767px){.birthday-photo-carousel{width:120px;height:120px}.birthday-name{font-size:1.5rem}.birthday-greeting{font-size:1rem}.birthday-message{font-size:.8rem}.confetti-left{left:-37px;bottom:-37px;transform:scaleX(-1) scale(.6)}.confetti-right{right:-37px;bottom:-37px;transform:scale(.6)}}.notification-banner-container{width:100%;padding:.5rem 1rem;background:#1a1a1a;border-bottom:2px solid var(--primary-color);box-shadow:0 4px 12px #0006;display:flex;justify-content:center;align-items:center;z-index:9;font-family:sans-serif;color:#f0f0f0}.notification-content{display:flex;align-items:center;width:100%;max-width:1100px;gap:1rem}.image-text .notification-image{height:40px;width:40px;object-fit:contain;border-radius:4px;flex-shrink:0}.image-text p{margin:0;font-size:.8rem;line-height:1.4}.text-only{justify-content:center;text-align:center}.text-only p{margin:0;font-size:.85rem;font-weight:700}.image-only{padding:0}.image-only .notification-image-full{width:100%;max-height:90px;object-fit:contain;display:block}@media (max-width: 768px){.image-text{flex-direction:column;text-align:center;gap:.5rem}.notification-banner-container{padding:.75rem}}.profile-page-retro{font-family:var(--font-family);color:var(--primary-color);width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem}.profile-header-panel{width:100%;max-width:800px;background-color:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:2rem;box-shadow:0 0 10px var(--primary-color);display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;overflow:hidden;background-size:cover;background-position:center}.profile-header-panel:before{content:"";position:absolute;top:-100px;left:-100px;right:-100px;bottom:-100px;background:inherit;background-size:cover;background-position:center;filter:blur(10px);z-index:1}.profile-pfp-container,.profile-username,.logout-btn{position:relative;z-index:3}.profile-pfp-container{position:relative;cursor:pointer}.profile-pfp{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary-color);object-fit:cover;box-shadow:0 0 15px var(--primary-color)}.pfp-edit-prompt{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;color:#fff;text-align:center;font-size:.7rem;padding:.5rem 0;border-radius:0 0 200px 200px;opacity:0;transition:opacity .3s ease}.profile-pfp-container:hover .pfp-edit-prompt{opacity:1}.profile-username{font-size:1.5rem;color:#fff;text-shadow:2px 2px 0 black}.logout-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.logout-btn:hover{background:var(--primary-color);color:#000}.upload-panel{width:100%;max-width:800px;background:#0a0a0a;border:2px dashed var(--primary-color);border-radius:6px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-title{font-size:.8rem;margin-bottom:.5rem}.upload-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.upload-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.retro-btn:disabled{background:#444!important;color:#888!important;border-color:#222!important;cursor:not-allowed}.close-btn{background:#444!important;border-color:#666!important;color:#ccc!important}.close-btn:hover{background:#666!important;color:#000!important}.retro-list-panel{width:100%;max-width:800px;background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;box-shadow:0 0 10px var(--primary-color);overflow:hidden}.list-filters-header{display:flex;justify-content:space-around;padding:1rem;background:#0a0a0a;border-bottom:2px solid var(--primary-color);gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.retro-select{background:var(--panel-background);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;padding:.25rem .5rem;font-family:var(--font-family);font-size:.7rem}.retro-list-container{padding:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.no-items-text{text-align:center;padding:2rem;font-size:.8rem}.list-item-retro{display:flex;gap:1rem;background:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s ease;min-width:0}.list-item-retro:hover{background:#222;box-shadow:0 0 8px var(--primary-color)}.list-item-img{width:60px;height:90px;object-fit:cover;border-radius:2px;flex-shrink:0}.list-item-details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.list-item-title-row{display:flex;justify-content:space-between;align-items:flex-start}.favorite-indicator{color:#f55;font-size:1.2rem}.list-item-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;opacity:.8}.title-marquee{flex-grow:1;overflow:hidden;white-space:nowrap;position:relative}.list-item-title{display:inline-block;padding-right:2rem;animation:marquee 10s linear infinite alternate;animation-play-state:paused}.list-item-retro:hover .list-item-title{animation-play-state:running}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% + 150px))}}.status-tag{padding:.2rem .4rem;border-radius:2px;text-transform:capitalize}.status-watching{background-color:#3f873f;color:#fff}.status-completed{background-color:#3f6f87;color:#fff}.status-wishlist{background-color:#87623f;color:#fff}.status-none{background-color:#444;color:#aaa}.list-item-retro.loading{pointer-events:none}.skeleton{background-color:#222;animation:pulse 1.5s infinite}.skeleton-text{width:80%;height:1em;margin-bottom:.5em;background-color:#222;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-page-retro *,.search-page-retro *:before,.search-page-retro *:after{box-sizing:border-box}.search-page-retro{font-family:var(--font-family);color:var(--text-color);padding:1rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.search-page-retro .search-controls-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:1rem;box-shadow:0 0 10px var(--primary-color);display:flex;align-items:center;gap:1rem;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.search-page-retro .search-bar{display:flex;flex-grow:1;min-width:250px}.search-page-retro .search-input{flex-grow:1;background-color:#0a0a0a;border:2px solid var(--primary-color);color:var(--text-color);padding:.75rem;font-family:var(--font-family);font-size:.8rem;border-radius:4px 0 0 4px}.search-page-retro .search-input::placeholder{color:var(--text-color);opacity:.6}.search-page-retro .search-input:focus{outline:none;box-shadow:inset 0 0 8px var(--primary-color)}.search-page-retro .search-button{background-color:var(--primary-color);border:2px solid var(--primary-color);padding:0 1rem;cursor:pointer;border-radius:0 4px 4px 0;transition:background-color .2s ease}.search-page-retro .search-button:hover{background-color:#1ca54f}.search-page-retro .search-button svg path{fill:var(--panel-background)}.search-page-retro .controls-row{display:flex;align-items:center;gap:1rem}.search-page-retro .content-type-selector{display:flex}.search-page-retro .retro-btn{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:var(--panel-background);color:var(--text-color);border:2px solid var(--primary-color);cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-page-retro .retro-btn:first-of-type{border-radius:4px 0 0 4px;border-right:1px solid var(--primary-color)}.search-page-retro .retro-btn:last-of-type{border-radius:0 4px 4px 0;border-left:1px solid var(--primary-color)}.search-page-retro .btn-check:checked+.retro-btn{background:var(--primary-color);color:#000}.search-page-retro .share-container{position:relative}.search-page-retro .share-button-retro{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:#ff9800;color:#000;border:2px solid #e68900;border-radius:4px;cursor:pointer;transition:all .2s ease}.search-page-retro .share-button-retro:hover{background:#e68900;border-color:#e68900}.search-page-retro .share-button-retro:disabled{background:#444;color:#888;border-color:#222;cursor:not-allowed}.search-page-retro .share-toast{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--primary-color);color:#000;padding:4px 8px;font-size:.6rem;border-radius:2px;white-space:nowrap}@media (max-width: 850px){.search-page-retro .search-controls-panel{flex-direction:column;align-items:stretch}.search-page-retro .controls-row{justify-content:space-between;flex-wrap:wrap}.search-page-retro .search-bar{min-width:0}}.search-page-retro .results-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:1rem;box-shadow:0 0 10px var(--primary-color)}.search-page-retro .results-title{font-family:var(--font-family);font-size:1.2rem;text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px dashed var(--primary-color);overflow-wrap:break-word;word-break:break-word}.search-page-retro .results-grid-container{min-height:300px}.search-page-retro .no-results-text{text-align:center;font-size:.9rem;padding:3rem 0;opacity:.8}@media (max-width: 480px){.search-page-retro .results-title{font-size:1rem}}.search-page-retro .results-grid-container .popularSeries{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%}.search-page-retro .pagination-container{margin-top:2rem}.search-page-retro .pagination{display:flex;justify-content:center;gap:.25rem;font-family:var(--font-family);font-size:.7rem;flex-wrap:wrap}.search-page-retro .page-item .page-link{background-color:transparent;color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;padding:.5rem .75rem;transition:all .2s ease;text-decoration:none}.search-page-retro .page-item .page-link:hover{background-color:var(--primary-color);color:#000}.search-page-retro .page-item.active .page-link{background-color:var(--primary-color);color:#000;border-color:var(--primary-color)}.search-page-retro .page-item.disabled .page-link{color:#666;border-color:#444;background-color:transparent;cursor:not-allowed}@media (max-width: 700px){.search-bar,.search-input{width:100%}}.mv-info-page-retro{font-family:var(--font-family);color:var(--primary-color);padding:1rem;width:100%}.retro-hero-panel{background-size:cover;background-position:center;border-radius:6px;border:4px solid var(--primary-color);position:relative;overflow:hidden}.retro-hero-overlay{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem}.retro-hero-content{display:flex;align-items:flex-end;gap:2rem}.retro-poster{width:200px;flex-shrink:0;border:3px solid var(--primary-color);border-radius:6px;box-shadow:0 0 15px var(--primary-color);position:relative;cursor:pointer}.retro-poster img{width:100%;display:block;border-radius:4px}.play-icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s ease}.retro-poster:hover .play-icon-overlay{opacity:1}.play-icon-overlay .material-icons{font-size:80px;color:#fff;text-shadow:0 0 10px var(--primary-color)}.retro-header-details{display:flex;flex-direction:column;gap:1rem;color:#fff}.retro-title-main{font-family:var(--font-family);font-size:2.5rem;text-shadow:3px 3px 0 #000;line-height:1.2}.retro-user-actions{display:flex;gap:1rem;flex-wrap:wrap}.retro-play-btn{font-family:var(--font-family);font-size:.8rem;padding:.6rem 1.2rem;background:var(--primary-color);color:#000;border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.retro-play-btn:hover{background:#1ca54f;border-color:#1ca54f}.retro-play-btn .material-icons{font-size:1.2rem}.retro-status-select,.retro-like-btn{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:var(--panel-background);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.retro-status-select:hover,.retro-like-btn:hover{background:var(--primary-color);color:#000}.share-container-retro{position:relative}.retro-share-btn{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:#ff9800;color:#000;border:2px solid #e68900;border-radius:4px;cursor:pointer;transition:all .2s ease}.retro-share-btn:hover{background:#e68900;border-color:#e68900}.share-toast-retro{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--primary-color);color:#000;padding:4px 8px;font-size:.6rem;border-radius:2px;white-space:nowrap;z-index:10}.retro-details-panel,.retro-recommendations-panel{margin-top:2rem;background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:1.5rem;box-shadow:0 0 10px var(--primary-color)}.retro-overview-text{font-size:.8rem;line-height:1.8;opacity:.9;margin-bottom:2rem}.retro-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;font-size:.7rem;line-height:1.6}.grid-item strong{opacity:.7}.retro-error-text{text-align:center;padding:4rem;font-size:1.2rem}@media (max-width: 768px){.retro-hero-content{flex-direction:column;align-items:center;text-align:center}.retro-title-main{font-size:1.8rem}.retro-user-actions{justify-content:center}}.movie-play-retro{font-family:var(--font-family);color:var(--primary-color);padding:1rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}.retro-player-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:.5rem;box-shadow:0 0 10px var(--primary-color)}.retro-iframe-container{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:4px}.retro-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.retro-controls-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:1.5rem;box-shadow:0 0 10px var(--primary-color)}.retro-section-title{font-size:1.2rem;text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px dashed var(--primary-color)}.server-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.episode-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.manual-inputs,.ep-nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.retro-btn{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.retro-btn:hover{background:var(--primary-color);color:#000}.retro-btn.active{background:var(--primary-color);color:#000;box-shadow:0 0 8px var(--primary-color)}.retro-input{background:#0a0a0a;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;padding:.5rem;width:70px;text-align:center;font-family:var(--font-family);font-size:.8rem;outline:none}.retro-input:focus{box-shadow:0 0 8px var(--primary-color)}.retro-input::-webkit-outer-spin-button,.retro-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.retro-input[type=number]{-moz-appearance:textfield}.visual-episode-selector{margin-top:1.5rem;border-top:2px dashed var(--primary-color);padding-top:1.5rem}.season-selector-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:.5rem;padding:.5rem;background-color:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;max-height:250px;overflow-y:auto;margin-bottom:20px}.retro-loading-text{font-size:.9rem;text-align:center;margin-top:2rem;opacity:.7}.season-info-display{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;box-shadow:0 0 5px var(--primary-color);align-items:flex-start}.season-poster-placeholder{width:100%;max-width:200px;height:250px;background-color:#222;border:1px dashed var(--primary-color);display:flex;align-items:center;justify-content:center;color:#888;font-size:.8rem;border-radius:2px}@media (min-width: 768px){.season-info-display{flex-direction:row;align-items:center}.season-poster,.season-poster-placeholder{width:150px;flex-shrink:0;height:225px}.season-overview-box{padding-left:1rem}}@media (min-width: 1024px){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.retro-status-bar{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1rem;background-color:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;margin-bottom:1.5rem;align-items:center}.retro-select:focus{outline:none;box-shadow:0 0 8px var(--primary-color)}.overview-collapsed{position:relative}.expand-btn{font-family:var(--font-family);font-size:.7rem;background:var(--primary-color);color:#000;border:none;padding:4px 8px;border-radius:2px;cursor:pointer;margin-top:.5rem;display:inline-block}.visual-episode-selector .retro-section-title{margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:2px dashed var(--primary-color)}.visual-episode-selector{border-top:2px solid #222;padding-top:0}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:.5rem;padding:.5rem;background-color:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;max-height:250px;overflow-y:auto}.episode-btn{padding:.5rem;font-size:.8rem;min-width:45px;text-align:center;justify-content:center}.retro-btn.active{background-color:var(--primary-color);color:#000;box-shadow:0 0 8px var(--primary-color)}.season-info-display{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;background:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px;align-items:flex-start}.season-poster{width:100%;max-width:200px;height:auto;border:1px solid var(--primary-color);border-radius:2px;object-fit:cover}.season-overview-box{flex-grow:1;color:var(--text-color)}.season-info-title{font-family:var(--font-family);font-size:1.1rem;margin-top:0;margin-bottom:.5rem;color:var(--primary-color)}.season-info-overview{font-size:.8rem;line-height:1.4;margin-bottom:.5rem;opacity:.9}.season-info-meta{font-size:.7rem;color:#888}@media (min-width: 768px){.season-info-display{flex-direction:row;align-items:center}.season-poster{width:150px;flex-shrink:0;height:225px}.season-overview-box{padding-left:1rem}}.retro-controls-panel{display:flex;flex-direction:column;gap:1.5rem}.main-actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;background-color:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px}.share-button-retro{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:#ff9800;color:#000;border:2px solid #e68900;border-radius:4px;cursor:pointer;transition:all .2s ease}.share-button-retro:hover{background:#e68900;border-color:#e68900}.share-toast{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--primary-color);color:#000;padding:4px 8px;font-size:.6rem;border-radius:2px;white-space:nowrap;z-index:10}.series-controls-section{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background-color:#0a0a0a;border:2px solid var(--primary-color);border-radius:4px}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.status-item label{opacity:.8}.retro-select{font-family:var(--font-family);background-color:#111;color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;padding:.3rem .5rem;font-size:.8rem;cursor:pointer}.visual-episode-selector{margin-top:0;border-top:none;padding-top:0}.chat-screen{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#1a1a1a;color:#fff;font-family:Arial,sans-serif}.chat-header{padding:20px;background-color:#2b2b2b;border-bottom:1px solid #444;text-align:center}.chat-messages{display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow-y:auto;padding:10px}.containingmessages{width:50vw}.message{display:flex;word-break:break-all;margin:0 0 30px}.sent{justify-content:flex-end}.sent .message-content{background-color:#007bff}.received{justify-content:flex-start}.message-content{min-width:100px;max-width:60vw;background-color:#333;padding:10px;position:relative}.sent .message-content{border-radius:20px 0 20px 5px}.received .message-content{border-radius:0 20px 5px}.username{font-weight:700;margin-bottom:5px}.message-time{font-size:.8em;color:#e2e2e2;bottom:5px;right:10px}.message-actions{display:flex;align-items:center;margin-top:5px}.reactions{display:flex;align-items:center}.reaction{margin-right:5px}.react-button{background:none;border:none;color:#fff;cursor:pointer;margin-left:10px}.chat-input{display:flex;padding:10px;background-color:#2b2b2b;border-top:1px solid #444}.chat-input input{flex:1;padding:10px;border:1px solid #444;border-radius:5px;background-color:#333;color:#fff}.chat-input input::placeholder{color:#999}.send-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-left:10px}.send-button:hover{background-color:#0056b3}.emoji-picker-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:1000;background:#2b2b2b;border-radius:5px;padding:10px}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.reaction-picker{position:absolute;bottom:30px;right:10px;background:#2b2b2b;border-radius:5px;padding:10px}.spacewidth{width:20px}.flexright100{width:100%;display:flex;padding-top:5px;flex-direction:row;justify-content:flex-end}.message-content p{word-break:break-word}.reactions{display:flex;flex-wrap:wrap;gap:5px;max-width:100%;overflow-wrap:break-word;word-break:break-all}.sent .messagebelow{display:none}.messagebelow{display:flex;justify-content:center}.messagedata{padding-top:8px}.chat-messages::-webkit-scrollbar{width:12px}.chat-messages::-webkit-scrollbar-track{background:#1a1a1a}.chat-messages::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:10px;border:3px solid #1a1a1a}.chat-messages{scrollbar-color:#007bff #1a1a1a;scrollbar-width:thin}:root{--primary-color: #22c55e;--background-color: black;--panel-background: #111;--text-color: #22c55e;--font-family: "Press Start 2P", monospace}.iptv-app{font-family:var(--font-family);background:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;gap:1rem;width:100%;padding:1rem;min-height:100vh;box-sizing:border-box;position:relative;overflow-x:hidden}.iptv-app:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 2px,transparent 3px);z-index:100}.iptv-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:1.5rem}.iptv-loading-message{font-family:var(--font-family);color:var(--text-color);font-size:1rem;text-align:center;padding:0 1rem}.iptv-header{text-align:center;margin-bottom:1rem}.iptv-title{font-size:1.8rem;margin-bottom:1rem;margin-top:1.5rem}.iptv-subtitle{font-size:.6rem;opacity:.8}.iptv-mode-selector{display:flex;gap:1rem}.iptv-mode-btn{flex:1;padding:.5rem;font-family:var(--font-family);font-size:.86rem;border:2px solid var(--primary-color);border-radius:4px;background:var(--panel-background);color:var(--text-color);cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.iptv-mode-btn:hover{background:#222}.iptv-mode-btn.active{background:var(--primary-color);color:#000}.iptv-player-container{background:var(--panel-background);border:2px solid var(--primary-color);padding:1rem;display:flex;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px var(--primary-color)}.iptv-video-player{width:100%;border-radius:4px;max-height:50vh;border:2px solid var(--primary-color);background:#000}.iptv-now-playing-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.8rem;flex-wrap:wrap}.iptv-now-playing-logo{height:30px;max-width:100px;object-fit:contain}.iptv-now-playing,.iptv-select-text{font-size:.8rem;text-align:center}.iptv-now-playing{margin-bottom:0}.iptv-horizontal-row{margin-top:1rem;width:100%;display:flex;justify-content:center}.iptv-action-buttons-container{display:flex;gap:.75rem;align-items:center;justify-content:space-between;width:100%}.iptv-share-btn-container{position:relative}.iptv-share-btn,.iptv-like-btn,.iptv-pip-btn{display:flex;align-items:center;gap:6px;border:none;color:#fff;padding:4px 10px;font-size:medium;cursor:pointer;border-radius:4px;font-family:sans-serif;font-weight:700}.iptv-share-btn:disabled,.iptv-like-btn:disabled{opacity:.5;cursor:wait}.iptv-share-btn{background:#ff9800}.iptv-share-btn:hover:not(:disabled){background:#e68900}.iptv-like-btn{background:#4caf50}.iptv-like-btn:hover:not(:disabled){background:#45a049}.iptv-pip-btn{background:#2196f3}.iptv-pip-btn:hover:not(:disabled){background:#1e88e5}.iptv-pip-btn:disabled{opacity:.5;cursor:not-allowed}.iptv-inline-toast{position:absolute;top:-1.5rem;right:0;background:var(--primary-color);color:#000;padding:2px 6px;font-size:.6rem;border-radius:2px;z-index:10;white-space:nowrap}.iptv-tab-container{display:flex;flex-direction:column;border:2px solid var(--primary-color);border-radius:6px;background:var(--panel-background);box-shadow:0 0 10px var(--primary-color);overflow:hidden}.iptv-tab-buttons{display:flex;border-bottom:2px solid var(--primary-color)}.iptv-tab-btn{font-family:var(--font-family);font-size:.8rem;padding:.75rem 1rem;flex:1;text-align:center;background:var(--panel-background);color:var(--primary-color);border:none;cursor:pointer;transition:all .2s ease;border-right:2px solid var(--primary-color)}.iptv-tab-btn:last-child{border-right:none}.iptv-tab-btn:hover{background:#222}.iptv-tab-btn.active{background:var(--primary-color);color:#000}.iptv-tab-content-area{height:65vh;overflow-y:hidden}.iptv-sidebar-panel,.leaderboard-container{border:none!important;box-shadow:none!important;margin:0;display:flex;flex-direction:column;height:100%;width:100%}.iptv-panel-header{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.5rem;border-bottom:2px solid var(--primary-color);background:var(--panel-background);position:sticky;top:0;z-index:10}.iptv-panel-header select,.iptv-panel-header .iptv-search-box{background:var(--panel-background);color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;padding:.25rem .5rem;font-family:var(--font-family);font-size:.7rem}.iptv-panel-header .iptv-search-box{flex:1;min-width:100px}.iptv-panel-list{overflow-y:auto;padding:.5rem;flex-grow:1}.iptv-category-title{padding-bottom:.25rem;border-bottom:2px solid var(--primary-color);font-size:.7rem;color:var(--text-color);margin:.5rem 0}.iptv-channel-list{list-style:none;padding:0;margin:0}.iptv-channel-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.4rem .5rem;font-size:.7rem;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px}.iptv-channel-item:hover,.iptv-channel-item.active{background:var(--primary-color);color:#000}.iptv-channel-logo{height:20px;width:30px;object-fit:contain;flex-shrink:0}.iptv-no-data{padding:1rem;text-align:center;font-size:.7rem}@media (max-width: 768px){.iptv-app{padding:.5rem}.iptv-title{font-size:1.6rem}.iptv-mode-selector{flex-direction:column;gap:.5rem}.iptv-mode-btn{font-size:.7rem;padding:.75rem .5rem}.iptv-video-player{max-height:40vh}.iptv-tab-content-area{height:60vh}.iptv-tab-btn{font-size:.7rem;padding:.5rem}}.iptv-cat-select{width:200px}.leaderboard-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.leaderboard-header{display:flex;flex-shrink:0;padding:.5rem;gap:.5rem;border-bottom:2px solid var(--primary-color);background:var(--panel-background);position:sticky;top:0;z-index:10}.leaderboard-tab-btn{flex:1;font-family:var(--font-family);font-size:.7rem;padding:.5rem;background:var(--panel-background);color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.leaderboard-tab-btn:hover{background:#222}.leaderboard-tab-btn.active{background:var(--primary-color);color:#000}.leaderboard-list{flex-grow:1;overflow-y:auto;padding:.5rem}.leaderboard-list ul{list-style:none;padding:0;margin:0}.leaderboard-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin-bottom:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.leaderboard-list li:hover{background-color:var(--primary-color);color:#000;border-radius:4px;border-color:var(--primary-color)}.leaderboard-rank{font-size:.7rem;font-weight:700}.leaderboard-channel-info{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.leaderboard-channel-name{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-playlist-tag{font-size:.5rem;opacity:.7;margin-top:2px}.leaderboard-stat{font-size:.7rem;white-space:nowrap;flex-shrink:0;font-weight:700}.no-data{padding:1rem;text-align:center;font-size:.7rem}:root{--primary-color: #22c55e;--panel-background: #111;--text-color: #22c55e;--font-family: "Press Start 2P", monospace}.fab-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}.fab-overlay.is-active{opacity:1;pointer-events:auto}.retro-fab-container{position:fixed;bottom:25px;left:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;pointer-events:none}.fab-main{background:transparent;border:none;cursor:pointer;padding:0;width:60px;height:60px;animation:fab-glow 3s infinite alternate;transition:transform .3s ease;order:2;pointer-events:auto}.fab-main img{width:100%;height:100%;transform:scaleX(-1)}.retro-fab-container.is-open .fab-main{transform:rotate(-90deg) scale(1.2)}@keyframes fab-glow{0%{filter:drop-shadow(0 0 5px var(--primary-color))}to{filter:drop-shadow(0 0 15px var(--primary-color))}}.fab-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;order:1}.fab-option{display:flex;align-items:center;flex-direction:row-reverse;gap:.8rem;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.fab-option img{width:50px;height:50px;transition:transform .2s ease}.fab-option:hover img{transform:scale(1.2)}.fab-option span{font-family:var(--font-family);font-size:.8rem;color:var(--text-color);background-color:#111c;padding:.5rem .8rem;border:2px solid var(--primary-color);border-radius:4px}.fab-option.is-disabled{cursor:not-allowed;filter:grayscale(80%) brightness(.7)}.fab-option.is-disabled:hover img{transform:scale(1)}.retro-fab-container.is-open .fab-option{opacity:1;transform:translateY(0);pointer-events:auto}.retro-fab-container.is-open .fab-option:nth-child(1){transition-delay:0s}.retro-fab-container.is-open .fab-option:nth-child(2){transition-delay:.1s}.retro-fab-container.is-open .fab-option:nth-child(3){transition-delay:.2s}.retro-fab-container.is-open .fab-option:nth-child(4){transition-delay:.3s}.retro-fab-container.is-open .fab-option:nth-child(5){transition-delay:.4s}.retro-fab-container.is-open .fab-option:nth-child(6){transition-delay:.5s}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--panel-background);color:var(--text-color);border:4px solid var(--primary-color);border-radius:6px;box-shadow:0 0 15px var(--primary-color);padding:1rem 2rem 2rem;max-width:500px;width:90%;font-family:var(--font-family);position:relative;line-height:1.6;max-height:80vh;display:flex;flex-direction:column}.modal-body{overflow-y:auto;padding-right:1rem;margin-right:-1rem}.modal-body::-webkit-scrollbar{width:12px}.modal-body::-webkit-scrollbar-track{background:var(--panel-background)}.modal-body::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:6px;border:3px solid var(--panel-background)}.modal-close-btn{position:absolute;top:10px;right:10px;background:transparent;color:var(--text-color);border:2px solid var(--primary-color);font-family:var(--font-family);cursor:pointer;padding:.25rem .5rem}.modal-close-btn:hover{background:var(--primary-color);color:var(--panel-background)}.modal-title{font-size:1.2rem;margin-top:0;margin-bottom:1.5rem;text-align:center;flex-shrink:0}.modal-text{font-size:.8rem;margin-bottom:1rem}.modal-list{font-size:.8rem;margin-left:1rem;margin-bottom:1rem}.modal-list li{margin-bottom:.5rem}.bug-report-textarea{width:100%;height:120px;background:#0a0a0a;color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;padding:.5rem;font-family:var(--font-family);font-size:.7rem;resize:vertical;margin-bottom:1rem}.bug-report-textarea:focus{background-color:#0a0a0a;color:var(--text-color);outline:none}.submit-bug-btn{width:100%;padding:.75rem;background:var(--panel-background);color:var(--text-color);border:2px solid var(--primary-color);border-radius:4px;font-family:var(--font-family);font-size:.8rem;cursor:pointer}.submit-bug-btn:hover{background:var(--primary-color);color:var(--panel-background)}:root{--primary-color: #22c55e;--panel-background: #111;--font-family: "Press Start 2P", monospace}.xkcd-page-retro{font-family:var(--font-family);color:var(--primary-color);width:100%;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:2rem}.interdim-heading{font-size:2rem;color:var(--primary-color);text-align:center;text-shadow:0 0 8px var(--primary-color);line-height:1.4;animation:text-flicker 3s infinite linear alternate}.interdim-sub{display:block;font-size:.7rem;opacity:.8;margin-top:.5rem;letter-spacing:2px}@keyframes text-flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 8px var(--primary-color),0 0 15px var(--primary-color);opacity:1}20%,24%,55%{text-shadow:none;opacity:.9}}.retro-panel{background:var(--panel-background);border:4px solid var(--primary-color);border-radius:6px;padding:2rem;box-shadow:0 0 10px var(--primary-color);width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.retro-title{font-size:1.2rem;text-align:center;width:100%;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px dashed var(--primary-color)}.xkcd-image-container{width:100%;background:#fff;padding:10px;border:2px solid var(--primary-color)}.xkcd-image{width:100%;height:auto;display:block;cursor:zoom-in}.xkcd-alt-text{font-size:1rem;line-height:1.6;opacity:.8;text-align:center;font-family:monospace}.xkcd-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.retro-btn-xkcd{font-family:var(--font-family);font-size:.8rem;padding:.75rem;background:var(--primary-color);color:#000;border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.retro-btn-xkcd:hover{background:#1ca54f;border-color:#1ca54f}.share-container{position:relative}.share-btn-retro{font-family:var(--font-family);font-size:.8rem;padding:.75rem;background:#ff9800;color:#000;border:2px solid #e68900;border-radius:4px;cursor:pointer;transition:all .2s ease}.share-btn-retro:hover{background:#e68900}.share-toast{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--primary-color);color:#000;padding:4px 8px;font-size:.6rem;border-radius:2px;white-space:nowrap}.zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out;overflow:auto}.zoomed-image{width:auto;max-width:95vw;max-height:95vh;object-fit:contain;border:4px solid var(--primary-color);box-shadow:0 0 25px var(--primary-color);cursor:zoom-in;transition:transform .3s ease}.zoomed-image.deep-zoomed{transform:scale(2);max-width:none;max-height:none;cursor:zoom-out}@media (max-width: 768px){.interdim-heading{font-size:1.4rem}.retro-title{font-size:1rem}.retro-panel{padding:1rem}}.dvd-game-page{font-family:var(--font-family);color:var(--primary-color);width:100%;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;position:relative}.sound-toggle-btn{font-family:var(--font-family);font-size:.7rem;padding:.5rem 1rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.sound-toggle-btn:hover{background:var(--primary-color);color:#000}.dvd-game-page.screen-flash:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#f006;pointer-events:none;z-index:9999;animation:flash-fade .2s ease-out}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.game-container{width:100%;max-width:900px;padding:1rem}.game-ui-panel{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#0a0a0a;border:2px solid var(--primary-color);padding:.75rem 1rem;margin-bottom:1rem;border-radius:4px}.ui-item{font-size:.7rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.ui-value{color:#fff}.ui-item.high-score{font-size:.9rem}.ui-item.high-score .ui-value{font-size:1.5rem}.ui-sub-panel{display:flex;justify-content:space-between;width:100%}.ui-item.lives .ui-value{letter-spacing:4px;font-size:1rem}.game-area{width:100%;height:60vh;background-color:#000;border:2px solid var(--primary-color);position:relative;overflow:hidden;cursor:crosshair}.logo-container{position:absolute;width:120px;height:80px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.dvd-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px #fff);pointer-events:none}.logo-container.dead .dvd-logo{filter:grayscale(100%) brightness(.5)}.blast-gif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;pointer-events:none}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:1rem}.overlay-title{font-size:2rem}.overlay-title.game-over{color:#f55;text-shadow:0 0 8px #ff5555}.overlay-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.roast-text{font-size:.7rem;color:#999;font-style:italic;margin-top:1rem}.game-over-roast{color:#ff9800;font-size:.8rem;max-width:80%;line-height:1.5}.leaderboard-modal .roast-text{border-top:1px dashed #444;padding-top:1rem}.leaderboard-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.leaderboard-modal{width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.leaderboard-list{list-style:none;padding:0;margin:0;width:100%;overflow-y:auto;flex-grow:1}.leaderboard-list li{display:flex;justify-content:space-between;font-size:.9rem;padding:.75rem 0;border-bottom:1px dashed #444}.leaderboard-list li:last-child{border-bottom:none}:root{--primary-color: #22c55e;--background-color: #010001;--panel-background: #111;--text-color: #22c55e;--font-family: "Press Start 2P", monospace}.navbar-container{background-color:var(--panel-background);z-index:100;display:flex;width:100vw;justify-content:center;border-bottom:2px solid var(--primary-color);box-shadow:0 0 15px var(--primary-color);position:sticky;top:0}.navbar{height:60px;display:flex;align-items:center;max-width:1100px;padding:0 1rem;flex-direction:row;justify-content:space-between;width:100%}.nav-logo-group{display:flex;align-items:center;gap:1rem;cursor:pointer}.nav-logo-text{font-family:var(--font-family);font-size:1.2rem;color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 5px var(--primary-color)}.nav-tv-icon{width:35px;height:35px;filter:drop-shadow(0 0 4px var(--primary-color));transition:transform .2s ease}.nav-tv-icon:hover{transform:scale(1.1)}.navbar-items-desktop{display:flex;align-items:center;gap:1.5rem}.nav-icon-link,.nav-pfp-link{cursor:pointer;color:var(--primary-color);transition:all .2s ease}.nav-icon-link:hover,.nav-pfp-link:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--primary-color))}.nav-icon-svg{width:28px;height:28px;fill:var(--primary-color)}.nav-pfp{height:40px;width:40px;border:2px solid var(--primary-color);border-radius:50%;object-fit:cover}.navbar-menu-icon{display:none;cursor:pointer;padding:.5rem}.navbar-menu-mobile{position:absolute;top:60px;left:0;width:100%;background-color:var(--panel-background);border:2px solid var(--primary-color);border-top:none;box-shadow:0 10px 15px var(--primary-color);z-index:99;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease-out,opacity .3s ease-out}.navbar-menu-mobile.open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;font-family:var(--font-family);font-size:.8rem;color:var(--text-color);text-transform:uppercase;border-bottom:2px dashed var(--primary-color);cursor:pointer;transition:all .2s ease}.navbar-menu-item:last-child{border-bottom:none}.navbar-menu-item:hover{background-color:var(--primary-color);color:var(--panel-background)}.navbar-menu-item:hover .nav-pfp{border-color:var(--panel-background)}@media (max-width: 768px){.navbar-items-desktop{display:none}.navbar-menu-icon{display:block}}.glitch-logo{font-family:var(--font-family);font-size:1.2rem;color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;position:relative;cursor:pointer;padding:10px 0}.glitch-logo:before,.glitch-logo:after{content:"OrionView";position:absolute;top:10px;left:0;width:100%;height:100%;overflow:hidden}.glitch-logo:before{color:#f0f;animation:glitch-top 1s infinite linear alternate-reverse}.glitch-logo:after{color:#0ff;animation:glitch-bottom 1.5s infinite linear alternate-reverse}@keyframes glitch-top{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(4px,-1px)}}@keyframes glitch-bottom{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,2px)}60%{transform:translate(4px,1px)}80%{transform:translate(-4px,-1px)}}.login-navbar-btn{transform:scaleY(-1) translateY(4px)}.firefly-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:2;pointer-events:none}.firefly{position:absolute;bottom:0;background-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 15px var(--primary-color);animation:animateFirefly linear infinite}@keyframes animateFirefly{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(0);opacity:0}}.firefly:nth-child(1){left:10%;width:3px;height:3px;animation-duration:8s;animation-delay:-2s}.firefly:nth-child(2){left:25%;width:2px;height:2px;animation-duration:12s;animation-delay:-5s}.firefly:nth-child(3){left:50%;width:4px;height:4px;animation-duration:6s;animation-delay:-1s}.firefly:nth-child(4){left:75%;width:2px;height:2px;animation-duration:14s;animation-delay:-8s}.firefly:nth-child(5){left:90%;width:3px;height:3px;animation-duration:9s;animation-delay:-3s}.firefly:nth-child(6){left:5%;width:2px;height:2px;animation-duration:11s;animation-delay:-7s}.firefly:nth-child(7){left:35%;width:4px;height:4px;animation-duration:7s;animation-delay:-4s}.firefly:nth-child(8){left:60%;width:2px;height:2px;animation-duration:15s;animation-delay:-10s}.firefly:nth-child(9){left:85%;width:3px;height:3px;animation-duration:10s;animation-delay:-6s}.firefly:nth-child(10){left:20%;width:4px;height:4px;animation-duration:5s;animation-delay:-0s}.firefly:nth-child(11){left:45%;width:2px;height:2px;animation-duration:13s;animation-delay:-9s}.firefly:nth-child(12){left:70%;width:3px;height:3px;animation-duration:8s;animation-delay:-3s}.firefly:nth-child(13){left:95%;width:2px;height:2px;animation-duration:12s;animation-delay:-5s}.firefly:nth-child(14){left:15%;width:4px;height:4px;animation-duration:6s;animation-delay:-2s}.firefly:nth-child(15){left:40%;width:3px;height:3px;animation-duration:10s;animation-delay:-7s}.firefly:nth-child(16){left:65%;width:2px;height:2px;animation-duration:14s;animation-delay:-1s}.firefly:nth-child(17){left:80%;width:4px;height:4px;animation-duration:7s;animation-delay:-4s}.firefly:nth-child(18){left:30%;width:3px;height:3px;animation-duration:9s;animation-delay:-6s}.firefly:nth-child(19){left:55%;width:2px;height:2px;animation-duration:11s;animation-delay:-8s}.firefly:nth-child(20){left:0%;width:4px;height:4px;animation-duration:5s;animation-delay:-3s}@media (max-width: 768px){.firefly:nth-child(n+11){display:none}}:root{--primary-color: #22c55e}.glitch-line-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:100;pointer-events:none}.glitch-line{position:absolute;left:-10%;width:120%;height:2px;background-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color);opacity:0;animation:glitch-flicker infinite}@keyframes glitch-flicker{0%{opacity:0;transform:translate(0)}5%{opacity:.6;transform:translate(10px)}6%{opacity:0;transform:translate(-20px)}to{opacity:0}}.glitch-line:nth-child(1){top:10%;animation-duration:4s;animation-delay:1.7s}.glitch-line:nth-child(2){top:25%;animation-duration:3s;animation-delay:3.2s}.glitch-line:nth-child(3){top:40%;animation-duration:5s;animation-delay:.5s}.glitch-line:nth-child(4){top:55%;animation-duration:2s;animation-delay:5.1s}.glitch-line:nth-child(5){top:70%;animation-duration:4s;animation-delay:2.9s}.glitch-line:nth-child(6){top:85%;animation-duration:3s;animation-delay:4.3s}.glitch-line:nth-child(7){top:95%;animation-duration:5s;animation-delay:1.1s}.datastream-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:9998;font-family:Roboto Mono,monospace}.datastream-overlay:before{content:"01101001 01101110 01110100 01100101 01110010 01100110 01100101 01110010 01100101 01101110 01100011 01100101 00100000 01100100 01100101 01110100 01100101 01100011 01110100 01100101 01100100 00001010 01110010 01100101 01110010 01101111 01110101 01110100 01101001 01101110 01100111 00100000 01110011 01101001 01100111 01101110 01100001 01101100 00101110 00101110 00101110 00001010 01010011 01111001 01110011 01110100 01100101 01101101 00100000 01001111 01101110 01101100 01101001 01101110 01100101 00101110 00100000 01000001 01101100 01101100 00100000 01000011 01101000 01100001 01101110 01101110 01100101 01101100 01110011 00100000 01000001 01100011 01110100 01101001 01110110 01100101 00001010";position:absolute;top:0;left:0;width:100%;height:200%;font-size:14px;line-height:1.2;text-align:justify;word-break:break-all;color:#22c55e1a;animation:scroll-text 30s infinite linear}.datastream-overlay:after{content:"ACCESSING 0xDEADBEEF... CONNECTION ESTABLISHED. RECEIVING DATA PACKETS... 299,792,458 m/s... ENCRYPTION: AES-256... QUANTUM TUNNEL OPEN... SIGNAL STABLE... MONITORING... BIOMETRICS NOMINAL... NO ANOMALIES DETECTED... STANDBY... WAITING FOR INPUT... KERNEL PANIC AVERTED... MEMORY ALLOCATION: 16.00 GiB... CPU LOAD: 15%... NETWORK LATENCY: 32ms... PINGING GATEWAY... PONG... SYSTEM CLOCK SYNCED...";position:absolute;top:0;left:0;width:100%;height:200%;font-size:14px;line-height:1.2;text-align:justify;word-break:break-all;color:#22c55e4d;text-shadow:0 0 5px rgba(34,197,94,.7);animation:scroll-text 30s infinite linear reverse,flicker-text .1s infinite steps(1)}@media (min-width: 768px){.datastream-overlay:before,.datastream-overlay:after{font-size:16px}}@keyframes scroll-text{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes flicker-text{0%,to{opacity:1}50%{opacity:.4}}