.playable-card[data-v-2af1f51c]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:transform .25s ease,box-shadow .25s ease}.playable-card[data-v-2af1f51c]:hover{box-shadow:0 4px 6px #0000001a}.playable-card[data-v-2af1f51c]{display:flex;flex-direction:column;overflow:hidden;padding:0}.playable-card__badge[data-v-2af1f51c]{background:var(--color-primary);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.playable-card__content[data-v-2af1f51c]{display:flex;flex:1;flex-direction:column;padding:1.5rem .5rem .5rem}.playable-card__title[data-v-2af1f51c]{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.playable-card__description[data-v-2af1f51c]{color:var(--color-text-muted);flex:1;font-size:.875rem;margin-bottom:1rem}.playable-card__meta[data-v-2af1f51c]{margin-bottom:.5rem}.playable-card__platform[data-v-2af1f51c]{color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.playable-card__tech[data-v-2af1f51c]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.playable-card__tag[data-v-2af1f51c]{background:var(--color-bg);border-radius:9999px;color:var(--color-primary);font-size:.75rem;font-weight:500;padding:2px .5rem}.playable-card__actions[data-v-2af1f51c]{align-items:center;display:flex;gap:.5rem;margin-top:auto}.playable-card__external-link[data-v-2af1f51c]{align-items:center;border-radius:8px;color:var(--color-text-muted);display:inline-flex;height:32px;justify-content:center;transition:color .15s ease,background-color .15s ease;width:32px}.playable-card__external-link[data-v-2af1f51c]:hover{background:var(--color-bg);color:var(--color-primary)}.modal-overlay[data-v-f9b019c9]{background:#000c;display:flex;inset:0;padding:1rem;position:fixed;z-index:1000}.modal-nav[data-v-f9b019c9],.modal-overlay[data-v-f9b019c9]{align-items:center;justify-content:center}.modal-nav[data-v-f9b019c9]{background:#00000080;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:48px;z-index:1001}.modal-nav--prev[data-v-f9b019c9]{left:1rem}.modal-nav--next[data-v-f9b019c9]{right:1rem}.modal-nav[data-v-f9b019c9]:hover{background:#000000bf}.modal-container[data-v-f9b019c9]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 15px #0000001a;max-height:90vh;max-width:720px;overflow-y:auto;position:relative;width:100%}@media(min-width:768px){.modal-container[data-v-f9b019c9]{max-width:960px;overflow:hidden}}.modal-close[data-v-f9b019c9]{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:color .15s ease,background-color .15s ease;width:36px;z-index:1}.modal-close[data-v-f9b019c9]:hover{background:var(--color-bg);color:var(--color-text)}.modal-layout[data-v-f9b019c9]{display:flex;flex-direction:column}@media(min-width:768px){.modal-layout[data-v-f9b019c9]{flex-direction:row}}.modal-preview[data-v-f9b019c9]{aspect-ratio:2/3;background:#000;overflow:hidden;position:relative}@media(min-width:768px){.modal-preview[data-v-f9b019c9]{border-radius:12px 0 0 12px;flex-shrink:0;width:55%}}.modal-preview__image[data-v-f9b019c9]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-preview__iframe[data-v-f9b019c9]{border:none;height:100%;width:100%}.modal-preview__play[data-v-f9b019c9]{align-items:center;background:#0006;border:none;color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:background-color .15s ease}.modal-preview__play[data-v-f9b019c9]:hover{background:#0000008c}.modal-info[data-v-f9b019c9]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}@media(min-width:768px){.modal-info[data-v-f9b019c9]{flex:1;max-height:90vh;overflow-y:auto}}.modal-info__title[data-v-f9b019c9]{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0;padding-right:3rem}.modal-info__description[data-v-f9b019c9]{color:var(--color-text);font-size:1rem;line-height:1.6}.modal-info__meta[data-v-f9b019c9]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.modal-info__platform[data-v-f9b019c9]{color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modal-info__tech[data-v-f9b019c9]{display:flex;flex-wrap:wrap;gap:.25rem}.modal-info__tag[data-v-f9b019c9]{background:var(--color-bg);border-radius:9999px;color:var(--color-primary);font-size:.75rem;font-weight:500;padding:2px .5rem}.modal-info__footer[data-v-f9b019c9]{margin-top:auto}.modal-info__footer .btn[data-v-f9b019c9]{justify-content:center;width:100%}.slide-left-enter-active[data-v-f9b019c9],.slide-left-leave-active[data-v-f9b019c9],.slide-right-enter-active[data-v-f9b019c9],.slide-right-leave-active[data-v-f9b019c9]{transition:transform .2s ease,opacity .2s ease}.slide-left-enter-from[data-v-f9b019c9]{opacity:0;transform:translate(30px)}.slide-left-leave-to[data-v-f9b019c9],.slide-right-enter-from[data-v-f9b019c9]{opacity:0;transform:translate(-30px)}.slide-right-leave-to[data-v-f9b019c9]{opacity:0;transform:translate(30px)}.modal-enter-active[data-v-f9b019c9],.modal-leave-active[data-v-f9b019c9]{transition:opacity .25s ease}.modal-enter-active .modal-container[data-v-f9b019c9],.modal-leave-active .modal-container[data-v-f9b019c9]{transition:transform .25s ease,opacity .25s ease}.modal-enter-from[data-v-f9b019c9],.modal-leave-to[data-v-f9b019c9]{opacity:0}.modal-enter-from .modal-container[data-v-f9b019c9],.modal-leave-to .modal-container[data-v-f9b019c9]{opacity:0;transform:scale(.95)}