:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--tg-theme-bg-color, #1c1c1e);color:var(--tg-theme-text-color, #f5f5f7);-webkit-font-smoothing:antialiased}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;text-align:center}.emoji-lg{font-size:4rem;line-height:1}.title{font-size:1.5rem;font-weight:700;margin:0}.subtitle{font-size:.9375rem;color:var(--tg-theme-hint-color, #8e8e93);max-width:28ch;margin:0}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.btn{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-family:inherit;cursor:pointer}.btn:focus-visible{outline:2px solid var(--tg-theme-link-color, #3390ec);outline-offset:2px}.screen-top{justify-content:flex-start;padding-top:2.5rem;gap:1.25rem}.btn-primary{width:100%;max-width:26rem;font-weight:700}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #2c2c2e);color:var(--tg-theme-text-color, #f5f5f7)}.btn-ghost{background:transparent;color:var(--tg-theme-hint-color, #8e8e93);border:1px solid var(--tg-theme-hint-color, #48484a)}.row{display:flex;gap:.5rem;width:100%;max-width:26rem}.input{flex:1;min-width:0;background:var(--tg-theme-secondary-bg-color, #2c2c2e);color:var(--tg-theme-text-color, #f5f5f7);border:1px solid var(--tg-theme-hint-color, #48484a);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;font-family:inherit}.input:focus-visible{outline:2px solid var(--tg-theme-link-color, #3390ec);outline-offset:1px}.code-input{text-align:center;letter-spacing:.35em;font-weight:700;text-transform:uppercase}.error-text{color:#ff6b6b;font-size:.875rem;margin:0;max-width:30ch}.lobby-header{display:flex;flex-direction:column;gap:.25rem}.game-title{font-size:1.25rem;font-weight:700;margin:0}.section-title{font-size:.875rem;font-weight:600;color:var(--tg-theme-hint-color, #8e8e93);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.code-block{display:flex;flex-direction:column;gap:.25rem;align-items:center}.code-badge{font-size:2rem;font-weight:800;letter-spacing:.3em;margin:0;padding:.5rem 1rem;border-radius:.75rem;background:var(--tg-theme-secondary-bg-color, #2c2c2e);font-variant-numeric:tabular-nums}.players,.name-editor{width:100%;max-width:26rem}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.player-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.75rem;background:var(--tg-theme-secondary-bg-color, #2c2c2e)}.avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #fff);flex-shrink:0}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.75rem;flex-shrink:0}.badge-self{color:var(--tg-theme-hint-color, #8e8e93);border:1px solid var(--tg-theme-hint-color, #48484a);border-radius:999px;padding:.125rem .5rem}