.scalc-tool{gap:8px;margin-bottom:12px;display:flex}.scalc-input-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;transition:border-color .15s;display:flex;position:relative}.scalc-input-wrap:focus-within{border-color:var(--text-dim)}.scalc-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:.875rem}.scalc-input::placeholder{color:var(--text-dim)}.scalc-input-actions{flex-shrink:0;align-items:center;gap:2px;padding-right:6px;display:flex}.scalc-btn-icon{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.scalc-btn-icon:hover{color:var(--text-muted);background:var(--bg)}.scalc-btn-calc{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.813rem;font-weight:600;transition:opacity .15s;display:flex}.scalc-btn-calc:hover{opacity:.85}.scalc-examples{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.scalc-examples-label{color:var(--text-dim);font-size:.75rem}.scalc-example{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-pill);padding:3px 10px;font-size:.75rem;text-decoration:none;transition:background .15s,color .15s}.scalc-example:hover{background:var(--bg-card-hover);color:var(--text)}.scalc-error{background:rgba(var(--danger-rgb), .08);border:1px solid rgba(var(--danger-rgb), .2);border-radius:var(--radius-sm);color:var(--offline);margin-bottom:16px;padding:10px 14px;font-size:.813rem;line-height:1.5}.scalc-loading{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:24px;font-size:.813rem;display:flex}.scalc-spinner{border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite scalcSpin}.scalc-profile{background:var(--bg-card);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:flex}.scalc-avatar-wrap{flex-shrink:0;position:relative}.scalc-avatar{border-radius:var(--radius-sm);width:56px;height:56px;display:block}.scalc-status-dot{background:var(--text-dim);border:2.5px solid var(--bg-card);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.scalc-status-dot.scalc-online{background:var(--online)}.scalc-profile-info{flex:1;min-width:0}.scalc-name-row{align-items:center;gap:8px;display:flex}.scalc-name{color:var(--text);word-break:break-word;font-size:1rem;font-weight:600;line-height:1.3}.scalc-level-badge{min-width:24px;height:20px;color:var(--text);background:var(--bg);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:700;display:inline-flex}.scalc-member{color:var(--text-muted);margin-top:2px;font-size:.75rem}.scalc-status-text{color:var(--text-dim);margin-top:2px;font-size:.688rem}.scalc-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.scalc-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:2px 6px;font-size:.625rem;font-weight:600}.scalc-badge-vac{background:rgba(var(--danger-rgb), .15);color:var(--offline)}.scalc-badge-trade{background:rgba(var(--warn-rgb), .15);color:var(--slow)}.scalc-badge-limited{color:var(--text-dim);background:#8b919a26}.scalc-profile-link{width:32px;height:32px;color:var(--text-dim);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.scalc-profile-link:hover{color:var(--text-muted);background:var(--bg)}.scalc-stats{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:16px;display:grid}.scalc-stat{background:var(--bg-card);border-radius:var(--radius-sm);padding:14px}.scalc-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.688rem;font-weight:500}.scalc-stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:1.2}.scalc-stat-value::selection{background:var(--text-dim)}.scalc-stat-sub{color:var(--text-dim);margin-top:3px;font-size:.688rem}.scalc-stat-value{color:var(--text)}.scalc-stat-spent .scalc-stat-value{color:var(--slow)}.scalc-section-header{margin-top:4px;margin-bottom:10px}.scalc-section-title{color:var(--text);align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.scalc-table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;overflow:hidden}.scalc-table{border-collapse:collapse;width:100%}.scalc-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-card);border-bottom:1px solid var(--border);padding:8px 12px;font-size:.688rem;font-weight:600}.scalc-table th:last-child{text-align:right}.scalc-game-row td{border-bottom:1px solid var(--border);background:var(--bg-card);padding:8px 12px;transition:background .1s}.scalc-game-row:last-child td{border-bottom:none}.scalc-game-row:hover td{background:var(--bg-card-hover)}.scalc-game-rank{width:32px;color:var(--text-dim);font-size:.75rem;font-weight:600;text-align:center!important}.scalc-game-name{font-size:.813rem}.scalc-game-name a,.scalc-game-name .link{color:var(--text);text-decoration:none;transition:color .15s}.scalc-game-name a:hover,.scalc-game-name .link:hover{color:var(--text-muted)}.scalc-game-hours{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.813rem;font-weight:600}.scalc-inv-thumb-cell{width:52px;padding-right:0!important}.scalc-inv-thumb{object-fit:contain;background:var(--bg);border-radius:3px;width:48px;height:36px;display:block}.scalc-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:#8b919a14;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;display:flex}.scalc-notice svg{color:var(--text-dim);flex-shrink:0;margin-top:1px}.scalc-notice strong{color:var(--text);margin-bottom:4px;font-size:.813rem;display:block}.scalc-notice p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.scalc-notice-warn{background:rgba(var(--warn-rgb), .06);border-color:rgba(var(--warn-rgb), .15)}.scalc-notice-warn svg{color:var(--slow)}.scalc-disclaimer{color:var(--text-dim);align-items:flex-start;gap:6px;margin-bottom:20px;padding:10px 0 0;font-size:.688rem;line-height:1.5;display:flex}.scalc-disclaimer svg{flex-shrink:0;margin-top:1px}@media (width<=600px){.scalc-tool{flex-direction:column}.scalc-btn-calc{justify-content:center}.scalc-profile{gap:10px;padding:12px}.scalc-avatar{width:44px;height:44px}.scalc-status-dot{width:12px;height:12px}.scalc-name{font-size:.875rem}.scalc-stats{grid-template-columns:repeat(2,1fr);gap:4px}.scalc-stat{padding:10px}.scalc-stat-value{font-size:1.05rem}.scalc-game-row td{padding:7px 8px}.scalc-game-rank{width:24px;font-size:.688rem}.scalc-game-name,.scalc-game-hours{font-size:.75rem}}@media (width<=479px){.scalc-stats>.scalc-stat:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=480px){.scalc-stats{grid-template-columns:repeat(3,1fr)}}@keyframes scalcSpin{to{transform:rotate(360deg)}}.scalc-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px;display:grid}.scalc-summary .scalc-stat-value{font-size:1.5rem}.scalc-summary .scalc-stat-inventory .scalc-stat-value,.scalc-summary .scalc-stat-total .scalc-stat-value{color:var(--online)}.scalc-summary .scalc-stat-total{background:var(--bg-card-hover)}.scalc-spinner--inline{vertical-align:middle;width:18px;height:18px;display:inline-block}.scalc-section{flex-direction:column;margin-bottom:20px;display:flex}.scalc-section .scalc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.scalc-subtitle{font-size:var(--fs-body);color:var(--text-muted);align-items:center;gap:6px;margin:4px 0 10px;font-weight:600;display:flex}.scalc-section .scalc-stats{flex-wrap:wrap;display:flex}.scalc-section .scalc-stats>.scalc-stat{flex:150px;min-width:0}.scalc-loading--inline{margin-bottom:12px}@media (width>=640px){.scalc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.scalc-summary{grid-template-columns:1fr 1fr}.scalc-summary .scalc-stat-total{grid-column:1/-1}.scalc-summary .scalc-stat-value{font-size:1.2rem}}
