/* Collectible arcade sleeves, actual game imagery and native full-card links. */
.game-tile{--card-light:#bcff72;position:relative!important;isolation:isolate;border:1px solid #65745b!important;border-radius:20px!important;padding:3px!important;background:linear-gradient(135deg,#b8ff784d,#121a2c 32%,#172138 70%,#b8ff7855)!important;box-shadow:0 8px 24px #0004,inset 0 0 0 1px #ffffff0a;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.tile-run{--card-light:#f389ff}.tile-chess{--card-light:#85dcff}.tile-pinball{--card-light:#c09aff}.tile-riftbound{--card-light:#ffc17b}.tile-bonk{--card-light:#ff9d7c}.tile-hodlem{--card-light:#77e6c5}
.game-tile .tile-visual{border-radius:16px 16px 0 0;aspect-ratio:1.35!important;height:auto!important;min-height:0!important;width:100%!important;overflow:hidden}
.game-tile .tile-shot{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.card-split{position:absolute;inset:0;overflow:hidden}.card-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.card-world-a{clip-path:polygon(0 0,61% 0,40% 100%,0 100%);object-position:30% center}.card-world-b{clip-path:polygon(61% 0,100% 0,100% 100%,40% 100%);object-position:70% center}.card-split i{position:absolute;left:50%;top:-10%;height:120%;width:1px;background:linear-gradient(transparent,var(--card-light),#fff,transparent);transform:rotate(14deg);box-shadow:0 0 14px var(--card-light)}
.game-tile .tile-shade{background:linear-gradient(180deg,#080d1a22 10%,transparent 35%,#080d1a99 65%,#080d1af5 100%)!important}
.card-edition{position:absolute;top:13px;left:12px;z-index:2;font:800 8px/1.3 system-ui;letter-spacing:1.3px;color:#fff;text-shadow:0 1px 8px #000;max-width:58%}
.game-tile .tile-title{left:14px!important;right:12px!important;bottom:10px!important}.game-tile .tile-title h2{font-size:clamp(19px,2.2vw,29px)!important;line-height:1.05!important;margin:0!important;text-shadow:0 2px 14px #000}.game-tile .tile-title>span,.game-tile .tile-title p{display:none!important}
.game-tile .tile-foot{position:static!important;background:#080d1a!important;border:0!important;padding:10px 13px!important;min-height:42px!important;display:flex!important;align-items:center;gap:8px;border-radius:0 0 15px 15px}
.game-tile .tile-foot>span{display:block!important;color:#aab9cc;font:500 10px/1.4 system-ui;flex:1;min-width:0}
.game-tile .tile-play{position:static!important;display:flex!important;align-items:center;gap:9px;width:auto!important;min-width:0!important;min-height:32px!important;padding:0!important;background:transparent!important;border:0!important;color:var(--card-light)!important;font-size:12px!important;box-shadow:none!important}
.game-tile .tile-play::after{content:"";position:absolute;inset:0;z-index:5;border-radius:19px;cursor:pointer}.game-tile .tile-play:focus-visible{outline:none}.game-tile:has(.tile-play:focus-visible){outline:3px solid var(--card-light);outline-offset:4px}
.game-tile .preview-button{z-index:6!important;top:10px!important;right:10px!important;min-height:44px;min-width:44px;padding:8px!important;font-size:10px!important;background:#08101db8!important;backdrop-filter:blur(8px);border:1px solid #ffffff40!important;border-radius:50px!important}
.game-tile .preview-stage{pointer-events:none}.game-tile.previewing .card-edition{opacity:0}.game-tile .preview-status{pointer-events:none}
@media(hover:hover){.game-tile:hover{transform:translateY(-4px);border-color:var(--card-light)!important;box-shadow:0 12px 30px #0006,0 0 18px color-mix(in srgb,var(--card-light) 24%,transparent)}.game-tile:hover .card-world,.game-tile:hover .tile-shot{transform:scale(1.055)}.game-tile:hover .tile-play{color:#fff!important}}
@media(max-width:600px){.game-tile{border-radius:16px!important}.game-tile .tile-visual{aspect-ratio:1.05!important;border-radius:12px 12px 0 0}.game-tile .tile-title{left:9px!important;bottom:9px!important}.game-tile .tile-title h2{font-size:19px!important}.game-tile .tile-foot{padding:7px 9px!important;min-height:37px!important}.game-tile .tile-foot>span{font-size:9px}.card-enter{display:none}.game-tile .tile-play{font-size:20px!important}.card-edition{top:12px;left:9px;font-size:7px;letter-spacing:.8px;max-width:51%}.game-tile .preview-button{right:6px!important;top:5px!important;font-size:9px!important;padding:6px!important}.game-tile .tile-play::after{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.game-tile,.card-world,.game-tile .tile-shot{transition:none!important}.game-tile:hover{transform:none}}
/* Keep the runners themselves in frame, rather than the start-screen text. */
.tile-run .card-world{width:50%;clip-path:none;object-position:9% center}.tile-run .card-world-b{left:50%}.tile-run .card-split i{transform:none}
.game-tile .card-edition{background:#070d19a8;padding:4px 5px;border-radius:4px;top:8px;left:7px}
.game-tile{border-color:color-mix(in srgb,var(--card-light) 48%,#273245)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--card-light) 35%,#101726),#121a2c 32%,#172138 70%,color-mix(in srgb,var(--card-light) 40%,#101726))!important}
