body{color:#fff;background:0 0;margin:0;font-family:Arial,sans-serif;overflow:hidden}.overlay-text-container{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex;position:absolute;top:20%;left:0}.overlay-video{object-fit:contain;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.dashboard-page{color:#fff;box-sizing:border-box;background:#111;flex-direction:column;height:100vh;padding:24px;font-family:Arial,sans-serif;display:flex}.dashboard-header{border-bottom:2px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:20px;display:flex}.title-area h1{margin:0;font-size:2.2rem}.user-info{align-items:center;gap:16px;display:flex}.profile-picture{object-fit:cover;border:2px solid #9146ff;border-radius:50%;width:70px;height:70px}.user-info p{color:#aaa;margin:0;font-size:.9rem}.user-info h2{margin:4px 0 0}.dashboard-panels{flex-wrap:wrap;flex-grow:1;align-items:flex-start;gap:20px;min-height:0;max-height:100%;margin-bottom:32px;display:flex}.dashboard-panel{box-sizing:border-box;background:#1c1c1c;border:2px solid #333;border-radius:16px;flex:1;min-height:0;max-height:100%;padding:20px;overflow-y:auto}.dashboard-panel h2{margin-top:0;margin-bottom:20px;font-size:1.5rem}.button-group{flex-direction:row;gap:20px;padding:20px 20px 0;display:flex}button{color:#fff;cursor:pointer;background:#9146ff;border:none;border-radius:10px;padding:12px 18px;font-size:1rem;font-weight:700;transition:all .2s}.button-group button{flex:1}button:hover{background:#a65eff;transform:scale(1.02)}.overlay-link-area{margin-top:24px}.overlay-link-row{gap:10px;margin-top:10px;display:flex}.overlay-link-row input{flex:1}input,select{color:#fff;box-sizing:border-box;background:#222;border:1px solid #444;border-radius:8px;padding:10px}input[type=range]{flex:1}.setting-row{flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-bottom:0;display:flex}.setting-row label{text-align:left;width:40%}.box-style-selector{margin-top:24px}.box-style-scroll{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.box-style{background:#222;border:2px solid #444;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:12px;display:flex}.box-style.selected{border-color:#9146ff}.box-preview{font-size:2rem}.box-thumbnail{width:100px;height:auto}.pronoun-group{margin-bottom:24px}.pronoun-group h3{margin-bottom:12px}.pronoun-group label{margin-bottom:8px;display:block}.custom-pronoun-row{gap:10px;margin-bottom:12px;display:flex}.custom-pronoun-row input{flex:1}.advanced-settings{margin-top:20px}.rarity-weight-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.rarity-weight-row label{width:100px}.save-bar{background:#222;border:2px solid #444;border-radius:14px;flex-direction:column;align-items:center;gap:16px;width:25vw;padding:16px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00000080}#save-button{width:100%}.unsaved-changes{color:red}.unsaved-changes h3{margin:0}#notification-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.notification{color:#fff;border-radius:8px;padding:12px 20px;animation:.2s fadeIn}.notification.success{background:#2e7d32}.notification.warning{background:#ed6c02}.notification.error{background:#d32f2f}.notification.info{background:#1976d2}.disabled-section:after{content:attr(data-disabled-message);background:#0000004d;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=768px){.dashboard-page{height:100dvh;padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-panels{flex-flow:column;flex-grow:1;min-height:auto;padding-bottom:120px;padding-right:10px;overflow-y:auto}.dashboard-panel{width:100%;min-height:fit-content;overflow-y:visible}.custom-pronoun-row{flex-direction:column}.save-bar{justify-content:space-between;width:70vw;bottom:60px;left:50%;transform:translate(-50%)}}.dashboard-body{background-color:#000}.homepage-layout{width:100vw;height:100vh;position:relative;overflow:hidden}.homepage-title{white-space:nowrap;text-align:center;text-shadow:4px 4px 3px #000;font-family:Autumn,sans-serif;font-size:clamp(40px,10vh,10vw);position:absolute;top:3vh;left:50%;transform:translate(-50%)}.center-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bottom-area{z-index:20;align-content:center;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.homepage-video-container{aspect-ratio:1;width:min(70vw,70vh);position:relative}.homepage-video{width:100%;height:auto;position:absolute;top:0;left:0}.video-text-container{pointer-events:none;border-radius:40px;flex-direction:column;align-items:center;width:100%;height:11.5rem;display:flex;position:absolute;transform:translateY(10%)}#new-label{z-index:1;color:#ffdf00;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;font-family:Open Sans,sans-serif;font-size:2rem;font-weight:700;position:absolute;translate:6rem -1rem;rotate:15deg}#rarity{white-space:nowrap;z-index:1;font-family:Open Sans,sans-serif;font-weight:800;position:absolute;translate:0 80%}#pronoun{text-shadow:0 0 20px #000,0 0 40px #000;white-space:nowrap;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;text-align:center;font-family:Open Sans,sans-serif;font-weight:700}#roll-button{text-shadow:2px 2px 5px #000;color:#fff;cursor:pointer;background-image:linear-gradient(45deg,#9146ff 0%,#af69ee 51%,#9146ff 100%);background-size:150%;border:none;border-radius:12px;padding:12px 24px;font-size:3rem;font-weight:700;transition:all .2s}#roll-button:hover{background-position:100%;transform:scale(1.05)}.side-panel{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.sidebar-links{flex-direction:column;gap:8px;display:flex;position:relative}.side-button{color:#fff;z-index:10;background-color:#af69ee;border-radius:12px 0 0 12px;padding:20px 40px 24px 20px;font-weight:700;text-decoration:none;transition:transform .2s ease-out;position:relative}.side-button:after{content:"";z-index:-1;background-color:#9146ff;border-radius:12px 0 0 12px;width:100%;height:85%;transition:transform .2s ease-out;display:block;position:absolute;top:0;bottom:0;left:0;transform:translate(0)}.side-button:hover{transform:translate(-8px)}.sidebar-settings{color:#fff;background:#0006;border-radius:12px;flex-direction:column;gap:16px;margin-top:24px;padding:16px;display:flex}.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-column{flex-direction:column;gap:6px;display:flex}.collection-panel{text-align:center;background:#0006;border-radius:12px;flex-direction:column;gap:8px;width:20vw;padding:5px 10px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.collection-title{padding:5px;font-size:2rem;font-weight:700}.collection-entries{flex-direction:column;gap:8px;display:flex}.rarity-title{font-size:1.5em;font-weight:700}.pronoun-list{gap:4px 12px;padding-top:10px;padding-bottom:15px;display:grid}#menu-button,#collection-button{display:none}@media (width<=768px){.side-panel{z-index:100;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#000000e6;width:250px;height:100vh;padding-top:80px;padding-left:10px;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.side-panel.open{transform:translate(10px)}#menu-button{z-index:200;color:#fff;background:0 0;border:none;font-size:2rem;display:block;position:fixed;top:20px;right:20px}.collection-title{display:none}.collection-panel{z-index:100;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#000000e6;width:250px;height:100vh;padding-left:10px;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.collection-entries{padding-top:70px;padding-bottom:100px}.collection-panel.open{transform:translate(0)}#collection-button{z-index:200;color:#000;background:#ffffffe6;border:none;border-radius:9px;font-size:2rem;display:block;position:fixed;top:20px;left:20px}.homepage-video-container{aspect-ratio:1;width:clamp(250px,90vw,70vh);position:relative}.homepage-title{white-space:normal;width:100vw;font-size:min(12vw,8vh);top:5vh}.video-text-container{transform:translate(0)}.main-content{padding-top:20vh}.bottom-area{bottom:15vh}#roll-button{position:relative}#rarity{font-size:4rem;translate:0 100%}}.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.pronoun_animated{animation:2.5s ease-out infinite alternate pronounLoop,.6s linear pronounEntrance;position:absolute}.fadeout.fadeout{animation:.5s forwards fadeOut}.new-label-animated.new-label-animated{animation:.5s ease-out infinite alternate pronounLoop,1s reverse forwards fadeOut}.background_fadein{animation:1.5s forwards backgroundFadeIn}.background_fadeout{animation:1s reverse forwards backgroundFadeIn}.invisible{display:none}.common{color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;text-shadow:0 0 20px #000,0 0 40px #000;font-size:4.5rem;font-weight:700}.uncommon{color:#fff44f;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;text-shadow:0 0 20px #000,0 0 40px #000;font-size:4.5rem;font-weight:700}.rare{color:#0000;perspective:500px;background:linear-gradient(60deg,#1e90ff 45%,#fff 55%,#1e90ff 65%) 0 0/150%;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;transform:rotateY(15deg)}.super_rare{color:#0000;perspective:500px;background:linear-gradient(60deg,#006400 45%,#90ee90 55%,#006400 65%) 0 0/150%;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;transform:rotateY(15deg)}.ultra_rare{color:#0000;perspective:500px;background:linear-gradient(60deg,#639 45%,#fff 55%,#639 65%) 0 0/150%;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;text-shadow:0 0 40px #ffc8ffcc;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;transform:rotateY(15deg)}.legendary{color:#0000;perspective:500px;background:linear-gradient(60deg,#ff8c00 45%,#fff 55%,#ff8c00 65%) 0 0/150%;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;transform:rotateY(15deg)}@keyframes textShineAnimation{0%{background-position:25% 0;rotate:0 1 .2 10deg}to{background-position:75% 0;rotate:0 1 .2 -10deg}}@keyframes fadeEntrance{0%{opacity:0;scale:3}to{opacity:1;scale:1}}@keyframes pronounLoop{0%{scale:.95}to{scale:1.05}}@keyframes pronounEntrance{0%{opacity:0;translate:0 min(35vh,40vw);scale:.1}to{opacity:1;translate:0;scale:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes backgroundFadeIn{0%{background-color:#0000}to{background-color:#0006}}@keyframes purpleGlowAnimation{0%{text-shadow:0 0 40px #ffffffe6}to{text-shadow:0 0 20px #ffffff80}}@keyframes move{to{transform:translateZ(1px)rotate(360deg)}}.background{background:#211335;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.background span{backface-visibility:hidden;width:20vmin;height:20vmin;animation:move;animation-duration:3;border-radius:20vmin;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.background span:nth-child(0){color:#583c87;transform-origin:17vw -8vh;animation-duration:55s;animation-delay:-190s;top:93%;left:91%;box-shadow:-40vmin 0 5.33202vmin}.background span:first-child{color:#d458e4;transform-origin:12vw -9vh;animation-duration:357s;animation-delay:-239s;top:78%;left:26%;box-shadow:40vmin 0 5.07246vmin}.background span:nth-child(2){color:#d458e4;transform-origin:3vw 24vh;animation-duration:386s;animation-delay:-345s;top:46%;left:24%;box-shadow:-40vmin 0 5.62806vmin}.background span:nth-child(3){color:#583c87;transform-origin:-20vw 2vh;animation-duration:218s;animation-delay:-421s;top:21%;left:10%;box-shadow:-40vmin 0 5.13356vmin}.background span:nth-child(4){color:#d458e4;transform-origin:-10vw 11vh;animation-duration:226s;animation-delay:-112s;top:48%;left:96%;box-shadow:-40vmin 0 5.39171vmin}.background span:nth-child(5){color:#d458e4;transform-origin:3vw 21vh;animation-duration:325s;animation-delay:-210s;top:87%;left:98%;box-shadow:-40vmin 0 5.23572vmin}.background span:nth-child(6){color:#fddddd;transform-origin:-24vw -15vh;animation-duration:354s;animation-delay:-139s;top:81%;left:48%;box-shadow:40vmin 0 5.77365vmin}.background span:nth-child(7){color:#583c87;transform-origin:-11vw 9vh;animation-duration:397s;animation-delay:-261s;top:20%;left:57%;box-shadow:40vmin 0 5.39279vmin}.background span:nth-child(8){color:#fddddd;transform-origin:-21vw 4vh;animation-duration:222s;animation-delay:-252s;top:25%;left:100%;box-shadow:-40vmin 0 5.83939vmin}.background span:nth-child(9){color:#fddddd;transform-origin:18vw 18vh;animation-duration:419s;animation-delay:-282s;top:84%;left:54%;box-shadow:40vmin 0 5.91766vmin}.background span:nth-child(10){color:#fddddd;transform-origin:-13vw 7vh;animation-duration:70s;animation-delay:-52s;top:15%;left:7%;box-shadow:-40vmin 0 5.51846vmin}.background span:nth-child(11){color:#583c87;transform-origin:-23vw -20vh;animation-duration:427s;animation-delay:-137s;top:76%;left:79%;box-shadow:-40vmin 0 5.37811vmin}.background span:nth-child(12){color:#d458e4;transform-origin:18vw 16vh;animation-duration:280s;animation-delay:-62s;top:15%;left:74%;box-shadow:40vmin 0 5.175vmin}