.race-room{grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:1.25rem;display:grid}@media (min-width:640px){.race-room{gap:1.5rem}}@media (min-width:1024px){.race-room{grid-template-columns:repeat(12,minmax(0,1fr))}.race-room--room .race-room__main{order:2;grid-column:span 9/span 9}}.race-room__main{width:100%;min-width:0}.race-room__main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.race-room__main{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1rem}.race-room__main:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.race-room__main{padding:1.5rem}}@media (min-width:1024px){.race-room__main{grid-column:span 9/span 9}}.race-room__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.race-room__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.race-room__title{font-size:calc(1.25rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-weight:900;line-height:1.75rem}.race-room__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.race-room__title{font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.race-room__times{gap:.375rem;display:flex}.race-room__time{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));font-size:calc(13px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;flex-direction:column;align-items:center;padding:.25rem .75rem;font-weight:900;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__time:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1))}.race-room__time:disabled{cursor:not-allowed;opacity:.5}.race-room__time:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__time--on{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.race-room__time--on:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.race-room__time-sec{font-size:calc(10px * var(--site-font-scale,1));opacity:.75;font-weight:700}.race-room__bar{align-items:center;gap:.75rem;display:flex}.race-room__score{font-size:calc(1.125rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));flex-shrink:0;align-items:center;gap:.25rem;line-height:1.75rem;display:flex}.race-room__score:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.race-room__score b{min-width:2.5ch;font-size:calc(1.5rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-weight:900;line-height:2rem}.race-room__score b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__timer{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:9999px;flex:1;height:1.5rem;position:relative;overflow:hidden}.race-room__timer:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.race-room__timer-fill{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:#a3e635 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:9999px;transition-property:width;transition-duration:.1s;transition-timing-function:linear;position:absolute;top:0;bottom:0;left:0}@keyframes pulse{50%{opacity:.5}}.race-room__timer-fill--low{--tw-gradient-from:rgb(var(--palette-rose-500) / 1) var(--tw-gradient-from-position);--tw-gradient-to:#fb923c var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.race-room__timer-text{font-size:calc(.75rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));justify-content:center;align-items:center;font-weight:900;line-height:1rem;display:flex;position:absolute;inset:0}.race-room__timer-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.race-room__hint{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__hint:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.race-room__hint:disabled{cursor:not-allowed;opacity:.4}.race-room__hint:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#451a0366}.race-room__auto-hint{cursor:pointer;font-size:calc(.75rem * var(--site-font-scale,1));border-width:1px;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .625rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__auto-hint--on{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.race-room__auto-hint--on:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.race-room__auto-hint--on:is(.dark *){--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1));background-color:#082f4966}.race-room__auto-hint--off{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__auto-hint--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.race-room__auto-hint--off:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.race-room__stage{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;position:relative}.race-room__wrap>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.race-room__back{width:max-content}.race-room__overlay{z-index:10;background-color:rgb(var(--palette-slate-950) / .35);--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.race-room__result{width:max-content;min-width:16rem;max-width:92%}.race-room__result>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.race-room__result{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.5rem 2rem}.race-room__result:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.race-room__result{min-width:22rem;padding:2rem 3rem}}.race-room__result-emoji{font-size:calc(3rem * var(--site-font-scale,1));margin:0;line-height:1}.race-room__result-title{word-break:keep-all;font-size:calc(1.25rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-weight:900;line-height:1.75rem}.race-room__result-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.race-room__result-title{font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.race-room__result-score{font-size:calc(1.125rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));margin:0;font-weight:700;line-height:1.75rem}.race-room__result-score:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__result-score b{font-size:calc(3rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-weight:900;line-height:1}.race-room__result-score b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__result-text{word-break:keep-all;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;line-height:1.25rem}.race-room__result-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__start{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));font-size:calc(1.125rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:.75rem 2rem;font-weight:900;line-height:1.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__start:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.race-room__start:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.race-room__side{width:100%}.race-room__side>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.race-room__side{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.race-room__side:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:1024px){.race-room__side{grid-column:span 3/span 3}}.race-room__side-title{font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-weight:900;line-height:1.5rem;display:flex}.race-room__side-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.race-room__bests{margin:0;list-style-type:none}.race-room__bests>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.race-room__bests{padding:0}.race-room__best{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;line-height:1.25rem;display:flex}.race-room__best:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__best--current{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-rose-400) / var(--tw-ring-opacity,1))}.race-room__best-sec{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__help{margin:0;list-style-type:disc}.race-room__help>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.race-room__help{font-size:calc(12px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));padding-left:1rem}.race-room__help:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__secondary{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-300) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.race-room__secondary:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__secondary--small{font-size:calc(11px * var(--site-font-scale,1));padding:.25rem .5rem}.race-room__notice{max-width:28rem;margin-left:auto;margin-right:auto}.race-room__notice>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.race-room__notice{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.5rem;font-weight:700;line-height:1.25rem}.race-room__notice:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__notice button{margin-left:auto;margin-right:auto}.race-room__lobby{max-width:42rem;margin-left:auto;margin-right:auto}.race-room__lobby>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.race-room__lobby{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.race-room__lobby:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.race-room__lobby{padding:1.75rem}}.race-room__field-label{font-size:calc(12px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));flex-direction:column;gap:.25rem;font-weight:700;display:flex}.race-room__field-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));width:100%;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));outline-offset:2px;border-radius:.75rem;outline:2px solid #0000;padding:.5rem .75rem;font-weight:700;line-height:1.25rem}.race-room__input:focus{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1))}.race-room__input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.race-room__input--code{text-transform:uppercase;letter-spacing:.1em;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.race-room__modes{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.race-room__modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.race-room__mode{cursor:pointer;--tw-border-opacity:1;border-width:2px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));text-align:left;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__mode:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1))}.race-room__mode:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .6)}.race-room__mode:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-rose-500) / .1)}.race-room__mode-icon{font-size:calc(1.5rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));line-height:2rem}.race-room__mode-title{font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-weight:900;line-height:1.5rem}.race-room__mode-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.race-room__mode-desc{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));line-height:1rem}.race-room__mode-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__join{align-items:center;gap:.5rem;display:flex}.race-room__error{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));margin:0;font-weight:700;line-height:1rem}.race-room__error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__rivals{width:100%;min-width:0}.race-room__rivals>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.race-room__rivals{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:.75rem}.race-room__rivals:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:1024px){.race-room__rivals{order:1;grid-column:span 3/span 3}}.race-room__code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(1.125rem * var(--site-font-scale,1));letter-spacing:.1em;font-weight:700;line-height:1.75rem}.race-room__room-code{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1));border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:700;line-height:1rem;display:flex}.race-room__room-code:is(.dark *){background-color:rgb(var(--palette-rose-500) / .1);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.race-room__room-code>button{margin-left:auto}.race-room__rivals-empty{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0;line-height:1rem}.race-room__rival-list{gap:.5rem;margin:0;padding:0;list-style-type:none;display:flex;overflow-x:auto}@media (min-width:1024px){.race-room__rival-list{flex-direction:column;overflow:visible}}.race-room__rival{flex-shrink:0;width:8rem}.race-room__rival>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.race-room__rival{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;padding:.5rem}.race-room__rival:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6)}@media (min-width:640px){.race-room__rival{width:10rem}}@media (min-width:1024px){.race-room__rival{width:auto}}.race-room__rival-head{justify-content:space-between;align-items:center;gap:.25rem;display:flex}.race-room__rival-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;font-weight:900;line-height:1rem;display:flex;overflow:hidden}.race-room__rival-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.race-room__tag{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));font-size:calc(9px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:.25rem;flex-shrink:0;padding-left:.25rem;padding-right:.25rem;font-weight:900}.race-room__tag:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b33}.race-room__rival-score{font-size:calc(.875rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-weight:900;line-height:1.25rem}.race-room__rival-score:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__mini{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1));border-radius:.5rem;gap:1px;padding:.25rem;display:grid}.race-room__mini:is(.dark *){background-color:#022c2299}.race-room__mini-dot{aspect-ratio:1;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));border-radius:9999px}.race-room__mini-dot:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.race-room__mini-dot--gone{background-color:#0000}.race-room__countdown{font-size:calc(4.5rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));margin:0;font-weight:900;line-height:1;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.race-room__ranking{margin:0;list-style-type:none}.race-room__ranking>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.race-room__ranking{text-align:left;padding:0}.race-room__rank{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;line-height:1.25rem;display:flex}.race-room__rank:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6)}.race-room__rank--first{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(252 211 77/var(--tw-ring-opacity,1))}.race-room__rank--first:is(.dark *){--tw-ring-color:#f59e0b80;background-color:#f59e0b1a}.race-room__rank--me{font-weight:900}.race-room__rank-no{text-align:center;--tw-text-opacity:1;width:2.25rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-shrink:0;font-weight:900}.race-room__rank-no:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.race-room__rank-name{word-break:keep-all;--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex:1}.race-room__rank-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.race-room__rank-score{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));flex-shrink:0;font-weight:900}.race-room__rank-score:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__rank-wait{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));flex-shrink:0}.race-room__rank-gave-up{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;padding:.125rem .375rem;font-weight:900}.race-room__rank-gave-up:is(.dark *){background-color:rgb(var(--palette-rose-500) / .15);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.race-room__kick{cursor:pointer;width:1.5rem;height:1.5rem;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));background-color:#0000;border-width:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.race-room__kick:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.race-room__kick:hover:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.race-room__surrender{margin-left:auto}.race-room__live-rank{flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0;padding:0;list-style-type:none;display:flex}.race-room__live-item{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:9999px;padding:.25rem .625rem;line-height:1rem}.race-room__live-item:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.race-room__live-item b{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.race-room__live-item b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.race-room__live-item--me{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1));font-weight:900}.race-room__live-item--me:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-rose-200) / var(--tw-text-opacity,1))}.race-room__start--small{font-size:calc(.875rem * var(--site-font-scale,1));margin-top:0;margin-left:0;margin-right:0;padding:.5rem 1rem;line-height:1.25rem}