.steamview-page{min-height:60vh}.steamview-hero{position:relative}.steamview-hero-inner{display:block;padding:.1rem 0 0}.steamview-title{margin-top:0;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-base-content),color-mix(in srgb,var(--color-primary) 50%,var(--color-base-content)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.steamview-subtitle{max-width:42rem;line-height:1.75}.steamview-shell{border:none;border-radius:var(--radius-bento-xl, 2rem);background:color-mix(in srgb,var(--color-base-100) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--art-shadow-lg);padding:1.25rem;min-height:420px;position:relative;overflow:hidden;transition:box-shadow .3s var(--ease-natural, ease)}.steamview-shell[data-ready=true],.steamview-shell[data-ready=error]{box-shadow:var(--art-shadow-lg)}.steamview-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) .5%,transparent),transparent 15%);pointer-events:none}.steamview-state{display:flex;align-items:center;gap:.6rem;color:color-mix(in srgb,var(--color-base-content) 65%,transparent);font-size:.875rem;margin-bottom:1rem;padding:1rem 1.1rem;border-radius:var(--radius-bento-md, 1.25rem);background:color-mix(in srgb,var(--color-base-200) 65%,transparent);border:1px solid color-mix(in srgb,var(--color-base-content) 6%,transparent);position:relative;z-index:1}.steamview-state .loading-spinner{color:var(--color-primary)}.steamview-error{color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 22%,transparent);background:color-mix(in srgb,var(--color-error) 8%,transparent)}steam-games-view{display:block;width:100%;position:relative;z-index:1}.steamview-custom-games{position:relative;z-index:1;margin-top:1.5rem}.steamview-custom-games[hidden]{display:none}.steamview-section{margin-bottom:2rem}.steamview-section:last-child{margin-bottom:0}.steamview-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem;padding:0 .25rem}.steamview-section-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-bento-sm, 1rem);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--ease-natural, ease)}.steamview-section:hover .steamview-section-icon{transform:scale(1.05)}.steamview-section-icon--recent{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.steamview-section-icon--total{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.steamview-section-title{font-size:1rem;font-weight:600;color:var(--color-base-content);letter-spacing:-.01em}.steamview-section-badge{font-size:.72rem;font-weight:500;color:color-mix(in srgb,var(--color-base-content) 45%,transparent);background:transparent;padding:0;border-radius:999px;letter-spacing:.02em}.steamview-game-grid{display:grid;gap:1rem}.steamview-game-grid--recent{grid-template-columns:repeat(4,1fr)}.steamview-game-grid--total{grid-template-columns:repeat(4,1fr);gap:1.125rem}.steamview-game-card{display:flex;flex-direction:column;border-radius:var(--radius-bento-sm, 1rem);border:1px solid color-mix(in srgb,var(--color-base-content) 4%,transparent);box-shadow:none;overflow:hidden;background:color-mix(in srgb,var(--color-base-100) 65%,transparent);transition:transform .25s var(--ease-natural, ease),border-color .25s var(--ease-natural, ease);text-decoration:none}.steamview-game-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.steamview-cover-link{display:block;position:relative;overflow:hidden}.steamview-cover-link:after{display:none}.steamview-game-cover{display:block;width:100%;aspect-ratio:460 / 215;-o-object-fit:cover;object-fit:cover;background:color-mix(in srgb,var(--color-base-content) 5%,transparent);transition:transform .4s var(--ease-natural, ease)}.steamview-game-card:hover .steamview-game-cover{transform:scale(1.04)}.steamview-game-body{padding:.75rem .9rem .85rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.steamview-game-head{display:flex;align-items:flex-start;gap:.5rem;justify-content:space-between}.steamview-game-name{font-size:.9rem;font-weight:600;line-height:1.4;color:var(--color-base-content);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s var(--ease-natural, ease)}.steamview-game-card:hover .steamview-game-name{color:var(--color-primary)}.steamview-active-tag{padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}[data-color-scheme=dark] .steamview-active-tag{color:color-mix(in srgb,var(--color-success) 85%,white)}.steamview-game-meta{font-size:.72rem;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;margin:.5rem 0 0;padding-bottom:.6rem;border-bottom:1px solid color-mix(in srgb,var(--color-base-content) 5%,transparent);color:color-mix(in srgb,var(--color-base-content) 40%,transparent)}.steamview-metric-block{margin-top:.65rem}.steamview-metric-block:first-of-type{margin-top:.75rem}.steamview-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:color-mix(in srgb,var(--color-base-content) 50%,transparent)}.steamview-metric-row span:last-child{font-weight:600;color:var(--color-base-content);font-variant-numeric:tabular-nums}.steamview-progress{height:4px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--color-base-content) 6%,transparent);overflow:hidden}.steamview-progress>i{display:block;height:100%;border-radius:999px;background:var(--color-primary);transition:width .6s var(--ease-natural, ease)}.steamview-progress--twoweek>i{background:var(--color-accent)}.steamview-expand-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.75rem 1.25rem;border-radius:var(--radius-bento-sm, 1rem);border:1px solid color-mix(in srgb,var(--color-base-content) 8%,transparent);background:color-mix(in srgb,var(--color-base-content) 3%,transparent);color:var(--color-base-content);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease-natural, ease)}.steamview-expand-btn:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.steamview-expand-btn:active{transform:scale(.99)}.steamview-expand-btn[hidden]{display:none}.steamview-expand-btn .steamview-expand-icon{display:inline-flex;transition:transform .3s var(--ease-natural, ease)}.steamview-expand-btn[data-expanded=true] .steamview-expand-icon{transform:rotate(180deg)}.steamview-game-grid--total[data-expanded=false] .steamview-game-card:nth-child(n+9){display:none}.steamview-section-empty{padding:1.5rem;text-align:center;color:color-mix(in srgb,var(--color-base-content) 40%,transparent);font-size:.875rem;border-radius:var(--radius-bento-sm, 1rem);background:color-mix(in srgb,var(--color-base-content) 3%,transparent)}@media(max-width:1320px){.steamview-game-grid--total{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){.steamview-hero-inner{padding:0}.steamview-shell{padding:.85rem;border-radius:var(--radius-bento-lg, 1.5rem);min-height:360px}.steamview-game-grid--total{grid-template-columns:repeat(2,1fr);gap:.875rem}.steamview-game-grid--recent{grid-template-columns:repeat(2,1fr)}}@media(hover:none)and (pointer:coarse){.steamview-page{min-height:auto}.steamview-shell{box-shadow:var(--art-shadow-md)}.steamview-game-card:hover{transform:none}}@media(max-width:767px){.steamview-title{font-size:clamp(1.45rem,4vw,1.85rem);-webkit-text-fill-color:var(--color-base-content)}.steamview-subtitle{font-size:.83rem}.steamview-shell{padding:.7rem;border-radius:var(--radius-bento-md, 1.25rem)}.steamview-state{padding:.85rem .9rem;align-items:flex-start;border-radius:var(--radius-bento-sm, 1rem)}.steamview-game-grid--recent,.steamview-game-grid--total{grid-template-columns:1fr}.steamview-section-title{font-size:1rem}.steamview-game-body{padding:.85rem .9rem .95rem}.steamview-game-name{font-size:.92rem;min-height:1.4em}.steamview-metric-row{font-size:.76rem}}@media(prefers-reduced-motion:reduce){.steamview-shell{transition:none}.steamview-shell:before{transition:none}}