*,:before,:after{box-sizing:border-box}body{color:#212529;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5}h1{margin:0 0 .5rem;font-size:calc(1.375rem + 1.5vw);font-weight:500;line-height:1.2}@media (width>=1200px){h1{font-size:2.5rem}}p{margin:0 0 1rem}img,svg{vertical-align:middle}button,input{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}body{background-image:linear-gradient(#00000080,#00000080),url(/assets/lofi-cafe-CpxYZDMP.gif);background-size:cover;height:100vh;margin:0;padding:0}.main-container{color:#f0f8ff}.song-counter-container{float:left;margin:10px}.players-score-container{float:right;flex-direction:column;align-items:flex-end;margin:10px;display:flex}.player-score-container{display:flex}.player-name,.player-score{margin:10px}.song-controls-container{text-align:center;width:600px;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.song-navigation-container{flex-direction:row;justify-content:space-evenly;margin-top:10px;display:flex}.new-round-container{margin-top:10px}.App-logo{pointer-events:none;height:25vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb;text-decoration:underline}.App-link:hover{color:#0a58ca}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page{--home-background:#111b21;--home-panel:#1b2b32;--home-text:#f2f7f4;--home-muted:#b0c1c5;--home-line:#354950;--home-accent:#9ae1d0;--home-accent-ink:#153c32;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;background:var(--home-background);min-height:max(100vh,56.25vw);color:var(--home-text);padding-bottom:40px;position:relative}.home-page h1,.home-page h2,.home-page h3,.home-page p{margin:0}.home-page svg{flex-shrink:0;width:18px;height:18px}.home-hero{color:#f4f7f5;flex-direction:column;padding-bottom:60px;display:flex;position:relative}.home-hero:before{content:"";z-index:-1;background-color:#122632;background-image:linear-gradient(transparent calc(100% - 70px), var(--home-background)), linear-gradient(#050f188c, #050f188c), url(/assets/lofi-cafe-CpxYZDMP.gif);pointer-events:none;background-position:50% 58%;background-size:cover;height:max(100%,56.25vw);position:absolute;top:0;left:0;right:0}.home-header{width:100%;max-width:1200px;margin:0 auto;padding:25px 36px 0}.home-brand{color:inherit;letter-spacing:-1px;align-items:center;font-size:23px;font-weight:750;text-decoration:none;display:inline-flex}.home-brand-light{font-weight:400}.home-brand small{letter-spacing:1px;text-transform:uppercase;align-self:flex-start;margin:2px 0 0 8px;font-size:10px;font-weight:600}.home-brand-mark{color:#123e34;background:#a7ecdb;border-radius:10px;place-items:center;width:33px;height:33px;margin-right:9px;display:grid}.home-hero-copy{text-align:center;text-shadow:0 2px 20px #04101c66;padding:65px 24px 28px}.home-eyebrow{letter-spacing:1.7px;text-transform:uppercase;font-size:11px;font-weight:650}.home-hero-copy h1{letter-spacing:-1.9px;margin:18px 0;font-size:clamp(32px,4.5vw,49px);font-weight:650;line-height:1.16}.home-hero-copy h1 span{color:#a7ecdb}.home-description{color:#d4e1e2;font-size:16px;line-height:1.65}.home-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.home-actions .MuiButton-root{border-radius:9px;min-height:48px;padding:11px 22px;font-size:14px}.home-actions .home-create{color:#123e34;background:#a7ecdb}.home-actions .home-create:hover{background:#bdf5e7}.home-actions .home-join{color:#f4f7f5;background:#1b3039;border-color:#6b858b}.home-actions .home-join:hover{background:#29424b;border-color:#a7ecdb}.home-benefits{color:#d4e1e2;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:16px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.home-benefits li+li:before{content:"·";margin-right:18px}.home-page .home-scene-caption{color:#e4ecef;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:11px;display:flex}.home-content{max-width:1028px;margin:0 auto;padding:0 36px;position:relative}.home-round{border:1px solid var(--home-line);background:var(--home-panel);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;max-width:740px;margin:-32px auto 0;padding:24px 28px;display:grid;box-shadow:0 14px 40px #08151e15}.home-track{border-right:1px solid var(--home-line);padding-right:25px}.home-track h2{margin-top:10px;font-size:19px;font-weight:500;line-height:1.35}.home-wave{align-items:center;gap:4px;height:68px;display:flex}.home-wave span{background:var(--home-accent);transform-origin:50%;border-radius:4px;flex:0 5px;height:60px}.home-small{color:var(--home-muted);font-size:11px}.home-example-answer{border:1px solid var(--home-line);background:var(--home-background);color:var(--home-muted);border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:12px;font-size:12px;display:flex}.home-enter{margin-left:auto}.home-answer .home-reveal{min-height:44px;color:var(--home-text);padding:9px 0;font-size:12px;font-weight:400}.home-score{border-top:1px solid var(--home-line);align-items:center;gap:9px;padding-top:12px;font-size:12px;display:flex}.home-score small{color:var(--home-muted);margin-left:auto;font-size:11px}.home-score strong{color:var(--home-accent);font-size:18px}.home-avatar{background:var(--home-accent);width:27px;height:27px;color:var(--home-accent-ink);border-radius:50%;place-items:center;display:grid}.home-how{max-width:860px;margin:40px auto 0}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;display:flex}.home-section-heading h2{letter-spacing:-.5px;font-size:21px;font-weight:500}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.home-step-number{color:var(--home-accent);font:12px monospace}.home-steps h3{padding:8px 0 4px;font-size:15px;font-weight:600}.home-steps p{color:var(--home-muted);font-size:12px}.home-footer{border-top:1px solid var(--home-line);max-width:860px;color:var(--home-muted);justify-content:space-between;align-items:flex-start;gap:18px;margin:30px auto 0;padding-top:20px;font-size:11px;display:flex}.home-footer details{text-align:right;max-width:280px}.home-footer summary{min-height:44px;color:var(--home-text);cursor:pointer}.home-footer p{padding-top:10px}@media (width<=700px){.home-header{padding:20px 20px 0}.home-hero:before{background-position:62%}.home-hero-copy{padding:45px 20px 28px}.home-hero-copy h1{letter-spacing:-1.2px;font-size:34px}.home-description{font-size:14px}.home-actions .MuiButton-root{padding:11px 14px;font-size:13px}.home-content{padding:0 20px}.home-round{grid-template-columns:minmax(0,1fr);gap:20px;padding:21px}.home-track{border-right:0;padding-right:0}.home-wave{justify-content:center}.home-how{margin-top:30px}.home-steps{grid-template-columns:minmax(0,1fr);gap:20px}.home-steps li{grid-template-columns:28px 1fr;column-gap:10px;display:grid}.home-steps h3{padding:0 0 4px}.home-steps p{grid-column:2}.home-footer{flex-direction:column}.home-footer details{text-align:left}}@media (width<=360px){.home-header{padding:16px 16px 0}.home-hero-copy{padding-left:16px;padding-right:16px}.home-hero-copy h1{font-size:30px}.home-content{padding:0 16px}}@media (prefers-reduced-motion:reduce){.home-hero:before{background-color:#0000;background-image:none}}