.game-teaser{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color var(--t-fast);align-items:center;gap:14px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden}.game-teaser:after{content:"";background:var(--accent);opacity:.5;height:3px;transition:opacity var(--t-fast);position:absolute;inset:auto 0 0}.game-teaser-grid{pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px);background-size:34px 23px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000e6,#0000 72%);mask-image:linear-gradient(90deg,#000000e6,#0000 72%)}.game-teaser-scene{z-index:1;flex:none;width:66px;height:52px;position:relative}.game-teaser-ledge{background:var(--line-strong);height:3px;transition:background var(--t-fast);border-radius:2px;position:absolute}.game-teaser-ledge--near{width:34px;bottom:4px;left:0}.game-teaser-ledge--far{width:30px;top:10px;right:0}.game-teaser-char{opacity:.85;transform-origin:50% 70%;width:26px;height:auto;position:absolute;bottom:7px;left:4px}.game-teaser-text{z-index:1;flex-direction:column;gap:2px;min-width:0;display:flex;position:relative}.game-teaser-title{color:var(--fg);font-size:15px;font-weight:600;line-height:1.2}.game-teaser-sub{color:var(--muted);font-size:12.5px}.game-teaser-cta{z-index:1;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--fg);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);border-radius:999px;flex:none;margin-left:auto;padding:6px 15px;font-size:13px;font-weight:500;position:relative}@media (hover:hover) and (pointer:fine){.game-teaser:hover{border-color:var(--line-hover)}.game-teaser:hover:after{opacity:.85}.game-teaser:hover .game-teaser-ledge--far{background:var(--accent)}.game-teaser:hover .game-teaser-cta{border-color:var(--accent);background:var(--accent);color:var(--bg)}.game-teaser:hover .game-teaser-char{animation:1.15s cubic-bezier(.33,0,.4,1) infinite game-teaser-hop}}@keyframes game-teaser-hop{0%{transform:translate(0)rotate(0)scale(1)}12%{transform:translate(0)rotate(0)scale(1.16,.8)}30%{transform:translate(14px,-24px)rotate(200deg)scale(.92,1.12)}46%,56%{transform:translate(33px,-32px)rotate(360deg)scale(1)}62%{transform:translate(33px,-32px)rotate(360deg)scale(1.14,.86)}80%{transform:translate(16px,-14px)rotate(160deg)scale(.95,1.08)}94%,to{transform:translate(0)rotate(0)scale(1)}}
