/* V3.5D.2 — compact, collapsible Steam connection with semantic state */
.steam-connection-card{position:relative;margin:14px 0 0!important;padding:0!important;overflow:hidden;border-radius:18px!important;border:1px solid rgba(89,154,207,.24)!important;background:linear-gradient(145deg,rgba(16,27,38,.92),rgba(11,12,17,.97))!important;box-shadow:0 14px 36px rgba(0,0,0,.14);transition:border-color .18s ease,box-shadow .18s ease}
.steam-connection-card:before{content:'STEAM';position:absolute;inset:auto -12px -30px auto;font:900 88px/1 Inter,Arial,sans-serif;color:rgba(255,255,255,.018);pointer-events:none}
.steam-connection-card.is-connected{border-color:rgba(65,218,139,.30)!important;box-shadow:0 14px 36px rgba(0,0,0,.14),inset 0 0 0 1px rgba(65,218,139,.025)}
.steam-connection-card.is-disconnected{border-color:rgba(255,70,92,.25)!important;box-shadow:0 14px 36px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,70,92,.02)}
.steam-connection-card.is-error{border-color:rgba(255,169,72,.26)!important}
.steam-connection-toggle{position:relative;z-index:1;width:100%;min-height:82px;border:0;background:linear-gradient(110deg,rgba(105,183,238,.045),rgba(255,255,255,.012));color:inherit;padding:13px 16px;display:grid;grid-template-columns:48px minmax(0,1fr) auto 24px;gap:13px;align-items:center;text-align:inherit;cursor:pointer}
.steam-connection-toggle:hover{background:linear-gradient(110deg,rgba(105,183,238,.075),rgba(255,255,255,.018))}
.steam-connection-mark{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent;flex:0 0 auto;overflow:hidden}.steam-official-logo{width:52px;height:52px;display:block;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.steam-connection-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.steam-connection-copy small{display:block;color:#69b7ee;font:900 9px/1 Inter,Arial,sans-serif;letter-spacing:.14em}.steam-connection-copy strong{font-size:17px;line-height:1.35}.steam-connection-copy>span{color:var(--muted,#9fa0aa);font-size:10px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.steam-connection-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:9px;font-weight:900;white-space:nowrap}.steam-connection-status i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font:1000 12px/1 Inter,Arial,sans-serif;font-style:normal}.is-connected .steam-connection-status{color:#79e5ad;border-color:rgba(70,217,141,.22);background:rgba(70,217,141,.06)}.is-connected .steam-connection-status i{background:rgba(70,217,141,.14);color:#65e6a2}.is-disconnected .steam-connection-status{color:#ff8a98;border-color:rgba(255,70,92,.22);background:rgba(255,70,92,.055)}.is-disconnected .steam-connection-status i{background:rgba(255,70,92,.15);color:#ff6678;animation:zgSteamAlert 1.45s ease-in-out infinite}.is-error .steam-connection-status{color:#ffc175;border-color:rgba(255,169,72,.22);background:rgba(255,169,72,.055)}
.steam-connection-chevron{font-size:20px;color:#91a4b4;transition:transform .18s ease}.steam-connection-toggle[aria-expanded="true"] .steam-connection-chevron{transform:rotate(180deg)}
@keyframes zgSteamAlert{0%,100%{box-shadow:0 0 0 0 rgba(255,70,92,0);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(255,70,92,.07);transform:scale(1.06)}}
.steam-connection-body{position:relative;z-index:1;margin:0;padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.055)}.steam-connection-body[hidden]{display:none!important}.steam-connection-card.is-open .steam-connection-body{padding-top:14px}
.steam-connect-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.steam-connect-empty b{display:block;font-size:13px}.steam-connect-empty span{display:block;margin-top:4px;color:var(--muted,#9fa0aa);font-size:10px;line-height:1.55}
.steam-official-signin{appearance:none;border:0;background:transparent;padding:0;display:inline-grid;place-items:center;cursor:pointer;border-radius:8px;transition:transform .16s ease,filter .16s ease;flex:0 0 auto}.steam-official-signin:hover{transform:translateY(-1px);filter:brightness(1.06)}.steam-official-signin:focus-visible{outline:2px solid #66b6ed;outline-offset:4px}.steam-official-signin-image{display:block;width:176px;height:43px;object-fit:contain}.steam-legal{display:block;margin:10px 2px 0;color:#666e7b;font:600 7.5px/1.55 Inter,Arial,sans-serif;direction:ltr;text-align:left;opacity:.78}
.steam-account-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.steam-account-avatar{width:48px;height:48px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:#17232f;border:1px solid rgba(255,255,255,.08);font:900 11px Inter,Arial,sans-serif}.steam-account-avatar img{width:100%;height:100%;object-fit:cover}.steam-account-copy{min-width:0}.steam-account-copy b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steam-account-copy small{display:block;margin-top:4px;color:#7f8792;font:700 9px Inter,Arial,sans-serif;overflow-wrap:anywhere}.steam-account-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.steam-library-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.steam-library-kpis article{padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018)}.steam-library-kpis b{display:block;font:900 19px Inter,Arial,sans-serif}.steam-library-kpis span{display:block;margin-top:2px;color:#868c96;font-size:9px}
.steam-privacy-box{margin-top:10px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(0,0,0,.12)}.steam-privacy-box header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.steam-privacy-box header b{font-size:13px}.steam-privacy-box header small{display:block;margin-top:3px;color:#7f8792;font-size:9px}.steam-privacy-controls{display:grid;grid-template-columns:minmax(170px,.7fr) repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.steam-privacy-controls label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0c0e12;font-size:10px}.steam-privacy-controls select{width:100%;background:#11151b;color:#fff;border:1px solid #323844;border-radius:9px;padding:7px 8px;font:700 10px Cairo,Arial,sans-serif}.steam-privacy-controls input{accent-color:#66b6ed}
.steam-library-manager{margin-top:10px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(0,0,0,.12);overflow:hidden}.steam-library-manager[hidden]{display:none!important}.steam-library-toolbar{display:flex;align-items:center;gap:8px;padding:11px;border-bottom:1px solid rgba(255,255,255,.06)}.steam-library-toolbar input{flex:1;min-width:0;background:#0c0e12;color:#fff;border:1px solid #303641;border-radius:10px;padding:9px 10px;font:700 10px Cairo,Arial,sans-serif}.steam-library-list{display:grid;max-height:560px;overflow:auto}.steam-library-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(120px,.55fr) minmax(260px,1fr);gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.steam-library-row:last-child{border-bottom:0}.steam-game-copy b{display:block;font-size:11px}.steam-game-copy small{display:block;margin-top:3px;color:#7e8590;font-size:8px}.steam-game-match{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:rgba(70,205,135,.08);color:#8ce5b3;font-size:7px;font-weight:900}.steam-game-match.unmatched{background:rgba(255,255,255,.04);color:#8b9098}.steam-game-playtime b{display:block;font:900 12px Inter,Arial,sans-serif}.steam-game-playtime small{display:block;color:#7e8590;font-size:8px;margin-top:2px}.steam-game-privacy{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;gap:7px;align-items:center}.steam-game-privacy select{background:#101319;color:#fff;border:1px solid #303641;border-radius:9px;padding:7px;font:700 9px Cairo,Arial,sans-serif}.steam-game-privacy label{display:flex;align-items:center;gap:5px;font-size:8px;color:#a7abb2;white-space:nowrap}.steam-game-privacy input{accent-color:#66b6ed}.steam-connection-message{min-height:18px;margin-top:9px;color:#8f949e;font-size:10px}.steam-connection-message.ok{color:#7ce0ab}.steam-connection-message.err{color:#ff91a0}.steam-setup-note{margin-top:9px;padding:9px 11px;border:1px solid rgba(255,197,84,.15);border-radius:11px;background:rgba(255,197,84,.04);color:#c9ac75;font-size:9px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.is-disconnected .steam-connection-status i{animation:none}.steam-connection-chevron{transition:none}}
@media(max-width:820px){.steam-connection-toggle{grid-template-columns:52px minmax(0,1fr) 24px}.steam-connection-status{grid-column:2/4;justify-self:start}.steam-account-strip{grid-template-columns:auto minmax(0,1fr)}.steam-account-actions{grid-column:1/-1;justify-content:flex-start}.steam-privacy-controls{grid-template-columns:1fr}.steam-library-row{grid-template-columns:1fr}.steam-game-privacy{grid-template-columns:1fr auto auto}}
@media(max-width:560px){.steam-connection-toggle{padding:12px 13px;gap:10px}.steam-connection-mark,.steam-official-logo{width:46px;height:46px}.steam-official-signin-image{width:160px;height:auto}.steam-connection-copy>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.steam-connect-empty{flex-direction:column;align-items:stretch}.steam-library-kpis{grid-template-columns:1fr}.steam-game-privacy{grid-template-columns:1fr}.steam-game-privacy label{white-space:normal}.steam-account-strip{grid-template-columns:1fr}.steam-account-avatar{width:44px;height:44px}}