.steam-module{position:relative;overflow:hidden}.steam-module .card-body{gap:1rem}.steam-module--glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) 88%, transparent), transparent), linear-gradient(135deg, color-mix(in oklch, var(--color-base-100) 82%, transparent), color-mix(in oklch, var(--color-base-200) 76%, transparent));border:1px solid color-mix(in oklch, var(--color-base-content) 10%, transparent);-webkit-backdrop-filter:blur(18px)}.steam-module--cover{background:linear-gradient(180deg, oklch(0% none none/.25), color-mix(in oklch, var(--color-base-100) 86%, transparent)), linear-gradient(135deg, color-mix(in oklch, var(--color-base-100) 72%, transparent), color-mix(in oklch, var(--color-base-200) 68%, transparent));border:1px solid color-mix(in oklch, var(--color-info) 18%, transparent);-webkit-backdrop-filter:blur(14px)}.steam-module--compact{background:linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) 92%, transparent), color-mix(in oklch, var(--color-base-200) 84%, transparent));border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent)}.steam-module--compact .card-body{gap:.75rem;padding:1rem}.steam-module--compact .steam-module__panel{padding:.85rem}.steam-module--neon{background:radial-gradient(circle at top right, color-mix(in oklch, var(--color-info) 24%, transparent), transparent 40%), radial-gradient(circle at bottom left, color-mix(in oklch, var(--color-primary) 28%, transparent), transparent 45%), linear-gradient(145deg, color-mix(in oklch, var(--color-base-100) 66%, black 34%), color-mix(in oklch, var(--color-base-200) 58%, black 42%));border:1px solid color-mix(in oklch, var(--color-primary) 24%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--color-info) 10%, transparent), 0 18px 40px oklch(0% none none/.18), 0 0 28px color-mix(in oklch, var(--color-primary) 18%, transparent)}.steam-module--glass.liquid-glass{--liquid-glass-surface-opacity:74%;--liquid-glass-surface-opacity-deep:58%;--liquid-glass-neutral-sheen:14%;background:radial-gradient(circle at 82% 18%, color-mix(in oklch, var(--color-info) 12%, transparent), transparent 42%), linear-gradient(135deg, color-mix(in oklch, white var(--liquid-glass-neutral-sheen), transparent), transparent 42%, color-mix(in oklch, var(--color-base-content) 8%, transparent)), linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity), transparent), color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity-deep), transparent));border-color:color-mix(in oklch, var(--color-base-content) 12%, transparent);box-shadow:0 18px 38px oklch(0% none none/.13), 0 8px 20px oklch(0% none none/.08), inset 0 0 0 1px color-mix(in oklch, var(--color-info) 6%, transparent)}.steam-module--cover.liquid-glass{--liquid-glass-surface-opacity:64%;--liquid-glass-surface-opacity-deep:48%;--liquid-glass-neutral-sheen:12%;background:linear-gradient(180deg, oklch(0% none none/.18), color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity), transparent)), linear-gradient(135deg, color-mix(in oklch, white var(--liquid-glass-neutral-sheen), transparent), transparent 40%, color-mix(in oklch, var(--color-info) 8%, transparent)), linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity), transparent), color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity-deep), transparent));border-color:color-mix(in oklch, var(--color-info) 22%, transparent);box-shadow:0 20px 44px oklch(0% none none/.18), 0 8px 22px oklch(0% none none/.1), inset 0 0 0 1px color-mix(in oklch, var(--color-info) 8%, transparent)}.steam-module--neon.liquid-glass{--liquid-glass-surface-opacity:68%;--liquid-glass-surface-opacity-deep:52%;--liquid-glass-neutral-sheen:12%;background:radial-gradient(circle at 88% 12%, color-mix(in oklch, var(--color-info) 18%, transparent), transparent 38%), radial-gradient(circle at 12% 88%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 42%), linear-gradient(135deg, color-mix(in oklch, white var(--liquid-glass-neutral-sheen), transparent), transparent 42%, color-mix(in oklch, var(--color-primary) 10%, transparent)), linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity), transparent), color-mix(in oklch, var(--color-base-100) var(--liquid-glass-surface-opacity-deep), transparent));border-color:color-mix(in oklch, var(--color-primary) 24%, transparent);box-shadow:0 20px 44px oklch(0% none none/.2), 0 8px 22px oklch(0% none none/.12), inset 0 0 0 1px color-mix(in oklch, var(--color-info) 10%, transparent), 0 0 24px color-mix(in oklch, var(--color-primary) 10%, transparent)}.steam-module__backdrop{opacity:.95;pointer-events:none;position:absolute;inset:0}.steam-module__cover-image{filter:saturate(1.05);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.steam-module__cover-shade{background:linear-gradient(180deg, oklch(0% none none/.12), oklch(0% none none/.44)), linear-gradient(135deg, color-mix(in oklch, var(--color-base-100) 22%, transparent), color-mix(in oklch, var(--color-base-100) 82%, transparent));position:absolute;inset:0}.steam-module__header,.steam-module__hero,.steam-module__grid,.steam-module__list,.steam-module__badges,.steam-module__achievement-shell,.steam-module__panel{z-index:1;position:relative}.steam-module__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.steam-module__heading{align-items:center;gap:.75rem;min-width:0;display:flex}.steam-module__title-icon{background:color-mix(in oklch, var(--color-primary) 16%, transparent);width:2.25rem;height:2.25rem;color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-primary) 12%, transparent);border-radius:.9rem;justify-content:center;align-items:center;display:inline-flex}.steam-module__title-icon :is(svg,span){justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:inline-flex}.steam-module__title-copy{min-width:0}.steam-module__title{color:var(--color-base-content);font-size:1rem;font-weight:700;line-height:1.15}.steam-module__subtitle{color:color-mix(in oklch, var(--color-base-content) 60%, transparent);margin-top:.2rem;font-size:.75rem}.steam-module__badge{border:1px solid color-mix(in oklch, var(--color-base-content) 10%, transparent);background:color-mix(in oklch, var(--color-base-100) 72%, transparent)}.steam-module__hero{align-items:center;gap:1rem;display:flex}.steam-module__avatar-wrap{flex-shrink:0;position:relative}.steam-module__avatar{object-fit:cover;border:2px solid color-mix(in oklch, var(--color-base-100) 65%, transparent);border-radius:1.2rem;width:4.5rem;height:4.5rem;box-shadow:0 10px 28px oklch(0% none none/.14)}.steam-module__avatar-wrap.is-playing .steam-module__avatar{border-color:color-mix(in oklch, var(--color-success) 65%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-success) 14%, transparent), 0 12px 30px color-mix(in oklch, var(--color-success) 20%, transparent)}.steam-module__status-dot{border:2px solid color-mix(in oklch, var(--color-base-100) 85%, transparent);background:color-mix(in oklch, var(--color-base-content) 26%, transparent);border-radius:999px;width:.75rem;height:.75rem;position:absolute;bottom:.2rem;right:.2rem}.steam-module__status-dot.is-online{background:var(--color-info)}.steam-module__status-dot.is-playing{background:var(--color-success);box-shadow:0 0 12px color-mix(in oklch, var(--color-success) 38%, transparent)}.steam-module__hero-copy{flex-direction:column;gap:.3rem;min-width:0;display:flex}.steam-module__name{color:var(--color-base-content);font-size:1.05rem;font-weight:700;line-height:1.2}.steam-module__meta{color:color-mix(in oklch, var(--color-base-content) 64%, transparent);flex-wrap:wrap;gap:.45rem;font-size:.75rem;display:flex}.steam-module__meta-pill{background:color-mix(in oklch, var(--color-base-100) 72%, transparent);border:1px solid color-mix(in oklch, var(--color-base-content) 10%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;display:inline-flex}.steam-module__meta-pill.is-success{color:var(--color-success);border-color:color-mix(in oklch, var(--color-success) 20%, transparent)}.steam-module__panel{background:color-mix(in oklch, var(--color-base-100) 72%, transparent);border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);border-radius:1.1rem;padding:1rem}.steam-module__grid{gap:.8rem;display:grid}.steam-module__grid--stats,.steam-module__grid--library{grid-template-columns:repeat(2,minmax(0,1fr))}.steam-module__stat-card{background:linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) 76%, transparent), color-mix(in oklch, var(--color-base-200) 62%, transparent));border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-base-100) 30%, transparent);border-radius:1rem;padding:1rem}.steam-module__stat-label{color:color-mix(in oklch, var(--color-base-content) 50%, transparent);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;display:block}.steam-module__stat-value{color:var(--color-base-content);margin-top:.45rem;font-size:1.2rem;font-weight:700;line-height:1.1;display:block}.steam-module__list{flex-direction:column;gap:.75rem;display:flex}.steam-module__item{background:color-mix(in oklch, var(--color-base-100) 66%, transparent);border:1px solid color-mix(in oklch, var(--color-base-content) 7%, transparent);border-radius:1rem;align-items:center;gap:.8rem;min-width:0;padding:.85rem;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:flex}.steam-module__item:is(a,button){cursor:pointer}.steam-module__item:hover{border-color:color-mix(in oklch, var(--color-primary) 18%, transparent);transform:translateY(-2px);box-shadow:0 10px 24px oklch(0% none none/.12)}.steam-module__thumb{object-fit:cover;background:linear-gradient(135deg, color-mix(in oklch, var(--color-base-content) 6%, transparent), color-mix(in oklch, var(--color-base-content) 10%, transparent));border-radius:.9rem;flex-shrink:0;width:7rem;height:4rem}.steam-module__item-copy{flex:auto;min-width:0}.steam-module__item-title{color:var(--color-base-content);font-size:.95rem;font-weight:600;line-height:1.3}.steam-module__item-meta{color:color-mix(in oklch, var(--color-base-content) 58%, transparent);flex-wrap:wrap;gap:.5rem .8rem;margin-top:.35rem;font-size:.74rem;display:flex}.steam-module__item-meta strong{color:var(--color-base-content);font-weight:600}.steam-module__progress{background:color-mix(in oklch, var(--color-base-content) 10%, transparent);border-radius:999px;width:100%;height:.34rem;margin-top:.55rem;overflow:hidden}.steam-module__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), color-mix(in oklch, var(--color-info) 62%, var(--color-primary)));height:100%}.steam-module__badges{grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr));gap:.65rem;display:grid}.steam-module__badge-card{aspect-ratio:1;background:color-mix(in oklch, var(--color-base-100) 70%, transparent);border:1px solid color-mix(in oklch, var(--color-base-content) 7%, transparent);border-radius:.9rem;justify-content:center;align-items:center;display:flex}.steam-module__badge-image{object-fit:contain;max-width:100%;max-height:100%}.steam-module__achievement-shell{flex-direction:column;gap:.9rem;display:flex}.steam-module__skeleton{background:linear-gradient(90deg, color-mix(in oklch, var(--color-base-content) 8%, transparent), color-mix(in oklch, var(--color-base-content) 16%, transparent), color-mix(in oklch, var(--color-base-content) 8%, transparent));background-size:200% 100%;border-radius:999px;height:1rem;animation:1.4s ease-in-out infinite steam-module-skeleton}.steam-module__empty{text-align:center;min-height:8rem;color:color-mix(in oklch, var(--color-base-content) 58%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex}.steam-module__empty-icon{color:color-mix(in oklch, var(--color-primary) 72%, transparent)}@keyframes steam-module-skeleton{0%{background-position:100%}to{background-position:0%}}.workspace-root .workspace-canvas .draggable-module[data-module-type=steam] .steam-module__grid--library{grid-template-columns:1fr}.workspace-root .workspace-canvas .draggable-module[data-module-type=steam] .steam-module__thumb{width:clamp(5.6rem, calc(4rem + var(--module-scale,1) * 2rem), 8rem);height:clamp(3.4rem, calc(2.4rem + var(--module-scale,1) * 1.5rem), 4.6rem)}.workspace-root .workspace-canvas .draggable-module[data-module-type=steam] .steam-module__item,.workspace-root .workspace-canvas .draggable-module[data-module-type=steam] .steam-module__stat-card,.workspace-root .workspace-canvas .draggable-module[data-module-type=steam] .steam-module__panel{border-radius:clamp(.9rem, calc(.6rem + var(--module-scale,1) * .45rem), 1.25rem)}@media (width<=640px){.steam-module__hero{flex-direction:column;align-items:flex-start}.steam-module__grid--stats,.steam-module__grid--library{grid-template-columns:1fr}.steam-module__item{flex-direction:column;align-items:flex-start}.steam-module__thumb{aspect-ratio:460/215;width:100%;height:auto}}@media (prefers-reduced-motion:reduce){.steam-module *,.steam-module :before,.steam-module :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}