html{height:100%}:root{--main-dark: #0e0d0d;--main-red: #990000;--dark-red: #1d0000;--gradient-start: #0e0d0d;--gradient-end: #080808;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--main-dark);background:-webkit-linear-gradient(to left top,blue,red);background:-moz-linear-gradient(to left top,blue,red);background:-ms-linear-gradient(to left top,blue,red);background:-o-linear-gradient(to left top,blue,red);background:linear-gradient(var(--gradient-start),var(--gradient-end));background-repeat:no-repeat;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.title{font-family:Cinzel Decorative,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-user-select:pointer;user-select:pointer;display:flex;justify-content:center;text-align:center;margin-block-start:.4em;margin-block-end:.4em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;cursor:pointer}.title img{max-height:100%;max-width:25%}h1{text-align:center;font-size:3.2em;line-height:1.1}.gen-text{max-width:20em;font-size:2.5em;text-wrap:wrap;text-align:center;font-family:Jost,Verdana,Geneva,Tahoma,sans-serif;font-weight:700;padding:1rem;margin:0;transition:.75s}.details-row{font-family:Jost,Verdana,Geneva,Tahoma,sans-serif;font-size:1.5rem}.details-row b{color:#900}.container{width:100%;height:100%;justify-content:center;z-index:3}.hidden{opacity:0;transition:1s}.clan-img{height:15em;aspect-ratio:1;object-fit:contain}#blob-blur{height:100%;width:100%;position:absolute;z-index:1;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px)}#blob{position:absolute;background:linear-gradient(to right,#99000079,#3b005781);height:25em;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;animation:rotate-blob 20s infinite;z-index:-1}@keyframes rotate-blob{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:360deg}}button.gen-btn{color:white;position:absolute;width:10em;border-radius:8px;border:1px solid #353535;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#310505;cursor:pointer;transition:border-color .5s;font-family:Cinzel Decorative,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2em;margin:0 auto;bottom:2em}button.gen-btn:hover{border-color:#900}button.gen-btn:active{background-color:#270505}.modal-settings button{width:50%;border-radius:8px;border:1px solid #353535;padding:.6em 1.2em;font-weight:500;font-family:inherit;background-color:#310505;cursor:pointer;transition:border-color .5s;font-family:Cinzel Decorative,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1em;margin:0 auto;bottom:1rem}.modal-settings button:hover{border-color:#900}.modal-settings button:active{background-color:#270505}.centered{display:flex;align-items:center;justify-items:center}.flex-col{display:flex;flex-direction:column;gap:1rem}.flex-row{display:flex;flex-direction:row;gap:1rem}.fadeOut{opacity:0;width:0;height:0;transition:width .5s .5s,height .5s .5s,opacity .5s}.fadeIn{opacity:1;transition:width .5s,height .5s,opacity .5s .5s}.modal-settings{animation:fadeIn 1s;position:absolute;margin:0 auto;top:10em;width:500px;max-width:90%;background-color:var(--main-dark);padding:1rem;z-index:40;font-family:Jost,Verdana,Geneva,Tahoma,sans-serif}.modal-settings h2,h3,h4{font-family:Cinzel Decorative,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center;margin:0;font-weight:700}.modal-settings h2:first-letter{color:#900}.modal-settings select{font-family:Jost,Verdana,Geneva,Tahoma,sans-serif;font-weight:700;font-size:1em}.modal-wrapper{padding:1rem;border:2px solid var(--main-red)}.settings-check{display:flex;flex-direction:row;justify-content:space-between}.slider{width:53px;height:24px;position:absolute;cursor:pointer;right:1.5rem;background-color:#525252;-webkit-transition:.4s;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#310505;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider:before{background-color:#000}input:checked+.slider{background-color:#310505}input:focus+.slider{box-shadow:0 0 1px #310505}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.dark-pack{position:absolute;aspect-ratio:1;width:10em;object-fit:contain;bottom:0;left:0;margin:2em;z-index:5}.chevron:before{align-self:center;border-style:solid;border-color:#525252;border-width:.25em .25em 0 0;content:"";position:absolute;height:1em;top:20em;left:50%;transform:translate(-50%,-50%);transform:rotate(-45deg);width:1em;z-index:40;-webkit-user-select:none;user-select:none;animation:chevronFade 30s;animation-iteration-count:infinite}.chevron.bottom:before{top:0;transform:rotate(135deg)}.dark-pack img{max-height:100%}.dark-pack-legal{width:100%;font-size:1rem;color:#353535;position:absolute;margin:0 auto;bottom:.2rem;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeZoom{0%{opacity:0;scale:85%}to{opacity:1;scale:100%}}@keyframes chevronFade{0%{opacity:0}5%{opacity:1}10%{opacity:0}to{opacity:0}}@media only screen and (max-width: 768px){.title img{max-width:75%}.flex-col{gap:.1rem}.modal-settings>.flex-col{gap:1.5rem}.gen-text{font-size:1.5em;line-height:1.8rem;margin-top:0;padding-bottom:.5rem}.modal-settings{animation:none}.details-row{flex-direction:column;gap:0;margin:0;margin-left:1rem;margin-right:1rem;justify-content:space-between}.details-row p{margin:0;text-align:center;text-wrap:wrap}.clan-img{height:10em;padding:.5em}.dark-pack{width:3em;margin:.5rem;margin-bottom:2em}button.gen-btn{width:10em;font-size:1.5em;bottom:2rem}.dark-pack-legal{font-size:.6rem;line-height:.5rem;-webkit-user-select:none;user-select:none;z-index:-1}.dark-pack-legal p{margin:0 auto;text-align:center}}