.sb-shell{min-height: 100dvh;background: var(--ww-paper);color: var(--ww-ink);display: flex;flex-direction: column;--sb-brass-edge: color-mix(in oklch,var(--club-brass) 72%,var(--ww-wood-recess))}.sb-shell .text-muted{color: var(--ww-ink-soft)}.sb-shell .text-gold{color: var(--club-brass-lit)}.sb-shell .text-danger{color: var(--ww-danger-text)}.sb-lobby{max-width: 1100px;margin: 0 auto;padding: 1.5rem 1rem 3rem;width: 100%}.sb-hero{display: flex;flex-direction: column;gap: 1.5rem;padding: 2rem;background: var(--ww-paper-2);color: var(--ww-ink);border: 1px solid var(--ww-line);border-radius: var(--ww-radius);margin-bottom: 2rem}@media (min-width: 48rem){.sb-hero{flex-direction: row;align-items: center;justify-content: space-between}}.sb-hero__copy{max-width: 540px}.sb-eyebrow{display: inline-block;font-family: var(--ww-mono);font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--club-brass-lit);margin-bottom: 0.5rem}.sb-hero h1{font-family: var(--ww-display);font-size: 2rem;line-height: 1.15;color: var(--ww-ink);margin: 0 0 0.75rem}.sb-hero p{color: var(--ww-ink-soft);font-size: 1rem;line-height: 1.5;margin: 0 0 1.5rem}.sb-hero__actions{display: flex;flex-wrap: wrap;gap: 0.75rem;align-items: center}.sb-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: var(--ww-control-min,44px);padding: 0.6rem 1.25rem;border-radius: var(--ww-radius-sm);font-family: var(--ww-font);font-size: 0.95rem;font-weight: 600;text-decoration: none;cursor: pointer;transition: background var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out);border: 1px solid transparent}.sb-btn--primary{background: var(--club-brass);color: var(--ww-tile-ink);border-color: var(--club-brass-lit)}@media (hover: hover){.sb-btn--primary:hover{background: var(--club-brass-lit)}}.sb-btn--primary:active{transform: translateY(1px)}.sb-btn--ghost{background: transparent;color: var(--ww-ink);border-color: var(--ww-line)}@media (hover: hover){.sb-btn--ghost:hover{background: var(--ww-paper-2);border-color: var(--club-brass)}}.sb-btn--ghost:active{transform: translateY(1px)}.sb-btn:disabled,.sb-btn[aria-disabled="true"]{opacity: 0.5;cursor: not-allowed}.sb-btn--sm{padding: 0.35rem 0.9rem;font-size: 0.85rem}.sb-count{font-family: var(--ww-mono);font-variant-numeric: tabular-nums;color: var(--ww-ink-soft)}.sb-match-info{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.sb-match-info p{margin: 0;font-size: 0.85rem}.sb-match__names{display: flex;flex-direction: column;gap: 0.15rem;font-size: 0.9rem}.sb-empty-state p{margin: 0;font-size: 0.9rem}.sb-lobby-grid{display: grid;grid-template-columns: 1fr;gap: 1.5rem}@media (min-width: 48rem){.sb-lobby-grid{grid-template-columns: 1fr 1fr}}.sb-panel{background: var(--ww-paper-2);color: var(--ww-ink);border: 1px solid var(--ww-line);border-radius: var(--ww-radius);padding: 1.5rem;display: flex;flex-direction: column}.sb-panel__heading{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 1.25rem;border-bottom: 1px solid var(--ww-line);padding-bottom: 0.75rem}.sb-panel__heading h2{font-family: var(--ww-display);font-size: 1.3rem;margin: 0;color: var(--ww-ink)}.sb-match-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.5rem}.sb-match-item{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1rem;background: var(--ww-paper);color: var(--ww-ink);border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);text-decoration: none;transition: border-color var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.sb-match-item:hover{border-color: var(--club-brass)}}.sb-table{flex: 1;max-width: 1000px;margin: 0 auto;padding: 1rem 1rem calc(var(--ww-dock,56px) + 2rem);width: 100%;display: flex;flex-direction: column}.sb-table__layout{display: flex;flex-direction: column;gap: 1.5rem}@media (min-width: 52rem){.sb-table__layout{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: start;gap: 2rem}}.sb-board-col{display: flex;flex-direction: column;align-items: center;gap: 1.25rem}.sb-rank-card{width: 100%;max-width: 420px;background: var(--ww-paper-2);color: var(--ww-ink);border: 1px solid var(--ww-line);border-radius: var(--ww-radius);padding: 0.85rem 1rem}.sb-rank-header{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 0.5rem}.sb-rank-title{display: flex;align-items: baseline;gap: 0.5rem}.sb-rank-title strong{font-family: var(--ww-font);font-weight: 700;font-size: 1rem;color: var(--club-brass-lit)}.sb-rank-points{font-family: var(--ww-mono);font-size: 0.9rem;font-variant-numeric: tabular-nums;color: var(--ww-ink)}.sb-rank-track{position: relative;width: 100%;height: 8px;background: var(--ww-paper);border-radius: var(--ww-radius-sm);border: 1px solid var(--ww-line);margin: 0.5rem 0}.sb-rank-fill{height: 100%;background: linear-gradient(90deg,var(--club-brass-dim),var(--club-brass));border-radius: var(--ww-radius-sm)}.sb-rank-pips{position: absolute;inset: 0;pointer-events: none}.sb-rank-pip{position: absolute;top: 50%;width: 8px;height: 8px;border-radius: 50%;background: var(--ww-paper-2);border: 1px solid var(--ww-line);transform: translate(-50%,-50%);transition: background var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out)}.sb-rank-pip.is-achieved{background: var(--club-brass);border-color: var(--club-brass-lit)}.sb-rank-pip.is-current{width: 12px;height: 12px;background: var(--club-brass-lit);border-color: var(--ww-paper);box-shadow: 0 0 0 2px var(--club-brass);z-index: 2}.sb-rank-footer{margin-top: 0.45rem;font-size: 0.85rem;font-weight: 500;color: var(--ww-ink);opacity: 0.82;text-align: right;font-variant-numeric: tabular-nums}.sb-duel-status{width: 100%;max-width: 420px;padding: 0.85rem 1rem;gap: 0.6rem}.sb-duel-header{display: flex;justify-content: space-between;align-items: baseline;gap: 0.75rem}.sb-duel-header .sb-eyebrow{margin-bottom: 0}.sb-timer{font-family: var(--ww-mono);font-size: 1.35rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--ww-ink)}.sb-timer.is-urgent{color: var(--ww-danger-text)}.sb-status-badge{font-family: var(--ww-mono);font-size: 0.75rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ww-ink-soft)}.sb-duel-scores{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 0.75rem}.sb-duel-seat{display: flex;flex-direction: column;min-width: 0}.sb-duel-seat.is-opp{text-align: right}.sb-seat-name{font-size: 0.85rem;font-weight: 600;color: var(--ww-ink);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sb-seat-score{font-family: var(--ww-display);font-size: 1.6rem;line-height: 1.1;font-variant-numeric: tabular-nums;color: var(--club-brass-lit)}.sb-seat-words{font-size: 0.8rem;color: var(--ww-ink-soft);font-variant-numeric: tabular-nums}.sb-duel-vs{font-family: var(--ww-mono);font-size: 0.75rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ww-ink-soft)}.sb-waiting{width: 100%;max-width: 420px;display: flex;flex-direction: column;gap: 0.75rem;align-items: flex-start}.sb-waiting__note{margin: 0;color: var(--ww-ink-soft);font-size: 0.9rem}.sb-display-wrapper{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 360px;min-height: 52px}.sb-input-display{display: flex;flex-direction: column;align-items: stretch;justify-content: center;width: 100%;min-height: 48px;color: var(--ww-ink);text-align: center}.sb-entry-label{font-family: var(--ww-font);font-size: 0.8rem;font-weight: 600;color: var(--ww-ink-soft);margin: 0 0 0.35rem;text-align: center}.sb-entry{width: 100%;min-height: 52px;padding: 0.4rem 0.75rem;background: var(--ww-paper);border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);box-shadow: none;color: var(--ww-ink);caret-color: var(--club-brass-lit);font-family: var(--ww-display);font-size: 1.75rem;font-weight: 700;letter-spacing: 0.08em;line-height: 1.2;text-align: center;text-transform: uppercase;transition: border-color var(--ww-dur-micro) var(--ww-ease-out),background var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.sb-entry:hover:not(:disabled){border-color: var(--club-brass);background: var(--ww-paper-2)}}.sb-entry:disabled{opacity: 0.5;cursor: not-allowed}@keyframes sb-shake{0%,100%{transform: translateX(0)}20%,60%{transform: translateX(-7px)}40%,80%{transform: translateX(7px)}}.sb-input-display.is-shaking{animation: sb-shake 0.35s var(--ww-ease-out)}.sb-toast-container{min-height: 32px;display: flex;align-items: center;justify-content: center}.sb-toast-item{padding: 0.35rem 0.85rem;border-radius: var(--ww-radius-sm);font-family: var(--ww-font);font-size: 0.85rem;font-weight: 600;text-align: center;display: inline-flex;align-items: center;gap: 0.4rem;opacity: 0;transform: translateY(-4px) scale(0.96);transition: opacity var(--ww-dur-short) var(--ww-ease-out),transform var(--ww-dur-short) var(--ww-ease-play)}.sb-toast-item.ww-toast--in{opacity: 1;transform: translateY(0) scale(1)}.sb-toast-item.ww-toast--out{opacity: 0;transform: translateY(-4px) scale(0.96)}.sb-toast-item.is-info{background: var(--club-brass);color: var(--ww-tile-ink);box-shadow: 0 4px 12px color-mix(in oklch,var(--club-brass) 25%,transparent)}.sb-toast-item.is-info.is-pangram{background: var(--club-brass-lit);border: 1px solid var(--club-brass);box-shadow: 0 6px 16px color-mix(in oklch,var(--club-brass) 40%,transparent)}.sb-toast-item.is-error{background: var(--ww-paper-2);color: var(--ww-danger-text);border: 1px solid var(--ww-line)}.sb-hive{--sb-hive-size: 268px;--sb-outer-size: 60px;--sb-center-size: 68px;--sb-radius: 86px;--sb-core: 0px;position: relative;width: var(--sb-hive-size);height: var(--sb-hive-size);user-select: none;touch-action: manipulation;padding: 0}.sb-hive::before{content: "";position: absolute;inset: 18px;border-radius: 50%;background: color-mix(in oklch,var(--club-brass) 16%,var(--ww-paper-2));border: 1px solid var(--club-brass-dim);pointer-events: none;z-index: 0}.sb-hive.is-shuffling .sb-cell--outer{transition: transform var(--ww-dur-short) var(--ww-ease-play)}.sb-cell{position: absolute;left: 50%;top: 50%;margin: 0;border: 1px solid var(--club-brass);background: transparent;cursor: pointer;display: flex;align-items: center;justify-content: center;font-family: var(--ww-display);font-size: 1.55rem;font-weight: 700;border-radius: 50%;clip-path: circle(50%);z-index: 1;-webkit-tap-highlight-color: transparent;transition: background var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out)}.sb-cell--outer{width: var(--sb-outer-size);height: var(--sb-outer-size);margin-left: calc(var(--sb-outer-size) / -2);margin-top: calc(var(--sb-outer-size) / -2);background: var(--ww-tile-face);color: var(--ww-tile-ink);box-shadow: 0 2px 0 var(--ww-tile-edge)}.sb-hive--medallion .sb-cell--outer{--sb-dx: 0px;--sb-dy: 0px;transform: translate(var(--sb-dx),var(--sb-dy))}.sb-hive--medallion .sb-cell--outer[data-slot="0"]{--sb-dx: 0px;--sb-dy: calc(-1 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="1"]{--sb-dx: calc(0.7818 * var(--sb-radius));--sb-dy: calc(-0.6235 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="2"]{--sb-dx: calc(0.9749 * var(--sb-radius));--sb-dy: calc(0.2225 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="3"]{--sb-dx: calc(0.4339 * var(--sb-radius));--sb-dy: calc(0.9010 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="4"]{--sb-dx: calc(-0.4339 * var(--sb-radius));--sb-dy: calc(0.9010 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="5"]{--sb-dx: calc(-0.9749 * var(--sb-radius));--sb-dy: calc(0.2225 * var(--sb-radius))}.sb-hive--medallion .sb-cell--outer[data-slot="6"]{--sb-dx: calc(-0.7818 * var(--sb-radius));--sb-dy: calc(-0.6235 * var(--sb-radius))}.sb-hive--medallion .sb-cell--center{--sb-dx: 0px;--sb-dy: 0px;transform: translate(var(--sb-dx),var(--sb-dy))}.sb-hive--halo{--sb-hive-size: 252px;--sb-radius: 78px}.sb-hive--halo .sb-cell--outer[data-slot="0"]{transform: translateY(calc(-1 * var(--sb-radius)))}.sb-hive--halo .sb-cell--outer[data-slot="1"]{transform: translate(calc(0.866 * var(--sb-radius)),calc(-0.5 * var(--sb-radius)))}.sb-hive--halo .sb-cell--outer[data-slot="2"]{transform: translate(calc(0.866 * var(--sb-radius)),calc(0.5 * var(--sb-radius)))}.sb-hive--halo .sb-cell--outer[data-slot="3"]{transform: translateY(var(--sb-radius))}.sb-hive--halo .sb-cell--outer[data-slot="4"]{transform: translate(calc(-0.866 * var(--sb-radius)),calc(0.5 * var(--sb-radius)))}.sb-hive--halo .sb-cell--outer[data-slot="5"]{transform: translate(calc(-0.866 * var(--sb-radius)),calc(-0.5 * var(--sb-radius)))}.sb-hive--halo .sb-cell--center{--sb-dx: 0px;--sb-dy: 0px;transform: translate(var(--sb-dx),var(--sb-dy))}.sb-hive--halo .sb-cell--center[data-slot="0"]{--sb-dx: calc(-0.42 * var(--sb-center-size))}.sb-hive--halo .sb-cell--center[data-slot="1"]{--sb-dx: calc(0.42 * var(--sb-center-size))}@media (hover: hover){.sb-hive--medallion .sb-cell--outer:hover:not(:disabled){transform: translate(var(--sb-dx),calc(var(--sb-dy) - 1px))}.sb-cell--outer:hover:not(:disabled){background: color-mix(in oklch,var(--ww-tile-face) 55%,var(--ww-paper));border-color: var(--club-brass-lit)}.sb-hive--medallion .sb-cell--center:hover:not(:disabled),.sb-hive--halo .sb-cell--center:hover:not(:disabled){transform: translate(var(--sb-dx),calc(var(--sb-dy) - 1px))}}.sb-cell--center{width: var(--sb-center-size);height: var(--sb-center-size);margin-left: calc(var(--sb-center-size) / -2);margin-top: calc(var(--sb-center-size) / -2);background: var(--club-brass);color: var(--ww-wood-recess);border-color: var(--club-brass-lit);box-shadow: 0 2px 0 var(--sb-brass-edge);z-index: 2;font-size: 1.45rem}@media (hover: hover){.sb-cell--center:hover:not(:disabled){background: var(--club-brass-lit)}}.sb-cell:active:not(:disabled),.sb-cell.is-pressed:not(:disabled){box-shadow: 0 1px 0 var(--ww-tile-edge)}.sb-hive--medallion .sb-cell--outer:active:not(:disabled),.sb-hive--medallion .sb-cell--outer.is-pressed:not(:disabled){transform: translate(var(--sb-dx),calc(var(--sb-dy) + 1px)) scale(0.98)}.sb-hive--medallion .sb-cell--center:active:not(:disabled),.sb-hive--medallion .sb-cell--center.is-pressed:not(:disabled),.sb-hive--halo .sb-cell--center:active:not(:disabled),.sb-hive--halo .sb-cell--center.is-pressed:not(:disabled){transform: translate(var(--sb-dx),calc(var(--sb-dy) + 1px)) scale(0.98);box-shadow: 0 1px 0 var(--sb-brass-edge)}.sb-cell:disabled{opacity: 0.55;cursor: not-allowed;box-shadow: none}.sb-cell:focus-visible{outline: none}.sb-cell:focus-visible .sb-cell-letter{outline: 3px solid var(--ww-focus);outline-offset: 4px;border-radius: 4px}.sb-cell--center:focus-visible .sb-cell-letter{outline-color: var(--ww-blue)}.sb-controls{display: flex;align-items: center;justify-content: center;gap: 1rem;width: 100%;max-width: 360px}.sb-btn-ctrl{min-height: var(--ww-control-min,44px);padding: 0.5rem 1.1rem;border-radius: var(--ww-radius-sm);background: var(--ww-paper-2);border: 1px solid var(--ww-line);color: var(--ww-ink);font-family: var(--ww-font);font-size: 0.9rem;font-weight: 600;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;transition: background var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.sb-btn-ctrl:hover:not(:disabled){border-color: var(--club-brass);background: var(--ww-paper)}}.sb-btn-ctrl:active:not(:disabled){transform: translateY(1px)}.sb-btn-ctrl:disabled{opacity: 0.5;cursor: not-allowed}.sb-btn-ctrl--enter{background: var(--club-brass);color: var(--ww-tile-ink);border-color: var(--club-brass-lit)}@media (hover: hover){.sb-btn-ctrl--enter:hover:not(:disabled){background: var(--club-brass-lit)}}.sb-words-panel{background: var(--ww-paper-2);color: var(--ww-ink);border: 1px solid var(--ww-line);border-radius: var(--ww-radius);padding: 1.25rem;display: flex;flex-direction: column;gap: 1rem}.sb-words-header{display: flex;justify-content: space-between;align-items: center}.sb-words-header h3{font-family: var(--ww-display);font-size: 1.15rem;margin: 0;color: var(--ww-ink)}.sb-words-count{font-family: var(--ww-mono);font-size: 0.9rem;font-variant-numeric: tabular-nums;color: var(--ww-ink);opacity: 0.82;font-weight: 500;margin-left: 0.4rem}.sb-words-tools{display: flex;align-items: center;gap: 0.5rem}.sb-words-grid{display: flex;flex-wrap: wrap;gap: 0.4rem;max-height: 280px;overflow-y: auto;padding: 0.25rem}.sb-word-pill{padding: 0.35rem 0.65rem;border-radius: var(--ww-radius-sm);background: var(--ww-paper);border: 1px solid var(--ww-line);font-family: var(--ww-font);font-size: 0.85rem;color: var(--ww-ink);text-transform: capitalize;display: inline-flex;align-items: center;gap: 0.35rem;transition: transform var(--ww-dur-micro) var(--ww-ease-out),background var(--ww-dur-micro) var(--ww-ease-out)}@keyframes sb-word-appear{0%{transform: scale(0.8);opacity: 0}100%{transform: scale(1);opacity: 1}}.sb-word-pill:first-child{animation: sb-word-appear 200ms var(--ww-ease-play)}.sb-word-pill.is-pangram{background: var(--club-brass);color: var(--ww-tile-ink);font-weight: 700;border-color: var(--club-brass-lit)}.sb-word-pill.is-bonus:not(.is-pangram){border-color: var(--club-jade);box-shadow: inset 2px 0 0 var(--club-jade)}.sb-bonus-words{display: flex;flex-direction: column;gap: 0.4rem}.sb-bonus-heading{margin: 0;font-size: 0.8rem;font-weight: 600;color: var(--ww-ink-soft)}.sb-word-pill.is-missed{opacity: 0.75;background: var(--ww-paper-2);color: var(--ww-ink-soft);border-style: dashed}.sb-game-over-banner{border-top: 1px solid var(--ww-line);padding-top: 1rem;display: flex;flex-direction: column;gap: 0.85rem}.sb-game-over-banner h4{font-family: var(--ww-display);font-size: 1.2rem;margin: 0;color: var(--ww-ink)}.sb-missed-words summary{font-weight: 600;font-size: 0.9rem;color: var(--ww-ink);min-height: var(--ww-control-min,44px);display: flex;align-items: center}.sb-actions{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center}.sb-actions form{display: contents}.sb-actions .ww-rematch-pending{margin: 0;color: var(--ww-ink-soft);font-size: 0.9rem}.sb-hints-dialog{border: 1px solid var(--ww-line);border-radius: var(--ww-radius);background: var(--ww-paper-2);color: var(--ww-ink);padding: 1.5rem;max-width: 520px;width: 90vw;box-shadow: var(--ww-shadow)}.sb-hints-dialog::backdrop{background: color-mix(in oklch,var(--ww-navy) 78%,transparent);backdrop-filter: blur(2px)}.sb-hints-dialog header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;border-bottom: 1px solid var(--ww-line);padding-bottom: 0.5rem}.sb-hints-dialog header h3{color: var(--ww-ink);margin: 0}.sb-matrix-table{width: 100%;border-collapse: collapse;font-family: var(--ww-mono);font-size: 0.85rem;margin: 1rem 0}.sb-matrix-table th,.sb-matrix-table td{padding: 0.4rem 0.5rem;text-align: center;border: 1px solid var(--ww-line);font-variant-numeric: tabular-nums}.sb-matrix-table th{background: var(--ww-paper);color: var(--club-brass-lit)}.sb-two-letter-list{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.75rem}.sb-two-letter-tag{font-family: var(--ww-mono);font-size: 0.85rem;background: var(--ww-paper);color: var(--ww-ink);padding: 0.25rem 0.5rem;border-radius: var(--ww-radius-sm);border: 1px solid var(--ww-line);font-variant-numeric: tabular-nums}