.community-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-block:24px; }.community-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; }.community-feature { padding:22px; border:1px solid var(--line); }.community-widget iframe { width:100%; }.community-card { margin-bottom:20px; }.community-main__container { display:grid; gap:24px; }
.community-links,.community-socials { display:flex; gap:12px; flex-wrap:wrap; }.community-section,.community-intro-card { padding-block:24px; }.community-card h3 { margin-top:12px; }
.station-subpage>.station-section,.citizen-dashboard { padding-top:10px; }.station-page-header { padding:18px 0 32px; border-bottom:1px solid var(--line); margin-bottom:30px; }.station-page-header__main { display:flex; align-items:center; gap:24px; }.station-page-header h1 { margin-bottom:12px; }.station-kicker { font:10px var(--mono); letter-spacing:.15em; color:var(--muted); text-transform:uppercase; }
.station-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; }.station-panel,.citizen-section,.station-command-card { border:1px solid var(--line); background:var(--panel); padding:26px; margin-bottom:24px; min-width:0; }.station-panel__header,.citizen-achievement-group__head { display:flex; justify-content:space-between; gap:16px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); margin-bottom:20px; }
.station-dossier-avatar img { width:100px; height:100px!important; object-fit:contain; }.station-dossier-avatar { flex:none; }.station-panel__title { margin:0!important; font-size:28px!important; }.citizen-clones-list { display:grid; gap:16px; }.citizen-clone-card { border-bottom:1px solid var(--line); padding-bottom:18px; }.citizen-clone-card__top,.citizen-clone-card__identity { display:flex; justify-content:space-between; gap:14px; align-items:center; }.citizen-clone-card__days { font:28px var(--heading); color:var(--accent); }.citizen-clone-card__season,.citizen-clone-card__status,.citizen-achievement-group__meta { font:10px var(--mono); color:var(--muted); }
.citizen-badges-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:14px; }.citizen-badge-card { text-align:center; border:1px solid var(--line); padding:16px 10px; }.citizen-badge-card__icon img { width:54px; height:54px!important; object-fit:contain; }.citizen-badge-card__name { display:block; font-size:11px; margin-top:10px; }.citizen-badge-card__quantity { font:10px var(--mono); color:var(--accent); }.citizen-achievement-group { margin:22px 0; }.citizen-achievement-group__icon img { max-width:40px; }
.station-leaderboard-podium,.podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.station-leaderboard-podium>*,.podium-card { border:1px solid var(--line); padding:20px; text-align:center; background:var(--panel); }.station-leaderboard-podium img { width:64px; height:64px!important; object-fit:contain; }.station-checklist__item { border-bottom:1px solid var(--line); padding:16px 0; }.station-checklist__item p,.station-side-note { font-size:12px; color:var(--muted); }.station-side-note { border-left:2px solid var(--accent); padding:18px; background:var(--soft); }
.public-page .table-responsive { overflow:auto; }.public-page .table-responsive table { min-width:560px; }.avatar-wrapper,.avatar-container { display:inline-block; position:relative; width:70px; height:70px; }.avatar-wrapper img,.avatar-container img { position:absolute; inset:0; width:100%; height:100%!important; object-fit:contain; }
.public-page .recruit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.public-page .recruit-card { border:1px solid var(--line); padding:20px; background:var(--panel); }
@media(max-width:1100px) { .station-dashboard-grid,.community-layout { grid-template-columns:minmax(0,1fr); }.community-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .community-grid,.station-leaderboard-podium,.podium { grid-template-columns:minmax(0,1fr); }.station-panel,.citizen-section { padding:20px; }.station-page-header__main { flex-wrap:wrap; }.station-dossier-avatar img { width:70px; height:70px!important; }.citizen-badges-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.public-dossier-header { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:center; gap:30px; padding:20px 0 32px; border-bottom:1px solid var(--line); margin-bottom:30px; }.public-dossier-art { width:100%; height:190px!important; object-fit:cover; }.public-facts { display:flex; gap:28px; flex-wrap:wrap; margin:28px 0 0; }.public-facts>div { border-left:1px solid var(--line); padding-left:18px; }.public-facts dt { font:10px var(--mono); color:var(--muted); }.public-facts dd { font:32px var(--heading); margin:8px 0 0; }
.public-site .avatar { position:relative; display:inline-block; width:var(--avatar-size,70px); height:var(--avatar-size,70px); }.public-site .avatar img { position:absolute; inset:0; width:100%; height:100%!important; object-fit:contain; }.avatar--128 { --avatar-size:128px; }.avatar--92 { --avatar-size:92px; }.avatar--78 { --avatar-size:78px; }.public-page img.rank { width:48px; height:56px!important; object-fit:contain; }.leaderboard-podium-card__rank { font:30px var(--heading); color:var(--accent); }.leaderboard-podium-card h2 { font-size:26px!important; margin-top:14px; }.leaderboard-podium-card__score { font:12px var(--mono); }
@media(max-width:600px) { .public-dossier-header { grid-template-columns:minmax(0,1fr); }.public-dossier-art { height:180px!important; }.public-facts { gap:18px; }.public-dossier-header h1 { overflow-wrap:anywhere; } }
.public-table-wrap { max-width:100%; overflow-x:auto; }.public-table-wrap table { min-width:540px; }.station-dashboard-grid__main { min-width:0; }