@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_111fb964-module__2Tb6wa__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_111fb964-module__2Tb6wa__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--background:#fff;--foreground:#000;--primary:#000;--primary-hover:#333;--secondary:#666;--muted:#eee;--error:red}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#fff;--primary:#fff;--primary-hover:#ccc;--secondary:#999;--muted:#222;--error:#f33}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--foreground);font-family:Outfit,Google Sans,system-ui,sans-serif}main{flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}@media (max-width:640px){main{justify-content:flex-start;padding:4rem 1rem 1.5rem}}.section{width:100%;margin-bottom:3rem;animation:.4s ease-out forwards fadeIn}.title{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;line-height:.9}.subtitle{opacity:.3;margin-bottom:3rem;font-size:1.125rem;font-weight:400}.input-field{width:100%;color:var(--foreground);border:none;border-bottom:4px solid var(--foreground);appearance:none;background:0 0;outline:none;margin-bottom:2rem;padding:1rem 0;font-family:inherit;font-size:2.5rem;font-weight:700}.input-field::placeholder{color:var(--foreground);opacity:.15}.btn{background-color:var(--primary);width:100%;color:var(--background);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:center;border:none;margin-bottom:1rem;padding:1.25rem;font-family:inherit;font-size:1.25rem;font-weight:800;transition:opacity .2s;display:block}.btn:hover{opacity:.8}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{color:var(--foreground);border:4px solid var(--foreground);background-color:#0000}.link-btn{color:var(--foreground);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:.3;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:800;transition:opacity .2s}.link-btn:hover{opacity:1}.game-code-display{letter-spacing:-.05em;cursor:pointer;margin:2rem 0;font-size:6rem;font-weight:800;line-height:1}.badge{text-transform:uppercase;letter-spacing:.1em;border:4px solid var(--foreground);align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge-my-turn{background-color:var(--foreground);color:var(--background)}.ping-dot{background-color:var(--background);border-radius:50%;width:8px;height:8px;position:relative}.ping-dot:after{content:"";background-color:inherit;border-radius:inherit;opacity:.75;animation:1.2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.history-item{border-top:1px solid var(--foreground);justify-content:space-between;align-items:center;padding:1rem 0;font-weight:700;display:flex}.history-item:last-child{border-bottom:1px solid var(--foreground)}.feedback-higher{color:var(--foreground)}.feedback-lower{color:var(--foreground);opacity:.4}.feedback-correct{background:var(--foreground);color:var(--background);padding:0 .5rem}.buffering{border:3px solid var(--foreground);border-top-color:#0000;border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.big-number{text-align:center;letter-spacing:-.05em;margin:2rem 0;font-size:8rem;font-weight:800;line-height:1}