.comments-section{margin-top:2rem;padding:1.5rem;background:rgba(31,41,55,.5);border-radius:12px;border:1px solid rgba(75,85,99,.3)}.comments-header{margin-bottom:1.5rem}.comments-title{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0;display:flex;align-items:center;gap:.5rem}.comment-form{margin-bottom:2rem;padding:1.5rem;background:rgba(17,24,39,.6);border-radius:8px;border:1px solid rgba(75,85,99,.2)}.main-comment-form{background:rgba(17,24,39,.8);border:1px solid rgba(34,197,94,.3)}.comment-textarea{width:100%;min-height:80px;padding:12px;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);border-radius:6px;color:#ffffff;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.comment-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1)}.comment-textarea::-moz-placeholder{color:#9ca3af}.comment-textarea::placeholder{color:#9ca3af}.comment-textarea:disabled{opacity:.6;cursor:not-allowed}.form-actions{margin-top:12px}.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;font-size:14px;box-shadow:0 2px 4px rgba(34,197,94,.2)}.submit-btn:hover:not(:disabled){box-shadow:0 4px 8px rgba(34,197,94,.3)}.submit-btn:disabled{background:#6b7280;transform:none;box-shadow:none}.comment-card{background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.3);border-radius:8px;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.comment-card:hover{border-color:rgba(75,85,99,.5);box-shadow:0 4px 12px rgba(0,0,0,.15)}.comment-reply{margin-left:2rem;background:rgba(17,24,39,.6);border-left:3px solid #22c55e}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:1rem}.user-info{gap:8px;flex-wrap:wrap}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-name{font-weight:600;color:#ffffff;font-size:14px}.timestamp{color:#9ca3af;font-size:12px;white-space:nowrap}.edited-badge{background:rgba(34,197,94,.1);color:#22c55e;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.comment-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.action-btn:hover:not(:disabled){background:rgba(75,85,99,.3);color:#ffffff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.reply-btn:hover:not(:disabled){color:#22c55e}.edit-btn:hover:not(:disabled){color:#f59e0b}.delete-btn:hover:not(:disabled){color:#ef4444}.comment-content{margin-bottom:16px}.comment-text{margin:0;line-height:1.6;color:#e5e7eb;font-size:14px}.edit-form{margin-top:12px}.edit-textarea{width:100%;min-height:60px;padding:8px;background:rgba(31,41,55,.9);border:1px solid rgba(75,85,99,.5);border-radius:4px;color:#ffffff;font-family:inherit;font-size:14px;resize:vertical}.edit-textarea:focus{outline:none;border-color:#f59e0b}.edit-actions{display:flex;gap:8px;margin-top:8px}.save-btn{background:#f59e0b;color:white;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.save-btn:hover:not(:disabled){background:#d97706}.save-btn:disabled{background:#6b7280;cursor:not-allowed}.cancel-btn{background:#6b7280;padding:6px 12px;border-radius:4px;font-size:12px}.cancel-btn:hover:not(:disabled){background:#4b5563}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.reply-form-container{margin-top:16px;padding:16px;background:rgba(17,24,39,.4);border-radius:6px;border:1px solid rgba(34,197,94,.2)}.reply-form{margin-bottom:0;padding:0;background:none;border:none}.replies-section{margin-top:16px;padding-left:24px;border-left:2px solid rgba(34,197,94,.3)}.toggle-replies-btn{background:none;border:none;color:#22c55e;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.toggle-replies-btn:hover{background:rgba(34,197,94,.1)}.replies-list{gap:12px}.comments-list,.replies-list{display:flex;flex-direction:column}.comments-list{gap:16px}.loading-comments{text-align:center;padding:2rem}.loading-comments p{margin-top:1rem;color:#9ca3af}.no-comments{text-align:center;padding:2rem}.no-comments p{color:#9ca3af;font-style:italic}.load-more-container{text-align:center;margin-top:2rem}.load-more-btn{width:100%;background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);padding:12px;border-radius:8px;cursor:pointer;color:#22c55e;font-weight:500;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:rgba(31,41,55,1);border-color:rgba(34,197,94,.5)}.load-more-btn:disabled{color:#6b7280;cursor:not-allowed}.error-message{text-align:center;padding:2rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.error-message p{margin-bottom:1rem}.retry-btn{background:#ef4444;padding:8px 16px;font-weight:500;transition:background .2s ease}.retry-btn:hover{background:#dc2626}@media (max-width:768px){.comments-section{padding:1rem;margin-top:1.5rem}.comment-card,.comment-form{padding:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:8px}.comment-actions{align-self:flex-start}.comment-reply{margin-left:1rem}.replies-section{padding-left:16px}.edit-actions{flex-direction:column}.edit-actions button{width:100%}}@media (max-width:480px){.comments-title{font-size:1.25rem}.comment-textarea{font-size:16px}.user-info{flex-direction:column;align-items:flex-start;gap:4px}.comment-reply{margin-left:.5rem}.replies-section{padding-left:12px}}@media (prefers-color-scheme:dark){.comment-card{background:rgba(17,24,39,.9)}.comment-form{background:rgba(17,24,39,.8)}.comment-textarea{background:rgba(31,41,55,.9)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-card{animation:fadeIn .3s ease-out}.action-btn:focus,.comment-textarea:focus,.edit-textarea:focus,.load-more-btn:focus,.submit-btn:focus{outline:2px solid #22c55e;outline-offset:2px}@media (prefers-contrast:high){.comment-card{border-width:2px}.action-btn{border:1px solid}.submit-btn{border:2px solid #ffffff}}.message-board{display:grid;grid-template-columns:300px 1fr;gap:20px;height:100vh;padding:20px;background:#f8f9fa}.boards-sidebar,.main-content{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:white}.sidebar-title{margin:0 0 15px;font-size:1.5rem;font-weight:600}.create-board-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.create-board-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.boards-list{flex:1;overflow-y:auto;padding:15px}.board-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.board-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);transform:translateY(-2px)}.board-card.active{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);box-shadow:0 4px 12px rgba(102,126,234,.2)}.board-card.commissioner-only{border-left:4px solid #ffc107}.board-header{display:flex;align-items:flex-start;margin-bottom:10px}.board-icon{font-size:1.5rem;margin-right:12px;flex-shrink:0}.board-name{margin:0 0 5px;font-size:1.1rem;font-weight:600;color:#2c3e50}.commissioner-badge{background:#ffc107;color:#212529;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.board-description{font-size:.9rem;line-height:1.4}.board-stats{flex-direction:column;gap:4px}.stat-item{justify-content:space-between;font-size:.8rem}.stat-label{color:#6c757d}.stat-value{font-weight:500;color:#495057}.permission-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#fff3cd;border-radius:6px;font-size:.8rem;color:#856404}.permission-icon{font-size:1rem}.threads-container{flex:1;display:flex;flex-direction:column}.container-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start}.board-info{flex:1}.board-title{margin:0 0 8px;font-size:1.8rem;font-weight:600;color:#2c3e50}.board-description{margin:0 0 12px;color:#6c757d;font-size:1rem}.board-stats{display:flex;gap:15px;font-size:.9rem;color:#6c757d}.container-actions{display:flex;gap:10px}.create-thread-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-thread-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.create-thread-btn:disabled{opacity:.6;cursor:not-allowed}.threads-list{flex:1;padding:20px}.threads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.threads-count{color:#6c757d;font-size:.9rem}.threads-grid{display:flex;flex-direction:column;gap:15px}.thread-card{background:white;border:1px solid #e9ecef;border-radius:10px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative}.thread-card:hover{border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.1);transform:translateY(-2px)}.thread-card.pinned{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.thread-card.locked{opacity:.7;background:#f8f9fa}.thread-header{margin-bottom:15px}.thread-icon{font-size:1.5rem;margin-right:15px;flex-shrink:0}.thread-info{flex:1}.thread-title{margin:0 0 8px;font-size:1.2rem;font-weight:600;gap:8px}.lock-badge,.pin-badge{font-size:1rem}.thread-meta{gap:15px;font-size:.85rem}.thread-author{font-weight:500}.thread-type{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:.75rem;text-transform:capitalize}.thread-content{margin-bottom:15px}.thread-excerpt{margin:0;color:#495057;line-height:1.6}.thread-event{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.event-icon{font-size:1.2rem}.event-info{flex:1}.event-type{font-weight:600;color:#2c3e50;margin-bottom:4px}.event-details,.thread-stats{font-size:.85rem;color:#6c757d}.thread-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:6px}.stat-icon{font-size:1rem}.game-threads{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.game-threads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.page-title{margin:0 0 8px;font-size:2rem;font-weight:700;color:#2c3e50}.page-description{margin:0;color:#6c757d;font-size:1.1rem}.create-game-thread-btn{background:linear-gradient(135deg,#28a745,#20c997);color:white;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-game-thread-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.week-navigation{margin-bottom:30px}.week-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.week-tab{background:white;border:2px solid #e9ecef;color:#6c757d;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.week-tab:hover{border-color:#28a745;color:#28a745}.week-tab.active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:white}.thread-count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:12px;font-size:.8rem}.week-threads{margin-bottom:30px}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.week-header h2{margin:0;font-size:1.5rem;color:#2c3e50}.game-threads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.game-thread-card{background:white;border:1px solid #e9ecef;border-radius:10px;padding:20px;cursor:pointer;transition:all .2s ease}.game-thread-card:hover{border-color:#28a745;box-shadow:0 4px 16px rgba(40,167,69,.1);transform:translateY(-2px)}.game-thread-header{display:flex;align-items:flex-start;margin-bottom:15px}.game-icon{font-size:1.5rem;margin-right:15px}.game-info{flex:1}.game-title{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#2c3e50}.game-meta{display:flex;gap:15px;font-size:.85rem;color:#6c757d}.game-status{display:flex;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.upcoming{background:#fff3cd;color:#856404}.status-badge.live{background:#d4edda;color:#155724;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.game-excerpt{margin:0 0 15px;color:#495057;line-height:1.5}.game-event-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.game-thread-stats{display:flex;gap:20px;font-size:.85rem;color:#6c757d}.thread-view{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.thread-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.header-content{flex:1}.back-btn{background:none;border:none;color:#667eea;font-weight:500;cursor:pointer;margin-bottom:15px;padding:0;font-size:.9rem}.back-btn:hover{text-decoration:underline}.thread-title-section{flex:1}.thread-title{margin:0 0 10px;font-size:2rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:10px}.thread-meta{display:flex;gap:20px;font-size:.9rem;color:#6c757d}.moderation-actions{display:flex;gap:10px}.mod-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.mod-btn:hover{background:#e9ecef}.mod-btn.active{background:#667eea;color:white;border-color:#667eea}.thread-event-banner{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:8px;margin-bottom:20px}.event-icon{font-size:1.5rem}.posts-container{flex:1}.posts-list{display:flex;flex-direction:column;gap:20px}.post-card{background:white;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:all .2s ease}.post-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.post-author{gap:12px}.author-avatar,.post-author{display:flex;align-items:center}.author-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:50%;justify-content:center;font-weight:600;font-size:1.1rem}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#2c3e50;margin-bottom:2px}.post-date{font-size:.85rem;color:#6c757d}.edited-badge{color:#6c757d;font-style:italic}.post-actions{display:flex;gap:8px}.delete-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.delete-btn:hover{background:#f8d7da}.post-content{margin-bottom:10px}.post-text{margin:0;color:#495057;line-height:1.6;font-size:1rem}.post-form-section{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.create-post-form{background:#f8f9fa;border-radius:10px;padding:20px}.create-post-form .form-group{margin-bottom:15px}.create-post-form label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.create-post-form textarea{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.create-post-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.character-count{color:#6c757d;font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;gap:10px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#6c757d;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#5a6268}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;font-size:1.5rem;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#495057}.create-board-form,.create-game-thread-form,.create-thread-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group small{display:block;margin-top:5px;color:#6c757d;font-size:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox-group{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#2c3e50}.checkbox-label input[type=checkbox]{width:auto;margin:0}.event-fields{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:20px}.event-fields h3{margin:0 0 15px;font-size:1.1rem;color:#2c3e50}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:20px 0}.pagination-btn{background:white;border:1px solid #e9ecef;color:#6c757d;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn.active{background:#667eea;border-color:#667eea;color:white}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:5px}.pagination-ellipsis{color:#6c757d;padding:0 8px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 10px;font-size:1.5rem;color:#495057}.empty-state p{margin:0 0 20px;font-size:1rem}.back-btn,.create-first-game-thread-btn,.create-first-thread-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover,.create-first-game-thread-btn:hover,.create-first-thread-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.game-threads-loading,.message-board-loading,.thread-loading,.threads-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.game-threads-error,.message-board-error,.thread-error,.threads-error{padding:40px 20px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px}.retry-btn{background:#dc3545;color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#c82333}.thread-locked-message{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;margin-top:20px}.locked-icon{font-size:2rem;margin-bottom:15px;opacity:.5}.thread-locked-message p{margin:0;color:#6c757d;font-size:1.1rem}@media (max-width:768px){.message-board{grid-template-columns:1fr;height:auto;padding:10px}.boards-sidebar{order:2;margin-top:20px}.main-content{order:1}.container-header{flex-direction:column;gap:15px}.form-row,.game-threads-grid{grid-template-columns:1fr}.week-tabs{flex-wrap:wrap}.thread-header{flex-direction:column;gap:15px}.moderation-actions{align-self:flex-start}.pagination{flex-wrap:wrap}}@media (max-width:480px){.board-stats,.game-meta,.thread-meta{flex-direction:column;gap:5px}.game-thread-stats,.thread-stats{flex-direction:column;gap:10px}.modal-content{margin:10px;max-width:none}}.game-comments{background:#1a1a1a;border-radius:12px;padding:24px;border:1px solid #333}.comments-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.comments-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.comments-subtitle{font-size:16px;color:#888;margin:0}.comments-content{display:flex;flex-direction:column;gap:24px}.comment-form-section{background:#2a2a2a;border-radius:8px;padding:20px;border:1px solid #444}@media (max-width:768px){.game-comments{padding:16px}.comments-title{font-size:20px}.comments-subtitle{font-size:14px}}@theme inline{--animation-delay-0:0s;--animation-delay-75:75ms;--animation-delay-100:.1s;--animation-delay-150:.15s;--animation-delay-200:.2s;--animation-delay-300:.3s;--animation-delay-500:.5s;--animation-delay-700:.7s;--animation-delay-1000:1s;--animation-repeat-0:0;--animation-repeat-1:1;--animation-repeat-infinite:infinite;--animation-direction-normal:normal;--animation-direction-reverse:reverse;--animation-direction-alternate:alternate;--animation-direction-alternate-reverse:alternate-reverse;--animation-fill-mode-none:none;--animation-fill-mode-forwards:forwards;--animation-fill-mode-backwards:backwards;--animation-fill-mode-both:both;--percentage-0:0;--percentage-5:.05;--percentage-10:.1;--percentage-15:.15;--percentage-20:.2;--percentage-25:.25;--percentage-30:.3;--percentage-35:.35;--percentage-40:.4;--percentage-45:.45;--percentage-50:.5;--percentage-55:.55;--percentage-60:.6;--percentage-65:.65;--percentage-70:.7;--percentage-75:.75;--percentage-80:.8;--percentage-85:.85;--percentage-90:.9;--percentage-95:.95;--percentage-100:1;--percentage-translate-full:1;--animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease);--animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease);@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}--animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,auto)))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,auto)))}to{height:0}}--animate-caret-blink:caret-blink 1.25s ease-out infinite;@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}@utility animation-duration-*{--tw-animation-duration:calc(--value(number)*1ms);--tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);animation-duration:calc(--value(number)*1ms);animation-duration:--value(--animation-duration-*,[duration],"initial",[*])}@utility delay-*{animation-delay:calc(--value(number)*1ms);animation-delay:--value(--animation-delay-*,[duration],"initial",[*])}@utility repeat-*{animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])}@utility direction-*{animation-direction:--value(--animation-direction-*,"initial",[*])}@utility fill-mode-*{animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])}@utility running{animation-play-state:running}@utility paused{animation-play-state:paused}@utility play-state-*{animation-play-state:--value("initial",[*])}@utility fade-in{--tw-enter-opacity:0}@utility fade-in-*{--tw-enter-opacity:calc(--value(number)/100);--tw-enter-opacity:--value(--percentage-*,[*])}@utility fade-out{--tw-exit-opacity:0}@utility fade-out-*{--tw-exit-opacity:calc(--value(number)/100);--tw-exit-opacity:--value(--percentage-*,[*])}@utility zoom-in{--tw-enter-scale:0}@utility zoom-in-*{--tw-enter-scale:calc(--value(number)*1%);--tw-enter-scale:calc(--value(ratio));--tw-enter-scale:--value(--percentage-*,[*])}@utility -zoom-in-*{--tw-enter-scale:calc(--value(number)*-1%);--tw-enter-scale:calc(--value(ratio)*-1);--tw-enter-scale:--value(--percentage-*,[*])}@utility zoom-out{--tw-exit-scale:0}@utility zoom-out-*{--tw-exit-scale:calc(--value(number)*1%);--tw-exit-scale:calc(--value(ratio));--tw-exit-scale:--value(--percentage-*,[*])}@utility -zoom-out-*{--tw-exit-scale:calc(--value(number)*-1%);--tw-exit-scale:calc(--value(ratio)*-1);--tw-exit-scale:--value(--percentage-*,[*])}@utility spin-in{--tw-enter-rotate:30deg}@utility spin-in-*{--tw-enter-rotate:calc(--value(number)*1deg);--tw-enter-rotate:calc(--value(ratio)*360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility -spin-in{--tw-enter-rotate:-30deg}@utility -spin-in-*{--tw-enter-rotate:calc(--value(number)*-1deg);--tw-enter-rotate:calc(--value(ratio)*-360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility spin-out{--tw-exit-rotate:30deg}@utility spin-out-*{--tw-exit-rotate:calc(--value(number)*1deg);--tw-exit-rotate:calc(--value(ratio)*360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility -spin-out{--tw-exit-rotate:-30deg}@utility -spin-out-*{--tw-exit-rotate:calc(--value(number)*-1deg);--tw-exit-rotate:calc(--value(ratio)*-360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility slide-in-from-top{--tw-enter-translate-y:-100%}@utility slide-in-from-top-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-y:calc(--value(ratio)*-100%);--tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-bottom{--tw-enter-translate-y:100%}@utility slide-in-from-bottom-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing));--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-y:calc(--value(ratio)*100%);--tw-enter-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-in-from-left{--tw-enter-translate-x:-100%}@utility slide-in-from-left-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-right{--tw-enter-translate-x:100%}@utility slide-in-from-right-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-out-to-top{--tw-exit-translate-y:-100%}@utility slide-out-to-top-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-bottom{--tw-exit-translate-y:100%}@utility slide-out-to-bottom-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing));--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-out-to-left{--tw-exit-translate-x:-100%}@utility slide-out-to-left-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-right{--tw-exit-translate-x:100%}@utility slide-out-to-right-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}