.community-error{color:#ff9b9b;font-size:13px;line-height:1.6}.community-error:empty{display:none}.community-login-menu{width:100%;text-align:left;background:none;padding:13px;font-size:14px;border-radius:9px}.community-login-menu:hover{background:#ffffff12}
.auth-dialog{width:min(420px,calc(100vw - 32px))}.outlaw-auth-form{display:grid;gap:18px}.outlaw-auth-form label,.account-name label{display:grid;gap:8px;color:#ccc;font-size:13px}.outlaw-auth-form .play-action{margin:0}.outlaw-auth-form .auth-switch{background:none;font-size:13px;color:#aaa;padding:8px}.outlaw-auth-form button:disabled{opacity:.5}.account-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 26px}.account-status strong{display:block;font-size:16px}.account-status small{display:block;margin-top:8px;font-size:13px;color:#aaa}.account-name{border-top:1px solid #ffffff10;padding-top:24px;display:grid;gap:16px}.account-name input{border:1px solid #ffffff25;border-radius:9px;background:#ffffff08;padding:12px;color:#fff;font:inherit}.account-name button{justify-self:start}
.comments-section{padding-top:0;margin-bottom:56px;font-family:Inter,system-ui,sans-serif}.comments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 8px}.comments-heading h2{font-size:24px;line-height:32px;color:#ffffffe6;margin:0}.comments-heading select{background:#ffffff09;color:#aaa;border:1px solid #ffffff14;border-radius:9px;padding:8px 12px;font:500 13px Inter,Arial;color-scheme:dark}.comment-login{width:100%;min-height:64px;border:1px solid #ffffff14;border-radius:12px;color:#ffffff80;text-align:left;padding:20px 24px;background:#ffffff05;font:14px Inter,Arial}.comment-login:hover{background:#ffffff0a;color:#ddd}.comment-composer{margin-bottom:28px}.comment-form textarea{width:100%;resize:vertical;min-height:96px;padding:16px;color:#eee;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;font:14px/22px Inter,Arial}.comment-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.comment-form-actions label{display:flex;gap:8px;align-items:center;font-size:12px;color:#999}.comment-form .play-action{font-size:13px;min-height:36px;padding:0 22px}.comment-form input{accent-color:#95ff50}.comment{position:relative;display:flex;gap:14px;padding:16px 8px 20px}.comment-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ffffff0d;color:#ffffff90;font-size:14px}.comment-content{flex:1;min-width:0}.comment-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px;font-size:12px;line-height:16px}.comment-byline strong{font-size:13px;font-weight:600;color:#ddd}.comment-byline time,.comment-byline small{color:#666;font-size:11px}.comment-body{margin:0 0 10px;font-size:14px;line-height:23px;white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc}.comment-body[hidden]{display:none}.comment-actions{display:flex;align-items:center;gap:10px;font-size:12px;color:#999}.comment-actions button{display:flex;align-items:center;gap:5px;font:inherit;background:none;color:inherit;padding:4px 0}.comment-actions button[aria-pressed=true]{color:#95ff50}.comment-actions button:hover{color:#fff}.comment-actions svg{width:17px;height:17px}.comment-actions [data-reply]{margin-left:8px}.comment-replies{margin-left:58px;padding-left:14px;border-left:1px solid #ffffff12}.comment-replies .comment{padding-bottom:14px}.comment-replies .comment-avatar{width:28px;height:28px;font-size:12px}.reply-composer{margin:16px 0;width:100%}.comment>.reply-composer{flex-basis:100%;margin-left:50px}.comment:has(>.reply-composer){flex-wrap:wrap}.comment:has(>.reply-composer)>.comment-content{flex-basis:calc(100% - 60px)}.reveal-spoiler{padding:9px 16px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:6px;color:#aaa;margin:4px 0 10px}.deleted-comment{font-size:13px;color:#666;font-style:italic}.comments-status{font-size:13px;color:#777}.load-comments{display:block;margin:24px auto 0;padding:11px 22px;border:1px solid #ffffff1a;background:#ffffff08;border-radius:30px;color:#aaa;font:13px Inter,Arial}.comment-skeleton{height:100px;border-radius:10px;background:linear-gradient(100deg,#ffffff03 20%,#ffffff09 50%,#ffffff03 80%);background-size:200% 100%;animation:comment-load 1.3s linear infinite}.title-votes{display:inline-flex;align-items:center;gap:18px}.title-votes button{display:flex;align-items:center;gap:6px;background:none;color:#aaa;font:600 14px Inter;padding:0}.title-votes svg{height:19px;width:19px}.title-votes button[aria-pressed=true]{color:#95ff50}.title-votes button:hover{color:white}
@keyframes comment-load{to{background-position:-200% 0}}@media(max-width:700px){.comments-heading h2{font-size:20px}.comments-section{padding-left:6%;padding-right:6%}.comment-replies{margin-left:28px;padding-left:8px}.comment{gap:10px;padding-left:0;padding-right:0}.comment-avatar{width:28px;height:28px}.title-votes{gap:12px}.comment-body{font-size:13px}.comment-actions{gap:9px}}@media(prefers-reduced-motion:reduce){.comment-skeleton{animation:none}}
.downloads-dialog{width:min(760px,calc(100vw - 32px))}.download-count{font-size:13px;color:#888}.download-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #ffffff12}.download-row>span{flex:1;min-width:0}.download-row strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.download-row small{display:block;font-size:12px;color:#888;margin-top:8px}.download-row>button{background:none;color:#aaa;font:12px Inter}.download-row>.play-action{font-size:12px;min-height:36px;padding:0 18px}
