/* Compact additions: existing profile layout remains intact. */
[hidden] { display:none !important; }
body[data-profile-theme="purple"] { --theme-accent:#b66cff; --theme-glow:#ff4fa7; }
body[data-profile-theme="green"] { --theme-accent:#40df98; --theme-glow:#51b8ff; }
body[data-profile-theme="mono"] { --theme-accent:#ececf2; --theme-glow:#a3a6b6; }
body[data-profile-theme="purple"],body[data-profile-theme="green"],body[data-profile-theme="mono"] { --profile-accent:var(--theme-accent); --profile-glow:var(--theme-glow); }
.feature-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; color:#ded9e8; font-size:.76rem; }
.feature-heading small,.feature-note { color:#9591a0; font-size:.68rem; line-height:1.65; }
.feature-note { margin:10px 0 14px; }
.profile-reactions { margin-top:20px; padding-top:17px; border-top:1px solid rgba(255,255,255,.07); }
.reaction-buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:10px; }
.reaction-buttons button,.community-tabs button { min-height:40px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.025); color:#cbc5d4; cursor:pointer; font:inherit; transition:border-color .2s,background .2s; }
.reaction-buttons button { display:flex; align-items:center; justify-content:center; gap:7px; font-size:1.05rem; }
.reaction-buttons button span { font-size:.7rem; font-weight:650; }
.reaction-buttons button:hover,.reaction-buttons button.is-selected,.community-tabs button[aria-expanded="true"] { border-color:var(--profile-accent); background:color-mix(in srgb,var(--profile-accent) 11%,transparent); }
.reaction-buttons button:disabled { opacity:.55; cursor:wait; }
.community-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.community-tabs button { flex:1; padding:9px 8px; font-size:.7rem; }
.community-section { margin-top:14px; padding:15px; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(10,9,15,.4); }
.community-list { display:grid; gap:10px; max-height:390px; overflow:auto; overscroll-behavior:contain; }
.community-entry { padding:12px; border:1px solid rgba(255,255,255,.065); border-radius:11px; background:rgba(255,255,255,.025); }
.community-entry header { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:.7rem; }
.community-entry time { color:#827c90; font-size:.6rem; }
.community-entry p { margin:8px 0 0; color:#bbb5c7; font-size:.73rem; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.community-answer { margin-top:12px; padding:10px 12px; border-left:2px solid var(--profile-accent); background:color-mix(in srgb,var(--profile-accent) 5%,transparent); }
.community-answer strong { color:var(--profile-accent); font-size:.63rem; }
.community-form { display:grid; gap:11px; margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.07); }
.community-form label,.feature-fields label { display:grid; gap:7px; color:#bcb6c8; font-size:.74rem; }
.community-form input,.community-form textarea,.feature-fields input,.feature-fields textarea,.feature-fields select,.feature-filter,.profile-theme-picker select { min-width:0; width:100%; border:1px solid rgba(255,255,255,.11); border-radius:10px; padding:11px 12px; color:#eeeaf5; background:#15141d; font:inherit; }
.community-form textarea,.feature-fields textarea { resize:vertical; }
.community-form :is(input,textarea):focus,.feature-fields :is(input,textarea,select):focus { outline:1px solid var(--profile-accent); }
.feature-primary { display:inline-flex; justify-content:center; align-items:center; padding:12px 17px; border:1px solid color-mix(in srgb,var(--profile-accent) 45%,transparent); border-radius:11px; color:#faf8ff; background:color-mix(in srgb,var(--profile-accent) 20%,#15121c); text-decoration:none; cursor:pointer; font:inherit; font-size:.76rem; font-weight:700; }
.feature-primary:disabled { opacity:.55; cursor:wait; }
.feature-result { margin:8px 0 0; font-size:.72rem; line-height:1.6; color:#70deb0; }
.feature-result.is-error { color:#ff9bb0; }
.profile-theme-picker { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:18px 0 0; font-size:.65rem; color:#8f899e; }
.profile-theme-picker select { width:auto; padding:6px 10px; font-size:.65rem; }
/* Studio */
.feature-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.feature-fields .full { grid-column:1/-1; }
.feature-fields .feature-check { display:flex; align-items:center; gap:9px; padding:10px 0; }
.feature-check input { width:17px; height:17px; padding:0; accent-color:var(--profile-accent); }
.feature-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0; }
.feature-filter { width:auto; font-size:.75rem; }
.feature-list { display:grid; gap:12px; }
.feature-editor { border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.018); border-radius:15px; padding:16px; }
.feature-editor-head { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:13px; color:#ece6f3; font-size:.8rem; }
.feature-editor-head button,.feature-small-button { padding:8px 12px; border:1px solid rgba(255,255,255,.12); border-radius:9px; color:#bdb6c9; background:#18161f; cursor:pointer; font:inherit; font-size:.72rem; }
.feature-small-button.danger { color:#ffa2b4; }
.feature-small-button.is-active { color:var(--profile-accent); border-color:var(--profile-accent); }
.feature-editor .feature-note { margin-bottom:0; }
.feature-table { width:100%; border-collapse:collapse; font-size:.75rem; }
.feature-table th,.feature-table td { padding:12px 8px; border-bottom:1px solid rgba(255,255,255,.065); text-align:left; color:#bcb5c8; }
.feature-table th { color:#878092; font-weight:500; }.feature-table a { color:var(--profile-accent); }
.feature-table td:first-child { overflow-wrap:anywhere; }
.feature-table-wrap { overflow-x:auto; }
.feature-mini-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:15px 0; }
.feature-mini-stats article { display:grid; gap:8px; padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:13px; color:#958da3; font-size:.72rem; }
.feature-mini-stats strong { color:#f0eaf8; font-size:1.7rem; }
.feature-status { padding:4px 8px; border-radius:7px; background:rgba(255,255,255,.055); color:#bcb5c8; font-size:.65rem; }
.feature-status.approved { color:#78e2b4; }.feature-status.pending { color:#eac47c; }
.feature-save-bar { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:20px; }
.feature-schedule-label { color:#888094; font-size:.72rem; }
.share-preview { padding:22px; border:1px solid rgba(255,255,255,.1); border-radius:14px; margin-top:15px; background:linear-gradient(120deg,#221a38,#181624); }
.share-preview img { width:100%; max-width:420px; display:block; border-radius:12px; margin-bottom:12px; }
.share-preview strong,.share-preview p { display:block; overflow-wrap:anywhere; }.share-preview p { color:#ada5bb; font-size:.77rem; line-height:1.6; }
.not-found { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at 50% 30%,#21162f,#09090e 65%); }
.not-found-card { width:min(500px,100%); text-align:center; padding:48px 30px; border:1px solid rgba(255,255,255,.09); border-radius:28px; background:rgba(19,16,27,.8); }
.not-found-mark { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 28px; border:1px solid var(--profile-accent); border-radius:18px; font-size:2rem; font-weight:800; color:#fff; }
.feature-kicker { display:block; color:var(--profile-accent); font-size:.66rem; letter-spacing:.18em; }
.not-found-card h1 { font-size:6rem; line-height:1; margin:22px 0; color:#f3eefc; }.not-found-card h2 { font-size:1.3rem; color:#e1d9ef; }
.not-found-card p { margin:12px 0 25px; font-size:.85rem; color:#9a90ab; line-height:1.8; }
@media(max-width:650px) { .feature-fields { grid-template-columns:1fr; }.feature-mini-stats { grid-template-columns:1fr; }.feature-mini-stats article { grid-template-columns:1fr auto; align-items:center; }.community-section { padding:12px; }.feature-table { font-size:.68rem; } }
@media(max-width:720px) {
  .admin-topbar { height:88px; grid-template-rows:40px 18px; gap:2px 10px; padding:10px 16px; }
  .admin-brand { grid-column:1; grid-row:1; min-width:0; }
  .admin-topbar .ghost-button { grid-column:2; grid-row:1; width:auto; padding:9px 12px; font-size:.68rem; }
  .admin-topbar .save-state { position:static; grid-column:1/-1; grid-row:2; transform:none; padding:0; border:0; border-radius:0; background:none; backdrop-filter:none; font-size:.65rem; }
  .admin-sidebar { top:88px; }
  .admin-workspace [id$="-section"] { scroll-margin-top:145px; }
}
@media(prefers-reduced-motion:reduce) {
  .reaction-buttons button { transition:none; }
  .social-link,.gallery-item { animation:none !important; opacity:1; transform:none; }
}
/* Optional game entry stays absent until at least one game is enabled. */
.profile-games { display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;margin:12px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12; }
.profile-games[hidden] { display:none; }
.profile-games-title { flex-basis:100%;font-size:12px;color:#c7bfd7;margin-bottom:4px; }
.profile-games a { padding:9px 13px;border:1px solid #b66cff33;border-radius:10px;background:#b66cff0c;color:inherit;font-size:12px;text-decoration:none;transition:background .2s,transform .2s; }
.profile-games a:hover { background:#b66cff22;transform:translateY(-2px); }
.profile-games { display:block; }
.profile-games .profile-games-button { display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 15px;border:1px solid color-mix(in srgb,var(--profile-accent) 38%,transparent);border-radius:13px;background:color-mix(in srgb,var(--profile-accent) 10%,#101017);font-size:.82rem;font-weight:700; }
.profile-games .profile-games-button span:last-child { margin-left:auto; }
.games-admin-rooms { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;color:#999; }