/* cookie consent banner */
.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:65;
  max-width:560px;margin:0 auto;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line-2);border-radius:16px;padding:16px 18px;
  box-shadow:var(--shadow-md,0 20px 50px rgba(0,0,0,.55));
  transform:translateY(110%);opacity:0;
  transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1);
}
.cookie-banner.is-visible{transform:none;opacity:1}
.cookie-banner-inner{display:flex;flex-direction:column;gap:14px}
.cookie-banner-text{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.cookie-banner-text a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.cookie-banner-text a:hover{color:var(--lime)}
.cookie-banner-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.support-consent{
  padding:32px 22px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;
  flex:1;justify-content:center;min-height:240px;
  background:radial-gradient(ellipse at 50% 0%,rgba(51,224,124,.06),transparent 60%);
}
.support-consent[hidden],.support-discord[hidden]{display:none!important}
.support-consent p{margin:0;font-size:13px;line-height:1.6;color:var(--muted);max-width:300px}
.support-consent a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.support-consent a:hover{color:var(--lime)}
.support-consent .btn-solid{min-width:160px}
.btn-block{display:flex;width:100%;justify-content:center}
@media(max-width:768px){
  .cookie-banner{left:10px;right:10px;bottom:calc(80px + env(safe-area-inset-bottom, 0px))}
}
