:root{background-color:#232323;--about-h: 90px}html,body{cursor:url(/assets/cursor-bk-pLyjg0yl.png) 16 16,auto}a,button,.cursor-pointer,[role=button]{cursor:url(/assets/cursor-bk-pLyjg0yl.png) 16 16,pointer}.hero{position:relative;width:100%;height:100vh}.main-container{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#62626266;padding:90px;width:350px;height:calc(400px + var(--about-h));display:flex;border-radius:10px;justify-content:space-between;align-items:center;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,background-color .5s ease-in-out}.main-container.entered{opacity:1}.container{display:flex;align-items:center}.pfp{width:100px;height:100px;border-radius:50%;object-fit:cover;position:fixed;margin-right:10px;transform:translate(134.7px);top:15px;border:2px solid black}.name{margin-left:10px;font-weight:700;position:fixed;font-size:22px;margin-right:10px;transform:translate(124.4px);top:110px;color:#fff;font-family:Poppins,sans-serif}.name:hover:before{content:"UID 0";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:3px;left:150%;transform:translate(-50%);font-size:14px;white-space:nowrap;width:50px;text-align:center;font-family:Noto Sans,sans-serif}.outside{display:flex;align-items:center}.view{position:fixed;width:25px;height:25px;margin-right:10px;transform:translate(400px);top:16.3px}.num:hover:before{content:"Profile Views";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:22px;left:150%;transform:translate(-65%);font-size:14px;white-space:nowrap;width:103px;text-align:center;font-family:Noto Sans,sans-serif}.num{font-family:Roboto,sans-serif;text-decoration:bold;color:#fff;font-size:14px;position:fixed;width:20px;height:20px;margin-right:8px;transform:translate(364px);top:21px}.bio{margin-left:10px;position:fixed;font-size:13px;margin-right:10px;transform:translate(109px);top:160px;color:#fff;font-family:Roboto,sans-serif}.links{gap:.75rem;position:fixed;left:50%;transform:translate(-50%);top:200px;background-color:#0000;padding:5px;width:520px;height:50px;display:flex;border-radius:10px;justify-content:center;align-items:center}.link1{width:50px;height:50px;border-radius:50%;object-fit:fill;border:2px solid white}.link1:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link2{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link2:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link3{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link3:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link4{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link4:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link5{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link5:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.div1{position:fixed;left:50%;transform:translate(-50%);top:276px;background-color:#fff;padding:1px;width:500px;height:1px;display:flex;justify-content:space-between;align-items:center}.div2{position:fixed;left:50%;transform:translate(-50%);top:calc(450px + var(--about-h));background-color:#fff;padding:1px;width:500px;height:1px;display:flex;justify-content:space-between;align-items:center}.button1{color:#fff;text-decoration:none;text-align:center;position:fixed;left:6%;top:calc(464px + var(--about-h));background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;text-decoration:bold}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button2{color:#fff;text-align:center;text-decoration:none;position:fixed;left:6%;top:calc(525px + var(--about-h));background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;text-decoration:bold}.button1:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;top:30px;left:38%;transform:translate(-10%);font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.button2:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;top:33px;left:38%;transform:translate(-10%);font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.about{position:fixed;left:50%;transform:translate(-50%);top:284px;width:500px;height:calc(var(--about-h) - 16px);display:flex;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.about-text{margin:auto;padding:0 8px;color:#fff;font-family:Roboto,sans-serif;font-size:13px;line-height:1.45;text-align:center;white-space:pre-line}.div3{position:fixed;left:50%;transform:translate(-50%);top:calc(276px + var(--about-h));background-color:#fff;padding:1px;width:500px;height:1px}.song{position:fixed;left:50%;transform:translate(-50%);top:calc(279px + var(--about-h));background-color:#0000;padding:5px;width:491px;height:161px;display:flex;flex-direction:column;justify-content:center;align-items:center}.songcover{background-color:#fff;padding:2px;width:110px;height:110px;position:fixed;left:20px;border-radius:10px}.songinfo{display:flex;flex-direction:column;margin-top:10px;margin-left:-100px;transform:translateY(20px)}.songtitle,.artist,.album{font-family:Roboto Mono,monospace;font-family:Rubik,sans-serif;color:#fff;display:flex;margin:2px;transform:translateY(-30px)}.progress-bar-container{border-radius:10px;height:10px;background-color:#0000;margin-top:10px;width:60%;border:2.5px solid black;overflow:hidden;transform:translateY(93px);margin-left:100px}.progress-bar{height:100%;background-color:#fff;width:0;transition:width 1s linear;border-radius:10px}.time-label{margin-top:20px;font-size:14px;color:#fff;font-family:Poppins,sans-serif;transform:translate(50px)}.overlay{background:#000;position:fixed;left:0%;top:0;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;color:#fff;font-size:24px;cursor:pointer;z-index:9999}.click{position:fixed;left:50%;transform:translate(-50%);top:360px;animation:clickPulse 1.6s ease-in-out infinite}@keyframes clickPulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.info{position:fixed;left:15%}.tooltip{display:none;position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;font-size:14px;white-space:nowrap;text-align:center;font-family:Noto Sans,sans-serif}.playpause{position:fixed;right:40px;top:50px;width:42px;height:42px;padding:0;border-radius:50%;border:2px solid white;background:#00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.playpause:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9;scale:1.05}.volume{position:fixed;right:92px;top:62px;display:flex;align-items:center;gap:6px;z-index:2}.volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;margin:0;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(to right,#ffffff var(--vol, 50%),rgba(255,255,255,.35) var(--vol, 50%))}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}.volume input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff}.scroll-hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-family:Roboto,sans-serif;font-size:12px;letter-spacing:.5px;opacity:.85;z-index:3;animation:bounce 1.8s infinite;transition:opacity .3s ease}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.gallery-section{position:relative;width:100%;padding-top:60px;padding-bottom:60px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.gallery-title{color:#fff;font-family:Roboto,sans-serif;font-size:22px;margin:0 0 32px;text-align:center}.gallery-carousel{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:900px}.gallery-track{display:flex;align-items:center;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:20px 40vw;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex-shrink:0;scroll-snap-align:center;width:240px;opacity:.45;transform:scale(.82);transition:opacity .35s ease,transform .35s ease}.gallery-item.active{opacity:1;transform:scale(1)}.gallery-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:2px solid white;display:block}.gallery-caption{color:#fff;font-family:Roboto,sans-serif;font-size:13px;text-align:center;margin:8px 0 0}.gallery-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid white;background:#00000059;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.gallery-arrow:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000d9;animation:lightboxFade .25s ease}.lightbox-img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:12px;border:2px solid white;animation:lightboxZoom .3s ease}.lightbox-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border-radius:50%;border:2px solid white;background:#00000059;color:#fff;font-size:24px;line-height:1;cursor:pointer}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoom{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 600px){:root{--about-h: 70px}.about{width:88vw;max-width:340px;top:296px;height:calc(var(--about-h) - 14px)}.about-text{font-size:12px}.div3{width:88vw;max-width:340px;top:calc(288px + var(--about-h))}.main-container{top:50%;width:92vw;max-width:360px;height:auto;min-height:calc(600px + var(--about-h));padding:24px 12px}.pfp{left:50%;transform:translate(-50%);top:24px}.name{left:50%;transform:translate(-50%);margin:0;top:132px;text-align:center}.bio{left:50%;transform:translate(-50%);margin:0;top:178px;text-align:center;white-space:nowrap}.view{left:auto;right:50px;top:18px;transform:none}.num{left:auto;right:16px;top:22px;transform:none}.links{width:92vw;max-width:340px;gap:.35rem;top:220px}.link1,.link2,.link3,.link4,.link5{width:46px;height:46px}.div1{width:88vw;max-width:340px;top:288px}.div2{width:88vw;max-width:340px;top:calc(470px + var(--about-h))}.playpause{right:12px;top:40px;width:36px;height:36px}.volume{right:12px;top:86px}.gallery-item{width:68vw;max-width:220px}.gallery-track{padding:20px 16vw;gap:16px}.gallery-arrow{width:34px;height:34px}.song{width:92vw;max-width:340px;top:calc(300px + var(--about-h));height:150px}.songcover{left:8vw;width:90px;height:90px}.songinfo{margin-left:20px;transform:translateY(15px)}.progress-bar-container{width:40%;margin-left:60px;transform:translateY(90px)}.time-label{transform:translate(15px)}.button1{left:50%;transform:translate(-50%);width:88vw;max-width:340px;top:calc(486px + var(--about-h))}.button2{left:50%;transform:translate(-50%);width:88vw;max-width:340px;top:calc(542px + var(--about-h))}}.pfp{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:filter .1s linear}.roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000d9;animation:lightboxFade .25s ease}.roll-card{position:relative;width:min(90vw,340px);padding:28px 24px 24px;border-radius:16px;border:2px solid white;background:#0a0a0a;color:#fff;text-align:center;font-family:Noto Sans,sans-serif;animation:lightboxZoom .3s ease}.roll-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:2px solid white;background:#ffffff14;color:#fff;font-size:20px;line-height:1}.roll-title{margin:0 0 18px;font-size:16px;opacity:.9}.roll-options{display:flex;gap:14px;justify-content:center}.roll-option{display:flex;flex-direction:column;align-items:center;gap:6px;width:86px;padding:14px 8px;border-radius:12px;border:2px solid rgba(255,45,210,.5);background:#ff2dd214;color:#fff;font-size:26px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.roll-option:hover,.roll-option:focus-visible{transform:translateY(-3px) scale(1.04);border-color:#ff2dd2;background:#ff2dd22e}.roll-option span{font-size:13px;font-family:Open Sans,sans-serif}.roll-result{margin:4px 0 6px;font-size:22px;font-weight:700;min-height:32px}.roll-result-num{font-size:44px}.roll-result.spinning{color:#ff2dd2;animation:rollSpin .07s linear infinite}.roll-result.landed{animation:rollLand .35s ease}.roll-tag{display:block;font-size:14px;font-weight:400;margin-top:4px}.roll-tag.crit{color:#ffd23f}.roll-tag.fail{color:#ff5c5c}.roll-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.roll-again,.roll-back{padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:13px;font-family:Open Sans,sans-serif}.roll-again{border-color:#ff2dd2;background:#ff2dd226}@keyframes rollSpin{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.94)}}@keyframes rollLand{0%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}
