.acct{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#14141473;z-index:30;padding:16px}.acct__card{position:relative;background:#fff;border-radius:16px;padding:26px 28px;width:min(380px,92vw);box-shadow:0 20px 60px #0000004d}.acct__close{position:absolute;top:10px;right:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-size:26px;line-height:1;color:#aaa;cursor:pointer}.acct__close:hover{color:#555}.acct__h2{margin:0 0 8px;font-size:20px}.acct__sub{color:#666;font-size:14px;line-height:1.5;margin:0 0 18px}.acct__name{font-size:24px;font-weight:800;margin:4px 0 2px}.acct__email{color:#888;font-size:14px;margin:0 0 18px}.acct__input{width:100%;font:inherit;padding:10px 14px;border:1px solid #ddd;border-radius:10px;margin-bottom:14px}.acct__input:focus{outline:none;border-color:var(--teal)}.acct__nameform{margin-top:4px}.acct__actions{display:flex;gap:10px}.acct__btn{flex:1}.acct__error{color:var(--orange);font-size:14px;margin:12px 0 0}.home{max-width:560px;margin:0 auto;padding:40px 20px 80px}.home__wordmark{margin:0;text-align:center}.home__logo{display:block;height:72px;width:auto;max-width:100%;margin:0 auto}.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__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__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.home__top-left{display:flex;align-items:center;gap:10px;min-width:0}.home__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;text-decoration:none;background:#fff;border:1px solid #e6e6e6;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;color:#444;cursor:pointer;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .1s ease,background .1s ease}.home__chip:hover{border-color:#cfcfcf;background:#fafafa}.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):not(.xcard--selected):hover,.xcard--hovered:not(.xcard--selected){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--claimed{transform:translateY(-8px);box-shadow:0 0 0 3px #c99600,0 8px 20px #c9960073;animation:xcard-claimed-pulse .9s ease-in-out infinite alternate}@keyframes xcard-claimed-pulse{0%{box-shadow:0 0 0 3px #c99600,0 8px 20px #c9960059}to{box-shadow:0 0 0 4px #ffbf00,0 10px 26px #c9960099}}.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__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}.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__claim{margin-top:14px;padding:12px;background:#f0f7f7;border:1px solid #d6eaea;border-radius:12px}.overlay__claim-text{margin:0 0 10px;font-size:14px;color:#555}.overlay__actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.overlay__buy{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--teal);text-decoration:underline}.overlay__buy:hover{color:#0a6f6f}.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{margin:14px auto 0;max-width:max-content;text-align:center;background:#222;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;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__main{min-width:0}.mp__paused{margin-top:16px;text-align:center;color:var(--orange);font-weight:700}.mp__intermission{margin:14px auto 0;max-width:max-content;text-align:center;background:#c99600;color:#fff;padding:8px 18px;border-radius:999px;font-size:16px;font-weight:800;box-shadow:0 6px 18px #c9960066;animation:mp-intermission-in .18s ease-out}@keyframes mp-intermission-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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}.mp__toggle{font-size:13px;color:#777;display:flex;align-items:center;gap:5px}.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{background:#80000014;box-shadow:inset 0 0 0 1px #80000059}.scoreboard li.is-paused .scoreboard__name{color:maroon;font-weight:600}.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}.lobby__qr{margin-top:24px}.lobby__qrcode{width:50%;height:auto;max-width:320px;border:8px solid #fff;border-radius:12px;box-shadow:0 2px 10px #0000001f}.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}.lb{max-width:560px;margin:0 auto;padding:20px 20px 80px}.lb__bar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.lb__title{flex:1;text-align:center;font-size:28px;margin:0}.lb__spacer{width:78px}.lb__levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.lb__levels .level{align-items:center;text-align:center}.lb__windows{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.lb__window{border:1px solid #e3e3e3;background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;color:#888;cursor:pointer}.lb__window--on{border-color:var(--teal);color:var(--teal);background:#f0f7f7}.lb__panel{background:#fff;border:1px solid #eee;border-radius:16px;padding:10px 14px;box-shadow:0 2px 10px #0000000a}.lb__empty{text-align:center;color:#888;font-size:14px;padding:22px 0}.lb__list{list-style:none;margin:0;padding:0}.lb__row{display:grid;grid-template-columns:28px 1fr auto auto auto;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid #f0f0f0}.lb__row:last-child{border-bottom:none}.lb__row--me{background:#f0f7f7;border-radius:10px}.lb__rank{color:#aaa;font-weight:800;text-align:center}.lb__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb__cards{color:#888;font-size:14px}.lb__wrong{color:#b06a00;font-size:13px;font-variant-numeric:tabular-nums}.lb__time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--teal)}: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;display:inline-flex;align-items:center;justify-content:center;text-decoration: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}