:root{letter-spacing:.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rajdhani,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{width:100%;display:flex}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0;-webkit-tap-highlight-color:transparent;background:#05070a;outline:none;min-width:320px;min-height:100vh;margin:0;line-height:1;display:flex}h1{font-size:3.2em;line-height:1.1}.section-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow-y:auto}@media (width<=800px){#root{flex-direction:column-reverse}.section-container{align-items:flex-start;height:calc(100dvh - 48px);padding-inline:5%}}button{letter-spacing:.02em;color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #333c4d99;border-radius:4px;outline:none;align-items:center;gap:8px;width:auto;height:32px;padding:0 8px;font-family:Rajdhani,sans-serif;font-weight:600;transition:all .1s ease-in;display:flex}button:hover{color:#ffffffde}button p{letter-spacing:.02em;font-family:Rajdhani,sans-serif;font-size:13.5px;font-weight:600;position:relative}button:hover{background:#dadee71a;border:1px solid #555}button.active{background:#dadee74d}button:focus{outline:none}button.selected{border-color:#ffcd45}.color-uncommon{color:#1eff00}.color-rare{color:#0070dd}.color-epic{color:#a335ee}.color-legendary{color:#ff8000}.color-artifact{color:#e5cc80}*{box-sizing:border-box;outline:#0000}div{scrollbar-width:thin;scrollbar-color:#333c4d99 transparent}div::-webkit-scrollbar{width:6px;height:6px}div::-webkit-scrollbar-track{background:0 0}div::-webkit-scrollbar-thumb{background:#333c4d99 padding-box padding-box;border:1px solid #0000;border-radius:999px}div::-webkit-scrollbar-thumb:hover{background:#333c4d99 padding-box padding-box;border:2px solid #0000}.loader-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{box-sizing:border-box;border:3px solid #fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;border:3px solid #ff3d00;border-color:#ff3d00 #0000;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}