/* Materialize-inspired hierarchy, adapted to the Sphera palette. No framework. */
:where(:is(button,a):is(.btn,.compare-prices-btn,.home-primary,.home-secondary,.social-button,.profile-primary,.profile-avatar-shortcut,.play-action-primary,.play-action-quiet,.group-lobby-primary,.group-lobby-secondary,.xbox-primary,.xbox-secondary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,.sphera-twitch-trigger,[data-connection-primary],[data-connection-check],[data-connection-retry],[data-profile-tab],[data-profile-platform],[data-sphera-button]),.connection-account-actions a,.connection-account-actions button,.connection-leave-dialog button,.group-solo-dialog-actions button,.social-invitation-actions button,.play-intent button[type=submit],[data-play-open-composer],[data-discover-more],[data-watch-search-submit]){position:relative}
:where(:is(button,a):is(.btn,.compare-prices-btn,.home-primary,.home-secondary,.social-button,.profile-primary,.profile-avatar-shortcut,.play-action-primary,.play-action-quiet,.group-lobby-primary,.group-lobby-secondary,.xbox-primary,.xbox-secondary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,.sphera-twitch-trigger,[data-connection-primary],[data-connection-check],[data-connection-retry],[data-profile-tab],[data-profile-platform],[data-sphera-button]),.connection-account-actions a,.connection-account-actions button,.connection-leave-dialog button,.group-solo-dialog-actions button,.social-invitation-actions button,.play-intent button[type=submit],[data-play-open-composer],[data-discover-more],[data-watch-search-submit]):focus-visible{outline:2px solid #e9cf63;outline-offset:4px}
.sphera-ink-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none!important;z-index:1;color:inherit;contain:paint}
.sphera-ink-wave{position:absolute;display:block;border-radius:50%;background:currentColor;pointer-events:none!important;opacity:0;transform-origin:center;will-change:transform,opacity}
.sphera-ink-layer.is-sweep .sphera-ink-wave{border-radius:0;background:linear-gradient(90deg,transparent,#fff9,transparent)}
.sphera-ink-layer.is-halo .sphera-ink-wave{background:transparent;box-shadow:inset 0 0 0 1px currentColor,inset 0 0 16px #d5c47d12}
.sphera-ink-layer.is-underline .sphera-ink-wave{border-radius:3px;background:#e9cf63}
.sphera-ink-layer.is-orbit .sphera-ink-wave{background:transparent;border:2px solid #d8b4f0;box-shadow:0 0 18px #b38ade35;box-sizing:border-box}
/* No motion at rest; each action chooses a short response. */
@media(prefers-reduced-motion:no-preference){
html[data-effects=immersive] :where(:is(button,a):is(.btn,.compare-prices-btn,.home-primary,.home-secondary,.social-button,.profile-primary,.profile-avatar-shortcut,.play-action-primary,.play-action-quiet,.group-lobby-primary,.group-lobby-secondary,.xbox-primary,.xbox-secondary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,.sphera-twitch-trigger,[data-connection-primary],[data-connection-check],[data-connection-retry],[data-profile-tab],[data-profile-platform],[data-sphera-button]),.connection-account-actions a,.connection-account-actions button,.connection-leave-dialog button,.group-solo-dialog-actions button,.social-invitation-actions button,.play-intent button[type=submit],[data-play-open-composer],[data-discover-more],[data-watch-search-submit]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *){transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease,translate .18s ease}
html[data-effects=immersive] :is(.game-card,.store-feature-card,.library-card,.calendar-game,.ps-game-card,.ms-game-card,.watch-stream-card,.social-game):not(.news-studio *,[data-steam-pane=news] *){transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
html[data-effects=immersive] :is(.profile-chips label,.profile-avatar-picker label,.profile-cover-options label){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-effects=immersive] :is(.profile-chips label,.profile-avatar-picker label,.profile-cover-options label):has(input:checked){box-shadow:inset 0 0 0 1px #e9cf6335;background-color:#e9cf630c}
html[data-effects=immersive] dialog:is(.price-comparison-dialog,.connection-leave-dialog,.watch-player-dialog,.sg-modal)[open]{animation:sphera-dialog-arrive .2s ease-out}
}
@keyframes sphera-dialog-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
html[data-effects=immersive] :where(:is(button,a):is(.btn,.compare-prices-btn,.home-primary,.home-secondary,.social-button,.profile-primary,.profile-avatar-shortcut,.play-action-primary,.play-action-quiet,.group-lobby-primary,.group-lobby-secondary,.xbox-primary,.xbox-secondary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,.sphera-twitch-trigger,[data-connection-primary],[data-connection-check],[data-connection-retry],[data-profile-tab],[data-profile-platform],[data-sphera-button]),.connection-account-actions a,.connection-account-actions button,.connection-leave-dialog button,.group-solo-dialog-actions button,.social-invitation-actions button,.play-intent button[type=submit],[data-play-open-composer],[data-discover-more],[data-watch-search-submit]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):hover{border-color:#ddcd825c}
html[data-effects=immersive] :is(.home-primary,.profile-primary,.social-button.is-primary,.play-action-primary,.group-lobby-primary,.xbox-primary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,[data-connection-primary],.play-intent button[type=submit]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):hover{translate:0 -2px;box-shadow:0 6px 18px #050a1645,0 0 0 1px #edda8f24}
html[data-effects=immersive] :is(.home-primary,.profile-primary,.social-button.is-primary,.play-action-primary,.group-lobby-primary,.xbox-primary,.auth-submit-btn,.sg-primary,.sphera-chat-primary,.alert-primary,[data-connection-primary],.play-intent button[type=submit]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):active{translate:0 0;box-shadow:0 1px 4px #02081224}
html[data-effects=immersive] :is(.home-secondary,.social-button:not(.is-primary),.profile-avatar-shortcut,.play-action-quiet,.group-lobby-secondary,.xbox-secondary,.connection-account-actions a:not([data-connection-primary]),.connection-account-actions button,.connection-leave-dialog button,.group-solo-dialog-actions button,.social-invitation-actions button,.btn-outline,.btn-slate):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):hover{background-color:#d3c7890b;border-color:#d8c77d73;box-shadow:inset 0 0 0 1px #e9cf6310}
html[data-effects=immersive] :is([data-profile-tab],[data-profile-platform]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):hover{background-color:#d3c78909;box-shadow:inset 0 -2px #e9cf6355}
html[data-effects=immersive] .sphera-twitch-trigger:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.disabled):not([data-sphera-feedback=off]):not(.news-studio *,[data-steam-pane=news] *,[data-sphera-feedback=off] *,[aria-busy=true] *):hover{border-color:#c99be6a1;box-shadow:0 0 0 3px #b189dc12;background-color:#ac80d71a}
html[data-effects=immersive] :is(.game-card,.store-feature-card,.library-card,.calendar-game,.ps-game-card,.ms-game-card,.watch-stream-card,.social-game):not(.news-studio *,[data-steam-pane=news] *):is(:hover,:focus-within){border-color:#c3b57458;box-shadow:0 9px 22px #03091730}
html[data-effects=immersive] .watch-stream-card:is(:hover,:focus-within){border-color:#b794d766;box-shadow:0 9px 22px #03091730,0 0 0 1px #ab87cb0a}
html[data-effects=immersive] :is(.profile-chips label,.profile-avatar-picker label,.profile-cover-options label):hover{border-color:#e0cf7e80;background-color:#e9cf6307}
}
/* Essential/reduced motion keeps labels, selection and keyboard focus intact. */
:is(html[data-effects=essential],html[data-system-motion=reduce]) .sphera-ink-layer{display:none!important}
@media(prefers-reduced-motion:reduce){.sphera-ink-layer{display:none!important}}