*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;background:#f5f5f5;color:#222;min-height:100vh}nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#1a1a2e;color:#fff}.nav-brand{font-weight:700;font-size:16px;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:#ccc;text-decoration:none}.nav-links a:hover{color:#fff}.nav-user{color:#ccc;display:flex;align-items:center;gap:6px}main{max-width:860px;margin:36px auto;padding:0 16px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:28px 32px;margin-bottom:20px}.card h1{font-size:22px;margin-bottom:20px}.card h2{font-size:17px;margin-bottom:14px;color:#444}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#555;font-weight:500}input[type=text],input[type=email],input[type=password]{padding:9px 11px;border:1px solid #ccc;border-radius:5px;font-size:15px;color:#222;outline:none}input:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}button[type=submit],button.primary{padding:10px 18px;background:#4a6cf7;color:#fff;border:none;border-radius:5px;font-size:15px;cursor:pointer;align-self:flex-start}button[type=submit]:hover{background:#3a5ce5}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.inline-form{flex-direction:row;align-items:center;gap:8px;margin-bottom:16px}.inline-form input{flex:1}.inline-form button{align-self:auto;white-space:nowrap}.danger-btn{padding:4px 10px;background:#fff;color:#c0392b;border:1px solid #c0392b;border-radius:4px;font-size:13px;cursor:pointer}.danger-btn:hover{background:#fdf0ef}.link-btn{background:none;border:none;color:#4a6cf7;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:#3a5ce5}.badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.badge.admin{background:#fde8c8;color:#8a4900}.badge.player{background:#d6e8ff;color:#1a4a8a}table{width:100%;border-collapse:collapse;margin-top:8px}th{text-align:left;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;border-bottom:1px solid #eee}td{padding:9px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr:last-child td{border-bottom:none}tr.admin-row{background:#fffbf5}.tabs{display:flex;gap:0;margin-bottom:0}.tabs button{padding:9px 18px;border:1px solid #e0e0e0;border-bottom:none;background:#f5f5f5;cursor:pointer;font-size:14px;border-radius:6px 6px 0 0;color:#666}.tabs button.active{background:#fff;color:#222;font-weight:600}.tabs+.card{border-radius:0 8px 8px;margin-top:0}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.page-header h1{font-size:22px}.error{color:#c0392b;font-size:14px}.info{color:#1a5e1a;font-size:14px}.muted{color:#888;font-size:14px}.banner{padding:10px 14px;border-radius:5px;margin-bottom:12px}.error.banner{background:#fdf0ef;border:1px solid #f5c6c0}.info.banner{background:#f0faf0;border:1px solid #b6ddb6}.links{margin-top:14px;font-size:14px;color:#555}.links a{color:#4a6cf7}select{padding:9px 11px;border:1px solid #ccc;border-radius:5px;font-size:15px;color:#222;background:#fff;outline:none}select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}.game-list{display:flex;flex-direction:column;gap:14px}.game-row{border:1px solid #e6e6e6;border-radius:8px;padding:14px 16px;background:#fafafa}.game-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.game-type{font-weight:600;font-size:15px}.game-row-actions{margin-top:12px}.viewers{margin-top:10px}.teams{display:flex;gap:16px;flex-wrap:wrap}.team{flex:1 1 200px;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #eee;border-radius:6px;background:#fff}.team-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.seat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:5px;background:#f5f5f7;font-size:14px}.seat.open{background:#f0f4ff}.seat.bot{background:#f3f0fa}.seat.mine{outline:2px solid #4a6cf7}.seat-idx{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.3px;min-width:48px}.seat-occ{font-weight:500}.seat-controls{margin-left:auto;display:flex;gap:12px}.table-status{display:flex;align-items:center;gap:10px;margin-bottom:16px}.table-teams{margin-bottom:4px}.table-actions{margin-top:16px;display:flex;align-items:center;gap:12px}.badge.status-waiting{background:#d8f0d8;color:#1a5e1a}.badge.status-paused{background:#fdeecf;color:#8a5a00}.badge.status-in_progress,.badge.status-undo_pending{background:#d6e8ff;color:#1a4a8a}.badge.status-completed{background:#eee;color:#666}.play-info{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eee}.info-group{display:flex;flex-direction:column;gap:2px}.info-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.info-group span:last-child{font-size:15px;font-weight:500}.strain-spades,.strain-clubs{color:#1b1b1b}.strain-hearts,.strain-diamonds{color:#c0182b}.turn-line{margin-bottom:10px}.play-felt{display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:auto minmax(150px,auto) auto;gap:10px;background:radial-gradient(circle at center,#2a8a5c,#166041);border-radius:12px;padding:18px;color:#eafff3}.felt-top{grid-column:2;grid-row:1;justify-self:center}.felt-left{grid-column:1;grid-row:2;align-self:center}.felt-center{grid-column:2;grid-row:2;position:relative;align-self:stretch}.felt-right{grid-column:3;grid-row:2;align-self:center;justify-self:end}.felt-bottom{grid-column:1 / -1;grid-row:3;justify-self:center;width:100%}.felt-seat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#0000002e;min-width:96px}.felt-seat.self{background:#00000042}.felt-seat.active{box-shadow:0 0 0 3px #ffd24a}.felt-name{font-weight:600;font-size:14px}.felt-seat.team-0 .felt-name{color:#ffe7a8}.felt-seat.team-1 .felt-name{color:#b8e3ff}.seat-backs{display:flex}.seat-backs .mini-back{margin-left:-22px}.seat-backs .mini-back:first-child{margin-left:0}.felt-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#d6f5e6}.trick{position:relative;width:100%;height:100%;min-height:140px}.trick-card{position:absolute}.trick-top{top:0;left:50%;transform:translate(-50%)}.trick-bottom{bottom:0;left:50%;transform:translate(-50%)}.trick-left{left:0;top:50%;transform:translateY(-50%)}.trick-right{right:0;top:50%;transform:translateY(-50%)}.hand-zone{margin-top:12px;display:flex;justify-content:center}.player-hand{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.hand-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.hand-card{background:none;border:none;padding:0;cursor:pointer;line-height:0;border-radius:8px;transition:transform .08s ease}.hand-card:enabled:hover{transform:translateY(-8px)}.hand-card:disabled{cursor:default}.hand-sort{flex-direction:row;align-items:center;gap:6px;font-size:13px;color:#555}.hand-sort select{padding:4px 8px;font-size:13px}.bid-panel{margin-top:16px;padding:16px 18px;border:1px solid #e0e0e0;border-radius:8px;background:#fafbff}.bid-prompt{font-weight:600;margin-bottom:12px}.bid-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.bid-row:last-child{margin-bottom:0}.bid-row-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.4px;font-weight:600;min-width:56px}.bid-row .primary{align-self:auto;padding:7px 14px}.strain-choices,.special-choices{display:flex;gap:6px;flex-wrap:wrap}.strain-btn{min-width:38px;padding:6px 10px;border:1px solid #ccc;border-radius:5px;background:#fff;font-size:15px;cursor:pointer}.strain-btn:hover{border-color:#4a6cf7}.strain-btn.selected{border-color:#4a6cf7;background:#4a6cf7;color:#fff;box-shadow:0 0 0 3px #4a6cf726}.strain-btn.selected.strain-hearts,.strain-btn.selected.strain-diamonds,.strain-btn.selected.strain-spades,.strain-btn.selected.strain-clubs{color:#fff}.special-choices .link-btn:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}.bid-hint{margin-bottom:12px}.card-select .select-prompt{font-weight:600;color:#eafff3;margin-bottom:4px}.hand-card.selected{transform:translateY(-12px);outline:3px solid #ffd24a;border-radius:8px}.hand-card.selected:enabled:hover{transform:translateY(-12px)}.undo-pending{margin-top:16px;padding:14px 16px;border:1px solid #b6ddb6;border-radius:8px;background:#f0faf0}.undo-pending .info{margin-bottom:8px}.undo-buttons{display:flex;gap:12px;align-items:center}.theme-chooser{margin-top:6px}.theme-grid{display:flex;flex-wrap:wrap;gap:14px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer}.theme-option:hover{border-color:#4a6cf7}.theme-option.selected{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}.theme-option:disabled{opacity:.6;cursor:not-allowed}.theme-name{font-size:13px;font-weight:600;color:#444}.conn-banner{background:#fdf0ef;color:#8a4900;border-bottom:1px solid #f5c6c0;text-align:center;font-size:14px;padding:6px 14px}