/* Gacha show: five community updates. Keep your existing styles.css. */
[hidden]{display:none!important}
.game-grid>.game-card{width:100%;min-width:0;max-width:100%;aspect-ratio:auto}
.game-cover{transform:scale(var(--cover-scale,1))}
.game-card:hover .game-cover{transform:scale(calc(var(--cover-scale,1) * 1.055))}

/* UPDATE 2: game switching */
.game-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:12px;border:1px solid var(--line-bright);border-radius:12px;background:#141419}
.game-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid transparent;border-radius:8px;font-size:.875rem;line-height:1.5;background:transparent;color:#b7b1c0}
.game-switch:hover{background:#ffffff07;color:#fff}
.game-switch.selected{border-color:var(--red);background:color-mix(in srgb,var(--red) 13%,transparent);color:#fff}
.game-switch .icon{width:17px;height:17px}

/* UPDATE 1: share with or without a comment */
.share-mode-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.share-mode{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 8px;border-radius:8px;border:1px solid var(--line-bright);background:#ffffff03;color:#b8b0c1;font-size:.875rem}
.share-mode.selected{border-color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent);color:#fff}
.share-mode .icon{width:17px;height:17px;flex-shrink:0}

/* UPDATE 3: compact comments */
.comments-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#b0a9ba;font-size:.75rem}
.comment-parent{display:block;margin:0 0 5px;color:#a49cad;font-size:.75rem}
.comments-toggle{display:flex;align-items:center;gap:6px;margin:9px 0 3px;font-size:.875rem;min-height:36px}
.comments-toggle .icon{width:16px;height:16px;transform:rotate(90deg)}
.comments-toggle.expanded .icon{transform:rotate(-90deg)}
.comment-node{scroll-margin-top:140px}
.comment-bubble p{overflow-wrap:anywhere}
.comment-tools{flex-wrap:wrap}

/* UPDATE 4: notifications beside profile */
.notifications-button{position:relative;min-width:42px;justify-content:center}
.notifications-button .notification-badge{position:absolute;right:1px;top:5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:var(--red);color:#fff;font-size:.75rem;line-height:1;border-radius:20px;border:2px solid var(--bg)}
.notifications-modal{width:min(570px,calc(100vw - 28px))}
.notification-tools{display:flex;justify-content:flex-end;padding-bottom:12px;border-bottom:1px solid var(--line)}
.notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.notification-item:hover{background:#ffffff04}
.notification-item.unread{background:color-mix(in srgb,var(--red) 7%,transparent)}
.notification-item>.avatar{flex-shrink:0}
.notification-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;color:#c6bfce;font-size:.875rem;line-height:1.6}
.notification-copy strong{color:#fff}
.notification-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#a69cac}
.notification-copy small{font-size:.75rem;color:#928c9d}
.unread-dot{width:7px;height:7px;flex-shrink:0;margin-top:9px;border-radius:50%;background:var(--red)}

/* UPDATE 5: visible feedback; drafts remain available for correction */
.text-policy-error{margin:8px 0 0;color:#ffb1bb;font-size:.875rem;line-height:1.6}
[data-text-policy][aria-invalid=true]{border-color:#fa7183;outline-color:#fa7183}

/* UPDATE 7: selectable report reasons */
.report-reasons{display:grid;gap:7px;margin:18px 0;padding:0;border:0}
.report-reasons legend{margin-bottom:8px;color:#fff;font-size:.875rem}
.report-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-bright);border-radius:8px;background:#ffffff03;color:#c6bfce;font-size:.875rem;cursor:pointer}
.report-option:hover{background:#ffffff08;color:#fff}
.report-option input{accent-color:var(--red);margin:0}
.report-option:has(input:checked){border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);color:#fff}

/* UPDATE 6: admin cover position and zoom controls */
.cover-editor{margin:18px 0 4px;padding:14px;border:1px solid var(--line-bright);border-radius:10px;min-inline-size:0}
.cover-editor legend{padding:0 6px;color:#fff;font-size:.875rem}
.cover-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin:4px 0 16px;border:1px solid var(--line);border-radius:8px;background:#0d0d12}
.cover-preview img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:none}
.cover-preview-empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:.8rem}
.cover-control{display:grid;grid-template-columns:92px minmax(0,1fr) 52px;align-items:center;gap:10px;margin:11px 0;color:#bdb5c6;font-size:.8rem}
.cover-control input[type=range]{width:100%;accent-color:var(--red)}
.cover-control output{color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.cover-editor>.text-btn{margin-top:3px;font-size:.8rem}

/* UPDATE 8: online members and member directory */
@media(min-width:961px){.feed-layout{grid-template-columns:210px minmax(0,1fr) 300px;gap:24px}.member-aside{position:sticky;top:100px;align-self:start}}
@media(min-width:961px) and (max-width:1180px){.feed-layout{grid-template-columns:185px minmax(0,1fr) 255px;gap:18px}}
@media(max-width:960px){.member-aside{display:none}}
.member-card{padding:15px;border:1px solid var(--line-bright);border-radius:12px;background:var(--panel)}
.member-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:#fff}
.member-card-heading h3{display:flex;align-items:center;gap:7px;font-size:.84rem}
.member-card-heading h3 .icon{width:17px;height:17px;color:var(--red)}
.member-card-heading>span{font-size:.72rem;color:var(--muted)}
.member-list{display:flex;flex-direction:column;gap:3px}
.member-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 5px;border:0;border-radius:7px;background:transparent;text-align:left}
.member-row:hover{background:#ffffff08}
.member-row-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.member-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600}
.member-state{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--muted)}
.member-state i{width:6px;height:6px;border-radius:50%;background:#777;display:inline-block}
.member-state.is-online{color:#75d9ae}.member-state.is-online i{background:#57d99f}
.member-state.is-offline i{background:#777}
.member-all-link{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;margin-top:9px;padding:9px 5px 2px;border:0;border-top:1px solid var(--line);background:transparent;color:#c6bfce;font-size:.75rem;text-align:left}
.member-all-link:hover{color:#fff}.member-all-link .icon{width:14px;height:14px}
.member-empty,.member-empty-page{padding:12px 5px;color:var(--muted);font-size:.78rem;text-align:center}
.members-page{max-width:1050px;padding-top:42px;padding-bottom:60px}
.member-total{display:flex;align-items:center;gap:8px;color:#bcb4c4}.member-total .icon{color:var(--red)}.member-total strong{font-size:1.2rem;color:#fff}.member-total span{font-size:.78rem}
.member-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px;padding:10px 12px;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel)}
.member-filters{display:flex;flex-wrap:wrap;gap:5px}
.member-filter{min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b7b0bf;font-size:.8rem}
.member-filter:hover{background:#ffffff08;color:#fff}.member-filter.selected{border-color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent);color:#fff}
.admin-members-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 7px;padding:10px 12px;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel)}
.admin-member-count{margin:0 0 12px;color:var(--muted);font-size:.78rem}
.admin-member .admin-member-avatar{flex-shrink:0}
.members-list-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.members-list-page .member-row{padding:13px 14px;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel)}
.members-list-page .member-row:hover{border-color:#ffffff44}
.members-list-page .member-row .avatar{width:38px;height:38px}
.history-list{display:flex;flex-direction:column;gap:10px}.history-entry{padding:13px;border:1px solid var(--line-bright);border-radius:9px;background:#ffffff03}.history-entry>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.history-entry strong{font-size:.8rem;color:#fff}.history-entry time{font-size:.72rem;color:var(--muted)}.history-entry p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c2bac9;font-size:.86rem;line-height:1.7}
.character-manager{display:flex;flex-direction:column;gap:14px}.character-manager-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel)}.character-manager-toolbar label{display:flex;flex:1;flex-direction:column;gap:7px;color:#bdb5c6;font-size:.8rem}.character-manager-toolbar select{max-width:430px}.character-manager-help{margin:0;color:var(--muted);font-size:.8rem;line-height:1.6}.character-manager-count{color:#fff;font-size:.82rem}.character-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-admin-row{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel)}.character-admin-row.is-disabled{opacity:.58}.character-admin-row>img{width:58px;height:72px;flex-shrink:0;object-fit:contain;border-radius:7px;background:#0e0d13}.character-admin-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.character-admin-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.85rem}.character-admin-copy small{color:var(--muted);font-size:.7rem;line-height:1.45}.character-admin-row .status-pill{flex-shrink:0}.character-admin-row .button-row{flex-wrap:wrap;justify-content:flex-end;gap:5px}.character-admin-row .button-row .btn{min-height:32px;padding:6px 9px;font-size:.72rem}.character-form-preview{display:grid;place-items:center;min-height:180px;margin:12px 0;border:1px dashed var(--line-bright);border-radius:10px;background:#0d0d12;overflow:hidden}.character-form-preview img{display:block;width:100%;height:220px;object-fit:contain}.character-form-preview span{color:var(--muted);font-size:.8rem}.limited-badge{display:inline-flex;align-items:center;margin-left:7px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--red) 65%,transparent);border-radius:20px;color:#ff9aa6;font-size:.62rem;letter-spacing:.04em;vertical-align:middle}
@media(max-width:640px){.member-toolbar,.admin-members-toolbar{align-items:stretch;flex-direction:column;gap:12px}.member-toolbar .sort-label,.admin-members-toolbar .sort-label{justify-content:space-between}.members-list-page{grid-template-columns:1fr}.members-page{padding-top:25px}}
.character-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-manager-heading h2{margin:0;color:#fff;font-size:1.05rem}.character-manager-heading p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.character-manager-heading>.icon{color:var(--red)}

@media(max-width:760px){.character-manager-toolbar{align-items:stretch;flex-direction:column}.character-manager-toolbar .btn{align-self:flex-start}.character-admin-list{grid-template-columns:1fr}.character-admin-row{align-items:flex-start}.character-admin-row .button-row{margin-left:auto}}

@media(max-width:640px){.topbar{height:auto;min-height:88px}.header-inner{height:auto;min-height:88px;flex-wrap:wrap;gap:8px;padding:12px 16px}.topbar nav{height:auto;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;gap:2px}.game-switcher{padding:8px;gap:5px}.game-switch{flex:1 1 auto;padding:8px 10px}.notifications-button{min-width:36px}.notifications-button .notification-badge{display:grid}.share-mode-controls{gap:6px}.share-mode{flex-wrap:wrap;gap:5px}.notification-item{padding:14px 5px;gap:9px}}

/* About, support and popularity additions */
.community-footer{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.6fr) minmax(150px,.7fr);gap:28px;margin:56px auto 0;padding:30px max(24px,calc((100% - 1180px)/2));border-top:1px solid var(--line);background:#0e0d13;color:#bcb4c4}
.footer-identity{display:flex;flex-direction:column;gap:12px}.footer-identity>span{font-size:.75rem;line-height:1.6;color:var(--muted)}
.footer-about>p{margin:0 0 7px;font-size:.78rem;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.footer-links .text-btn{font-size:.72rem;padding:5px 8px}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:.75rem}.footer-meta>span{display:flex;align-items:center;gap:7px}.footer-meta .icon{width:15px;color:var(--red)}
.read-only-banner{display:flex;align-items:center;gap:12px;margin:15px 0;padding:12px 14px;border:1px solid #e2a94b66;border-radius:10px;background:#2a2112;color:#f3d495}.read-only-banner>.icon{flex-shrink:0;color:#edc96f}.read-only-banner>div{flex:1;min-width:0}.read-only-banner strong{font-size:.82rem}.read-only-banner p{margin:3px 0 0;font-size:.75rem;line-height:1.5;color:#d7c49a}.read-only-banner .btn{flex-shrink:0}
.popularity-panel{padding:16px;border:1px solid var(--line-bright);border-radius:12px;background:var(--panel)}.popularity-heading{display:flex;align-items:center;gap:8px}.popularity-heading>.icon{color:#edc96f;width:18px}.popularity-heading h2,.popularity-heading h3{margin:0;color:#fff}.popularity-panel>p{margin:6px 0 11px;color:var(--muted);font-size:.72rem}.popularity-list{display:flex;flex-direction:column}.rank-user.rank-medal-1{border-color:#edc96f66;background:#edc96f0d}.rank-user.rank-medal-2{border-color:#bfc8d866}.rank-user.rank-medal-3{border-color:#c9926d66}.rank-number .icon{width:16px;color:#edc96f}.rank-name{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.popularity-achievement{display:inline-flex;align-items:center;gap:3px;color:#edc96f;font-size:.6rem;font-weight:600}.popularity-achievement.past{color:#b6a8d4}.popularity-achievement .icon{width:11px;height:11px}.ranking-rules{margin-top:10px;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:.7rem;line-height:1.6}.ranking-rules summary{cursor:pointer;color:#cfc6d3}.ranking-rules p{margin:7px 0}.ranking-empty{padding:8px 0;text-align:center}
.profile-popularity{margin:18px 0 28px;padding:18px;border:1px solid var(--line-bright);border-radius:12px;background:var(--panel)}.profile-popularity h2{font-size:1rem}.profile-popularity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.popularity-stat{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#ffffff03}.popularity-stat strong{font-size:1.45rem;color:#fff}.popularity-stat span,.popularity-stat small{font-size:.7rem;color:var(--muted)}.profile-game-ranks{margin-top:13px;border-top:1px solid var(--line);padding-top:10px;font-size:.76rem}.profile-game-ranks summary{cursor:pointer;color:#d3cad7}.profile-game-ranks>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ffffff0a}.rank-tracking-note{margin:12px 0 0;color:var(--muted);font-size:.68rem}.account-banned-note{display:flex;align-items:center;gap:7px;margin:12px 0;padding:9px;border-radius:8px;background:#2a2112;color:#edc96f;font-size:.75rem}.admin-heading-actions{display:flex;align-items:center;gap:12px}
.support-page,.support-admin{max-width:920px;padding-top:42px;padding-bottom:70px}.support-admin{margin:0 auto}.support-local-notice{display:flex;align-items:flex-start;gap:8px;margin:15px 0;padding:10px 12px;border:1px solid #55a6ff33;border-radius:8px;background:#55a6ff08;color:#9ebfe2;font-size:.72rem;line-height:1.5}.support-local-notice .icon{width:15px;flex-shrink:0;color:#55a6ff}.support-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 30px}.support-topic{display:grid;grid-template-columns:auto 1fr auto;gap:5px 10px;align-items:center;padding:14px;text-align:left;border:1px solid var(--line-bright);border-radius:10px;background:var(--panel);color:#fff}.support-topic:hover{border-color:var(--red)}.support-topic>.icon:first-child{grid-row:span 2;color:var(--red)}.support-topic>span{grid-column:2;color:var(--muted);font-size:.7rem;line-height:1.45}.support-topic>.icon:last-child{grid-column:3;grid-row:1 / span 2}.support-list-heading{font-size:1rem;color:#fff}.support-ticket-list{display:flex;flex-direction:column;gap:7px}.support-ticket-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;text-align:left;border:1px solid var(--line-bright);border-radius:9px;background:var(--panel);color:#fff}.support-ticket-row:hover{border-color:#ffffff55}.support-ticket-row>span:first-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.support-ticket-row small{color:var(--muted);font-size:.68rem}.support-ticket-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.support-ticket-row>.icon{width:15px;color:var(--muted)}.support-empty{padding:20px;color:var(--muted);text-align:center}.support-modal .modal-shell{max-width:640px}.about-copy{font-size:.8rem;line-height:1.7;color:#c9c0ce}.about-copy h3{margin:17px 0 4px;color:#fff;font-size:.86rem}.about-copy p{margin:6px 0}.ticket-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.ticket-body{margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:8px;white-space:pre-wrap;line-height:1.65;color:#ddd}.ticket-reply{margin:10px 0;padding:11px;border-left:2px solid var(--red);background:#ffffff04}.ticket-reply strong{font-size:.76rem;color:#fff}.ticket-reply time{float:right;color:var(--muted);font-size:.68rem}.ticket-reply p{margin:7px 0 0;white-space:pre-wrap;font-size:.78rem;line-height:1.6;color:#c9c0ce}.ticket-restored{color:#75d9ae;font-size:.78rem}.support-safety-note{font-size:.7rem;color:#d6b974}.support-form-error{min-height:1.1em;color:#ff9da8;font-size:.75rem}
@media(max-width:760px){.community-footer{grid-template-columns:1fr;gap:18px;padding:24px 16px}.footer-meta{align-items:flex-start}.support-topics{grid-template-columns:1fr}.read-only-banner{align-items:flex-start;flex-wrap:wrap}.read-only-banner .btn{margin-left:27px}.profile-popularity-grid{grid-template-columns:1fr}.support-page,.support-admin{padding-top:25px}}