.game-icon{color:#f5e7c8;background:#172327;border:1px solid #9b7b48;border-radius:3px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,0 4px 12px #00000047}.game-icon img{object-fit:cover;width:100%;height:100%}.game-icon>span{font:18px var(--serif)}.game-icon{border-color:var(--color-border-strong);border-radius:var(--radius-small);box-shadow:var(--shadow-small)}
.game-icon-depth{transition:transform var(--motion-standard) var(--ease-out);position:relative;overflow:visible}.game-icon-depth:before{content:"";z-index:1;background:var(--art-action-slot) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:-5px}.game-icon-depth:after{content:"";z-index:1;background:linear-gradient(120deg, transparent 20%, var(--color-cloud), transparent 80%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity var(--motion-standard);position:absolute;inset:2px}.icon-depth-target:focus-visible .game-icon-depth{transform:translateY(var(--hover-lift))}.icon-depth-target:focus-visible .game-icon-depth:after{opacity:.22}@media (hover:hover) and (pointer:fine){.icon-depth-target:hover .game-icon-depth{transform:translateY(var(--hover-lift))}.icon-depth-target:hover .game-icon-depth:after{opacity:.22}}@media (prefers-reduced-motion:reduce){.game-icon-depth,.game-icon-depth:after{transition:none;transform:none!important}}