/* rtpx-card-title-dropup-clean-v20: desktop hover + mobile JS tap state for title overlay only */
:root{--rtpx-dropup-title-text:var(--text);--rtpx-dropup-title-bg:color-mix(in srgb,var(--surface) 86%,transparent);--rtpx-dropup-title-border:color-mix(in srgb,var(--text) 16%,transparent);--rtpx-dropup-title-radius:10px}
body:not(.admin-page) .game-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title],
body:not(.admin-page) .feature-island-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]{position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}
body:not(.admin-page) .game-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after,
body:not(.admin-page) .feature-island-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after{content:attr(data-rtpx-dropup-title);position:absolute;inset:auto 8px 8px;z-index:16;display:flex;align-items:center;justify-content:center;min-height:32px;max-height:42px;padding:7px 9px;border:1px solid var(--rtpx-dropup-title-border);border-radius:var(--rtpx-dropup-title-radius);color:var(--rtpx-dropup-title-text);background:var(--rtpx-dropup-title-bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;pointer-events:none;transform:translate3d(0,6px,0);transition:opacity .12s linear,transform .12s linear;font-family:var(--font-main);font-size:clamp(11.5px,.76vw,13px);font-weight:850;line-height:1.15;letter-spacing:-.01em;text-align:center;text-shadow:none;white-space:normal;overflow:hidden;overflow-wrap:anywhere}
body:not(.admin-page) .game-card-title-overlay{display:none;opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){body:not(.admin-page) .game-card[data-rtpx-has-dropup="true"]:hover :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after,body:not(.admin-page) .feature-island-card[data-rtpx-has-dropup="true"]:hover :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after{opacity:1;transform:translate3d(0,0,0)}}
@media (hover:none),(pointer:coarse){body:not(.admin-page) .game-card[data-rtpx-has-dropup="true"][data-rtpx-title-open="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after,body:not(.admin-page) .feature-island-card[data-rtpx-has-dropup="true"][data-rtpx-title-open="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after{opacity:1;transform:translate3d(0,0,0)}}
html[data-rtpx-page-hidden="true"] body:not(.admin-page) .game-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after,
html[data-rtpx-page-hidden="true"] body:not(.admin-page) .feature-island-card[data-rtpx-has-dropup="true"] :is(.game-card-media-shell,.feature-card-hit,.game-card-hit)[data-rtpx-dropup-title]::after{opacity:0;transform:translate3d(0,6px,0)}
