@import "https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@200..800&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}@media (width<=768px){.home{grid-template-columns:1fr;margin:5%;padding:5%;font-size:medium}.welcome{font-size:100%}.homeButtons{width:100%}.home button{width:100%;max-width:100%;margin:3% 0;padding:4% 2%;font-size:120%}}.driver-card{text-align:center;background-color:#dc143c;margin:6%}.driver-card button{width:50%;margin:3%}.driver-card h1{text-decoration:underline}@media (width<=768px){.driver-card{margin:2%;padding:.5rem}.driver-card h1{font-size:1.25rem;line-height:1.1}.driver-card button{width:90%;margin:2% auto;padding:.4rem .25rem;font-size:.9rem;display:block}}@media (width<=380px){.driver-card{margin:1%;padding:.35rem}.driver-card h1{font-size:1.05rem}.driver-card button{width:95%;margin:2% auto;font-size:.75rem}}.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:16px}.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%;font-size:16px}.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)}}@media (width<=768px){.draft-view{flex-direction:column;gap:.75rem;width:90%;margin:0 auto;padding:.75rem;display:flex}.era-roll-header{width:100%;min-height:65px}.era{max-width:65%;padding:.5rem .75rem;font-size:140%;line-height:1.1}.roll{padding:.5rem;font-size:90%;left:auto;right:0}.overall{width:100%;max-width:none;margin:0;padding:.6rem;font-size:130%}.driver-cards{grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.selected-stats{width:100%;margin:0;padding:.75rem;font-size:110%}}@media (width<=380px){.draft-view{width:94%;padding:.5rem}.era{font-size:115%}.roll{padding:.4rem;font-size:75%}.driver-cards{gap:.35rem}.driver-cards button{font-size:75%}.selected-stats{font-size:95%}}.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}@media (width<=768px){.simulation-view{flex-direction:column;gap:.75rem;width:90%;margin:0 auto;padding:1rem;display:flex}.build,.results{width:100%;margin:0;padding:.75rem;font-size:110%}.simulation-view button{width:fit-content;margin:.5rem auto}.simulation-loading{width:100%;margin:1rem auto}.progress-bar{height:20px}.leaderboard-corner{flex-direction:column;gap:.5rem;width:100%;display:flex}}@media (width<=380px){.simulation-view{width:94%;padding:.6rem}.build,.results{padding:.6rem;font-size:100%}.simulation-loading{font-size:90%}}.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}@media (width<=768px){.leaderboard-table-container{width:95%;margin:1.5rem auto;overflow:auto hidden}.leaderboard-table{table-layout:fixed;width:100%;min-width:650px}.leaderboard-table th{padding:10px 6px;font-size:12px}.leaderboard-table td{border-width:2px;padding:10px 6px;font-size:12px}.leaderboard-table tbody tr:hover td{box-shadow:none;transform:none}.buildCard-popup{width:90%;max-width:90%;padding:1rem}.buildCard-close{font-size:20px}}@media (width<=380px){.leaderboard-table-container{width:96%}.leaderboard-table{min-width:620px}.leaderboard-table th,.leaderboard-table td{padding:8px 5px;font-size:11px}.buildCard-popup{width:94%}}.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%}@media (width<=768px){.header{grid-template-columns:1fr 1fr 1fr;padding:1%;font-size:80%}h1{margin:5px 0;font-size:150%}.icon{border-width:2px;padding:1%;font-size:100%}.buttons{gap:2%;width:95%}.buttons button{padding:3% 2%;font-size:90%}.header section{margin:1%}button{padding:3% 6%;font-size:110%}.loading{text-align:center;overflow-wrap:anywhere;word-wrap:break-word;white-space:normal;width:90%;max-width:90vw;margin:10% auto;padding:1.5rem;font-size:180%;line-height:1.2}}*{box-sizing:border-box;color:#fff;font-family:Stick No Bills,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%}