@import "https://fonts.googleapis.com/css2?family=Geo:ital@0;1&display=swap";.home{text-align:center;background:linear-gradient(gray,#dc143c);grid-template-columns:50% 50%;place-items:center;margin:10%;padding:2%;font-size:larger;list-style-position:inside;display:grid}.welcome{font-size:120%}.home button{flex:1;width:150%;margin:10%;padding:10%;font-size:150%}.homeButtons{flex-direction:column;place-items:center;display:flex}.driver-card{text-align:center;background-color:#dc143c;margin:6%}.driver-card button{width:50%;margin:3%}.driver-card h1{text-decoration:underline}.buildPopup-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.buildPopup{text-align:center;background:linear-gradient(gray,#dc143c);border:thick inset #fff;border-radius:5%;max-width:70%;max-height:80%;padding:2%;overflow-y:auto}.buildPopup button{width:50%;margin-top:10%;padding:1%;font-size:100%}.inputs{grid-template-rows:50% 50%;justify-self:center;width:fit-content;display:grid}.buildPopup label{margin:2%}.buildPopup input{color:#000;margin-left:1%}.buildPopup h1{background-color:#dc143c;padding:2%}.draft-loading{justify-content:center;align-items:center;min-height:300px;margin:0 10%;display:flex}.era-roll-header{justify-content:center;align-items:center;display:flex;position:relative}.era{text-align:center;background-color:#dc143c;width:fit-content;padding:1%;font-size:200%}.roll{width:fit-content;padding:10px;position:absolute;left:75%}.overall{text-align:center;background-color:#dc143c;place-self:center;width:fit-content;padding:1%;font-size:200%}.draft-view{background:linear-gradient(gray,#dc143c);grid-template-rows:auto 1fr;grid-template-columns:65% 35%;margin:0% 10% 0;display:grid}.driver-cards{grid-template-columns:50% 50%;display:grid}.selected-stats{text-align:center;background-color:#dc143c;place-self:center;width:fit-content;padding:5%;font-size:150%}.cards-hidden{opacity:0;transform:translateY(20px)}.cards-visible{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.rolling{animation:.1s linear infinite draft-spin}@keyframes draft-spin{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.simulation-view{background:linear-gradient(gray,#dc143c);grid-template-rows:auto 1fr;grid-template-columns:50% 50%;justify-content:center;justify-self:center;align-items:center;width:70%;padding:2%;display:grid}.simulation-view button{justify-self:center;width:fit-content;margin:5%}.build,.results{text-align:center;background-color:#dc143c;justify-self:center;width:fit-content;margin:2%;padding:2%;font-size:125%}.simulation-loading{text-align:center;grid-column:1/-1;width:70%;margin:2rem auto}.progress-bar{background-color:#222;border-radius:10px;width:100%;height:25px;overflow:hidden}.progress-fill{background-color:#dc143c;height:100%;transition:width 50ms linear}.leaderboard-corner{grid-template-rows:30% 70%;justify-self:center;display:grid}.leaderboard-table-container{border-radius:12px;width:50%;margin:40px auto;overflow:hidden}.leaderboard-table{border-collapse:collapse;table-layout:fixed;background:linear-gradient(gray,#dc143c);width:100%}.leaderboard-table th{text-align:center;text-transform:uppercase;background:#dc143c;border:1px solid #fff3;padding:18px 15px;font-size:16px;font-weight:700}.leaderboard-table td{text-align:center;overflow-wrap:anywhere;word-break:break-word;border:5px solid #ffffff26;padding:16px 15px}.leaderboard-table tbody tr{transition:background-color .2s}.leaderboard-table tbody tr:hover td{cursor:pointer;transform:scale(1.05);box-shadow:0 0 10px #fff}.leaderboard-table .first-place td{color:#000;background-color:gold;font-weight:700}.leaderboard-table .second-place td{color:#000;background-color:silver;font-weight:700}.leaderboard-table .third-place td{color:#000;background-color:#cd7f32;font-weight:700}.buildCard-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.buildCard-popup{background:linear-gradient(gray,#dc143c);grid-template-rows:min-content auto;width:20%;max-width:90%;padding:20px;display:grid}.buildCard-close{background:#dc143c;justify-self:center;font-size:24px;font-weight:700}.instructions-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.instructions{text-align:center;background:linear-gradient(gray,#dc143c);border:thick inset #fff;border-radius:5%;max-width:70%;max-height:80%;padding:3%;overflow-y:auto}.instructions button{width:50%;padding:1%;font-size:100%}.header{text-align:center;background-color:#dc143c;border:thick inset #fff;grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}h1{text-transform:uppercase;font-size:200%}.icon{border:thick inset #fff;flex-direction:column;justify-self:center;align-items:center;width:fit-content;padding:1%;font-size:150%;display:flex}.buttons{justify-self:center;gap:5%;width:80%;display:flex}.buttons button{flex:1;padding:2% 5%;font-size:150%}.header section{margin:1%}*{box-sizing:border-box;color:#fff;font-family:Geo,sans-serif}button{background-color:#dc143c;border:thick inset #fff;border-radius:10px;padding:5% 10%;font-size:150%;font-weight:700;transition:all .2s;box-shadow:0 0 10px #000}button:hover:not(:disabled){cursor:pointer;transform:scale(1.05);box-shadow:0 0 10px #fff}button:active:not(:disabled){transform:scale(.95)}button:disabled{background-color:#0009}body{min-height:100vh;margin:0;position:relative}body:before{content:"";filter:blur(3px);z-index:-1;background-image:url(/tire-background.jpg);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.02)}.header{margin:1% 1% 2%;box-shadow:0 0 10px #fff}.glow-border{border:thick inset #fff;border-radius:10px;box-shadow:0 0 10px #fff}.error{color:red;background-color:#000}.loading{text-align:center;background-color:#dc143c;margin:10%;padding:4%;font-size:500%}