:root{font-family:Arial,sans-serif;background-color:#000a77;color:#d3d3d3;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}@font-face{font-family:ogEmoji;src:url(/og-dcm-emoji.ttf) format("truetype")}@font-face{font-family:dogicapixelbold;src:url(/dogicapixelbold.ttf) format("truetype")}html,body{scrollbar-gutter:stable;height:100%;overflow:hidden;width:100%;margin:0}:root{font-family:Arial,sans-serif;background-color:#000a77;color:#d3d3d3;margin:0;padding:0}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#e1e1e1;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#fff}::-webkit-scrollbar-thumb:active{background:#000}::-webkit-scrollbar-track{background:#666;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#666}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:transparent}.no-select{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto}.App{width:100vw;height:100svh;padding:0;margin:0;display:flex}.infoContainer{width:45%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.mainNav{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.asciiContainer{width:55%;height:100vh;display:block;cursor:grab}.asciiContainer:active{cursor:grabbing}.socialLinksContainer{display:flex;align-items:center;justify-content:center;width:100%}.navLink{display:flex;align-items:center;justify-content:center;width:180px;text-align:center;font-family:monospace;font-size:1rem;cursor:pointer;text-decoration:none;color:inherit}.linkText{padding:0 4px;transition:padding .3s ease-in-out}.navLink:hover .linkText{padding:0 20px}.bracket{transition:transform .1s ease}.navLink:hover .linkText{padding:0 10px}.navLink:hover .bracket{font-weight:700}.marqueeContainer{width:100%;overflow:hidden;white-space:nowrap;display:flex;align-items:center;background:transparent;padding:10px 0}.marqueeContent{display:inline-flex;flex-shrink:0;min-width:100%;will-change:transform;animation:scroll linear infinite}.marqueeContent span{display:inline-block;padding-right:50px;font-family:monospace;font-size:1.5rem;color:#fff;text-transform:uppercase}.linksPageContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.linksMainTree{display:flex;flex-direction:column;width:35vw;height:100vh;justify-content:center;font-family:monospace;font-size:xx-large;background-color:#212121}.linksList{height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-top:3px}.songTitle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:10px;padding-right:10px;font-family:dogicapixelbold;font-size:1.3rem}.linkItemContainer{display:flex;justify-content:center;width:100%;height:100%}.linkItem{display:flex;justify-content:space-between;width:100%;padding-bottom:50px;margin-bottom:5px;background:#ffffff0d;color:#fff;text-decoration:none;font-family:monospace;transition:all .2s ease-in-out;border:1px solid transparent}.linkItem:hover{background:#ffffff26;border:1px solid #d3d3d3;transform:translateY(-3px)}.platformContent{height:100%;width:100%;display:flex;align-items:flex-start;justify-content:space-between}.platformName{font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-left:5px}.platformIcon{font-size:20px;padding-left:10px;padding-top:10px}.buttonRight{display:flex;flex-direction:column}.arrowIcon{font-family:ogEmoji;font-size:1.2rem;opacity:.6;transition:opacity .2s}.linkItem:hover .arrowIcon{opacity:1}.userSubscribe{width:65vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.notFoundContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;background-color:#000a77;font-family:monospace}.unlockedContent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%}.dialogueBoxWrapper{display:flex;align-items:center;justify-content:flex-end}.dialogueBox{background-color:#212121;display:flex;width:100%;align-items:flex-end;justify-content:flex-end;margin-right:10px;margin-left:10px;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.statusText{letter-spacing:2px;color:#5664ff;font-weight:700}.eyeBlinkerCursor{pointer-events:none;z-index:9999;background-color:#212121}.spinnerOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000a77;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:all}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center}.modalContent{background-color:#212121;height:35vh;width:80vw;display:flex;flex-direction:column}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:15%;background-color:#212121}.modalHeader p{font-family:ogEmoji;font-size:1.2rem}.modalBody{overflow-y:auto;white-space:pre-wrap;font-family:monospace;font-size:1rem;color:#d3d3d3;line-height:1.5;height:100%;padding:0 20px;background-color:#1c1c1c}.modalFooter{display:flex;justify-content:center;align-items:center;text-align:right;width:100%;height:30%}.discogFooter{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-left:20px;padding-right:20px;box-sizing:border-box;height:8vh;align-items:center;opacity:0}@media(max-width:768px){.infoContainer,.asciiContainer{width:100vw;height:50vh}.App{flex-direction:column}.linksPageContainer{display:flex;flex-direction:column;width:100vw;height:100lvh;justify-content:flex-start}.linksMainTree{width:100%;height:100%;justify-content:center}.linksList{height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.userSubscribe{width:100%;height:100vh}.dialogueBox{font-size:.6rem}}@keyframes blink{0%{opacity:1}to{opacity:.4}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@font-face{font-family:ogEmoji;src:url(/og-dcm-emoji.ttf) format("truetype")}@font-face{font-family:dogicapixelbold;src:url(/dogicapixelbold.ttf) format("truetype")}.signupContainer{width:100%;border-bottom-right-radius:1em;border-bottom-left-radius:1em;background-color:#1a1a1a}.signupLabel{color:#d3d3d3;font-size:1.2rem;margin-bottom:15px}.signupNotice{color:#888;font-size:.8rem;margin-bottom:15px;font-weight:700}.signupForm{display:flex;flex-direction:column;margin:0 auto;padding:10px}.inputWrapper{display:flex;align-items:center;border-bottom:1px solid #d3d3d3;margin-bottom:15px}.terminalPrompt{font-family:ogEmoji,monospace;margin-right:10px}.signupInput{background:transparent;border:none;color:#d3d3d3;width:100%;padding:8px 0;font-family:inherit;outline:none}.signupBtn{background-color:#d3d3d3;border:none;color:#212121;cursor:pointer;font-family:inherit;transition:color .2s;height:50px;transition:background-color .2s}.signupBtn:hover:not(:disabled){color:#000;background-color:#fff}.systemFeedback{display:flex;align-items:center;padding-left:10px;font-size:.8rem}.success{color:#0f0}.error{color:#f33}.loading{color:#888}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:.5}}.cookieBanner{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;position:fixed;bottom:0;right:0;width:50vw;height:15vh;background:#0a0a0a;z-index:9999;transform:translateY(100%);opacity:0;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s ease}.cookieBanner.show{transform:translateY(0);opacity:1}.cookieContent{display:flex;flex-direction:column;justify-content:center;background-color:#555;padding:20px;width:90%}.acceptButton{background-color:#d3d3d3;border:none;color:#212121;cursor:pointer;font-family:inherit;transition:color .2s;padding:8px 12px;width:300px}.acceptButton:hover{color:#555;background-color:#f0f0f0}.cookieLogo{display:flex;align-items:center;justify-content:center;padding:10px;width:10%}@media(max-width:768px){.cookieBanner{height:15vh;width:100%;font-size:.8rem}.acceptButton{width:100%}.cookieContent{width:80%}.cookieLogo{width:20%}}@font-face{font-family:ogEmoji;src:url(/og-dcm-emoji.ttf) format("truetype")}.qrContainer{margin-top:1rem}.qrTrigger{padding:8px 16px;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.qrOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e8;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.qrOverlay.open{opacity:1;visibility:visible}.qrContent{display:flex;flex-direction:column;background:#212121;position:relative;color:#d3d3d3;width:30%;height:70%;border-bottom-right-radius:20px;-webkit-user-select:none;user-select:none;transform:translateY(-100vh);transition:transform .8s cubic-bezier(.16,1,.3,1)}.qrOverlay.open .qrContent{transform:translateY(0)}.qrClose{display:flex;align-items:center;justify-content:center;height:100%;width:30%;border:none;cursor:pointer;color:#888}.qrCanvasWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%}.qrCaption{display:flex;width:25%;justify-content:center;border-bottom:solid 1px #d3d3d3;border-left:solid 1px #d3d3d3;border-right:solid 1px #d3d3d3;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.qrCaption p{font-size:.5rem}.qrUrlContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:50%;background-color:#212121}.qrShareText{display:flex;align-items:center;justify-content:center;height:100%;width:70%;font-size:18px;font-weight:700;color:#d3d3d3}.qrUrlHeader{display:flex;flex-direction:row;width:100%;height:30%;border-bottom:solid 2px #333;align-items:center;justify-content:space-between}.qrUrlHeader p{margin:20px}.qrUrlText{display:flex;flex-direction:column;width:100%;height:20%;font-family:Arial,Helvetica,sans-serif;align-items:center;justify-self:space-between}.qrClose button{background-color:#262626;transition:all .3s ease}.qrClose button:hover{background-color:#333;cursor:pointer}.qrUrlIconography{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:30%;font-size:30px;color:#888;background:#212121;box-shadow:inset 20px 20px 15px #1c1c1c,inset -20px -20px 15px #262626}.qrUrlIconography p{font-family:ogEmoji;margin:0;bottom:0}@media(max-width:768px){.qrContent{width:100dvw;height:100dvh;border-bottom-right-radius:0}.qrUrlText,.qrCanvasWrapper{height:50%}.qrCaption p{font-size:.4rem}}.vaultContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100lvh;width:100vw;color:#d3d3d3;font-family:monospace;overflow:hidden}.vaultNavbar{top:0;position:fixed;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8vh;width:100vw}.vaultNavLeft{display:flex;flex-direction:row;height:100%;width:20%;align-items:center;margin-left:10px}.vaultNavRight{justify-content:flex-end;align-items:center;height:100%;position:relative;background-color:#212121}.vaultHero{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:10vh;width:100%}.gameArea{position:relative;width:100%;height:400px;margin-top:50px}.keyhole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:2px dashed #d3d3d3;display:flex;align-items:center;justify-content:center;text-align:center}.key{position:absolute;top:10%;left:10%;padding:20px;background:#ffffff1a;border:1px solid white;cursor:grab;-webkit-user-select:none;user-select:none}@media(max-width:768px){.vaultNavLeft{width:50%}}@font-face{font-family:ogEmoji;src:url(/og-dcm-emoji.ttf) format("truetype")}.discographyPage{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;width:100vw;background-color:#000a77;color:#d3d3d3;font-family:monospace;overflow:hidden}.timelineContainer{display:flex;height:50vh;width:100vw;overflow:hidden;overflow-anchor:none}.discogNavbar{top:0;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8vh;width:100%}.discogNavLeft{display:flex;flex-direction:row;height:100%;width:30%;align-items:center;justify-content:flex-start}.discogNavRight{display:flex;flex-direction:row;height:100%;width:70%;align-items:center;justify-content:flex-end;margin-right:10px}.releaseCard{position:relative;overflow:hidden;display:flex;cursor:pointer;transition:filter .2s ease;min-height:1px}.releaseCard:hover{filter:brightness(1.1)}.cardContent{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;z-index:10;overflow:hidden;position:relative}.cardBackground{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.verticalLabel{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:10px;z-index:10;overflow:hidden;min-width:0}.verticalTitleText{writing-mode:vertical-rl;transform:rotate(180deg);font-size:20px;margin-left:0;margin-bottom:10px;text-transform:uppercase}.dateText{white-space:nowrap}.infoBlockContainer{display:flex;flex-direction:row;height:90%;width:250px;margin:20px;color:#d3d3d3}.infoDetails{display:flex;flex-direction:column;width:25%;height:100%;overflow-y:auto;overflow-x:hidden}.infoSection{padding:10px 5px;display:flex;align-items:center;font-family:monospace;font-weight:700;background-color:#d3d3d3}.statusSection{height:40px;font-size:.8rem;border-top-right-radius:20px}.dateSection{background-color:#212121;border-bottom:#d3d3d3 1px solid}.titleSection{flex-grow:1;border-bottom:none;align-items:flex-end;background-color:#212121}.extraMeta{display:flex;flex-direction:column;font-size:.7rem;font-family:monospace;text-shadow:1px 1px 4px rgba(0,0,0,.8);align-items:flex-start;margin-left:20px}.exMetaBtn{background-color:#212121;color:#d3d3d3;border:none;cursor:pointer;font-family:monospace;width:50%;height:5vh;font-size:.6rem;transition:all .2s ease;border:solid #3b3b3b 1px}.exMetaBtn:hover{background-color:#d3d3d3;color:#212121}.accolades{display:flex;flex-direction:column;width:100px;background-color:#212121;margin-top:20px}.listenPointer{margin-left:27px}.lyricsPanel{display:flex;flex-direction:column;width:40%;height:100%;background-color:#212121;padding:10px;overflow-y:scroll;overflow-x:hidden;font-size:.8rem;line-height:1.4;white-space:pre-wrap;z-index:10}.discogFooter{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0 20px;box-sizing:border-box;height:8vh;align-items:center;opacity:0}#ex{font-family:ogEmoji}@media(max-width:768px){.discographyPage{height:100svh}.timelineContainer{flex-direction:column;height:70%}.releaseCard{align-items:center}.dateText{writing-mode:vertical-rl;transform:rotate(-90deg);white-space:nowrap}.verticalLabel{flex-direction:column;gap:0px}.infoBlockContainer{margin:0;width:250px;height:100%}.verticalTitleText{font-size:1.3rem;text-wrap:nowrap}.extraMeta{margin-left:20px;justify-content:flex-start;flex-direction:column-reverse}.accolades{margin-bottom:20px}.cardContent{height:100%}}.galleryPage{width:100%;min-height:100vh;overflow-y:visible;overflow-x:hidden;position:relative}.galleryContainer{padding-top:8vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,2fr))}.galleryNavbar{position:fixed;top:0;background:#212121;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:8vh;width:100vw}.galleryNavLeft{display:flex;flex-direction:row;height:100%;width:20%;align-items:center}.galleryNavRight{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:100%;width:350px}.galleryFangboyLogo{background-color:#ef7b30;display:flex;justify-content:center;align-items:center;height:100%;padding-left:10px}.mediaWrapper{background:#ffffff08;width:100%;height:100%}.artCard{aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:none}.artCard img,.artCard video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.artCard:hover{filter:brightness(1.1);box-shadow:0 0 20px #0000004d;cursor:pointer}.lightboxOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.overlayBackdrop{position:absolute;inset:0;background:#000a77;overflow:hidden;max-width:100dvw;height:100dvh}.lightboxWrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:95vw;max-height:100dvh}.lightboxContent{display:flex;align-items:center;justify-content:center}.lightboxContent img{max-width:90vw;max-height:75vh;width:auto;height:auto;display:block;object-fit:contain;box-shadow:0 0 30px #00000080}.portrait{aspect-ratio:4/5;width:auto;height:70vh}.landscape{aspect-ratio:16/9}.square{aspect-ratio:1/1;width:auto;height:70vh}.lightboxUI{margin-top:20px;text-align:center;font-family:monospace}.artTitle{color:#fff;font-size:1.2rem;letter-spacing:2px;margin-bottom:10px}.artDescription{white-space:pre-wrap}.gridTitle{position:absolute;bottom:5px;left:5px;font-size:.8rem;background:#00000080;padding:2px 5px;z-index:2;pointer-events:none}.backBtn{border:none;cursor:pointer;font-family:monospace;transition:all .2s;z-index:999;height:100%;display:flex;align-items:center;justify-content:center;background:#d3d3d3}.alternateBackBtn{border:none;cursor:pointer;font-family:monospace;transition:all .2s;z-index:999;height:auto;align-self:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;padding:0 15px}.backBtn span{text-decoration:none;color:#000}.backBtn:hover{background:#fff}.closeFooterBtn{width:100%;height:100%;border:none;background-color:#000a77}.closeFooterBtn:hover{background-color:#5664ff;color:#fff}@media(max-width:768px){.galleryPage{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.galleryContainer{display:grid}.galleryNavbar{height:8vh}.galleryNavLeft{width:55%}.galleryNavRight{padding-right:0;width:40%}}.analyticsPage{min-height:100vh;color:#d3d3d3;font-family:monospace;padding-top:10vh;overflow-y:scroll}.analyticsContainer{max-width:1200px;margin:0 auto;padding:40px 20px}.statsHeader{margin-bottom:40px}.statBox{background:#151515;border:1px solid #d3d3d3;padding:30px;display:inline-block}.statBox .label{font-size:.75rem;color:#888;display:block;margin-bottom:10px}.statBox .value{font-size:1rem;color:#0f0;margin:0}.chartsGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding-bottom:20px}.chartWrapper{background:#151515;border:1px solid #333;padding:10px;position:relative}.chartWrapper:before{content:"DATA_NODE";position:absolute;top:-10px;left:10px;background:#0a0a0a;padding:0 5px;font-size:.6rem;color:#555}.chartWrapper h3{font-size:.9rem;border-bottom:1px solid #333;padding-bottom:15px;margin-bottom:25px;letter-spacing:2px}.metricsList{list-style:none;padding:0;margin:0}.metricItem{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px dashed #333}.platformName{display:flex;align-items:center;gap:12px;font-weight:700}.dot{width:10px;height:10px;border-radius:2px}.platformValue{font-size:1.1rem}.platformValue span{color:#555;font-size:.7rem;margin-left:5px}@media(max-width:900px){.chartsGrid{grid-template-columns:1fr}.statBox{width:100%;box-sizing:border-box}}@font-face{font-family:ogEmoji;src:url(/og-dcm-emoji.ttf)}.aboutPage{height:100svh;width:100vw;color:#d3d3d3;font-family:monospace,ogEmoji;display:flex;flex-direction:column;overflow:hidden}.aboutContainer{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.manifestSection{border:1px solid #d3d3d3;padding:10px;position:relative;margin:20px;flex-shrink:0}.manifestTitle{font-size:1.2rem;color:#d3d3d3;margin-bottom:20px;letter-spacing:2px}.manifestBio{line-height:1.6;color:#888;margin-bottom:40px}.techGrid{display:grid;grid-template-columns:1fr;gap:15px}.techItem{display:flex;justify-content:space-between;border-bottom:1px solid #d3d3d3;padding-bottom:5px}.techLabel{color:#d3d3d3;font-size:.8rem}.techValue{color:#d3d3d3}.asciiFooter{margin:20px auto;color:#d3d3d3;font-size:.4rem;line-height:1;-webkit-user-select:none;user-select:none;text-align:center}.aboutFooter{font-size:.8rem;color:#d3d3d3;padding-left:20px}.version{font-size:.6rem;margin-top:10px;opacity:.5}.manifestTitle{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:1}50%{opacity:.9}to{opacity:1}}.privacyPolicyContainer{display:flex;max-width:800px;margin:0 auto;line-height:1.6;width:100%;height:100svh;overflow:hidden}.privacyPolicyMain{display:flex;flex-direction:column;background-color:#212121;margin:20px;padding:20px;border-radius:10px;color:#d3d3d3;flex:1;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
