:root{--background: #0e141b;--background-light: #243344;--accent: #d44c50;--accent-trans: #d44c5077;--secondary: rgb(255, 255, 255)}body{background-color:var(--background);width:100%;padding:0;margin:0;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}main{color:var(--secondary);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:min-content;width:100%;max-width:1400px;margin:0 auto}h1,h2,h3{font-family:FiraCode,Courier New,Courier,monospace}h1{color:var(--accent);padding:10px;font-size:3rem;margin-bottom:5px}h2{color:var(--secondary);margin-top:10px;margin-bottom:15px;font-size:1.5rem;border-bottom:2px solid var(--accent);padding-bottom:8px;width:100%}h3{margin-top:20px;margin-bottom:10px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}sub{padding-bottom:25px;font-size:.9rem}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%;border:none;margin:8px 0;padding:5px}.box{border-radius:12px;border:2px solid var(--background-light);background:linear-gradient(135deg,#2433441a,#0e141b4d);padding:15px 20px;width:50%;max-width:700px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin:10px;box-shadow:0 4px 15px #0000004d}.settings-container{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}@media (min-width: 1200px){.settings-container{flex-direction:row;align-items:flex-start;justify-content:center;max-width:1400px}.settings-box{flex:1;max-width:600px;width:auto}}.common{color:#0f0}.rare{color:#45a5ff}.epic{color:#f0f}.checkbox{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--background-light);border-radius:6px;transition:all .05s ease;cursor:pointer}.checkbox:hover{background:#24334499;transform:translate(3px)}.checkbox input[type=checkbox],.checkbox input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--accent);border-radius:4px;cursor:pointer;position:relative;transition:all .05s ease}.checkbox input[type=radio]{border-radius:50%}.checkbox input[type=checkbox]:checked,.checkbox input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.checkbox span{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;text-align:left}#title-sliders{color:var(--secondary);filter:opacity(25%);display:column;flex-direction:row;align-items:left;text-align:center;font-size:small;width:min-content;position:absolute;bottom:50px;left:50px;transition:all .1s ease-out}#title-sliders:hover{filter:opacity(100%)}#title-sliders .title-slider{position:relative;display:flex;flex-direction:column;align-items:center;margin:10px;padding-top:4px}#title-sliders .title-slider:after{border:2px solid var(--secondary);border-bottom:0px;height:80%;width:100%;content:"";position:absolute;top:0;z-index:-1}#title-sliders #scroll-text{padding-top:10lvh;font-size:small}#title-sliders .next-arrow{display:inline;animation:slide-in 1.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0,.75,1,.25);opacity:1}#snake{position:absolute;top:50px;left:50px;width:90%;height:90%}.glass-button{text-decoration:none;border:2px solid var(--secondary);color:var(--secondary);background:var(--background);outline:none;position:relative;display:flex;align-items:center;justify-content:center;padding:15px 10px 14px;cursor:pointer;height:2.5rem;transform-style:preserve-3d;transition:.2s ease-in-out;margin:2% 2% 5%;width:20rem;left:-3px;font-size:1.5rem;font-weight:700;font-family:FiraCode,Courier New,Courier,monospace;height:50px}.glass-button:after{position:absolute;width:103%;height:110%;border:2px solid var(--accent);background-color:var(--accent-trans);left:10px;top:10px;transform:translateZ(-1px);content:"";transition:.2s ease-in-out}.glass-button:before{position:absolute;width:103%;height:110%;border:2px solid var(--accent);background-color:var(--accent-trans);left:1px;top:1px;transform:translateZ(-1px);content:"";transition:.2s ease-in-out}.glass-button:hover{transform:translate(3px,3px);transition:.2s ease-in-out}.glass-button:hover:after{transform:translate3D(-6px,-6px,-6px);transition:.2s ease-in-out}.glass-button:hover:before{transform:translate3D(-3px,-3px,-3px);transition:.2s ease-in-out}
