.app-tile{min-width:0;display:flex;position:relative}.app-tile__launch{border-radius:var(--t2m-radius-lg);background:var(--t2m-surface-1);width:100%;color:var(--t2m-text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--t2m-shadow-1);transition:transform var(--t2m-dur-2)var(--t2m-ease-out),box-shadow var(--t2m-dur-2)ease;border:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.app-tile__launch:hover{box-shadow:var(--t2m-shadow-2);transform:translateY(-3px)}.app-tile__launch:active{transform:translateY(-1px)scale(.99)}.app-tile__launch:focus-visible{outline:3px solid var(--t2m-focus);outline-offset:2px}.app-tile__media{aspect-ratio:1;background:var(--t2m-surface-sunken);display:block;position:relative;overflow:hidden}.app-tile__img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--t2m-ease-out);display:block}.app-tile__launch:hover .app-tile__img{transform:scale(1.05)}.app-tile__body{flex-direction:column;gap:3px;min-width:0;padding:9px 12px 11px;display:flex}.app-tile__title{font-size:var(--t2m-text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.app-tile__grade{font-size:var(--t2m-text-xs);color:var(--t2m-text-3)}.app-tile__badge{z-index:2;position:absolute;bottom:8px;left:8px}.app-tile__fav{z-index:3;color:#64748b;cursor:pointer;opacity:0;width:32px;height:32px;transition:opacity var(--t2m-dur-1)ease,transform var(--t2m-dur-2)var(--t2m-ease-spring),color var(--t2m-dur-1)ease;background:#ffffffe6;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px;transform:scale(.85);box-shadow:0 2px 8px #0000002e}.app-tile:hover .app-tile__fav,.app-tile__fav:focus-visible,.app-tile__fav.is-on{opacity:1;transform:none}.app-tile__fav.is-on{color:#e11d48}.app-tile__fav:focus-visible{outline:3px solid var(--t2m-focus);outline-offset:1px}@media (hover:none){.app-tile__fav{opacity:1;transform:none}}.app-tile--tile .app-tile__body{padding:8px 10px 10px}.app-tile--tile .app-tile__title{font-size:.82rem}.app-tile__ribbon{z-index:2;border-radius:var(--t2m-radius-pill);color:#fff;font:700 .66rem/1.2 var(--t2m-font);letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1220c7;align-items:center;gap:4px;padding:3px 9px;display:inline-flex;position:absolute;top:8px;left:8px}.app-tile__soon{z-index:2;color:#fff;font:600 var(--t2m-text-xs)/1.2 var(--t2m-font);text-align:center;background:#050814b8;padding:5px 8px;position:absolute;inset:auto 0 0}.app-tile.is-soon .app-tile__img{filter:grayscale(.5)brightness(.85)}.app-tile__desc{font-size:var(--t2m-text-xs);color:var(--t2m-text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.app-tile--feature .app-tile__launch{flex-direction:row;align-items:stretch;min-height:150px}.app-tile--feature .app-tile__media{aspect-ratio:1;flex:0 0 150px}.app-tile--feature .app-tile__body{flex:1;justify-content:center;gap:6px;padding:12px 14px}.app-tile--feature .app-tile__title{font-size:var(--t2m-text-md);min-height:0}@media (max-width:768px){.app-tile--feature .app-tile__launch{min-height:120px}.app-tile--feature .app-tile__media{flex-basis:120px}}