:root{--bg: #f8f8f6;--surface: #ffffff;--border: #e5e5e0;--text: #1a1a18;--text-muted: #6b6b66;--blue: #3b82f6;--red: #ef4444;--green: #16a34a;--error: #dc2626;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1rem;transition:background .15s}button:hover:not(:disabled):not(.primary){background:var(--bg)}button.primary{background:var(--text);color:var(--surface);border-color:var(--text)}button.primary:hover:not(:disabled){background:#2d2d2a;border-color:#2d2d2a}button.primary:active:not(:disabled){background:#40403c;border-color:#40403c}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;background:var(--surface);width:100%}input[type=text]:focus{outline:2px solid var(--blue);outline-offset:0}input.error{border-color:var(--error);color:var(--error)}.app{max-width:1280px;margin:0 auto;padding:1.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--text-muted);font-size:.875rem}.feedback{min-height:1.5rem;font-size:.875rem;color:var(--text-muted)}.feedback.success{color:var(--green)}.feedback.error{color:var(--error)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:shake .25s ease}.section-label{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header__title{margin:0;font-size:1.5rem;font-weight:600}.room-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}.room-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem}.room-card__name{font-weight:600;font-size:1rem}.room-card__meta{margin:.2rem 0 0;font-size:.8125rem;color:var(--text-muted)}.table-lobby{max-width:520px;margin:0 auto}.table-lobby__header{margin-bottom:1rem}.table-lobby__title{margin:0;font-size:1.375rem;font-weight:600;line-height:1.25}.table-lobby__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.875rem}.table-lobby__copy{margin-left:auto}.table-lobby__header-actions{display:flex;flex-shrink:0;gap:.5rem;align-items:center}.table-lobby__card{padding:0;overflow:hidden}.table-lobby__card-head{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;border-bottom:1px solid var(--border);background:var(--bg)}.table-lobby__count{font-size:.8125rem;color:var(--text-muted)}.table-lobby__player-list{list-style:none;margin:0;padding:0}.table-lobby__player{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.125rem;border-bottom:1px solid var(--border)}.table-lobby__player:last-child{border-bottom:none}.table-lobby__player-name{font-weight:500}.table-lobby__player-badges{display:flex;gap:.35rem;flex-shrink:0}.badge{font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .45rem;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted)}.badge-host{background:var(--text);color:var(--surface);border-color:var(--text)}.badge-seated{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--surface))}.badge-observe{color:var(--text-muted)}.table-lobby__sit{width:calc(100% - 2.25rem);margin:.75rem 1.125rem 1rem}.table-lobby__hint{margin:0;padding:0 1.125rem 1rem;font-size:.8125rem}.table-lobby__chat{margin-top:.75rem;padding:.875rem 1.125rem}.table-lobby__chat .section-label{margin-bottom:.5rem}.table-lobby__chat-log{max-height:140px;overflow-y:auto;font-size:.875rem}.table-lobby__chat-line{margin:0 0 .35rem}.table-lobby__footer{margin-top:1.25rem}.table-lobby__start{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600}.table-lobby__start-hint{margin:.5rem 0 0;text-align:center;font-size:.8125rem}.game-side-panel{padding:0;overflow:hidden}.game-side-panel__title{margin:0;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border)}.game-side-panel__body{max-height:420px;overflow-y:auto;font-size:.8125rem}.game-side-panel__table{width:100%;border-collapse:collapse}.game-side-panel__table th{color:var(--text-muted);font-weight:500;padding:.5rem .75rem}.game-side-panel__table td{padding:.35rem .75rem;border-top:1px solid var(--border)}.game-side-panel__table th:last-child,.game-side-panel__table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.game-side-panel__name{font-weight:400}.game-side-panel__name--you{font-weight:600}.game-side-panel__row--away td{color:var(--text-muted)}.game-side-panel__row--away .game-side-panel__name--you{color:var(--text);opacity:.7}.game-side-panel__away{display:inline-block;margin-left:.35rem;padding:.1rem .35rem;font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:#f4f4f5;border-radius:4px;vertical-align:middle}