/* Program replacement slots only. The dashboard and game carousels keep their original rules. */
img[data-template-role="logo"]{object-fit:contain}
img[data-template-role="content"]{object-fit:contain!important;object-position:center}

/* The phone is a persistent CSS frame, never part of the random image pool. */
.game-header>.game-icon{position:relative;flex:0 0 60px;width:60px;height:120px;padding:7px 3px 9px;background:#100d1b}
.game-header>.game-icon>.game-icon-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.game-header>.game-icon::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:3px;background:#050408;pointer-events:none}
.game-header>.game-icon::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:15px;height:2px;border-radius:3px;background:rgba(255,255,255,.55);pointer-events:none}
@media(max-width:768px){.game-header>.game-icon{flex-basis:auto;width:60px;height:120px}}

/* Two extra visuals per inner page; normal flow keeps links and text unobstructed. */
.template-extra-visual{box-sizing:border-box;width:100%;padding:24px 20px}
.template-extra-visual__frame{box-sizing:border-box;display:table;width:auto;max-width:100%;margin:0 auto;padding:6px;border:1px solid rgba(139,92,246,.2);border-radius:18px;background:rgba(139,92,246,.035);box-shadow:0 10px 28px rgba(139,92,246,.08)}
.template-extra-visual__image{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:360px!important;object-fit:contain;position:static;float:none;margin:0;border-radius:12px}
@media(max-width:768px){.template-extra-visual{padding:20px 16px}.template-extra-visual__image{max-height:300px!important}}