/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-03-02 15:40:08
 * Fingerprint: 1a6333be1dc79673
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
.steam-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.steam-avatar{width:64px;height:64px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.steam-user-info{flex:1;min-width:0}.steam-username{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:4px;display:flex;align-items:center;gap:var(--space-2)}.steam-status{font-size:12px;padding:2px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.steam-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.steam-status--online .steam-status-dot{background:#57cbde}.steam-status--online{background:rgba(87,203,222,0.15);color:#57cbde}.steam-status--offline .steam-status-dot{background:#898989}.steam-status--offline{background:rgba(137,137,137,0.15);color:#898989}.steam-status--ingame .steam-status-dot{background:#90ba3c}.steam-status--ingame{background:rgba(144,186,60,0.15);color:#90ba3c}.steam-level-badge{display:flex;align-items:center;gap:var(--space-2);margin-top:6px;font-size:12px;color:var(--color-text-muted)}.steam-level-num{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));color:#fff;font-weight:700;font-size:11px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.steam-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:rgba(255,255,255,0.03);border-radius:var(--radius-lg);border:1px solid var(--color-border)}[data-theme="light"] .steam-stats-bar{background:rgba(0,0,0,0.02)}.steam-stat-item{text-align:center}.steam-stat-num{display:block;font-size:1.3rem;font-weight:700;color:var(--color-text);line-height:1.2}.steam-stat-label{display:block;font-size:11px;color:var(--color-text-muted);margin-top:2px}.steam-recent-title{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.steam-recent-title svg{width:14px;height:14px}.steam-recent-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.steam-game-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast)}.steam-game-item:hover{background:rgba(255,255,255,0.05)}[data-theme="light"] .steam-game-item:hover{background:rgba(0,0,0,0.03)}.steam-game-img{width:80px;height:30px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.steam-game-info{flex:1;min-width:0}.steam-game-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steam-game-time{font-size:11px;color:var(--color-text-muted)}.steam-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all var(--duration-fast)}.steam-more-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(255,255,255,0.03)}.steam-more-btn svg{width:14px;height:14px}.steam-error{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:13px}.steam-error svg{width:40px;height:40px;margin-bottom:var(--space-3);opacity:0.3}.steam-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.steam-modal.active{display:flex}.steam-modal-content{background:rgba(17,17,17,0.65);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(0,0,0,0.15);animation:steamModalSlideIn 0.35s cubic-bezier(0.34,1.56,0.64,1);border:2px solid var(--color-accent);overflow:hidden;position:relative}[data-theme="light"] .steam-modal-content{background:rgba(255,255,255,0.65)}@keyframes steamModalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.steam-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--color-accent);border-radius:10px;font-size:18px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.steam-modal-close:hover{filter:brightness(1.1);transform:rotate(90deg) scale(1.1)}.steam-modal-body{padding:var(--space-6);overflow-y:auto;color:var(--color-text)}.steam-modal-body::-webkit-scrollbar{width:6px}.steam-modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.steam-modal-body::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.steam-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.steam-tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--duration-fast);position:relative}.steam-tab:hover{color:var(--color-text-secondary)}.steam-tab.active{color:var(--color-accent);background:rgba(255,255,255,0.05)}.steam-tab.active::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--color-accent);border-radius:1px}.steam-tab-panel{display:none}.steam-tab-panel.active{display:block}.steam-heatmap-wrapper{margin-bottom:var(--space-5)}.steam-heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.steam-heatmap-title{font-size:14px;font-weight:600;color:var(--color-text)}.steam-heatmap-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted)}.steam-heatmap-legend-block{width:10px;height:10px;border-radius:2px}.steam-heatmap-container{overflow-x:auto;padding-bottom:var(--space-2)}.steam-heatmap-container::-webkit-scrollbar{height:4px}.steam-heatmap-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.steam-heatmap{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:3px}.steam-heatmap-cell{width:12px;height:12px;border-radius:2px;background:rgba(255,255,255,0.05);transition:all var(--duration-fast);cursor:default;position:relative}[data-theme="light"] .steam-heatmap-cell{background:rgba(0,0,0,0.05)}.steam-heatmap-cell[data-level="1"]{background:rgba(var(--steam-accent-rgb,245,150,170),0.25)}.steam-heatmap-cell[data-level="2"]{background:rgba(var(--steam-accent-rgb,245,150,170),0.5)}.steam-heatmap-cell[data-level="3"]{background:rgba(var(--steam-accent-rgb,245,150,170),0.75)}.steam-heatmap-cell[data-level="4"]{background:var(--color-accent)}.steam-heatmap-cell:hover{outline:2px solid var(--color-accent);outline-offset:1px}.steam-heatmap-tooltip{display:none;position:fixed;padding:6px 10px;background:rgba(0,0,0,0.85);color:#fff;font-size:11px;border-radius:var(--radius-sm);pointer-events:none;z-index:10001;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.steam-heatmap-months{display:flex;font-size:10px;color:var(--color-text-muted);margin-bottom:4px;padding-left:0}.steam-heatmap-months span{flex-shrink:0}.steam-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.steam-game-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:rgba(255,255,255,0.03);transition:all var(--duration-fast)}[data-theme="light"] .steam-game-card{background:rgba(0,0,0,0.02)}.steam-game-card:hover{border-color:var(--color-accent);transform:translateY(-1px)}.steam-game-card-img{width:90px;height:34px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.steam-game-card-info{flex:1;min-width:0}.steam-game-card-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.steam-game-card-playtime{font-size:11px;color:var(--color-text-muted)}.steam-load-more{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-4);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;width:100%;transition:all var(--duration-fast)}.steam-load-more:hover{border-color:var(--color-accent);color:var(--color-accent)}.steam-load-more:disabled{opacity:0.5;cursor:not-allowed}.steam-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);font-size:13px;gap:var(--space-2)}.steam-loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:steamSpin 0.6s linear infinite}@keyframes steamSpin{to{transform:rotate(360deg)}}@media (max-width:640px){.steam-modal-content{width:95%;max-height:90vh;border-radius:16px}.steam-modal-body{padding:var(--space-4)}.steam-modal-close{top:12px;right:12px}.steam-stats-bar{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.steam-games-grid{grid-template-columns:1fr}.steam-card-header{gap:var(--space-3)}.steam-avatar{width:52px;height:52px}.steam-heatmap-cell{width:10px;height:10px}.steam-heatmap{gap:2px;grid-template-rows:repeat(7,10px);grid-auto-columns:10px}}