@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";.generationPage{box-sizing:border-box;background:#101010;flex-direction:column;align-items:center;gap:50px;width:100vw;height:100%;min-height:100vh;padding:4%;display:flex}.generationPage .header{flex-direction:column;align-items:center;gap:17px;width:100%;display:flex}.generationPage .header p{color:#969696}.generationPage .wrapper{flex-flow:wrap;justify-content:center;gap:30px;width:100%;height:83%;display:flex}.generationPage>a{cursor:pointer;background:0 0;border:4px solid;border-radius:15px;outline:0;flex-direction:row;align-items:center;gap:20px;padding:21px 50px;font-size:30px;text-decoration:none;display:flex}.loader{aspect-ratio:1;width:80px;animation:1.5s linear infinite rotation}.loader .line{box-sizing:border-box;border:5px solid #f0f8ff;border-radius:50%;width:100%;height:100%;position:relative}.loader .line .block{background:#101010;width:126px;height:35px;position:absolute;top:1%;left:38%;transform:rotate(27deg)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.statElement{background:#8080802e;border-radius:10px;flex-direction:column;gap:20px;width:20%;height:fit-content;padding:25px 14px;display:flex;position:relative}.statElement>div{flex-direction:row;align-items:end;gap:10px;display:flex}.statElement>div .color{box-sizing:border-box;border:3px solid #ffffff85;border-radius:21px;width:31px;height:50px}.statElement span{text-transform:uppercase}.statElement .value{font-size:28px;line-height:20px;font-family:liberation-mono-regular,monospace!important}.statElement .label,.statElement .right{color:#ffffffb5;letter-spacing:.6px;font-size:15px;font-weight:400;line-height:16px;text-transform:none!important}.statElement .progressBar{opacity:1;border-radius:10px;height:5px;position:absolute;bottom:0;left:0}@keyframes progressBarAnim{0%{opacity:1;width:0%}to{opacity:1;width:100%}}.planetePage{background-color:#000;width:100vw;height:100vh;overflow:hidden}.regenerateButton{cursor:pointer;z-index:5;background:0 0;border:2px solid;border-radius:15px;outline:0;flex-direction:row;align-items:center;gap:15px;width:fit-content;padding:8px 19px;font-size:21px;text-decoration:none;display:flex;position:absolute;bottom:20px;left:20px}.statPanel{z-index:5;border:1px solid;border-radius:22px;flex-direction:column;gap:21px;padding:24px 24px 48px;display:flex;position:absolute;bottom:102px;left:20px}.statPanel h1{font-size:30px}.statPanel .wrapper{flex-direction:column;gap:6px;display:flex}.statPanel .wrapper .stat{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.statPanel .wrapper .stat span{font-size:15px}.statPanel .wrapper .stat span:first-child{color:silver}.statPanel .wrapper .stat .proportion{background:#232323;border-radius:18px;flex-direction:row;justify-content:start;width:100%;height:7px;display:flex;position:absolute;bottom:-11px;left:0;overflow:hidden;transform:translateY(100%)}@font-face{font-family:liberation-mono-regular;src:url(/assets/LiberationMono-Regular-G2eyiG11.ttf)format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;font-family:Poppins,sans-serif;overflow:hidden}#root{overflow:hidden}h1{font-optical-sizing:auto;margin-block:0;font-family:Orbitron,sans-serif;font-size:55px;font-style:normal;font-weight:500}.uppercase{text-transform:uppercase}p,span{font-optical-sizing:auto;color:#fff;margin-block:0;font-family:Orbitron,sans-serif;font-size:20px;font-style:normal;font-weight:400}.loadingMessage{font-optical-sizing:auto;color:#fff;margin-block:0;font-size:15px;font-style:normal;font-weight:400;animation:1.5s ease-in infinite blink;font-family:liberation-mono-regular,monospace!important}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}