/* A Steam-supplied view inside the existing square glass Overview. */
.steam-overview-panel{--steam-accent:#79bfec;--area-role:var(--steam-accent);container-type:inline-size}
.steam-provider-tab i,.steam-connected i,.steam-provider-footer i{width:6px;height:6px;border-radius:50%;background:#74d69b;display:inline-block;flex:none}
.steam-heading{gap:10px}.steam-heading>.steam-connected{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}
.steam-overview-panel svg,.steam-game-stage svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.steam-overview-panel h4,.steam-overview-panel p{margin:0}.steam-overview-panel button,.steam-overview-panel input,.steam-overview-panel textarea{font:inherit;color:var(--text)}
.steam-overview-panel button{cursor:pointer}.steam-overview-panel button:focus-visible,.steam-game-stage button:focus-visible{outline:2px solid var(--steam-accent,#79bfec);outline-offset:-3px}
.steam-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 13px;border:1px solid var(--sd-glass-groove);border-radius:0;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);font:inherit;font-size:12px;cursor:pointer}
.steam-button:hover{background:color-mix(in srgb,var(--text) 11%,transparent)}.steam-primary{background:color-mix(in srgb,var(--steam-accent,#79bfec) 17%,transparent);border-color:color-mix(in srgb,var(--steam-accent,#79bfec) 36%,transparent)}
.steam-text-button{border:0;background:transparent;padding:6px;color:var(--muted)!important;font-size:11px!important}.steam-text-button:hover{color:var(--text)!important;text-decoration:underline}
.steam-game-context{padding:16px 20px;display:flex;align-items:center;gap:16px;flex:none;background:linear-gradient(110deg,color-mix(in srgb,var(--steam-accent) 9%,transparent),transparent 60%);border-bottom:1px solid var(--sd-glass-groove)}
.steam-game-art{display:grid;place-items:center;width:66px;height:74px;flex:none;color:#e9e6c1;background:linear-gradient(150deg,#718885,#20363c 60%,#151e27);font-family:Georgia,serif;font-size:49px;border:1px solid #90a49b66;text-shadow:0 3px 12px #0009}
.steam-game-context .eyebrow{font-size:9px;letter-spacing:.12em}.steam-game-context h4{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.02em}.steam-game-context p{font-size:11px;color:var(--muted);margin-top:4px}.steam-game-context p span{margin:0 5px}.steam-game-actions{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:4px}.steam-game-actions kbd{font:inherit;color:var(--muted);font-size:10px;padding-left:6px}
.steam-tool-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--sd-glass-groove);flex:none;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}
.steam-tool-tabs button{display:flex;align-items:center;gap:7px;min-height:43px;white-space:nowrap;border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 11px;background:transparent;font-size:12px;color:var(--muted)}.steam-tool-tabs button[aria-selected="true"]{border-bottom-color:var(--steam-accent);color:var(--text);background:color-mix(in srgb,var(--steam-accent) 5%,transparent)}.steam-tool-tabs button span{font-size:10px;color:var(--muted)}
.steam-tool-content{flex:1;min-height:0;display:flex;overflow:hidden}.steam-tool-panel{flex:1;min-height:0;min-width:0}.steam-tool-panel[hidden]{display:none!important}
.steam-friends-layout{display:grid;grid-template-columns:minmax(180px,.31fr) minmax(0,1fr)}.steam-friends-column{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--sd-glass-groove)}.steam-friends-column>header{padding:15px 16px 10px;display:flex;justify-content:space-between;align-items:center}.steam-friends-column h4{font-size:12px}.steam-friends-column>header>span{font-size:10px;color:var(--muted)}
.steam-friends-list{overflow:auto;overscroll-behavior:contain;padding:0 8px;flex:1;min-height:0}.steam-friends-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 9px;border:1px solid transparent;border-radius:0;background:transparent}.steam-friends-list>button[aria-pressed="true"]{background:color-mix(in srgb,var(--steam-accent) 9%,transparent);border-color:color-mix(in srgb,var(--steam-accent) 20%,transparent)}.steam-friends-list>button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.steam-friends-list>button>span:nth-child(2){flex:1;min-width:0}.steam-friends-list b,.steam-you b{font-size:12px;display:block}.steam-friends-list small,.steam-you small{display:block;font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}.steam-friends-list>button>svg{width:14px;opacity:.5}
.steam-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;font-size:14px;border:1px solid color-mix(in srgb,var(--avatar-color) 35%,transparent);background:color-mix(in srgb,var(--avatar-color) 12%,transparent);color:var(--avatar-color)}.avatar-green{--avatar-color:#73cb9a}.avatar-blue{--avatar-color:#77b9ed}.avatar-violet{--avatar-color:#b4a1df}.avatar-you{--avatar-color:var(--steam-accent)}
.steam-online,.steam-away{display:inline-block;width:5px;height:5px;background:#73cb9a;border-radius:50%;margin-right:4px}.steam-away{background:#d5b675}.steam-you{display:flex;gap:10px;align-items:center;padding:13px 16px;border-top:1px solid var(--sd-glass-groove)}.steam-you>i{margin-left:auto}
.steam-chat-column{display:flex;flex-direction:column;min-width:0;min-height:0}.steam-chat-heading{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--sd-glass-groove);flex:none}.steam-chat-heading h4{font-size:13px}.steam-chat-heading small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.steam-chat-label{margin-left:auto;color:var(--muted);font-size:10px}
.steam-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:16px}.steam-message{display:flex;flex-direction:column;align-items:flex-start;max-width:85%;gap:5px;font-size:12px;line-height:1.65}.steam-message>small{color:var(--muted);font-size:10px}.steam-message>p{padding:10px 13px;background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--sd-glass-groove);overflow-wrap:anywhere;white-space:pre-wrap}.steam-message.is-you{align-self:flex-end;align-items:flex-end}.steam-message.is-you>p{background:color-mix(in srgb,var(--steam-accent) 11%,transparent);border-color:color-mix(in srgb,var(--steam-accent) 20%,transparent)}
.steam-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:12px 18px;border-top:1px solid var(--sd-glass-groove);flex:none}.steam-chat-form input,.steam-guide-search input{min-width:0;width:100%;border:1px solid var(--sd-glass-groove);background:color-mix(in srgb,var(--text) 3%,transparent);padding:10px 11px;border-radius:0;font-size:12px}.steam-chat-form>small{grid-column:1/-1;font-size:9px;color:var(--muted)}.steam-chat-form>button{padding:5px}
.steam-guides-layout{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr)}.steam-guide-list-column{padding:15px;border-right:1px solid var(--sd-glass-groove);overflow:auto;overscroll-behavior:contain}.steam-guide-search{display:flex;align-items:center;gap:8px;margin-bottom:14px}.steam-guide-search input{padding:9px}.steam-guide-list-column button{display:grid;grid-template-columns:22px 1fr;text-align:left;gap:5px 9px;width:100%;padding:12px 8px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent}.steam-guide-list-column button[aria-pressed="true"]{border-left-color:var(--steam-accent);background:color-mix(in srgb,var(--steam-accent) 8%,transparent)}.steam-guide-list-column button>span{grid-row:1/3;font-size:10px;color:var(--muted);padding-top:2px}.steam-guide-list-column b{font-size:12px;font-weight:500}.steam-guide-list-column small{font-size:10px;color:var(--muted)}.steam-guide-source{display:block;margin-top:22px;line-height:1.6}.steam-guide-article{padding:26px 30px;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:1.8}.steam-guide-article h4{font-size:23px;line-height:1.3;margin:8px 0 18px}.steam-guide-article p{margin:0 0 16px}.steam-guide-article ol{padding-left:22px}.steam-guide-article li{padding:4px 0}.steam-guide-article .eyebrow{font-size:10px}
.steam-notes-layout{display:flex;flex-direction:column;padding:22px;gap:16px;overflow:auto;overscroll-behavior:contain}.steam-notes-layout>header{display:flex;justify-content:space-between;gap:12px;align-items:start}.steam-notes-layout h4,.steam-achievements-layout h4{font-size:20px;margin:7px 0}.steam-notes-layout p,.steam-achievements-layout p{font-size:12px;color:var(--muted);line-height:1.7}.steam-notes-layout .eyebrow,.steam-achievements-layout .eyebrow{font-size:10px}.steam-notes-layout #steamNoteStatus{font-size:10px;color:var(--muted);white-space:nowrap;padding-top:4px}.steam-notes-layout textarea{resize:none;min-height:130px;flex:1;padding:17px;border:1px solid var(--sd-glass-groove);border-radius:0;background:color-mix(in srgb,var(--text) 3%,transparent);line-height:1.8;font-size:13px;overscroll-behavior:contain}.steam-notes-layout footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.steam-notes-layout footer>span{display:flex;gap:7px;align-items:center}
.steam-achievements-layout{padding:22px;overflow:auto;overscroll-behavior:contain}.steam-achievements-layout>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.steam-achievements-layout>header>label{display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap}.steam-progress{height:4px;background:color-mix(in srgb,var(--text) 10%,transparent);margin:18px 0}.steam-progress>span{display:block;width:50%;height:100%;background:var(--steam-accent)}.steam-achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steam-achievement-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--sd-glass-groove);min-width:0}.steam-achievement-grid article[hidden]{display:none}.steam-achievement-grid b{font-size:12px}.steam-achievement-grid p{font-size:11px;margin:4px 0}.steam-achievement-grid small{font-size:10px;color:var(--muted)}.steam-achievement-icon{font-size:24px;color:var(--steam-accent);flex:none;width:34px;text-align:center}.steam-achievement-grid article[data-steam-unlocked="false"] .steam-achievement-icon{color:var(--muted)}.steam-achievement-footnote{margin-top:18px!important;font-size:10px!important}
.steam-provider-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--sd-glass-groove);font-size:9px;color:var(--muted);flex:none}.steam-provider-footer>span:first-child{display:flex;align-items:center;gap:6px}
.steam-game-stage{position:relative;min-height:0;overflow:hidden;color:#e0e9c4;isolation:isolate;background:#233c43 url('images/gaming/sanctuary-concept.svg') center/cover;--text:#e6ebd4;--sd-glass-groove:#cbdcbe44;--steam-accent:#c0d5a3}
.steam-game-crosshair{position:absolute;top:50%;left:50%;color:#dbe9bc88;font-size:28px;font-weight:300}.steam-game-stage>header{position:absolute;inset:26px 30px auto;display:flex;justify-content:space-between;align-items:center;gap:15px}.steam-game-stage>header b{font-size:19px;letter-spacing:.16em}.steam-game-stage>header small{display:block;margin-top:8px;opacity:.65;font-size:10px}.steam-game-stage>header button{background:#0a172570}
.steam-game-location{position:absolute;left:8%;bottom:23%;text-shadow:0 3px 12px #0006}.steam-game-location>span{font-size:10px;letter-spacing:.24em;opacity:.7}.steam-game-location h2{font-size:clamp(27px,4vw,58px);font-weight:400;margin:9px 0 12px;letter-spacing:-.02em}.steam-game-location p{font-size:13px;opacity:.7}.steam-game-stage>footer{position:absolute;inset:auto 5% 28px;display:flex;justify-content:space-between;align-items:end;font-size:12px;gap:16px}.steam-game-stage>footer>span{display:flex;align-items:center;gap:12px;letter-spacing:.05em}.steam-game-stage>footer i{width:100px;height:6px;background:linear-gradient(90deg,#b8d594 78%,#b8d59444 78%)}.steam-game-stage>footer b{font-size:10px;font-weight:400;opacity:.6}.steam-game-stage>footer>div{text-align:center}.steam-game-stage>footer small{display:block;font-size:10px;opacity:.6;margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.steam-guide-list-column button[hidden]{display:none!important}
@container(max-width:650px){.steam-game-context{padding:12px;gap:10px}.steam-game-art{width:45px;height:53px;font-size:36px}.steam-game-context h4{font-size:20px}.steam-game-actions kbd,.steam-heading>.steam-connected,.steam-chat-label,.steam-provider-footer>span:last-child{display:none}.steam-game-actions .steam-button{font-size:11px;padding:7px}.steam-friends-layout,.steam-guides-layout{grid-template-columns:160px minmax(0,1fr)}.steam-friends-list>button>svg{display:none}.steam-friends-list small{white-space:normal}.steam-messages{padding:14px}.steam-message{max-width:95%;font-size:11px}.steam-guide-article{padding:18px}.steam-achievement-grid{grid-template-columns:1fr}.steam-achievements-layout>header{align-items:start;flex-direction:column}.steam-tool-tabs{padding:0 8px}.steam-tool-tabs button{font-size:11px;padding:7px}.steam-tool-tabs button svg{display:none}.steam-provider-footer{font-size:8px}}
@container(max-width:420px){.steam-friends-layout{grid-template-columns:1fr}.steam-friends-column{border-right:0;border-bottom:1px solid var(--sd-glass-groove)}.steam-friends-column>header,.steam-you{display:none}.steam-friends-list{display:flex;flex:none;padding:6px;overflow-x:auto}.steam-friends-list>button{width:auto;flex:1;justify-content:center;padding:6px;gap:5px}.steam-friends-list small{display:none}.steam-friends-list .steam-avatar{width:23px;height:23px;font-size:11px}.steam-friends-list b{font-size:10px}.steam-chat-column{min-height:180px}.steam-game-context .eyebrow{font-size:8px}.steam-game-context p{font-size:9px}.steam-game-actions .steam-button svg{display:none}.steam-guides-layout{display:flex;flex-direction:column;overflow:auto}.steam-guide-list-column{flex:none;border:0;border-bottom:1px solid var(--sd-glass-groove)}.steam-guide-source{display:none}.steam-guide-article{overflow:visible}.steam-notes-layout>header{flex-direction:column}.steam-game-stage>footer>span{display:none}}
@media(max-width:1000px){.overview-section-nav .overview-scroll-hint{display:none}}

/* Contributed tabs are a separate group, while sharing the Overview navigation. */
.overview-provider-tabs{display:inline-flex;align-items:center;gap:5px;margin-inline-start:16px;padding-inline-start:16px;border-left:1px solid var(--sd-glass-groove)}
.overview-provider-tabs[hidden],.universal-search .overview-carousel .overview-panel[hidden]{display:none!important}
.steam-provider-tab{--workspace-accent:#79bfec}.steam-provider-tab svg{color:#79bfec}
/* Opaque native app content; fullscreen is owned by the existing window manager. */
.app-frame.steam-game-window,.app-frame.steam-client-window{grid-template-rows:48px minmax(0,1fr)!important;container-type:inline-size}
.app-frame.steam-game-window.is-fullscreen{grid-template-rows:minmax(0,1fr)!important}
.steam-game-window .steam-game-stage .steam-button{background:#172f39ed!important;color:#e6ebd4!important;border-color:#cbdcbe66!important;box-shadow:inset 0 1px #e6ebd41a,0 3px 10px #0002!important}
.steam-game-window .steam-game-stage .steam-button:hover{background:#26444ced!important}
.steam-game-window.is-fullscreen>.app-titlebar{display:none}
.steam-game-stage>header{inset:22px 24px auto}.steam-game-stage>header>span{max-width:60%}
.steam-client-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(20px,4cqw,36px);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,#79bfec 10%,transparent),transparent 70%),var(--content-surface);color:var(--text)}
.steam-client-content>.eyebrow{font-size:10px;color:var(--muted)}.steam-client-content h2{font-size:clamp(23px,5cqw,32px);line-height:1.25;letter-spacing:-.025em;margin:12px 0}.steam-client-content>p{color:var(--muted);font-size:13px;line-height:1.75;max-width:48ch;margin:0 0 24px}.steam-client-content svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.steam-client-game{display:flex;gap:16px;align-items:center;padding:18px 0;border-block:1px solid var(--sd-glass-groove)}.steam-client-game small{font-size:9px;letter-spacing:.13em;color:var(--muted)}.steam-client-game h3{font-size:23px;font-weight:500;margin:5px 0 6px}.steam-client-game>div>span{font-size:12px;color:var(--muted)}.steam-client-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.steam-client-actions>.steam-button{font-size:12px}.steam-client-friends{display:flex;gap:8px;align-items:center;margin:28px 0 22px;font-size:12px}.steam-client-friends>span:last-child{margin-left:6px}.steam-client-friends small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.steam-client-disclaimer{font-size:10px;line-height:1.6;color:var(--muted)}
/* A restrained blue identity over warm, textured game imagery. */
.steam-overview-panel .steam-game-context{position:relative;isolation:isolate;padding:19px 22px;min-height:112px;background:linear-gradient(90deg,var(--content-surface-raised) 35%,color-mix(in srgb,var(--content-surface-raised) 60%,transparent)),url('images/gaming/sanctuary-concept.svg') 60% 43%/cover}
.steam-game-art{background:linear-gradient(145deg,#4b6b67,#253a40);width:62px;height:74px;box-shadow:0 4px 15px #0002}
.steam-game-art>svg{width:45px;height:45px;stroke:none;fill:none}.steam-client-content .steam-game-art>svg{width:45px;height:45px;stroke:none}
.steam-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--avatar-color) 21%,var(--content-surface-raised)),color-mix(in srgb,var(--avatar-color) 6%,var(--content-surface-raised)));box-shadow:inset 0 1px color-mix(in srgb,var(--avatar-color) 16%,transparent)}
.steam-chat-heading{min-height:66px}.steam-chat-heading>.steam-avatar{width:38px;height:38px}.steam-friends-column{background:color-mix(in srgb,var(--text) 2%,transparent)}.steam-friends-list>button{padding-block:14px}.steam-message>p{box-shadow:0 2px 7px #00000007}.steam-message.is-you>p{border-left:2px solid color-mix(in srgb,var(--steam-accent) 50%,transparent)}.steam-messages{background:linear-gradient(150deg,color-mix(in srgb,var(--steam-accent) 3%,transparent),transparent 65%)}
.steam-overview-panel .steam-heading{background:color-mix(in srgb,var(--steam-accent) 5%,transparent)!important}.steam-achievement-grid article[data-steam-unlocked="true"]{background:linear-gradient(125deg,color-mix(in srgb,#84c89a 8%,transparent),transparent);border-color:color-mix(in srgb,#84c89a 24%,var(--sd-glass-groove))}.steam-achievement-grid article[data-steam-unlocked="true"] .steam-achievement-icon{color:#84c89a}
@container(max-width:650px){.steam-overview-panel .steam-game-context{padding:12px;min-height:90px}.steam-game-art{width:45px;height:56px}.steam-game-art>svg{width:34px;height:34px}.steam-game-location{bottom:25%;left:7%}.steam-game-location h2{font-size:clamp(26px,6cqw,48px)}.steam-game-stage>header{inset:16px}.steam-game-stage>header b{font-size:14px}.steam-game-stage>header small{font-size:9px}.steam-game-stage>header button{font-size:10px;padding:7px}.steam-game-stage>footer{inset:auto 6% 16px}.steam-game-stage>footer i{width:70px}.steam-game-stage>footer b{display:none}}
@media(max-width:760px){.overview-section-nav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px}.overview-provider-tabs{margin-inline-start:10px;padding-inline-start:10px;flex:none}.overview-section-tab{flex:none}}
.steam-overview-panel .steam-game-context{flex-wrap:wrap}
.steam-temporary-desktop{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-basis:100%;padding-top:10px;border-top:1px solid #79bfec33}
.steam-temporary-desktop[hidden]{display:none!important}
.steam-temporary-desktop > span{display:flex;flex-direction:column;gap:5px;min-width:0}
.steam-temporary-desktop b{font-size:11px;font-weight:600}
.steam-temporary-desktop small{font-size:10px;color:var(--muted);line-height:1.4}
.steam-temporary-desktop > div{display:flex;align-items:center;gap:10px;flex:none}
.steam-temporary-desktop .steam-text-button{font-size:11px;padding:8px 9px;border:1px solid #79bfec44}
@container(max-width:650px){.steam-temporary-desktop{align-items:stretch;flex-direction:column;gap:8px}.steam-temporary-desktop > div{justify-content:flex-start}}