/* Beta corrections: shared controls and compact, predictable mobile geometry. */
select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b8c6d4' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.steam-filter-help{margin:10px 0;color:#a4b5c7;font-size:11px;line-height:1.6}
.sphera-app .steam-shelf-controls .count-badge,.sphera-app .discover-section-heading>.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 9px;box-sizing:border-box;line-height:1;font-size:12px;text-align:center;flex-shrink:0}
.sphera-app .topbar-account-menu{position:relative}
.sphera-app .topbar-account-content{left:auto;right:0;inset-inline-start:auto;inset-inline-end:0;min-width:190px;max-width:calc(100vw - 24px);box-sizing:border-box;z-index:1100}
.sphera-app .notifications-dropdown{z-index:1100;box-sizing:border-box;max-width:calc(100vw - 24px)}
.sphera-app .notifications-dropdown-header{gap:10px;flex-wrap:wrap;align-items:center}
.sphera-app .notifications-dropdown-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sphera-app .notifications-dropdown-header>span{flex:1 1 auto;text-align:left;font-size:14px}
.sphera-app .notifications-dropdown-actions{flex:0 1 auto;flex-direction:row;justify-content:flex-end;width:auto}
.sphera-app .notifications-dropdown-actions form{display:inline-flex;margin:0}
.sphera-app .notifications-dropdown-actions .notifications-see-all-btn{width:auto;flex:0 0 auto}
.sphera-app .notifications-dropdown-actions :is(a,button){min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;box-sizing:border-box;white-space:normal}
.sphera-app .notifications-dropdown-item{min-height:64px;padding:12px 14px;box-sizing:border-box}
.sphera-app .notifications-dropdown-item{align-items:stretch;text-align:left}
.sphera-app .notifications-dropdown-item>small{font-size:10px;color:#8da2b8}
.sphera-app .library-card{display:flex;flex-direction:column;min-width:0}
.sphera-app .library-cover{aspect-ratio:460/215;overflow:hidden;position:relative}
.sphera-app .library-cover .library-cover-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.sphera-app .library-card-actions{margin-top:auto;min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sphera-app .library-card>.steam-player-counts{min-height:98px;box-sizing:border-box;margin:8px 12px 10px;padding:10px;gap:5px;align-content:start}
.sphera-app .library-card .steam-player-counts-link{padding:6px 0;min-height:32px;box-sizing:border-box;line-height:1.4}
.sphera-app #group-card .group-header-meta,.sphera-app #steam-friends-card .steam-friends-header-meta{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sphera-app #group-card .online-badge,.sphera-app #steam-friends-card .online-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:58px;padding:5px 8px;box-sizing:border-box;line-height:1.3;text-align:center;white-space:nowrap}
.sphera-app #group-card .group-feedback{padding:12px;margin:14px 0;line-height:1.6;box-sizing:border-box}
.sphera-app #group-card .group-form-block{margin-top:18px}
.sphera-app #group-card .group-form-block label{display:block;margin-bottom:9px;line-height:1.5}
.sphera-app #group-card .group-form-block input{width:100%;min-width:0;box-sizing:border-box;padding:11px 12px}
.sphera-app #steam-friends-card .steam-friends-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:0;height:auto;padding:0;margin:0 0 14px}
.sphera-app #steam-friends-card .steam-friends-toolbar-copy{display:block;flex:1 1 150px;min-height:0;height:auto;justify-content:initial;gap:0;padding:0}
.sphera-app #steam-friends-card .steam-friends-section-title{margin:0;font-size:12px;line-height:1.5}
.sphera-app #steam-friends-card .steam-friends-sync-note{margin:5px 0 0;line-height:1.5}
.sphera-app #steam-friends-card .steam-friends-toolbar-actions{display:flex;align-items:center;gap:8px;min-height:0;height:auto;margin:0}
.sphera-app #steam-friends-card .steam-friends-block{margin-top:18px}
.sphera-app #steam-friends-card .steam-friends-list{margin-top:0}
.sphera-app [data-play-invite-search]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;width:100%}
.sphera-app [data-play-invite-search] label{display:flex;flex-direction:column;gap:8px;min-width:0}
.sphera-app [data-play-invite-search] input{display:block;box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:11px 12px;font-size:16px}
.sphera-app [data-play-invite-search]>button{box-sizing:border-box;min-width:96px;min-height:44px;padding:10px 16px;font-size:13px;line-height:1.4}
.sphera-app [data-calendar-mode=cards] .calendar-game-art,.sphera-app [data-calendar-mode=cards] .calendar-game-art img{max-width:none;width:100%}
.sphera-app [data-calendar-mode=cards] .calendar-game-art{aspect-ratio:460/215}
.sphera-app [data-calendar-mode=cards] .calendar-game-art img{height:100%;object-fit:contain}
.sphera-app [data-calendar-mode=list] .calendar-games{display:block}
.sphera-app [data-calendar-mode=list] .calendar-game{display:grid;grid-template-columns:44px 100px minmax(0,1fr) 135px;align-items:center;gap:16px;border-width:0 0 1px;border-radius:0;padding:16px 8px;background:transparent}
.sphera-app [data-calendar-mode=list] .calendar-game-art img{max-width:100%;aspect-ratio:460/215;object-fit:contain}
.sphera-app [data-calendar-mode=list] .calendar-game-copy h4{font-size:15px;margin:3px 0}
@media(max-width:620px){
 .sphera-app .notifications-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:var(--notification-top,90px)!important;width:auto!important;max-width:none;transform:none!important;max-height:min(70dvh,520px);overflow:auto}
 .sphera-app .notifications-dropdown-list{max-height:54dvh;overflow:auto;overscroll-behavior:contain}
 .sphera-app .notifications-dropdown-actions{gap:5px}
 .sphera-app .topbar-account-content{right:0;left:auto;min-width:190px}
 .sphera-app #group-card .group-header,.sphera-app #steam-friends-card .steam-friends-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .sphera-app #group-card .group-heading,.sphera-app #steam-friends-card .steam-friends-heading{min-width:0}
 .sphera-app [data-steam-pane=group] .group-custom-price-row{justify-content:center;align-items:center;gap:8px}
 .sphera-app [data-steam-pane=group] .group-custom-price-row :is(.price,.discount){margin:0}
 .sphera-app #steam-friends-card .steam-friends-toolbar-copy{flex-basis:100%;text-align:left}
 .sphera-app #steam-friends-card .steam-friends-toolbar-actions{width:100%;justify-content:flex-start}
 .sphera-app .library-card>.steam-player-counts{min-height:108px;margin:8px 10px;padding:9px}
 .sphera-app .library-card .steam-player-counts-copy{flex-basis:100%;min-width:0}
 .sphera-app .library-card .steam-player-counts-link{margin-left:0}
 .sphera-app [data-play-invite-search]{grid-template-columns:minmax(0,1fr) 96px;gap:8px}
 .sphera-app [data-calendar-mode=list] .calendar-game{grid-template-columns:32px 64px minmax(0,1fr);gap:10px;padding:12px 0}
 .sphera-app [data-calendar-mode=list] .calendar-game-date{grid-row:auto;align-self:center;padding:0}
 .sphera-app [data-calendar-mode=list] .calendar-game-date strong{font-size:23px}
 .sphera-app [data-calendar-mode=list] .calendar-game-art,.sphera-app [data-calendar-mode=list] .calendar-game-copy{grid-column:auto}
 .sphera-app [data-calendar-mode=list] .calendar-game-copy h4{font-size:13px}
 .sphera-app [data-calendar-mode=list] .calendar-game-copy>p{display:none}
 .sphera-app [data-calendar-mode=list] .calendar-match{font-size:9px}
 .sphera-app [data-calendar-mode=list] .calendar-game-actions{grid-column:2/-1;display:flex;flex-direction:row;justify-content:space-between;gap:8px;align-items:center;margin-top:4px}
}
@media(forced-colors:active){select:not([multiple]):not([size]){appearance:auto;background-image:none}}

/* Keep the date away from each preview edge, including legacy nested markup. */
.sphera-app .notifications-dropdown-list{padding:8px;display:grid;gap:8px}
.sphera-app .notifications-dropdown-list .notifications-dropdown-item{padding:14px 14px 18px;min-height:80px;box-sizing:border-box;border-radius:10px}
.sphera-app .notifications-dropdown-item-content{display:flex;flex-direction:column;gap:6px;min-width:0}
.sphera-app .notifications-dropdown-item :is(small,time){display:block;line-height:1.5;margin-top:2px}