.pub{flex-direction:column;gap:20px;max-width:640px;margin-inline:auto;display:flex}.pub--wide{max-width:920px}.pub-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.pub-state h1{font-size:26px}.pub-state p{color:var(--text-secondary);max-width:28em}.pub-skel{background:linear-gradient(90deg, var(--ct-slate-100), var(--ct-slate-25), var(--ct-slate-100));background-size:200% 100%;border-radius:20px;animation:1.6s linear infinite pub-shimmer}@keyframes pub-shimmer{to{background-position:-200% 0}}.pub-muted{color:var(--text-secondary);font-size:13px}.pub-av{color:var(--ct-navy-900);background:var(--ct-blue-100);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid;overflow:hidden}.pub-av img{object-fit:cover;width:100%;height:100%}.pub-post{border-radius:var(--radius-3xl);flex-direction:column;gap:12px;padding:18px;display:flex}.pub-post__head{align-items:center;gap:12px;display:flex}.pub-post__who{flex-direction:column;min-width:0;margin-right:auto;line-height:1.3;display:flex}.pub-post__who span{font:var(--type-caption);color:var(--text-muted)}.pub-post__text{color:var(--ct-slate-700);white-space:pre-line;overflow-wrap:anywhere;font-size:16px}.pub-panel{background:var(--surface-app);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.pub-panel--row{flex-direction:row;justify-content:space-between;align-items:center}.pub-panel--row>span{flex-direction:column;display:flex}.pub-route{flex-wrap:wrap;gap:8px;font-weight:800;display:flex}.pub-route__arrow{color:var(--color-primary)}.pub-bar{gap:3px;height:6px;display:flex}.pub-bar i{border-radius:3px}.pub-bar .free{background:var(--traffic-free)}.pub-bar .slow{background:var(--traffic-slow)}.pub-bar .jam{background:var(--traffic-jam)}.pub-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pub-stat{font:var(--type-caption);color:var(--text-muted);flex-direction:column;display:flex}.pub-stat strong{color:var(--text-primary);font-size:18px}.pub-stat--red strong{color:var(--status-danger)}.pub-milestone{background:var(--surface-inverse);color:var(--text-on-dark-muted);border-radius:18px;flex-direction:column;padding:16px;display:flex}.pub-milestone strong{color:#fff;font-size:18px}.pub-photos{border-radius:18px;gap:4px;display:grid;overflow:hidden}.pub-photos img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}.pub-photos--2,.pub-photos--4{grid-template-columns:1fr 1fr}.pub-photos--3{grid-template-columns:2fr 1fr}.pub-post__foot{gap:8px;display:flex}.pub-pill{font:var(--type-micro);background:var(--surface-field);color:var(--text-secondary);border-radius:999px;padding:7px 12px}.pub-carcard{background:linear-gradient(180deg, var(--surface-app), #fff);box-shadow:inset 0 0 0 1px var(--border-default);color:inherit;transition:box-shadow var(--duration-fast) var(--ease-standard);border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}a.pub-carcard:hover{box-shadow:inset 0 0 0 2px var(--color-primary)}.pub-carcard__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pub-carcard__top>span:first-child{flex-direction:column;display:flex}.pub-carcard__top small{font:var(--type-caption);color:var(--text-muted)}.pub-carcard__img{object-fit:contain;width:100%;height:170px}.pub-carcard__img--empty{color:var(--ct-slate-300);place-items:center;display:grid}.pub-carcard__row{color:var(--text-muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.pub-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pub-profile{align-items:center;gap:20px;display:flex}.pub-profile h1{font-size:clamp(26px,4vw,36px)}.pub-profile__text{flex-direction:column;gap:4px;min-width:0;display:flex}.pub-profile__text p{color:var(--ct-slate-700);overflow-wrap:anywhere;margin-top:6px}.pub-challenge{flex-direction:column;gap:16px;display:flex}.pub-challenge__hero{background:var(--ct-navy-900);color:#fff;border-radius:28px;flex-direction:column;gap:10px;padding:clamp(22px,4vw,36px);display:flex}.pub-challenge__hero h1{font-size:clamp(30px,5vw,44px)}.pub-challenge__hero p{color:var(--text-on-dark-muted)}.pub-challenge__status{color:var(--ct-blue-200);font:var(--type-micro);background:#4e8bff3d;border-radius:999px;align-self:flex-start;padding:6px 12px}.pub-challenge__meta{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pub-challenge__meta span{border-radius:var(--radius-2xl);padding:7px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff2e}.pub-board-wrap{padding:18px}.pub-board{margin:8px 0 0;padding:0;list-style:none}.pub-board li{border-bottom:1px solid var(--border-divider);align-items:center;gap:12px;padding:10px 4px;display:flex}.pub-board li:last-child{border-bottom:0}.pub-board__pos{text-align:center;width:22px;color:var(--text-muted);font-weight:800}.pub-board__who{flex-direction:column;margin-right:auto;line-height:1.3;display:flex}.pub-board__who small{font:var(--type-caption);color:var(--text-muted)}.pub-board__score{font-size:17px;font-weight:800}.pub-board__score small{font:var(--type-caption);color:var(--text-muted)}.pub-section-title{margin-top:12px;font-size:20px}#pub-root{flex-direction:column;gap:16px;display:flex}