*{box-sizing:border-box;font-family:Roboto,sans-serif}[hidden]{display:none!important}:root{--game-grid-max-width:560px;--board-width:min(100vw - 284px,var(--game-grid-max-width));--accent:#3a7bd5;--accent-hover:#2c62b5}body{background:#f5f5f5;margin:0}h2{text-align:center;color:#444;margin:0 0 24px}#lobby{flex-direction:column;align-items:center;padding:40px 16px;display:flex}.lobby-tagline{max-width:420px;text-align:center;color:#666;margin:-12px 0 24px;line-height:1.6}.lobby-card{width:min(100%,420px);background:#fff;border-radius:10px;flex-direction:column;gap:16px;padding:32px;display:flex;box-shadow:0 2px 12px #0000001a}.lobby-card label{color:#666;text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:6px;font-size:.85em;font-weight:600;display:flex}.lobby-card input,.lobby-card select{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:1em}.lobby-card input:focus,.lobby-card select:focus{outline:2px solid var(--accent);border-color:#0000}.lobby-card input:disabled,.lobby-card select:disabled{color:#999;background:#f5f5f5}.lobby-card .room-code-row{gap:8px;display:flex}.lobby-card .room-code-row input{flex:1}#play-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:12px;font-size:1em;font-weight:600}#play-btn:hover{background:var(--accent-hover)}#random-room-btn{color:#444;cursor:pointer;white-space:nowrap;background:#eee;border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-size:.9em}#random-room-btn:hover{background:#e0e0e0}.error{color:#c0392b;min-height:1.2em;margin:0;font-size:.9em}#game{min-height:100vh;flex-direction:column;display:flex}.game-header{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:16px;padding:12px 20px;display:flex}.game-header h2{flex-shrink:0;margin:0;font-size:1.2em}.game-header .game-meta{color:#666;flex:1;gap:16px;font-size:.9em;display:flex}.game-header .game-meta span{font-weight:600}.share-row{color:#555;background:#f0f6ff;border-bottom:1px solid #d0e4ff;align-items:center;gap:6px;padding:8px 20px;font-size:.82em;display:flex}.share-row a{color:var(--accent);cursor:pointer;word-break:break-all;align-items:center;gap:5px;display:inline-flex}.share-row a:hover{text-decoration:underline}.share-row .copy-icon{width:13px;height:13px;flex-shrink:0}.share-row #share-link-copied{color:#2ecc71;font-weight:600}#game-layout{align-items:flex-start;gap:24px;padding:24px 20px;display:flex}#board{min-width:0;flex:auto;container-type:inline-size}.board-grid{--gutter-size:10px;--cell-side:calc((var(--board-width) - (var(--gutter-size)*4))/5);--unselected-background:white;--selected-background:#eee;--selected-winning-background:#abffd5;--font-size:1em;--cell-padding:5px;--cell-border-radius:5px;width:var(--board-width);grid-column-gap:var(--gutter-size);grid-row-gap:var(--gutter-size);-webkit-user-select:none;user-select:none;font-size:var(--font-size);-webkit-hyphens:auto;hyphens:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr;place-items:center;margin:0 auto;display:grid}@container (max-width:400px){.board-grid{--gutter-size:2px;--cell-padding:2px;--font-size:.8em;--cell-border-radius:1px}}.board-grid .cell{word-wrap:break-word;width:var(--cell-side);height:var(--cell-side);text-align:center;background-color:var(--unselected-background);border-radius:var(--cell-border-radius);filter:drop-shadow(2px 4px 3px #ddd);cursor:pointer;outline:1px solid #d3d3d3;display:block;position:relative}@media (hover){.board-grid .cell:hover:not(.bonus){transition:transform .2s;transform:translateY(-5px)}}.board-grid .cell.selected{background-color:var(--selected-background)}.board-grid .cell.winning{background-color:var(--selected-winning-background)}.board-grid .cell.bonus{cursor:default}.board-grid .cell .word{pointer-events:none;padding:var(--cell-padding);width:auto;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#scoreboard{background:#fff;border-radius:10px;flex:0 0 220px;padding:16px;box-shadow:0 2px 8px #0000001a}#scoreboard h3{text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0 0 12px;font-size:.85em}.scoreboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scoreboard-entry{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.9em;display:flex;box-shadow:0 1px 4px #00000014}.scoreboard-entry.self{border-left:3px solid var(--accent)}.scoreboard-entry.bingo{background:#f0fff8;border-left:3px solid #2ecc71}.scoreboard-entry .player-name{color:#333;font-weight:600}.scoreboard-entry .player-score{color:#666;white-space:nowrap}
/*# sourceMappingURL=index.79ff427b.css.map */