body{color:#fff;background:0 0;margin:0;font-family:Arial,sans-serif;overflow:hidden}.container{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.overlay-video{object-fit:contain;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.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%)}#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}#menu-button{display:none}@media (width<=768px){.side-panel{z-index:100;background:#000000e6;width:250px;height:100vh;padding-top:80px;padding-left:10px;transition:transform .3s;position:fixed;top:0;right:0;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}.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}.background_fadein{animation:1.5s forwards backgroundFadeIn}.background_fadeout{animation:1s reverse forwards backgroundFadeIn}.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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance}.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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance}.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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance;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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance;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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance,1s ease-in-out infinite alternate purpleGlowAnimation;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;animation:3s ease-in-out infinite alternate textShineAnimation,.5s ease-in fadeEntrance,1s ease-in-out infinite alternate purpleGlowAnimation;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}