.tile{position:absolute;background:#e8d5b0;border:1px solid #8a6a3060;border-radius:3px;display:flex;overflow:hidden}.tile.vertical{flex-direction:column}.tile.horizontal{flex-direction:row}.tile-half{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.tile .divider-h,.hand-tile .divider-h,.palette-tile .divider-h{width:calc(100% - 4px);height:1px;background:#8a6a3060;align-self:center}.tile .divider-v{height:calc(100% - 4px);width:1px;background:#8a6a3060;align-self:center}.pip{position:absolute;background:#1a1a2e;border-radius:50%}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a1628;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;height:100vh;overflow:hidden}#toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0d1b2a;border-bottom:1px solid #1a2a44}.toolbar-link{color:#8ac;font-size:13px;text-decoration:none;padding:4px 10px;background:#1e3a5f;border:1px solid #2a5080;border-radius:6px}.toolbar-link:hover{background:#2a5080}.toolbar-title{color:gold;font-weight:800;font-size:15px;letter-spacing:2px}#toolbar button{padding:5px 14px;background:#1e3a5f;color:#ccc;border:1px solid #2a5080;border-radius:6px;cursor:pointer;font-size:13px}#toolbar button:hover:not(:disabled){background:#2a5080}#toolbar button:disabled{opacity:.4;cursor:default}#toolbar button.hidden{display:none}#btn-ack-all{background:#2a6040;border-color:#4a8}#btn-ack-all:hover:not(:disabled){background:#3a8050}.status{color:#888;font-size:12px;margin-left:auto}.room-id{color:gold;font-size:12px;font-weight:700;letter-spacing:1px}#game-area{display:grid;grid-template-rows:auto 1fr auto;height:calc(100vh - 42px);padding:8px;gap:8px}#middle-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;min-height:0}.player-panel{background:#1a2a44;border-radius:12px;border:2px solid #2a3a5a;padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden;transition:border-color .2s}.player-panel.team-a{border-color:#4caf5030}.player-panel.team-b{border-color:#2196f330}.player-panel.active-turn{border-color:gold}#panel-top .player-panel,#panel-bottom .player-panel{flex-direction:row;align-items:center;gap:12px}#panel-top .player-panel .panel-header,#panel-bottom .player-panel .panel-header{flex-shrink:0;min-width:100px}.panel-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.panel-name{font-weight:700;font-size:14px;color:#ddd}.panel-team{font-size:10px;font-weight:800;letter-spacing:1px;padding:1px 5px;border-radius:3px}.panel-team.team-a{color:#4caf50;background:#4caf5020}.panel-team.team-b{color:#2196f3;background:#2196f320}.turn-badge{background:gold;color:#0a1628;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:1px}.panel-tiles{font-size:11px;color:#888}.panel-hand{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;flex:1}.panel-hand .hand-tile{width:32px;height:54px;cursor:default;transition:transform .1s,opacity .15s}.panel-hand .hand-tile.playable{cursor:pointer;opacity:1}.panel-hand .hand-tile.playable:hover{transform:scale(1.12)}.panel-hand .hand-tile.dimmed{opacity:.35;cursor:default}.panel-hand .hand-tile.selected{border:2px solid #ffd700;transform:scale(1.12)}.end-picker{display:flex;gap:6px;justify-content:center;align-items:center}.end-picker.hidden{display:none}.end-picker button{padding:4px 12px;border:1px solid #4a8;background:#2a6040;color:#fff;border-radius:6px;cursor:pointer;font-size:12px}.end-picker button:hover{background:#3a8050}.end-picker .btn-cancel{background:#603030;border-color:#a44}.pass-btn{background:#f44;color:#fff;border:none;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;align-self:center}.pass-btn:hover{background:#f66}.pass-btn.hidden{display:none}#board-area{display:flex;flex-direction:column;min-height:0}#match-score{display:flex;justify-content:center;align-items:center;gap:12px;padding:4px 0;font-size:13px}.score-team{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.score-team.team-a{color:#4caf50}.score-team.team-b{color:#2196f3}.score-num{font-weight:900;font-size:20px;color:gold;min-width:20px;text-align:center}.score-dash{color:#555;font-size:14px}#board-container{flex:1;background:#112240;border-radius:12px;overflow:hidden;position:relative}#board{position:relative;width:100%}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}#overlay.hidden{display:none}#overlay-card{background:#1a2a44;border-radius:20px;padding:32px 40px;text-align:center;border:1px solid rgba(255,255,255,.08);min-width:300px}.overlay-icon{font-size:48px;margin-bottom:8px}.overlay-title{font-size:24px;font-weight:900;letter-spacing:2px}.overlay-subtitle{color:#aaa;font-size:14px;margin-top:8px}.overlay-score{margin-top:20px;display:flex;justify-content:center;gap:20px;align-items:center}.panel-log{font-size:10px;color:#666;max-height:20px;overflow:hidden;font-family:monospace}