/* Winged button art is based on the supplied Sigurdar logo.
   Font, color and sizing tokens live in launcher.css. Labels remain HTML. */
.royal-theme .btn-primary,.royal-theme .btn-discord,.royal-theme .vm-btn--gold{
    --button-art:url('../images/royal/ui/sigurdar-button-gold.png');
    position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
    min-height:112px;min-width:320px;padding:41px 68px 29px;
    border:0!important;background:none!important;box-shadow:none!important;border-radius:0;
    color:#f3f7ff!important;text-shadow:0 2px 4px #020711;
    font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:0;
    line-height:1.25;text-transform:none;gap:10px;filter:none;overflow:visible;
}
.royal-theme .btn-primary:before,.royal-theme .btn-discord:before,.royal-theme .vm-btn--gold:before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:var(--button-art) center/100% 100% no-repeat;
    transition:filter .18s,transform .12s;filter:drop-shadow(0 5px 9px #02050c80);
}
.royal-theme .btn-discord{--button-art:url('../images/royal/ui/sigurdar-button-blue.png')}
.royal-theme .btn-primary:hover,.royal-theme .btn-discord:hover,.royal-theme .vm-btn--gold:hover{
    background:none!important;box-shadow:none!important;filter:none;color:#fff!important;
}
.royal-theme .btn-primary:hover:before,.royal-theme .btn-discord:hover:before,.royal-theme .vm-btn--gold:hover:before{
    filter:brightness(1.12) drop-shadow(0 0 12px #6ba8e14d);
}
.royal-theme .btn-primary:active:before,.royal-theme .btn-discord:active:before,.royal-theme .vm-btn--gold:active:before{
    filter:brightness(.95);transform:scale(.985);
}
.royal-theme .btn-primary:focus-visible,.royal-theme .btn-discord:focus-visible,.royal-theme .vm-btn--gold:focus-visible{
    outline:2px solid #a9d9ff;outline-offset:4px;
}
.royal-theme .vm-btn--gold:disabled,.royal-theme .btn[aria-disabled=true]{filter:grayscale(.6);opacity:.6;cursor:not-allowed}
.royal-theme .vm-auth-form>.vm-btn--gold{width:100%;min-width:0;margin-top:0}
.royal-theme .hero-buttons{gap:18px}
@media(max-width:767px){
    .royal-theme .hero-buttons{max-width:390px;gap:4px}
    .royal-theme .hero-buttons .btn{min-height:106px;min-width:0;font-size:17px;padding:40px 56px 27px}
    .royal-theme .vm-auth-form>.vm-btn--gold{font-size:17px;padding:38px 50px 27px;min-height:104px}
    .royal-theme .royal-community .btn{min-width:0;padding-inline:52px;font-size:17px}
}
@media(max-width:380px){
    .royal-theme .hero-buttons .btn{font-size:15px;padding-inline:46px}
    .royal-theme .vm-auth-form>.vm-btn--gold{font-size:15px;padding-inline:42px}
}