.steam-page{margin:0 auto;max-width:1200px;padding:24px 20px}@keyframes steam-spin{to{transform:rotate(1turn)}}.steam-error{align-items:center;background:color-mix(in srgb,var(--c-danger),transparent 85%);border:1px solid var(--c-danger);border-radius:.5rem;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:24px;padding:16px 20px}.steam-error__icon{color:var(--c-danger);flex-shrink:0;font-size:1rem}.steam-error__text{color:var(--c-text);font-size:.875rem}.steam-profile{background:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.875rem;box-shadow:0 1px 3px var(--ld-shadow);transition:all .25s ease}.steam-profile:hover{box-shadow:0 4px 12px var(--ld-shadow)}.steam-profile{align-items:flex-start;display:flex;flex-direction:row;gap:24px;justify-content:flex-start;margin-bottom:24px;padding:24px}.steam-profile__avatar-wrap{flex-shrink:0;position:relative}.steam-profile__avatar{border:3px solid var(--c-primary);border-radius:.5rem;display:block;height:100px;object-fit:cover;width:100px}.steam-profile__status-dot{background:var(--c-text-3);border:3px solid var(--c-bg-soft);border-radius:50%;bottom:-6px;height:20px;position:absolute;right:-6px;width:20px}.steam-profile__status-dot.online{background:#57cbde}.steam-profile__status-dot.playing{background:#a4d007}.steam-profile__info{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:8px;justify-content:flex-start;min-width:0}.steam-profile__header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.steam-profile__name{color:var(--c-text);font-size:1.5rem;font-weight:600;margin:0}.steam-profile__btn{align-items:center;background:var(--c-primary);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.steam-profile__btn:hover{opacity:.9;transform:translateY(-1px)}.steam-profile__status-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start}.steam-profile__status{color:var(--c-text-2);font-size:.875rem}.steam-profile__status.online{color:#57cbde}.steam-profile__status.playing{color:#a4d007}.steam-profile__last-online{color:var(--c-text-3);font-size:.75rem}.steam-profile__meta{align-items:center;color:var(--c-text-2);display:flex;flex-direction:row;flex-wrap:wrap;font-size:.875rem;gap:12px;justify-content:flex-start}.steam-profile__level{align-items:center;background:var(--c-primary);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.steam-profile__badges{flex-wrap:wrap;gap:8px;justify-content:flex-start}.steam-badge,.steam-profile__badges{align-items:center;display:flex;flex-direction:row}.steam-badge{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:.5rem;cursor:default;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:36px}.steam-badge:hover{border-color:var(--c-primary);transform:scale(1.1)}.steam-badge--foil{border-color:gold;box-shadow:0 0 6px #ffd7004d}.steam-badge__icon{font-size:1rem}.steam-badge__img{height:100%;object-fit:cover;width:100%}.steam-badge__level{background:var(--c-primary);border-radius:2px;bottom:-2px;color:#fff;font-size:.625rem;font-weight:700;line-height:1;padding:1px 4px;position:absolute;right:-2px}.steam-badge--more{background:var(--c-bg-soft);color:var(--c-text);font-size:.75rem;font-weight:600;text-decoration:none}.steam-badge--more:hover{background:var(--c-primary);color:#fff}.steam-stats{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.steam-stats__item{background:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.875rem;box-shadow:0 1px 3px var(--ld-shadow);transition:all .25s ease}.steam-stats__item:hover{box-shadow:0 4px 12px var(--ld-shadow)}.steam-stats__item{padding:20px;text-align:center}.steam-stats__item:hover{border-color:var(--c-primary-soft);transform:translateY(-2px)}.steam-stats__value{color:var(--c-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:300;margin-bottom:4px}.steam-stats__label{color:var(--c-text-3);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.steam-section:not(:last-child){margin-bottom:32px}.steam-section__header{border-bottom:1px solid var(--c-border);justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.steam-section__header,.steam-section__title{align-items:center;display:flex;flex-direction:row}.steam-section__title{color:var(--c-text);font-size:1rem;font-weight:600;gap:8px;justify-content:flex-start;letter-spacing:.5px;text-transform:uppercase}.steam-section__subtitle{color:var(--c-text-3);font-size:.75rem}.steam-recent-grid{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.steam-game-card{background:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.875rem;box-shadow:0 1px 3px var(--ld-shadow);overflow:hidden;transition:all .25s ease}.steam-game-card:hover{border-color:var(--c-primary);box-shadow:0 4px 12px var(--ld-shadow);transform:translateY(-4px)}.steam-game-card__link{color:inherit;display:block;text-decoration:none}.steam-game-card__img{aspect-ratio:460/215;display:block;object-fit:cover;width:100%}.steam-game-card__info{padding:12px}.steam-game-card__name{color:var(--c-text);font-size:.875rem;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-game-card__meta{align-items:center;display:flex;flex-direction:row;font-size:.75rem;gap:8px;justify-content:space-between}.steam-game-card__time{color:#a4d007;font-weight:500}.steam-game-card__achievements{color:var(--c-text-2)}.steam-game-card__achievements--locked{color:var(--c-text-3)}.steam-game-card__last-played{color:var(--c-text-3);font-size:.75rem}.steam-games-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.steam-pagination{border-top:1px solid var(--c-border);display:flex;flex-direction:row;gap:4px;margin-top:32px;padding-top:24px}.steam-pagination,.steam-pagination__btn{align-items:center;justify-content:center}.steam-pagination__btn{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:.5rem;color:var(--c-text);display:inline-flex;font-size:.875rem;height:36px;min-width:36px;padding:0 12px;text-decoration:none;transition:all .15s}.steam-pagination__btn.active,.steam-pagination__btn:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.steam-pagination__btn.active{font-weight:600}.steam-pagination__btn.disabled{opacity:.4;pointer-events:none}.steam-pagination__ellipsis{color:var(--c-text-3);font-size:.875rem;padding:0 4px}.steam-empty{color:var(--c-text-3);padding:48px 20px;text-align:center}.steam-empty__icon{font-size:3rem;margin-bottom:16px;opacity:.5}.steam-empty__title{color:var(--c-text);font-size:1.125rem;margin-bottom:8px}.steam-empty__desc{color:var(--c-text-3);font-size:.875rem}.steam-heatmap{background:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.875rem;box-shadow:0 1px 3px var(--ld-shadow);margin-bottom:32px;padding:20px;transition:all .25s ease}.steam-heatmap__container{height:200px;position:relative}.steam-heatmap__chart{height:200px;width:100%}.steam-heatmap__empty,.steam-heatmap__error,.steam-heatmap__loading{align-items:center;background:var(--c-bg);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;inset:0;position:absolute;text-align:center}.steam-heatmap__spinner{animation:steam-spin 1s linear infinite;border:3px solid var(--c-border);border-radius:50%;border-top-color:var(--c-primary);height:40px;margin-bottom:12px;width:40px}.steam-heatmap__loading-text{color:var(--c-text-3);font-size:.875rem}.steam-heatmap__legend{align-items:center;color:var(--c-text-3);display:flex;flex-direction:row;font-size:.75rem;gap:4px;justify-content:flex-end;margin-top:12px}.steam-heatmap__legend-label{padding:0 4px}.steam-heatmap__legend-colors{display:flex;gap:3px}.steam-heatmap__legend-color{border:1px solid var(--c-border);border-radius:2px;height:10px;width:10px}@media(max-width:1024px){.steam-recent-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.steam-profile{align-items:center;flex-direction:column;text-align:center}.steam-profile__header{flex-direction:column;gap:12px}.steam-profile__badges,.steam-profile__meta{justify-content:center}.steam-stats{grid-template-columns:1fr}.steam-recent-grid{grid-template-columns:repeat(2,1fr)}.steam-games-grid{grid-template-columns:1fr}.steam-header{flex-wrap:wrap}.steam-back{justify-content:center;order:-1;width:100%}}.steam-header{border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.steam-header,.steam-title{align-items:center;display:flex;flex-direction:row}.steam-title{gap:.6rem;justify-content:flex-start}.steam-title>.iconify,.steam-title>[class^=icon-]{color:var(--c-primary);font-size:1.5em}
