/* V108 — premium floating navigation and Help Louise control */
:root{--v108-gold:#f2c86a;--v108-ink:#020713;--v108-pink:#ef1659;--v108-blue:#1598ef}
body{padding-top:82px!important}
.top{
  position:fixed!important;inset:0 0 auto 0!important;top:0!important;width:100%!important;
  min-height:82px!important;padding:9px clamp(10px,2vw,22px)!important;
  background:linear-gradient(180deg,rgba(2,8,20,.97),rgba(2,7,18,.91))!important;
  border-bottom:1px solid rgba(242,200,106,.48)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.58),inset 0 -1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px) saturate(155%)!important;-webkit-backdrop-filter:blur(18px) saturate(155%)!important;
}
.top .logo{
  position:relative;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 clamp(170px,24vw,250px)!important;min-width:0!important;padding:7px 12px!important;
  border:1px solid rgba(242,200,106,.55)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(12,22,41,.96),rgba(2,7,18,.92))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 20px rgba(242,200,106,.12),inset 0 1px 0 rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
.top .logo:before{content:"";position:absolute;inset:1px 10% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}
.top .logo img{width:100%!important;max-height:52px!important;object-fit:contain!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.8)) brightness(1.08)!important}
.top .actions{display:flex!important;gap:8px!important;align-items:center!important}
.top .actions a,.top .actions button{
  position:relative!important;width:clamp(94px,13.5vw,158px)!important;aspect-ratio:2.48/1!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:13px!important;overflow:hidden!important;
  background:#071224!important;padding:0!important;isolation:isolate!important;
  box-shadow:0 9px 22px rgba(0,0,0,.5),0 0 16px rgba(21,152,239,.18),inset 0 1px 0 rgba(255,255,255,.35)!important;
  transform:translateZ(0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.top .actions a:nth-child(2){box-shadow:0 9px 22px rgba(0,0,0,.5),0 0 18px rgba(242,200,106,.28),inset 0 1px 0 rgba(255,255,255,.35)!important}
.top .actions a:nth-child(3){box-shadow:0 9px 22px rgba(0,0,0,.5),0 0 19px rgba(239,22,89,.35),inset 0 1px 0 rgba(255,255,255,.35)!important}
.top .actions a:before,.top .actions button:before{content:"";position:absolute;z-index:2;inset:1px 8% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);pointer-events:none}
.top .actions a:after,.top .actions button:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.22) 37%,transparent 54%);transform:translateX(-120%);transition:transform .48s ease;pointer-events:none}
.top .actions a:hover:after,.top .actions button:hover:after{transform:translateX(120%)}
.top .actions a:hover,.top .actions button:hover{transform:translateY(-2px) scale(1.025)!important;filter:brightness(1.12)!important}
.top .actions a:active,.top .actions button:active{transform:translateY(1px) scale(.985)!important}
.top .actions img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;border-radius:12px!important}

.float-premium{
  position:fixed!important;right:14px!important;bottom:16px!important;z-index:7000!important;
  width:108px!important;height:108px!important;padding:5px!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.22),rgba(123,0,42,.22) 38%,rgba(2,7,19,.18) 70%)!important;
  border:1px solid rgba(255,220,135,.76)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 28px rgba(239,22,89,.58),0 0 0 4px rgba(239,22,89,.13),inset 0 1px 0 rgba(255,255,255,.5)!important;
  opacity:.96!important;overflow:visible!important;transition:opacity .22s ease,transform .22s ease,filter .22s ease!important;
}
.float-premium:before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(242,200,106,.5);box-shadow:0 0 18px rgba(242,200,106,.22);pointer-events:none}
.float-premium:after{content:"DONATE";position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#f22665,#8f002c);border:1px solid rgba(255,224,155,.72);color:#fff6d7;font-size:10px;font-weight:1000;letter-spacing:.12em;text-shadow:0 1px 3px #000;box-shadow:0 5px 14px rgba(0,0,0,.45)}
.float-premium img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;background:transparent!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.46))!important}
.float-premium.is-scrolling{opacity:.48!important;transform:scale(.92)!important;pointer-events:auto!important}
.float-premium:hover{opacity:1!important;transform:scale(1.06)!important;filter:brightness(1.08)!important}

@media(max-width:760px){
  body{padding-top:68px!important}
  .top{min-height:68px!important;padding:6px 7px!important;gap:5px!important}
  .top .logo{flex:0 0 126px!important;padding:4px 7px!important;border-radius:17px!important}
  .top .logo img{max-height:42px!important}
  .top .actions{gap:3px!important;flex:1 1 auto!important;min-width:0!important}
  .top .actions a,.top .actions button{width:clamp(62px,18.2vw,88px)!important;border-radius:9px!important}
  .top .actions img{border-radius:8px!important}
  .float-premium{width:82px!important;height:82px!important;right:10px!important;bottom:13px!important;padding:3px!important}
  .float-premium:after{font-size:8px;bottom:-9px;padding:2px 7px}
}
@media(max-width:390px){
  .top .logo{flex-basis:112px!important}
  .top .actions a,.top .actions button{width:58px!important}
  .float-premium{width:74px!important;height:74px!important}
}