:root{--felt:#0f3d2e;--felt-dark:#0a2b20;--ivory:#f2ede1;--ivory-dim:#d8d0bd;--ink:#1d1a14;--gold:#c9a24b;--team-a:#c9773c;--team-b:#3c7ec9;--seat-1:#e07a5f;--seat-2:#3d8bfd;--seat-3:#81b29a;--seat-4:#c9a24b;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(ellipse at center,var(--felt) 0,var(--felt-dark) 100%);color:var(--ivory);font-family:Georgia,Iowan Old Style,serif;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:10px 18px;font-size:15px;background:var(--gold);color:var(--ink);font-weight:600;transition:transform .1s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--ivory-dim);color:var(--ivory)}input{font-family:inherit;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--ivory-dim);background:var(--felt-dark);color:var(--ivory);font-size:15px}a{color:var(--gold)}.container{max-width:960px;margin:0 auto;padding:24px 20px 80px}.container-wide{max-width:1560px}.game-layout{display:grid;grid-template-columns:1fr 260px;grid-gap:24px;gap:24px;align-items:start}.game-main{min-width:0}.game-sidebar{position:-webkit-sticky;position:sticky;top:20px;display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width:900px){.game-layout{grid-template-columns:1fr}.game-sidebar{position:static}}.brand{font-size:28px;letter-spacing:.04em;font-weight:700;color:var(--gold);margin:0 0 4px}.brand-sub{color:var(--ivory-dim);font-size:14px;margin:0 0 32px}.card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:20px;margin-bottom:16px}.game-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:hsla(0,0%,100%,.04);border-radius:var(--radius);margin-bottom:10px}.game-row .meta{color:var(--ivory-dim);font-size:13px}.player-chip{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.06);border-radius:999px;padding:6px 12px 6px 6px;margin:0 8px 8px 0;font-size:14px}.player-chip img{width:24px;height:24px;border-radius:50%}.player-chip.turn{outline:3px solid var(--gold);box-shadow:0 0 0 5px rgba(201,162,75,.25),0 0 16px rgba(201,162,75,.5);background:rgba(201,162,75,.12)}.player-chip.teamA{border-left:3px solid var(--team-a)}.player-chip.teamB{border-left:3px solid var(--team-b)}.turn-tag{display:block;color:var(--gold);font-weight:700;font-size:12px;margin-top:2px}.last-move-caption{text-align:center;font-size:14px;color:var(--ivory-dim);margin-bottom:8px}.scorebar{display:flex;justify-content:center;gap:40px;margin:8px 0 24px}.score-team{text-align:center}.score-team .label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-dim)}.score-team .value{font-size:40px;font-weight:700}.score-team.a .value{color:var(--team-a)}.score-team.b .value{color:var(--team-b)}.score-vs{align-self:center;color:var(--ivory-dim);font-size:20px}.board-wrap{height:380px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15);border:2px dashed hsla(0,0%,100%,.12);border-radius:16px;padding:12px;margin-bottom:24px}.board-wrap-empty{height:160px}.board-empty{color:var(--ivory-dim);font-style:italic;margin:auto}.board-canvas{position:relative;transform-origin:top left;transition:transform .15s ease-out}.board-tile-abs{position:absolute}.board-tile-abs .tile,.board-tile-abs .tile-wrap{width:100%;height:100%}@media (max-width:700px){.board-wrap{height:300px}}.tile-wrap{position:relative;display:inline-flex}.tile-order-badge{position:absolute;top:-11px;right:0;background:var(--gold);color:var(--ink);font-size:6px;font-weight:700;min-width:10px;height:10px;border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.6);padding:0 1px}.tile-count-badge{color:var(--ivory-dim);font-weight:400}.tile-back-row{display:flex;flex-wrap:wrap;gap:2px;max-width:90px;margin-top:4px}.tile-back{width:10px;height:16px;border-radius:2px;background:linear-gradient(135deg,#3a2f22,#241d15);border:1px solid rgba(201,162,75,.5);flex:0 0 auto}.seat-action-tag{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.blink{animation:seat-action-blink 1s ease-in-out infinite}@keyframes seat-action-blink{0%,to{opacity:1}50%{opacity:.35}}.player-chip.turn-overdue{box-shadow:0 0 0 2px #e08080,0 0 12px hsla(0,61%,69%,.6)}.tile-player-badge{position:absolute;bottom:-11px;left:0;color:var(--ink);font-size:6px;font-weight:700;min-width:10px;height:10px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.6)}.lobby-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.lobby-main{min-width:0}.lobby-sidebar{position:-webkit-sticky;position:sticky;top:20px}@media (max-width:900px){.lobby-layout{grid-template-columns:1fr}.lobby-sidebar{position:static}}.online-users-list{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.online-users-list::-webkit-scrollbar{width:6px}.online-users-list::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.online-user-row{display:flex;align-items:center;gap:8px;font-size:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex:0 0 auto;box-shadow:0 0 4px #4ade80}.online-user-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-user-status{color:var(--ivory-dim);font-size:11px;flex:0 0 auto}.open-ends-label{text-align:center;color:var(--ivory-dim);font-size:13px;margin:0 0 6px}.open-ends-label .end-value{color:var(--gold);font-weight:700;font-size:16px}.tile{display:inline-flex;background:var(--ivory);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.4);border:1px solid #b9b2a0;overflow:hidden;flex:0 0 auto}.tile.horizontal{flex-direction:row}.tile.vertical{flex-direction:column}.tile.tile-highlight{box-shadow:0 0 0 2px var(--gold),0 0 10px rgba(201,162,75,.6)}.tile.tile-last-played{animation:tile-pop-in .25s ease-out,tile-last-played-blink 1s ease-in-out .25s infinite}@keyframes tile-pop-in{0%{transform:scale(.4) translateY(-14px);opacity:0}70%{transform:scale(1.08) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes tile-last-played-blink{0%,to{box-shadow:0 0 0 2px #e08080,0 0 10px hsla(0,61%,69%,.7)}50%{box-shadow:0 0 0 2px #e08080,0 0 2px hsla(0,61%,69%,.2)}}.tile-half{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative;border-right:1px solid #b9b2a0;min-width:0;min-height:0}.tile.horizontal .tile-half:last-child{border-right:none}.tile.vertical .tile-half{border-right:none;border-bottom:1px solid #b9b2a0}.tile.vertical .tile-half:last-child{border-bottom:none}.pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:76%;height:76%;grid-gap:3%;gap:3%}.pip{border-radius:50%;background:var(--ink);width:65%;height:65%;align-self:center;justify-self:center;box-shadow:0 0 0 1px hsla(0,0%,100%,.5),0 1px 1px rgba(0,0,0,.4)}.hand-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:20px}.hand-tile-btn{background:none;padding:0;border-radius:8px}.hand-wrap .tile{width:34px;height:68px}.hand-wrap .tile-half{width:34px;height:34px}.hand-tile-btn.playable .tile{outline:2px solid var(--gold)}.hand-tile-btn.disabled{opacity:.35;cursor:not-allowed}.round-banner{text-align:center;background:rgba(201,162,75,.12);border:1px solid var(--gold);border-radius:12px;padding:16px;margin-bottom:20px}.opponents-row{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.table-grid{display:grid;grid-template-columns:minmax(50px,auto) minmax(500px,1fr) minmax(50px,auto);grid-template-rows:auto auto auto;grid-template-areas:".    top    ." "left center right" ".    bottom .";align-items:center;justify-items:center;grid-gap:12px;gap:12px;margin-bottom:20px}.seat-top{grid-area:top}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-bottom{grid-area:bottom}.seat-center{grid-area:center;width:100%;height:100%;display:flex;flex-direction:column;min-width:0}.seat-center .board-wrap{flex:1 1;width:760px;height:400px;max-width:100%}.player-chip.pos-left,.player-chip.pos-right{flex-direction:column;writing-mode:vertical-rl;padding:10px 6px;gap:6px;border-radius:12px;min-height:160px;justify-content:center}.player-chip.pos-left{transform:rotate(180deg)}.player-chip.pos-left img,.player-chip.pos-right img{writing-mode:horizontal-tb;transform:rotate(90deg)}.player-chip.pos-left .turn-tag,.player-chip.pos-right .turn-tag{writing-mode:horizontal-tb;transform:rotate(90deg);margin-top:0}.player-chip.pos-left .seat-action-tag,.player-chip.pos-left .tile-back-row,.player-chip.pos-right .seat-action-tag,.player-chip.pos-right .tile-back-row{writing-mode:horizontal-tb;transform:rotate(90deg)}@media (max-width:900px){.table-grid{grid-template-columns:1fr;grid-template-areas:"top" "left" "center" "right" "bottom";min-height:auto}.player-chip.pos-left,.player-chip.pos-right{writing-mode:horizontal-tb;flex-direction:row;min-height:auto}.player-chip.pos-left,.player-chip.pos-left .turn-tag,.player-chip.pos-left img,.player-chip.pos-right .turn-tag,.player-chip.pos-right img{transform:none}}.presence-panel{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:14px 16px;font-size:13px;color:var(--ivory-dim)}.presence-label{display:block;margin-bottom:8px;font-weight:700;color:var(--gold)}.presence-chip{display:inline-block;background:hsla(0,0%,100%,.06);border-radius:999px;padding:3px 10px;margin:0 4px 4px 0;font-size:13px}.chat-panel{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px 14px}.chat-title{margin:0 0 8px;color:var(--gold);font-size:13px}.chat-messages{max-height:140px;overflow-y:auto;margin-bottom:8px;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.chat-empty{color:var(--ivory-dim);font-style:italic;font-size:13px;margin:0}.chat-message{font-size:13px;line-height:1.4}.chat-sender{font-weight:700;color:var(--ivory-dim);margin-right:6px}.chat-sender.me{color:var(--gold)}.chat-text{color:var(--ivory);word-break:break-word}.chat-input-row{display:flex;gap:8px;min-width:0}.chat-input-row input{flex:1 1 auto;min-width:0}.chat-input-row button{flex:0 0 auto}