.likes-shell {
    --likes-surface: #0e1723;
    --likes-surface-raised: #111d2c;
    --likes-text: #eef5ff;
    --likes-muted: #a9b7c8;
    --likes-link: #8fc2ff;
    --likes-focus: #77aaff;
    --likes-line: #28364a;
    display: grid;
    gap: 18px;
    color: var(--likes-text);
}

@media (max-width: 768px) {
    .likes-item__image.likes-item__image--profile {
        aspect-ratio: 1;
    }
}

.likes-profile-summary,
.public-profile-panel,
.likes-item {
    color: var(--likes-text);
}

.likes-profile-copy h1,
.likes-profile-copy h2,
.public-profile-panel h2,
.profile-like-breakdown dd,
.public-profile-panel strong {
    color: var(--likes-text);
}

.likes-profile-copy p,
.public-profile-panel p {
    color: var(--likes-muted);
}

.likes-profile-summary a:not(.like-button),
.public-profile-panel > p a,
.likes-item__copy p a,
.game-life-primary-column.likes-shell > p a {
    color: var(--likes-link);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.likes-profile-summary a:not(.like-button):hover,
.public-profile-panel > p a:hover,
.likes-item__copy p a:hover,
.game-life-primary-column.likes-shell > p a:hover {
    color: #c7e0ff;
}

.likes-profile-summary a:not(.like-button):focus-visible,
.public-profile-panel a:focus-visible,
.likes-tabs a:focus-visible,
.likes-filters a:focus-visible,
.likes-item a:focus-visible,
.likes-pager a:focus-visible,
.game-life-primary-column.likes-shell > p a:focus-visible {
    outline: 2px solid var(--likes-focus);
    outline-offset: 3px;
}

.likes-profile-summary{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--likes-line);background:var(--likes-surface);border-radius:8px}.likes-profile-summary img,.likes-profile-avatar{inline-size:64px;block-size:64px;border-radius:50%;object-fit:cover;background:#182437}.likes-profile-copy{min-width:0}.likes-profile-copy h2,.likes-profile-copy p{margin:2px 0}.likes-tabs,.likes-filters{display:flex;gap:6px;overflow-x:auto;padding:4px;border-bottom:1px solid #273448}.likes-tabs a,.likes-filters a{white-space:nowrap;padding:10px 13px;color:#acb9cb;text-decoration:none;border-radius:5px}.likes-tabs a:hover,.likes-filters a:hover{color:#fff;background:#14243a}.likes-tabs a.is-active,.likes-filters a.is-active{background:#163155;color:#fff}.likes-date-group{display:grid;gap:9px}.likes-date-group>h2{font-size:15px;margin:12px 0 0;color:#9fb4cc}.likes-list{display:grid;gap:8px}.likes-item{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #26354a;background:#0f1825;border-radius:7px}.likes-item__image{width:112px;aspect-ratio:16/9;background:#192638;display:grid;place-items:center;overflow:hidden;border-radius:5px;color:#8098b5}.likes-item__image img{width:100%;height:100%;object-fit:cover}.likes-item__copy{min-width:0}.likes-item__copy>span{font-size:12px;color:#8fc2ff}.likes-item__copy h3{font-size:16px;margin:3px 0}.likes-item__copy h3 a{color:var(--likes-text);text-decoration:none}.likes-item__copy h3 a:hover{text-decoration:underline;text-underline-offset:.18em}.likes-item__copy p,.likes-item__copy time{font-size:13px;margin:3px 0;color:var(--likes-muted)}.likes-avatars{display:flex;align-items:center;min-width:112px}.likes-avatars img,.likes-avatars span{width:38px;height:38px;border-radius:50%;border:2px solid #0f1825;margin-right:-8px;background:#1a2a3f;display:grid;place-items:center;font-size:9px;color:var(--likes-text)}.likes-count{color:#ff91ad}.likes-empty{padding:28px;text-align:center;border:1px dashed #34445a;color:var(--likes-muted)}.likes-pager{display:flex;gap:6px;justify-content:center}.likes-pager a,.likes-pager span{min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid #334157;border-radius:5px;color:#dce7f7;text-decoration:none}.likes-pager a:hover{border-color:var(--likes-focus);color:#fff}.likes-pager span{background:#1d4c88}.public-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px}.public-profile-panel{border:1px solid var(--likes-line);background:var(--likes-surface);border-radius:8px;padding:18px}.public-profile-panel h2{margin-top:0}.public-profile-list{display:grid;gap:9px}.public-profile-list a{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid #2a384d;border-radius:6px;color:#e8f0fb;text-decoration:none}.public-profile-list a:hover{border-color:var(--likes-focus);background:#14243a}.profile-like-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-like-breakdown div{padding:10px;background:var(--likes-surface-raised);border:1px solid #28384e;border-radius:6px}.profile-like-breakdown dt{font-size:12px;color:#9fb4cc}.profile-like-breakdown dd{margin:4px 0 0;font-size:20px}@media(max-width:768px){.public-profile-grid{grid-template-columns:1fr}.likes-item{grid-template-columns:76px minmax(0,1fr)}.likes-item__image{width:76px}.likes-item .like-form,.likes-item>.likes-count{grid-column:1/-1;justify-self:start}.likes-avatars{min-width:76px}}@media(max-width:390px){.likes-profile-summary{align-items:flex-start}.likes-item{grid-template-columns:56px minmax(0,1fr);gap:10px}.likes-item__image{width:56px}.likes-tabs a,.likes-filters a{padding:9px 10px}.profile-like-breakdown{grid-template-columns:1fr}.likes-avatars{min-width:56px}}

.public-profile-grid,.public-profile-grid>*,.public-profile-panel,.public-profile-list,.public-profile-list a{min-width:0}.public-profile-list a span{min-width:0;overflow-wrap:anywhere}@media(max-width:390px){.likes-profile-summary{flex-wrap:wrap}.likes-profile-summary>div:not(.likes-profile-copy){width:100%}}

.profile-follow-form{margin:0 0 8px}.profile-follow-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:0 14px;border:1px solid #3477dc;border-radius:5px;color:#fff;background:#1f5dbb;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.profile-follow-button.is-following{border-color:#405366;color:#d3dee8;background:#152231}.profile-mutual-follow{display:block;margin:0 0 8px;color:#82e5b8;font-size:12px;font-weight:800}.profile-follow-button:focus-visible{outline:2px solid var(--likes-focus);outline-offset:3px}
.profile-follow-status{display:block;margin:0 0 5px;color:#8fc2ff;font-size:12px;font-weight:800}.profile-action-notice{margin:0;padding:12px 14px;border:1px solid #2d714f;border-radius:6px;color:#b9f4d4;background:#102a21}.profile-action-notice.error{border-color:#77404a;color:#ffd2d9;background:#2a151b}