.ugc-table-hint { display:none; color:var(--muted); font-size:10px; margin:0 0 8px; }
@media(max-width:650px) { .ugc-table-hint { display:block; } }
.ugc-heading-line { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:12px; margin-bottom:20px; }
.ugc-heading-line > .button { margin-left:auto; }
.ugc-schedule { color:var(--accent); font-weight:600; }
.ugc-platforms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.ugc-platforms-catalog { grid-template-columns:repeat(5,minmax(0,1fr)); }
.ugc-platforms button { min-width:0; text-align:left; padding:17px 18px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); }
.ugc-platforms button[aria-pressed="true"] { border-color:var(--accent); background:#eef4e6; box-shadow:inset 0 3px var(--accent); }
.ugc-platforms span { overflow-wrap:anywhere; display:block; font-size:14px; font-weight:600; }
.ugc-platforms small { display:block; font-size:11px; color:var(--muted); margin-top:7px; }
.ugc-board-line { display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); margin-bottom:19px; }
.ugc-board-switch { display:flex; gap:26px; }
.workspace .ugc-board-switch button { position:relative; border:0; border-radius:0; background:transparent; box-shadow:none; padding:14px 2px 16px; color:var(--muted); font-size:16px; font-weight:600; }
.workspace .ugc-board-switch button::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:3px; border-radius:0; background:transparent; }
.workspace .ugc-board-switch button[aria-pressed="true"] { color:var(--accent); background:transparent; }
.workspace .ugc-board-switch button[aria-pressed="true"]::after { background:var(--accent); }
.workspace .ugc-board-switch button:hover { color:var(--accent); background:transparent; box-shadow:none; }
.workspace .ugc-board-switch button:focus-visible { outline:2px solid #7b9d43; outline-offset:4px; }
.ugc-date-label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.ugc-view select { border:1px solid var(--line-strong); border-radius:5px; min-height:36px; background:white; color:var(--ink); padding:5px 8px; max-width:100%; font-size:12px; }
.ugc-source-line { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:11px; }
.ugc-source-line strong { font-size:15px; color:var(--ink); margin-right:auto; }
.ugc-source-line a,.ugc-briefing a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.ugc-methodology { color:var(--muted); font-size:12px; line-height:1.8; max-width:980px; margin:10px 0 20px; }
.ugc-stats { display:grid; grid-template-columns:repeat(4,1fr); margin:18px 0; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.ugc-stats div { padding:16px 22px; border-right:1px solid var(--line); }
.ugc-stats div:last-child { border:0; }
.ugc-stats strong { display:block; font-size:27px; font-weight:600; font-variant-numeric:tabular-nums; }
.ugc-stats span { display:block; font-size:11px; color:var(--muted); margin-top:5px; }
.ugc-no-changes { color:var(--muted); font-size:12px; line-height:1.7; margin:18px 0 24px; }
.ugc-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 24px; }
.ugc-highlight { border:1px solid var(--line-strong); background:var(--surface); padding:18px; border-radius:7px; color:var(--ink); min-width:0; }
.ugc-highlight:hover { border-color:var(--accent); }
.ugc-highlight small { display:flex; justify-content:space-between; color:var(--accent); font-size:11px; }
.ugc-highlight strong { display:block; margin:10px 0 7px; font-size:14px; overflow-wrap:anywhere; }
.ugc-highlight p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.ugc-table-tools { display:flex; align-items:center; gap:10px; margin:20px 0 12px; flex-wrap:wrap; }
.ugc-signal-filters { display:flex; flex-wrap:wrap; gap:4px; margin-right:auto; }
.ugc-signal-filters button { border:0; padding:8px 11px; border-radius:4px; color:var(--muted); font-size:12px; background:none; }
.ugc-signal-filters button[aria-pressed="true"] { background:#e4ecdc; color:var(--accent); font-weight:600; }
.ugc-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.ugc-table { border-collapse:collapse; width:100%; min-width:720px; table-layout:fixed; font-size:12px; }
.ugc-table th { font-weight:500; text-align:left; padding:13px 14px; background:#f0f3ed; color:var(--muted); white-space:nowrap; }
.ugc-table th:first-child { width:64px; }
.ugc-table th:nth-child(2) { width:43%; }
.ugc-table th:nth-child(3) { width:125px; }
.ugc-table th:nth-child(4),.ugc-table th:nth-child(5) { width:86px; }
.ugc-table th:nth-child(6) { width:97px; }
.ugc-table td { padding:15px 14px; border-top:1px solid var(--line); vertical-align:middle; }
.ugc-table tbody tr:hover { background:#f7f9f4; }
.ugc-rank { font-variant-numeric:tabular-nums; font-weight:600; font-size:16px; color:#637559; }
.ugc-table tr:nth-child(-n+3) .ugc-rank { color:var(--accent); }
.ugc-work-titleline { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px; min-width:0; }
.ugc-work-titleline > a { color:var(--ink); font-size:13px; font-weight:600; overflow-wrap:anywhere; line-height:1.6; }
.ugc-work-titleline > a:hover { text-decoration:underline; }
.ugc-work > small { display:block; margin-top:5px; color:var(--muted); font-size:10px; line-height:1.6; }
.ugc-work p { margin:7px 0 0; color:#596552; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.ugc-title-translation { color:var(--muted); font-size:12px; font-weight:400; overflow-wrap:anywhere; }
.ugc-author { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.6; font-weight:400; overflow-wrap:anywhere; }
.ugc-translation-note { color:var(--muted); font-size:11px; line-height:1.8; margin:12px 0; }
.ugc-metric { font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ugc-metric small { display:block; font-size:10px; font-weight:400; margin-top:5px; }
.ugc-up { color:#286446; font-variant-numeric:tabular-nums; }
.ugc-down { color:#a8543d; font-variant-numeric:tabular-nums; }
.ugc-neutral { color:#858d80; font-size:11px; }
.ugc-tag { display:inline-block; margin-left:7px; font-size:9px; line-height:1.5; color:#627055; padding:2px 5px; background:#eef1e9; border-radius:3px; vertical-align:middle; font-weight:400; }
.ugc-tag-new { background:#e7f0df; color:#3e6737; }
.ugc-tag-strong { background:#f8ecd6; color:#88611b; }
.workspace .ugc-sparkline { width:76px; height:32px; stroke:var(--accent); stroke-width:1.7; fill:none; }
.ugc-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 22px; font-size:11px; color:var(--muted); }
.ugc-rules { font-size:12px; color:var(--muted); border-top:1px solid var(--line); padding:16px 0 28px; line-height:1.8; }
.ugc-rules summary { cursor:pointer; color:#43593b; }
.ugc-rules p { margin:10px 0 0; max-width:980px; }
.ugc-warning { background:#fff4de; border:1px solid #e8d3a6; border-radius:5px; padding:12px 15px; color:#7c5922; font-size:12px; line-height:1.8; margin:14px 0; }
.ugc-warning button { background:none; border:0; color:inherit; text-decoration:underline; }
.ugc-empty { padding:38px 20px; text-align:center; color:var(--muted); font-size:13px; }
.ugc-empty h2 { font-size:18px; color:var(--ink); }
.ugc-briefing { padding:18px 22px; border:1px solid var(--line); border-radius:7px; margin-bottom:22px; background:#fff; }
.ugc-briefing h2 { font-size:15px; }
.ugc-briefing article { border-top:1px solid var(--line); padding:12px 0; font-size:12px; line-height:1.8; }
.ugc-briefing p { margin:5px 0; }
.ugc-briefing article > span { display:block; color:var(--muted); }
.ugc-briefing a { margin-right:12px; font-size:11px; }
.ugc-catalog-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:14px; margin:14px 0; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.ugc-catalog-toolbar > span { margin-left:auto; color:var(--muted); font-size:11px; }
.ugc-catalog-status { display:grid; gap:6px; padding:12px 14px; margin-bottom:14px; background:#f3f5f0; border-radius:6px; color:var(--muted); font-size:11px; }
.ugc-catalog-status > span { line-height:1.6; }
.ugc-catalog-status strong { color:var(--ink); margin-right:5px; }
.ugc-catalog-status p { margin:0; line-height:1.7; }
.ugc-work-heading { display:flex; align-items:flex-start; gap:9px; }
.ugc-work-info { min-width:0; }
.ugc-board-cover { width:68px; height:40px; flex:0 0 68px; object-fit:contain; border-radius:4px; background:#eef0eb; }
.ugc-board-cover-missing { display:grid; place-items:center; width:68px; height:40px; flex:0 0 68px; border-radius:4px; background:#eef0eb; color:var(--muted); font-size:8px; font-weight:400; }
.ugc-catalog-count { margin:12px 0; color:var(--muted); font-size:12px; }
.ugc-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ugc-catalog-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.ugc-catalog-image { display:grid; place-items:center; aspect-ratio:16/9; overflow:hidden; background:#ecefe9; color:var(--muted); font-size:12px; }
.ugc-catalog-image img { display:block; width:100%; height:100%; object-fit:contain; }
.ugc-catalog-body { padding:14px; }
.ugc-catalog-kicker { color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.ugc-catalog-card h3 { margin:7px 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.ugc-catalog-card h3 a { color:var(--ink); }
.ugc-catalog-card h3 a:hover { text-decoration:underline; }
.ugc-catalog-intro,.ugc-catalog-meta { font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.ugc-catalog-intro { color:#596552; min-height:2.8em; }
.ugc-catalog-intro span { color:var(--muted); }
.ugc-catalog-meta { color:var(--muted); }
.ugc-catalog-original { margin-top:9px; font-size:11px; line-height:1.7; color:var(--muted); }
.ugc-catalog-original summary { cursor:pointer; }
.ugc-catalog-original p { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; }
.ugc-catalog-image-source,.ugc-catalog-secondary { display:inline-block; margin:8px 12px 0 0; color:var(--accent); font-size:10px; }
.ugc-catalog-links { display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 3px; }
.ugc-catalog-links a { color:var(--accent); font-size:10px; }
.ugc-catalog-status details { margin-top:4px; }
.ugc-catalog-status details summary,.ugc-catalog-raw-tags summary { cursor:pointer; }
.ugc-catalog-status details span { display:block; padding:5px 0; }
.ugc-catalog-partial { margin:2px 0 0; color:#875b24; }
.ugc-catalog-raw-tags { display:inline-block; color:var(--muted); }
.ugc-catalog-raw-tags summary { display:inline; }
.ugc-catalog-cover-fallback { display:grid; place-items:center; width:100%; height:100%; color:var(--muted); font-size:11px; }
.ugc-catalog-loading { padding:24px; color:var(--muted); font-size:12px; }
.ugc-catalog-toolbar:focus-within,.ugc-catalog-card:focus-within { outline-color:var(--accent); }
@media(max-width:900px) { .ugc-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ugc-catalog-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .ugc-catalog-toolbar > span { width:100%; margin-left:0; } }
.ugc-catalog-grid-small { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:900px) { .ugc-catalog-grid-small { grid-template-columns:1fr; } }
.ugc-catalog-compact-head { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:14px 14px 0; }
.ugc-catalog-card-compact .ugc-catalog-image { flex:0 0 112px; width:112px; height:63px; aspect-ratio:auto; }
.ugc-catalog-card-compact.minecraft .ugc-catalog-image,.ugc-catalog-card-compact.roblox .ugc-catalog-image { flex-basis:64px; width:64px; height:64px; }
.ugc-catalog-card-compact .ugc-catalog-image img { width:100%; height:100%; }
.ugc-catalog-compact-heading { min-width:0; }
.ugc-catalog-compact-heading h3 { margin:4px 0 0; }
.ugc-catalog-compact-heading .ugc-author { margin-top:4px; }
.ugc-catalog-card-compact .ugc-catalog-body { padding-top:8px; }
.ugc-catalog-card-compact .ugc-catalog-intro { min-height:0; margin-top:0; }
.ugc-catalog-card-compact .ugc-catalog-links { margin-top:8px; }
.ugc-catalog-cover-fallback { padding:6px; text-align:center; }
@media(max-width:1050px) { .ugc-platforms-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); } .ugc-platforms-catalog [data-ugc-platform="all"] { grid-column:1 / -1; } .ugc-platforms { gap:8px; } .ugc-platforms button { padding:15px 12px; } .ugc-platforms span { font-size:12px; } .ugc-stats div { padding:14px; } .ugc-source-line > span { width:100%; order:3; } }
@media(max-width:650px) { .ugc-platforms { grid-template-columns:repeat(2,minmax(0,1fr)); } .ugc-board-line { align-items:flex-start; flex-direction:column; gap:8px; padding-bottom:12px; } .ugc-board-switch { gap:22px; } .ugc-board-switch button { font-size:14px; } .ugc-heading-line { font-size:10px; gap:8px; } .ugc-heading-line > span:nth-child(2) { width:100%; order:3; } .ugc-heading-line > .button { min-height:34px; padding:6px 10px; } .ugc-stats strong { font-size:23px; } .ugc-stats div { padding:12px 8px; } .ugc-stats span { font-size:9px; } .ugc-highlights { grid-template-columns:1fr; } .ugc-table-tools > select { margin-left:auto; } .ugc-signal-filters { width:100%; } .ugc-signal-filters button { padding:8px 9px; } .ugc-methodology { font-size:11px; } .ugc-source-line strong { font-size:13px; } .ugc-footer { align-items:flex-start; } }