.section-header>h1{font-size:2rem;font-weight:700;color:var(--yellow-normal);text-align:center}.section-header .description{margin-top:1rem;font-size:1rem;color:var(--text-primary);text-align:center}.watching-mode .game-base-section.game-field{display:flex;flex-direction:column}.watching-mode .card-field{order:2}.watching-mode .watching-status{position:fixed;bottom:1.2rem;left:50%;z-index:1000;padding:.8rem 1.5rem;font-size:.9rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;background:#000c;border-radius:var(--radius-full);transform:translate(-50%)}.watching-mode .watching-status p{margin:0}.watching-mode .opponent-area{order:1}.watching-mode .player-cards.watching{order:3}.watching-mode .player-cards.watching .player-cards{justify-content:center;padding:.8rem;margin:.8rem 0;background:#ffffff1a;border-radius:.5rem}.watching-mode .error-container{padding:3rem 1.2rem;text-align:center}.watching-mode .error-container p{margin-bottom:1.2rem;font-size:1.1rem;color:#e74c3c}.watching-mode .empty-container{padding:3rem 1.2rem;text-align:center}.watching-mode .empty-container p{font-size:1.1rem;color:#666}.watching-mode .loading-container{padding:3rem 1.2rem;text-align:center}.watching-mode .loading-container p{font-size:1.1rem;color:#666}.watching-room-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem}.watching-room-list .room-item{padding:1.2rem;cursor:pointer;background:var(--bg-primary);border:1px solid var(--black-line);border-radius:1.2rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.watching-room-list .room-item:hover{border-color:var(--yellow-normal);box-shadow:0 4px 1.2rem #00000026}.watching-room-list .room-item .room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.watching-room-list .room-item .room-header h3{margin:0;font-size:1.2rem;color:#333}.watching-room-list .room-item .room-header .status-badges{display:flex;gap:.5rem;align-items:center}.watching-room-list .room-item .room-header .status-badges .phase-badge{padding:.5rem 1rem;font-size:.8rem;font-weight:700;color:var(--txt-color);background:var(--red);border-radius:var(--radius-full);text-box:trim-both cap alphabetic}.watching-room-list .room-item .room-header .status-badges .password-badge{font-size:1rem;opacity:.7}.watching-room-list .room-item .room-header .room-info .applicants{margin:.5rem 0 0;font-size:.8rem;color:var(--text-secondary)}.watching-room-list .room-item .players{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.watching-room-list .room-item .players .player{display:flex;flex:1;flex-direction:column;gap:.5rem;align-items:center}.watching-room-list .room-item .players .player .player-icon{width:3em;height:3em;-o-object-fit:cover;object-fit:cover;border:2px solid #ddd;border-radius:50%}.watching-room-list .room-item .players .player .player-name{font-size:.9rem;font-weight:700}.watching-room-list .room-item .players .player .player-name.waiting{font-style:italic;color:var(--text-secondary)}.watching-room-list .room-item .players .player.owner .player-icon{border-color:var(--red)}.watching-room-list .room-item .players .vs{margin:0 1rem;font-weight:700;color:var(--txt-color)}.watching-room-list .room-item .room-footer{display:flex;align-items:center;justify-content:space-between}.watching-room-list .room-item .room-footer .watch-button{padding:.5rem 1rem;font-size:.9rem;font-weight:700;color:var(--txt-color);cursor:pointer;background:var(--bg-secondary);border:none;border-radius:.5rem;transition:all .3s ease}.watching-room-list .room-item .room-footer .watch-button:hover{color:var(--bg-primary);background:var(--yellow-normal)}.modal-overlay{position:fixed;top:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000c}.modal-overlay .modal-content{padding:2rem;background:var(--bg-primary);border-radius:1rem;box-shadow:0 8px 24px #0000004d}.modal-overlay .modal-content.password-modal{width:90%;max-width:400px}.modal-overlay .modal-content.password-modal h3{margin:0 0 1rem;font-size:1.4rem;font-weight:700;color:var(--text-primary);text-align:center}.modal-overlay .modal-content.password-modal p{margin:0 0 1.5rem;color:var(--text-secondary);text-align:center}.modal-overlay .modal-content.password-modal input{box-sizing:border-box;width:100%;padding:.8rem;font-size:1rem;border:1px solid var(--black-line);border-radius:.5rem}.modal-overlay .modal-content.password-modal input:focus{border-color:var(--yellow-normal);outline:none}.modal-overlay .modal-content.password-modal .modal-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.modal-overlay .modal-content.password-modal .modal-buttons .default-button{flex:1;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:.5rem;transition:all .3s ease}