.gamemode-card{width:350px;height:250px;display:flex;overflow:hidden;flex-flow:column;position:relative;justify-content:center;text-shadow:10px 10px 10px black;box-shadow:10px 10px 10px #000c;background:#eee;border-radius:20px}.gamemode-card p{z-index:2;width:80%;margin-left:10%;font-size:40px;font-weight:600;text-align:center}.gamemode-card img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:center}.gamemode-card:before{top:0;left:0;z-index:1;content:"";width:100%;height:100%;position:absolute;background-color:#00000080}.disconnection{width:80px;height:80px;border-radius:50%;background-color:red;position:absolute;bottom:50px;right:50px;z-index:999}.disconnection button{width:100%;height:100%;background-color:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.disconnection img{width:60%;height:60%}.gamemodes-selection{width:100vw;height:100vh;display:flex;padding:30px 0;flex-flow:column;position:relative;align-items:stretch;overflow-x:visible;align-items:center}.gamemodes-list_scroll{display:flex;overflow-x:auto;flex-grow:1;width:auto;max-width:100vw;margin:50px auto}.gamemodes-list_scroll{scrollbar-width:thin;scrollbar-color:rgba(60,60,60,.8) transparent}.gamemodes-list_scroll::-webkit-scrollbar{height:6px}.gamemodes-list_scroll::-webkit-scrollbar-track{background:transparent}.gamemodes-list_scroll::-webkit-scrollbar-thumb{background:#3c3c3ccc;border-radius:999px}.gamemodes-list_scroll::-webkit-scrollbar-thumb:hover{background:#282828}.gamemodes-list{height:100%;display:grid;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:24px;align-content:center;padding:0 50px;scroll-snap-type:x proximity;flex-shrink:0}.badge{gap:8px;display:flex;flex-flow:row nowrap;border-radius:999px}.badge-icon{display:flex;font-size:16px;align-items:center}.badge-icon img{width:18px;height:18px;object-fit:contain;display:block}.badge--default{font-size:18px;font-weight:300;padding:6px 12px;border:2px solid rgb(87,87,87)}.badge--no-text{padding:6px;z-index:999;border:2px solid rgb(87,87,87)}.badge--no-text img{width:32px;height:32px}.badge--big{font-size:32px;line-height:32px;padding:6px 12px;border:2px solid rgb(87,87,87)}.badge--big img{height:24px;width:24px}.car-card{width:500px;height:550px;display:flex;flex-shrink:0;font-size:32px;flex-flow:column;position:relative;border-radius:20px;padding:20px 15px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;box-shadow:10px 10px 10px #000c;background:radial-gradient(#6464641a,#000000e6)}.car-name{font-size:36px;font-weight:700}.car-types{gap:12px;display:flex;margin-top:8px;flex-flow:row nowrap}.car-card_image{top:20%;width:105%;margin-left:-5%;object-fit:cover;position:absolute;object-position:center}.car-horsepower{font-size:42px;font-weight:600;margin:auto 0 0}.car-horsepower span{color:#adadad;font-size:26px;font-weight:400}.car-infos{gap:20px;display:flex;margin-top:20px;align-items:center;flex-flow:row nowrap}.undo{width:80px;height:80px;border-radius:50%;background-color:red;position:absolute;top:calc(50% - 40px);left:50px;z-index:999}.undo img{width:60%;height:60%;margin-top:20%;margin-left:20%}.cars-selection{width:100vw;height:100vh;display:flex;padding:30px 0;flex-flow:column;position:relative;align-items:stretch;overflow-x:visible;align-items:center}.cars-list_scroll{display:flex;overflow-x:auto;flex-grow:1;width:auto;max-width:100vw;margin:50px auto}.cars-list_scroll{scrollbar-width:thin;scrollbar-color:rgba(60,60,60,.8) transparent}.cars-list_scroll::-webkit-scrollbar{height:6px}.cars-list_scroll::-webkit-scrollbar-track{background:transparent}.cars-list_scroll::-webkit-scrollbar-thumb{background:#3c3c3ccc;border-radius:999px}.cars-list_scroll::-webkit-scrollbar-thumb:hover{background:#282828}.cars-list{height:100%;display:grid;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(1,auto);gap:24px;align-content:center;padding:0 50px;scroll-snap-type:x proximity;flex-shrink:0}.lap-times_body .lap-time{display:flex;gap:40px;align-items:center;flex-flow:row nowrap}.lap-time_position{width:50px;height:50px;display:flex;position:relative;border-radius:6px;align-items:center;transform:skew(-20deg);justify-content:center;background-color:#fff}.lap-time_position:after{width:20px;content:"";height:60px;border-radius:4px;position:absolute;right:-15px;background-color:var(--difficulty-color, #000000)}.lap-time_position p{color:var(--difficulty-color, #000000);font-size:18px;font-weight:700}.lap-time_data p{font-size:24px}.lap-times{top:0;left:0;width:100%;height:100%;padding:30px;position:absolute;background-color:#000000e6}.lap-times_header{display:flex;align-items:center;flex-flow:row nowrap;justify-content:space-between}.lap-times_header p{font-size:22px;position:relative}.lap-times_header p:after{top:0;left:-20px;width:12px;content:"";height:25px;position:absolute;border-radius:3px;transform:skew(-20deg)}.lap-times_header .debutant:after{background-color:green}.lap-times_header .intermediaire:after{background-color:#00f}.lap-times_header .expert:after{background-color:red}.lap-times_body{gap:10px;display:flex;flex-flow:column}.track-card{width:400px;height:450px;display:flex;flex-shrink:0;font-size:32px;overflow:hidden;flex-flow:column;position:relative;padding:20px 15px;border-radius:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;box-shadow:10px 10px 10px #000c}.track-card .track-infos{display:flex;margin:auto 0 0;justify-content:space-between}.track-card_image{top:20%;width:100%;object-fit:cover;margin-left:-15px;position:absolute;object-position:center}.tracks-selection{width:100vw;height:100vh;display:flex;padding:30px 0;flex-flow:column;position:relative;align-items:stretch;overflow-x:visible;align-items:center}.tracks-list_scroll{display:flex;overflow-x:auto;flex-grow:1;width:auto;max-width:100vw;margin:50px auto}.tracks-list_scroll{scrollbar-width:thin;scrollbar-color:rgba(60,60,60,.8) transparent}.tracks-list_scroll::-webkit-scrollbar{height:6px}.tracks-list_scroll::-webkit-scrollbar-track{background:transparent}.tracks-list_scroll::-webkit-scrollbar-thumb{background:#3c3c3ccc;border-radius:999px}.tracks-list_scroll::-webkit-scrollbar-thumb:hover{background:#282828}.tracks-list{height:100%;display:grid;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(1,auto);gap:24px;align-content:center;padding:0 50px;scroll-snap-type:x proximity;flex-shrink:0}.difficulty-selector{display:flex;flex-direction:column;align-items:center;gap:24px}.difficulty-selector h2{font-size:18px;color:#fff;text-transform:uppercase;letter-spacing:2px;opacity:.7;font-weight:400}.difficulty-buttons{display:flex;gap:12px}.difficulty-btn{padding:14px 28px;border:2px solid #333;background-color:#121212;color:#fff;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:border-color .2s,background-color .2s,color .2s}.difficulty-btn:hover{border-color:#e63946}.difficulty-btn.selected{background-color:#e63946;border-color:#e63946;color:#fff}.start-race-btn{padding:16px 48px;border:none;background-color:#e63946;color:#fff;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:opacity .2s,transform .1s}.start-race-btn:hover:not(:disabled){opacity:.85;transform:scale(1.02)}.start-race-btn:disabled{opacity:.3;cursor:not-allowed}.recap{display:flex;height:100vh;padding:60px 0;flex-flow:column;align-items:center}.recap-image{width:100%;display:flex;margin-top:auto;flex-flow:row nowrap}.recap img{width:50%}.recap p{margin-top:auto}.best-times{position:relative;width:400px;height:auto}.best-times .lap-times{position:relative;width:auto;height:auto;padding:20px;background-color:#121212;border-radius:16px;border:1px solid #222}*{margin:0;padding:0;color:#f0f8ff;box-sizing:border-box;font-family:Inter,sans-serif}h1{font-size:38px;font-weight:800;letter-spacing:.18rem;text-transform:uppercase}h1 span{color:orange}h2{font-size:22px;font-weight:500;letter-spacing:.15px}p{font-size:18px;font-weight:400}p span{color:orange}#root{width:100%;height:100%;background-size:cover;background-image:url(/assets/background-C60V6Sa0.jpg)}.session{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:40px;padding:24px}.session h1{font-size:28px;color:#fff}.session h1 span{color:#e63946}.session-timers{display:flex;gap:60px}.session-timer{display:flex;flex-direction:column;align-items:center;gap:8px;background:#121212;border-radius:16px;padding:24px 40px;border:1px solid #222}.session-timer_label{font-size:14px;opacity:.6;color:#fff;text-transform:uppercase;letter-spacing:1px}.session-timer_value{font-size:56px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.session-timer_value.warning{color:#f80}