.home{max-width:560px;margin:0 auto;padding:40px 20px 80px}.home__wordmark{font-size:72px;margin:0;text-align:center}.home__tagline{text-align:center;color:#555;font-size:16px;line-height:1.5;margin:8px auto 28px;max-width:460px}.home__panel{background:#fff;border:1px solid #eee;border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 2px 10px #0000000a}.home__panel--muted{background:#f4f4f4;box-shadow:none}.home__h2{margin:0 0 14px;font-size:18px}.home__levels{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.level{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:#fafafa;border:2px solid #e6e6e6;border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .1s ease,background .1s ease}.level:hover{border-color:#cfcfcf}.level--on{border-color:var(--teal);background:#f0f7f7}.level__name{font-weight:800;font-size:16px}.level__meta{font-size:12px;color:#888}.home__best{text-align:center;color:#777;font-size:14px;margin:16px 0 14px}.home__start{width:100%;font-size:18px;padding:14px}.home__soon{color:#777;font-size:14px;margin:0 0 14px}.home__mpbtns{display:flex;gap:10px}.home__mpbtns .btn{flex:1}.home__airow{display:flex;gap:18px;margin:8px 0 14px;font-size:14px;color:#555}.home__airow select{font:inherit;padding:4px 6px;border-radius:8px;border:1px solid #ddd}.home__join{display:flex;gap:10px;margin-top:10px}.home__codeinput{flex:1;font:inherit;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border:1px solid #ddd;border-radius:10px}.home__codeinput:focus{outline:none;border-color:var(--teal)}.home__error{color:var(--orange);font-size:14px;margin:10px 0 0}.home__who{color:#999;font-size:13px;margin:12px 0 0;text-align:center}.xcard{--card-radius: 6%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;width:100%;aspect-ratio:240 / 360;cursor:pointer;border-radius:8px;outline:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 1px 3px #0000002e;display:block}.xcard__svg{width:100%;height:100%;display:block;border-radius:8px}.xcard:not(.xcard--static):hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000038}.xcard:focus-visible{box-shadow:0 0 0 3px #00808099}.xcard--selected{transform:translateY(-8px);box-shadow:0 0 0 3px teal,0 8px 18px #00000047}.xcard--dimmed{filter:grayscale(.5) opacity(.55)}.xcard--static{cursor:default}.xcard__pip{fill:#fff;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:15px;dominant-baseline:middle}.xcard__value{fill:#9a9a9a;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:16px}.xtable{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));max-width:760px;margin:0 auto}.xtable[data-count="4"],.xtable[data-count="5"]{max-width:560px}@media (max-width: 560px){.xtable{gap:10px;grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}}.solo{max-width:880px;margin:0 auto;padding:14px 16px 96px}.solo__bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:18px}.solo__stats{display:flex;gap:18px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;line-height:1.1}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#999}.stat__value{font-size:20px;font-weight:800}.stat__value--mono{font-variant-numeric:tabular-nums;min-width:72px}.solo__board{margin:8px 0 24px}.solo__actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafafaf2;border-top:1px solid #eee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center}.solo__toggle{font-size:13px;color:#777;display:flex;align-items:center;gap:5px}.btn--xoro{font-size:18px;padding:12px 28px;letter-spacing:.02em;display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.btn__sub{font-size:11px;font-weight:600;opacity:.85}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#14141473;z-index:20}.overlay__card{background:#fff;border-radius:16px;padding:28px 32px;text-align:center;width:min(360px,90vw);box-shadow:0 20px 60px #0000004d}.overlay__card h2{margin:0 0 6px}.overlay__time{font-size:40px;font-weight:800;color:var(--teal);font-variant-numeric:tabular-nums;margin:6px 0}.overlay__line{color:#555;margin:4px 0 10px}.overlay__best{color:#888;font-size:14px}.overlay__best--new{color:var(--orange);font-weight:800}.overlay__actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.mp{max-width:980px;margin:0 auto;padding:14px 16px 96px}.mp--center{display:grid;place-items:center;min-height:60vh;color:#888}.mp__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mp__code{font-size:15px;color:#555}.mp__code strong{font-size:18px;letter-spacing:.08em}.mp__pill{margin-left:8px;font-size:11px;background:#e7f3f3;color:var(--teal);border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.05em}.mp__toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;z-index:30;box-shadow:0 6px 18px #00000040}.mp__layout{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}@media (max-width: 640px){.mp__layout{grid-template-columns:1fr}}.mp__paused{margin-top:16px;text-align:center;color:var(--orange);font-weight:700}.mp__actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafafaf2;border-top:1px solid #eee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center}.scoreboard{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px}.scoreboard h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#999}.scoreboard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scoreboard li{display:flex;justify-content:space-between;align-items:baseline;padding:6px 8px;border-radius:8px;font-size:14px}.scoreboard li.is-me{background:#f0f7f7}.scoreboard li.is-winner{background:#fff6e8}.scoreboard li.is-paused{opacity:.55}.scoreboard__score{font-weight:800}.scoreboard__dots{font-weight:500;color:#999;font-size:12px}.lobby{text-align:center;padding:24px}.lobby h2{margin:0 0 6px}.lobby__hint{color:#777;margin:6px 0}.lobby__code{font-size:44px;font-weight:800;letter-spacing:.14em;color:var(--teal);margin:12px 0 18px}.lobby__players{list-style:none;padding:0;margin:0 auto 20px;display:inline-flex;flex-direction:column;gap:6px}.lobby__players li{background:#f4f4f4;border-radius:8px;padding:6px 18px}.results{text-align:center;padding:24px}.results__list{list-style:none;counter-reset:rank;padding:0;margin:16px auto 22px;max-width:320px}.results__list li{counter-increment:rank;display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #eee;font-size:15px}.results__list li:before{content:counter(rank) ".";margin-right:10px;color:#aaa}.results__list li.is-me{font-weight:800}:root{--bg: #fafafa;--ink: #1a1a1a;--teal: #008080;--orange: #aa4400;font-family:Helvetica Neue,Arial,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}h1,h2{font-weight:800;letter-spacing:-.01em}.wordmark{font-weight:800;letter-spacing:-.02em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:700;border-radius:10px;border:1px solid transparent;padding:10px 16px;cursor:pointer;transition:transform 80ms ease,background .12s ease,opacity .12s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background:var(--teal);color:#fff}.btn--primary:not(:disabled):hover{background:#0a6f6f}.btn--ghost{background:#fff;border-color:#ddd;color:#333}