.spinner-container{flex-shrink:0}.game-sidebar{width:300px;min-width:250px;max-width:350px;display:flex;flex-direction:column;gap:1.5rem}.game-setup-section{background:#f0f4f8;border-radius:8px;padding:1rem 1.25rem;border:1px solid #d0d7de}.game-setup-header{margin-bottom:.75rem}.game-setup-header h2{margin:0;font-size:1.1rem;color:#333}.pot-setup-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.pot-label{font-weight:600;font-size:.9rem;color:#333;white-space:nowrap}.pot-amount-input{width:100%;padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;text-align:center;font-family:inherit}.pot-amount-input:focus{outline:0;border-color:#4a90d9;box-shadow:0 0 0 2px rgba(74,144,217,.2)}.pot-amount-input:disabled{background-color:#e9e9e9;color:#999;cursor:not-allowed}.pot-unit{font-size:.85rem;color:#666}.pot-setup-actions{display:flex;gap:.5rem;margin-bottom:.75rem;margin-top:.75rem}.pot-setup-actions .btn,#addPlayerButton.btn{width:100%}.start-game-button{flex:1;padding:.5rem 1rem;border:0;border-radius:4px;background-color:#2e8b57;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s;font-family:inherit}.start-game-button:hover:not(:disabled){background-color:#247148}.start-game-button:disabled{background-color:#b0b0b0;cursor:not-allowed;opacity:.7}.start-game-button.disabled{background-color:#6c9b7e;cursor:default}.reset-game-button{padding:.5rem .75rem;border:1px solid #c44;border-radius:4px;background-color:#fff;color:#c44;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.reset-game-button:hover{background-color:#c44;color:#fff}.reset-game-button:focus{outline:2px solid #c44;outline-offset:2px}.pot-setup-hint{font-size:.8rem;color:#666;margin:0;font-style:italic;line-height:1.4}.players-section{background:#f8f9fa;border-radius:8px;padding:1rem 1.25rem;border:1px solid #e9ecef}.players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.players-header h2{margin:0;font-size:1.1rem;color:#333}.add-player-button{background:#28a745;color:#fff;border:0;padding:.4rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.add-player-button:hover:not(:disabled){background:#218838}.add-player-button:focus{outline:2px solid #28a745;outline-offset:2px}.add-player-button:disabled,.add-player-button.disabled{background:#adb5bd;cursor:not-allowed;opacity:.7}.player-list{display:flex;flex-direction:column;gap:.4rem}.no-players-message{text-align:center;color:#6c757d;font-style:italic;font-size:.9rem;margin:.75rem 0}.player-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:rgba(168,184,208,.05);border:1px solid rgba(168,184,208,.15);border-radius:6px;transition:all .2s ease}.player-item.current-turn{border-color:var(--gold);background:rgba(168,184,208,.1);box-shadow:0 0 0 3px rgba(0,123,255,.15)}.player-item.inactive{opacity:.5;background-color:#f5f5f5}.player-item.inactive .player-name-input{text-decoration:line-through;color:#999}.player-item.inactive .turn-indicator{visibility:hidden}.turn-indicator{width:1rem;text-align:center;color:var(--gold);font-size:.75rem;flex-shrink:0}.player-name-input{flex:1;padding:.25rem .4rem;border:1px solid transparent;border-radius:4px;font-size:.9rem;font-family:inherit;background:transparent;transition:all .2s ease;min-width:0;color:#fff}.player-name-input:hover:not(:disabled){background:rgba(0,0,0,.03)}.player-name-input:focus{outline:0;border-color:#007bff;background:#fff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.player-name-input:disabled{color:#fff;cursor:default;background:transparent}.current-turn .player-name-input{font-weight:600}.player-stash{display:inline-block;padding:.2rem .5rem;border-radius:4px;background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-size:.8rem;font-weight:600;white-space:nowrap;min-width:2.5rem;text-align:center;margin-left:auto;flex-shrink:0}.player-stash.empty{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.remove-player-button{width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:4px;background:transparent;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-player-button:hover{background:#dc3545;color:#fff}.remove-player-button:focus{outline:2px solid #dc3545;outline-offset:1px}.current-turn-display{text-align:center;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;padding:.4rem .75rem;background:rgba(168,184,208,.1);border-radius:6px;border:1px solid var(--gold);box-shadow:0 0 0 3px rgba(0,123,255,.15)}.current-turn-display:empty{display:none}.kitty-display{text-align:center;padding:.5rem 1rem;margin-top:.75rem;margin-bottom:0;border-radius:8px;background:rgba(168,184,208,.1);border:1px solid var(--gold);box-shadow:0 0 0 3px rgba(0,123,255,.15);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.kitty-display.empty{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.game-status-display{text-align:center;padding:.35rem .75rem;margin-top:.5rem;font-size:.85rem;color:#666;border-radius:4px}.game-status-display.game-over{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-weight:700;font-size:1rem;padding:.75rem;margin-top:.75rem}.game-status-display{text-align:center;padding:.35rem .75rem;margin-top:.5rem;font-size:.85rem;color:#666;border-radius:4px}.game-status-display.game-over{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-weight:700;font-size:1rem;padding:.75rem;margin-top:.75rem}.result-display{display:flex;flex-direction:column;align-items:center;height:auto;min-height:2.5em;overflow:visible;white-space:normal}.result-player-name{font-size:.9em;opacity:.85;font-weight:400;line-height:1.3}.result-face-label{font-size:1.1em;font-weight:700;line-height:1.3}.result-detail{display:block;font-size:.8rem;color:#fff;margin-top:.15rem;font-style:italic;text-align:center;line-height:1.3}.history-section{background:#f8f9fa;border-radius:8px;padding:1rem 1.25rem;border:1px solid #e9ecef}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header h2{margin:0;font-size:1.1rem;color:#333}.clear-history-button{background:#6c757d;color:#fff;border:0;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.clear-history-button:hover:not(:disabled){background:#dc3545}.clear-history-button:disabled{background:#adb5bd;cursor:not-allowed}.clear-history-button:focus{outline:2px solid #6c757d;outline-offset:2px}.history-list{display:flex;flex-direction:column;gap:.3rem;max-height:300px;overflow-y:auto}.no-history-message{text-align:center;color:#6c757d;font-style:italic;font-size:.9rem;margin:.75rem 0}.history-entry{padding:.35rem .5rem;background:#fff;border-radius:4px;border-left:3px solid #dee2e6;font-size:.85rem}.history-entry.put{border-left-color:#dc3545;background:transparent}.history-entry.take{border-left-color:#28a745;background:transparent}.history-entry-top{display:flex;align-items:center;gap:.5rem}.history-player{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.history-player::after{content:':'}.history-result{font-weight:600;margin-left:auto;white-space:nowrap}.history-entry.put .history-result{color:#dc3545}.history-entry.take .history-result{color:#28a745}.history-detail{display:block;font-size:.75rem;color:#fff;font-style:italic;margin-top:.2rem;line-height:1.3;padding-left:.1rem}.history-truncation-notice{text-align:center;color:#6c757d;font-style:italic;font-size:.8rem;padding:.5rem}@media(max-width:768px){.game-area{flex-direction:column;align-items:center}.game-sidebar{width:100%;max-width:400px}.history-list{max-height:200px}}@media(max-width:480px){.game-setup-section,.players-section,.history-section{padding:.75rem 1rem}.players-header,.history-header{flex-direction:column;gap:.5rem;align-items:stretch}.add-player-button,.clear-history-button{width:100%}.pot-setup-row{flex-wrap:wrap}.pot-setup-actions{flex-direction:column}.player-item{padding:.4rem}.player-name-input{font-size:.85rem}.history-entry-top{flex-wrap:wrap}.history-player{max-width:60px}}