@media (min-width:761px){.game-card .video-toolbar{top:136px}.game-card .card-actions{bottom:clamp(26px,6vh,72px)}}
.game-card .card-actions{gap:9px}
.card-actions button[data-action="follow"][hidden]{display:none}
@media(max-width:760px){.game-card .card-actions{bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:9px}.game-card .post-report-button{right:calc(max(8px,env(safe-area-inset-right,0px)) + 14px)}}
#profile-video-viewer{position:fixed;z-index:65;inset:0 0 var(--bottom-nav-total,62px);background:#08060c;overflow:hidden;box-shadow:-14px 0 40px #0008;touch-action:pan-y pinch-zoom}
#profile-video-viewer[hidden]{display:none}
.profile-video-list{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
#profile-video-viewer .game-card{height:100%;min-height:100%;max-height:100%;scroll-margin:0}
.profile-video-back{position:absolute;z-index:8;top:max(14px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));width:44px;height:44px;display:grid;place-items:center;border:1px solid #cfb3ed50;border-radius:50%;background:#110b1de8;color:#f5edff;padding:10px;cursor:pointer}
.profile-video-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#profile-video-viewer .video-toolbar{top:max(70px,calc(env(safe-area-inset-top,0px) + 62px))}
@media(max-width:760px){#profile-video-viewer{top:var(--mobile-viewport-top,0px);bottom:auto;height:calc(var(--mobile-viewport-height,100dvh) - var(--bottom-nav-total,58px))}}
@media(prefers-reduced-motion:reduce){#profile-video-viewer{transition:none!important}}

/* A matte violet heart with light radiating from the icon, not a glossy fill. */
:root{--warpin-like:#b68aff;--warpin-like-glow:#9855ed}
.card-actions button[data-action="like"][aria-pressed="true"]{color:var(--warpin-like);background:transparent}
.card-actions button[data-action="like"][aria-pressed="true"] .heart-glyph path{fill:var(--warpin-like);stroke:var(--warpin-like)}
.card-actions button[data-action="like"][aria-pressed="true"] .heart-glyph{filter:drop-shadow(0 0 4px #b68aff99) drop-shadow(0 0 10px #9855ed66)}
.comment-like-button.liked,.comment-like-button.liked .comment-like-count{color:var(--warpin-like)}
.comment-like-button.liked .comment-like-heart{text-shadow:0 0 7px #b68aff99,0 0 13px #9855ed66}
.comment-like-button:hover{color:#cfb3ff}.comment-like-button:focus-visible{outline-color:var(--warpin-like)}