#hb-install-btn,#hb-ios-install{
  position:fixed;z-index:210;left:50%;transform:translateX(-50%);
  bottom:calc(18px + env(safe-area-inset-bottom));
  min-height:48px;padding:12px 22px;border:3px solid #3a1a00;border-radius:28px;
  background:linear-gradient(#ffe08a,#e0a020);color:#3a1a00;font:bold 16px 'Trebuchet MS',Verdana,sans-serif;
  box-shadow:0 4px 0 #3a1a00,0 0 24px #000a;cursor:pointer;pointer-events:auto;
}
#hb-install-btn[hidden],#hb-ios-install[hidden]{display:none!important}
#hb-install-btn:hover,#hb-ios-install:hover{filter:brightness(1.1)}
#hb-ios-sheet{
  position:fixed;inset:0;z-index:220;display:flex;align-items:flex-end;justify-content:center;
  background:#000a;padding:18px;box-sizing:border-box;
}
#hb-ios-sheet[hidden]{display:none!important}
#hb-ios-sheet .sheet{
  width:min(420px,100%);background:linear-gradient(#2a4a58,#122836);border:3px solid #e8c060;
  border-radius:20px 20px 12px 12px;padding:20px 18px;color:#f6eed7;font:14px/1.5 'Trebuchet MS',Verdana,sans-serif;
  box-shadow:0 -8px 30px #000a;
}
#hb-ios-sheet h2{margin:0 0 8px;font:900 22px Georgia,serif;color:#ffe9a0}
#hb-ios-sheet ol{margin:8px 0 14px;padding-left:1.3em}
#hb-ios-sheet button{
  width:100%;min-height:46px;border:2px solid #3a1a00;border-radius:24px;
  background:linear-gradient(#ffe08a,#e0a020);color:#3a1a00;font-weight:bold;cursor:pointer;
}
#hb-sw-toast{
  position:fixed;z-index:230;left:50%;transform:translateX(-50%);
  bottom:calc(78px + env(safe-area-inset-bottom));
  background:#102b40f0;border:2px solid #e8c060;color:#ffe2a0;border-radius:16px;
  padding:12px 16px;font:bold 14px 'Trebuchet MS',Verdana,sans-serif;
  box-shadow:0 6px 20px #000a;display:flex;gap:12px;align-items:center;max-width:92vw;
}
#hb-sw-toast[hidden]{display:none!important}
#hb-sw-toast button{
  min-height:40px;padding:8px 14px;border:2px solid #3a1a00;border-radius:18px;
  background:linear-gradient(#ffe08a,#e0a020);color:#3a1a00;font-weight:bold;cursor:pointer;white-space:nowrap;
}
body.hb-installed #hb-install-btn,body.hb-installed #hb-ios-install{display:none!important}
@media(orientation:portrait){
  #hb-install-btn,#hb-ios-install{bottom:calc(24px + env(safe-area-inset-bottom))}
}