@media(max-width:767px){
body[data-template-id="temple-black"]{--design-header-height:64px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
body[data-template-id="temple-black"] .design-header{display:flex;grid-template-columns:none;grid-template-rows:none;height:64px;padding:8px 12px;gap:7px;align-items:center}
body[data-template-id="temple-black"] .lobby-header .design-logo{grid-column:auto;grid-row:auto;justify-self:auto;min-width:92px;flex:1 1 156px;margin:0;overflow:visible;width:auto}
body[data-template-id="temple-black"] .lobby-header .design-logo a{display:flex;align-items:center;min-width:0;max-width:100%;overflow:visible}
body[data-template-id="temple-black"] .lobby-header .design-logo img{display:block;width:100%;max-width:156px;height:36px;object-fit:contain;object-position:left center}
body[data-template-id="temple-black"] .lobby-header .design-mobile-menu{grid-column:auto;grid-row:auto;flex:0 0 58px;order:4}
body[data-template-id="temple-black"] .lobby-header .design-mobile-menu summary{width:58px;height:48px;padding:0;border:0;border-radius:7px;background:#ffd36a;color:#17110a;font-size:28px}
body[data-template-id="temple-black"] .lobby-header .lobby-signup,body[data-template-id="temple-black"] .lobby-header .lobby-login{grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;text-align:center;border:0;border-radius:7px;font-size:18px;padding:10px 12px;color:#fff!important}
body[data-template-id="temple-black"] .lobby-header .lobby-signup{background:#14853a;color:#fff!important;box-shadow:0 5px 16px #14853a40}
body[data-template-id="temple-black"] .lobby-header .lobby-login{background:#ffd36a;color:#17110a!important;box-shadow:0 5px 16px #ffd36a3d}
body[data-template-id="temple-black"] .design-hero{height:360px;margin:0 0 20px}
body[data-template-id="temple-black"] .design-hero__copy{align-items:center;text-align:center;padding:24px 20px;gap:8px;background:linear-gradient(90deg,#14141455,#141414b0,#14141455)}
body[data-template-id="temple-black"] .design-hero__title{font-size:30px}
body[data-template-id="temple-black"] .design-hero__subtitle{position:relative;z-index:0;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% - 12px);max-width:620px;min-height:112px;margin:12px 0 2px;padding:18px 12px 20px;border:0;border-radius:8px;color:#fff!important;font:900 clamp(23px,6.5vw,32px)/1.15 var(--font-ui);letter-spacing:0;text-align:center;text-wrap:balance;white-space:normal;overflow-wrap:anywhere;background:rgba(17,17,17,.84);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 22px rgba(197,138,66,.42)}
body[data-template-id="temple-black"] .design-hero__subtitle::before{content:"";position:absolute;z-index:-2;top:-110%;left:-50%;width:200%;height:320%;background:conic-gradient(transparent,#ffd36a,#c58a42,transparent 30%);animation:bonusRotateGlow 2.2s linear infinite}
body[data-template-id="temple-black"] .design-hero__subtitle::after{content:"";position:absolute;z-index:-1;inset:3px;border-radius:6px;background:rgba(17,17,17,.84);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
body[data-template-id="temple-black"] .design-hero__copy .design-actions{justify-content:center;width:100%;margin-top:12px}
body[data-template-id="temple-black"] .design-hero__copy .design-action--outline{display:none}
body[data-template-id="temple-black"] .design-hero__copy .design-actions a:first-child{display:inline-flex}
body[data-template-id="temple-black"] .design-hero__copy .design-actions a:last-child{display:none}
body[data-template-id="temple-black"] .design-hero__copy .design-actions a{background:#ffd36a;color:#17110a!important;border:0;max-width:220px}
}
@keyframes bonusRotateGlow{to{transform:rotate(360deg)}}
