.comments-block{margin-top:10px}.comments-link{min-height:34px;padding:7px 11px;border:1px solid #cbd5e1;border-radius:7px;background:white;color:#334155;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.comments-link:hover,.comments-link:focus-visible{border-color:#0755a1;background:#f8fafc}.comments-modal[hidden]{display:none}.comments-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px}.comments-backdrop{position:absolute;inset:0;background:rgba(6,22,47,.72)}.comments-dialog{position:relative;display:grid;gap:14px;width:min(620px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;padding:clamp(18px,3vw,24px);border-radius:14px;background:white;box-shadow:0 24px 70px rgba(15,23,42,.28)}.comments-dialog h2,.comments-game,.comment-entry p,.empty-comments,.comment-login-hint{margin:0}.comments-dialog h2{margin-right:42px}.modal-close{position:absolute;right:18px;top:18px;border:0;background:#edf2f8;border-radius:50%;width:38px;height:38px;font-size:1.25rem;cursor:pointer}.comments-game{display:grid;gap:3px;font-weight:800}.comments-game span{color:#66738a;font-size:.82rem}.comments-list{display:grid;gap:10px}.comment-entry{display:grid;gap:8px;padding:12px;border:1px solid #dce3ed;border-radius:9px;background:#fbfcfe}.comment-entry header{display:flex;align-items:center}.comment-author{display:inline-flex;min-width:0;gap:8px;align-items:center}.comment-author img,.comment-author-fallback{width:28px;height:28px;flex:0 0 28px;border:1px solid #cbd5e1;border-radius:50%;object-fit:cover;background:#eef2f7}.comment-author-fallback{display:inline-grid;place-items:center;font-size:.78rem;font-weight:800}.comment-author strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-entry p{color:#334155;line-height:1.45;overflow-wrap:anywhere}.comment-entry time{color:#66738a;font-size:.75rem;font-weight:700}.empty-comments,.comment-login-hint{padding:12px;border:1px dashed #cbd5e1;border-radius:8px;color:#66738a}.comment-form{display:grid;gap:10px;padding-top:12px;border-top:1px solid #dce3ed}.comment-form label{display:grid;gap:6px;font-weight:800}.comment-form textarea{width:100%;min-height:104px;resize:vertical}.comment-form-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.comment-form-actions span{color:#66738a;font-size:.78rem}.comment-form-actions button{border:0;border-radius:9px;background:#0b2f68;color:white;padding:10px 14px;font-weight:750;cursor:pointer}.comment-form-actions button:disabled{opacity:.5}@media(max-width:520px){.comments-modal{align-items:end;padding:10px}.comments-dialog{max-height:calc(100dvh - 20px);padding:16px}.comment-form-actions{align-items:stretch;flex-direction:column}.comment-form-actions button{width:100%}}