/* Raised, square controls inspired by the supplied Minecraft button reference.
   An important layer wins over legacy per-page overrides without rewriting cards. */
@layer realm-button-treatment {
 html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell){
  --vyre-button-face:color-mix(in srgb,var(--realm-button,#1c1c20) 55%,#1c2b42);
  --vyre-button-foot:#090e17;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:44px!important;max-width:100%;padding:12px 20px!important;
  background:var(--vyre-button-face)!important;background-image:none!important;color:#f0f3f8!important;
  border:1px solid #ffffff0b!important;border-bottom:4px solid var(--vyre-button-foot)!important;border-radius:0!important;
  box-shadow:inset 0 1px 0 #ffffff08,0 2px 0 #05080d!important;
  font-size:.86rem!important;font-weight:800!important;line-height:1.5!important;letter-spacing:.055em!important;text-transform:uppercase!important;
  text-align:center!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transform:none!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .22s ease!important;
 }
 html body[class] :is(.md-button.primary,.md-button.launcher-enter,.md-button[download],.chat-send,.shop-checkout-button){
  --vyre-button-face:color-mix(in srgb,var(--realm-download,#159e49) 30%,#159e49);
  --vyre-button-foot:#09672f;
 }
 html body[class] :is(.auth-submit,.site-header .account-link[data-authenticated=false]){
  --vyre-button-face:#24577c;--vyre-button-foot:#12334d;
 }
 html body[class] .profile-discord-link.profile-discord-link{--vyre-button-face:#303b68;--vyre-button-foot:#1a2141}
 html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.purchase-pending):hover{
  filter:brightness(1.12)!important;transform:translateY(-2px) scale(1.012)!important;box-shadow:inset 0 1px 0 #ffffff16,0 4px 0 #05080d!important;
 }
 html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.purchase-pending):active{
  transform:translateY(2px) scale(.985)!important;filter:brightness(.97)!important;box-shadow:inset 0 1px 0 #ffffff08!important;
 }
 html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):focus-visible{outline:2px solid #a9d9fa!important;outline-offset:4px!important}
 html body[class] :is(.md-button,.chat-send,.version-trigger):is(:disabled,[aria-disabled=true],.disabled,.purchase-pending){
  --vyre-button-face:#252b33;--vyre-button-foot:#13181f;color:#9ba4b0!important;filter:none!important;opacity:.65!important;transform:none!important;cursor:not-allowed!important;
 }
 html body[class] .version-trigger.version-trigger{justify-content:space-between!important;text-align:left!important;padding:10px 14px!important}
 html body[class] .version-trigger strong{font-weight:800;letter-spacing:.025em}
 html body[class] .version-trigger small{font-weight:400;text-transform:none;letter-spacing:0;color:#adb9c9}
 html body[class] .site-header .account-link{min-height:36px!important;padding:7px 12px!important;font-size:.78rem!important;letter-spacing:.025em!important}
 html body[class] .site-header .account-link-label{text-transform:none!important}
 html body[class] .profile-showcase-actions .md-button{min-height:38px!important;padding:8px 12px!important;font-size:.78rem!important}
 html body[class] .md-button>svg,html body[class] .chat-send>svg{flex-shrink:0}
 html body[class] :is(.md-button,.chat-send)>svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)!important}
 html body[class] :is(.md-button,.chat-send):not(:disabled):not([aria-disabled=true]):hover>svg{transform:translateX(2px)!important}
 html body[class] .notification-bell{transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease!important}
 html body[class] .notification-bell:hover{transform:translateY(-2px)!important}
 html body[class] .notification-bell:active{transform:scale(.94)!important}
 @media(max-width:600px){
  html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell){padding:11px 15px!important;font-size:.66rem!important;letter-spacing:.035em!important}
  html body[class] .site-header .account-link{min-height:36px!important;padding:6px 9px!important;font-size:.58rem!important}
  html body[class] .profile-showcase-actions .md-button{padding:8px 11px!important;font-size:.59rem!important}
 }
 @media(prefers-reduced-motion:reduce){
  html body[class] :is(.md-button,.chat-send)>svg,html body[class] :is(.md-button,.chat-send):not(:disabled):not([aria-disabled=true]):hover>svg,html body[class] .notification-bell,html body[class] .notification-bell:is(:hover,:active){transition:none!important;transform:none!important}
  html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell){transition:none!important}
  html body[class] :is(.md-button,.chat-send,.version-trigger,.mc-skin-retry,.profile-discord-link):not(.notification-bell):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.purchase-pending):is(:hover,:active){transform:none!important}
 }
}
@layer realm-button-treatment {
 html body[class] .site-header .account-link[data-authenticated=true]{--vyre-button-face:#246e3d;--vyre-button-foot:#123e22;color:#e0f5e6!important;border-top-color:#4b945f!important;box-shadow:inset 0 1px #4b945f,0 2px #08080a!important}
 html body[class] .site-header .account-link[data-authenticated=true]:focus-visible{outline-color:#86bb94!important}
 html body[class] .site-header .notification-bell{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;box-sizing:border-box!important;border:1px solid #ffffff15!important;border-bottom:4px solid #101620!important;border-radius:50%!important;background:#263344!important;background-image:none!important;color:#e1e8f1!important;box-shadow:inset 0 1px #ffffff10,0 2px #05080d!important;backdrop-filter:none!important;overflow:visible!important;text-decoration:none!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .22s ease!important}
 html body[class] .site-header .notification-bell:hover{background:#263344!important;color:#fff!important;filter:brightness(1.12)!important;transform:translateY(-2px) scale(1.012)!important;box-shadow:inset 0 1px #ffffff20,0 4px #05080d!important;border-color:#ffffff24!important;border-bottom-color:#101620!important}
 html body[class] .site-header .notification-bell:active{transform:translateY(2px) scale(.985)!important;filter:brightness(.97)!important;box-shadow:inset 0 1px #ffffff08!important}
 html body[class] .site-header .notification-bell:focus-visible{outline:2px solid #a9d9fa!important;outline-offset:4px!important}
 .site-header .notification-bell>svg{width:21px;height:21px}
 @media(prefers-reduced-motion:reduce){html body[class] .site-header .notification-bell,html body[class] .site-header .notification-bell:is(:hover,:active){transition:none!important;transform:none!important}}
}

@layer realm-button-treatment{
 html body[class][class][class] .md-button[download]{--vyre-button-face:#173858!important;--vyre-button-foot:#0a2138!important;color:#e7f1ff!important}
}
