.gc.svelte-odcxdr.svelte-odcxdr{position:relative;border-radius:10px;overflow:hidden;background:var(--theme-bg-card);border:1px solid var(--theme-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.gc.svelte-odcxdr.svelte-odcxdr:hover{transform:translateY(-3px) scale(1.02);border-color:var(--theme-blue-primary);box-shadow:0 6px 20px #3f6bc533}.gc.loading.svelte-odcxdr.svelte-odcxdr{pointer-events:none;opacity:.8}.gc-img-wrap.svelte-odcxdr.svelte-odcxdr{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--theme-bg-card-alt)}.gc-img.svelte-odcxdr.svelte-odcxdr{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.gc.svelte-odcxdr:hover .gc-img.svelte-odcxdr{transform:scale(1.08)}.gc-placeholder.svelte-odcxdr.svelte-odcxdr{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--theme-gradient-primary)}.gc-overlay.svelte-odcxdr.svelte-odcxdr{position:absolute;top:0;right:0;bottom:0;left:0;background:#0909198c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.gc.svelte-odcxdr:hover .gc-overlay.svelte-odcxdr{opacity:1}.gc-play-btn.svelte-odcxdr.svelte-odcxdr{width:44px;height:44px;border-radius:50%;background:#3f6bc54d;border:2px solid rgba(85,161,236,.5);display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.gc.svelte-odcxdr:hover .gc-play-btn.svelte-odcxdr{transform:scale(1);background:#3f6bc580;border-color:var(--theme-blue-secondary)}.gc-spinner.svelte-odcxdr.svelte-odcxdr{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--theme-blue-secondary);border-radius:50%;animation:svelte-odcxdr-gc-spin .6s linear infinite}@keyframes svelte-odcxdr-gc-spin{to{transform:rotate(360deg)}}.gc-shine.svelte-odcxdr.svelte-odcxdr{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(63,107,197,.1),transparent);transition:left .5s;pointer-events:none}.gc.svelte-odcxdr:hover .gc-shine.svelte-odcxdr{left:100%}.gc-rtp-wrap.svelte-odcxdr.svelte-odcxdr{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.25rem;padding:.2rem .35rem;background:linear-gradient(0deg,rgba(9,9,25,.9) 0%,rgba(9,9,25,.4) 70%,transparent 100%);z-index:3}.gc-rtp-bar.svelte-odcxdr.svelte-odcxdr{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.gc-rtp-fill.svelte-odcxdr.svelte-odcxdr{height:100%;border-radius:2px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);animation:svelte-odcxdr-rtp-grow 1.2s ease-out both}@keyframes svelte-odcxdr-rtp-grow{0%{width:0%!important}}.gc-rtp-text.svelte-odcxdr.svelte-odcxdr{font-family:Sarabun,Roboto,Noto Sans Thai,sans-serif;font-size:.7rem;font-weight:700;color:#ffffffbf;white-space:nowrap;min-width:28px;text-align:right}.gc-online.svelte-odcxdr.svelte-odcxdr{position:absolute;top:.3rem;right:.3rem;display:flex;align-items:center;gap:.15rem;padding:.1rem .3rem;background:#10b981d9;border-radius:100px;z-index:3;color:#fff}.gc-online.svelte-odcxdr svg.svelte-odcxdr{flex-shrink:0}.gc-online.svelte-odcxdr span.svelte-odcxdr{font-family:Sarabun,Roboto,Noto Sans Thai,sans-serif;font-size:.7rem;font-weight:700;line-height:1}.gc-info.svelte-odcxdr.svelte-odcxdr{padding:.5rem .6rem;background:var(--theme-bg-card)}.gc-name.svelte-odcxdr.svelte-odcxdr{display:block;font-size:.82rem;font-weight:500;color:var(--color-text-main, #2C2417);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}@media (max-width: 400px){.gc.svelte-odcxdr.svelte-odcxdr{border-radius:8px}.gc-info.svelte-odcxdr.svelte-odcxdr{padding:.3rem .35rem}.gc-name.svelte-odcxdr.svelte-odcxdr{font-size:.75rem}.gc-play-btn.svelte-odcxdr.svelte-odcxdr{width:36px;height:36px}.gc-play-btn.svelte-odcxdr svg.svelte-odcxdr{width:22px;height:22px}.gc-rtp-wrap.svelte-odcxdr.svelte-odcxdr{padding:.15rem .25rem}.gc-rtp-bar.svelte-odcxdr.svelte-odcxdr{height:2px}.gc-rtp-text.svelte-odcxdr.svelte-odcxdr{font-size:.7rem;min-width:22px}.gc-online.svelte-odcxdr.svelte-odcxdr{top:.2rem;right:.2rem;padding:.08rem .2rem}.gc-online.svelte-odcxdr svg.svelte-odcxdr{width:8px;height:8px}.gc-online.svelte-odcxdr span.svelte-odcxdr{font-size:.7rem}}.gc-fav.svelte-odcxdr.svelte-odcxdr{position:absolute;top:6px;right:6px;z-index:8;width:28px;height:28px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .25s;padding:0}.gc-fav.svelte-odcxdr.svelte-odcxdr:hover{color:#ef4444;transform:scale(1.15)}.gc-fav.active.svelte-odcxdr.svelte-odcxdr{color:#ef4444}.gc-fav.loading.svelte-odcxdr.svelte-odcxdr{opacity:.4;pointer-events:none}.fav-btn.svelte-25vy5j{position:absolute;top:4px;right:4px;z-index:8;width:26px;height:26px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff6;transition:all .2s;padding:0}.fav-btn.svelte-25vy5j:hover{color:#ef4444;transform:scale(1.15)}.fav-btn.active.svelte-25vy5j{color:#ef4444}.fav-btn.loading.svelte-25vy5j{opacity:.3;pointer-events:none}