/* The one-time "Add to Home Screen" hint (reels/web-app.js). Sits above the bottom safe area, under the toast. */
.install-hint{position:fixed;z-index:9;left:var(--sa-safe-left,16px);right:var(--sa-safe-right,16px);bottom:max(calc(var(--sa-safe-bottom,20px) + 6px),calc(var(--game-occupied,0px) + 12px));max-width:440px;margin:0 auto;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:var(--d-paper,#151924);color:var(--d-ink,#eef1f7);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 44px rgba(0,0,0,.5);font-family:var(--hb-font-ui,system-ui,sans-serif);animation:ih-up .34s var(--sa-ease-out,ease-out) both}
.install-hint.ios:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);background:var(--d-paper,#151924);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ih-head{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:12px;align-items:center}
.ih-head img{width:44px;height:44px;border-radius:11px}
.ih-head strong{display:block;font-family:var(--hb-font-display,inherit);font-size:18px;font-weight:800;line-height:1.2}
.ih-head small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--d-soft,#a3abbd)}
.ih-close{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:inherit;font-size:22px;line-height:1;cursor:pointer;align-self:start}
.ih-steps{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.35}
.ih-steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}
.ih-steps small{display:block;margin-top:2px;font-size:12px;color:var(--d-soft,#a3abbd)}
.ih-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hb-accent,#3faff3);color:#06121d;font-size:14px;font-weight:800}
.ih-glyph{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:2px;vertical-align:-6px;border-radius:7px;background:rgba(255,255,255,.1)}
.ih-glyph svg{width:16px;height:16px;fill:none;stroke:var(--hb-accent,#3faff3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ih-go{display:block;width:100%;margin-top:14px;padding:14px;border:0;border-radius:999px;background:var(--hb-accent,#3faff3);color:#06121d;font:800 17px var(--hb-font-display,inherit);cursor:pointer}
@keyframes ih-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.install-hint{animation:none}}

/* The installed Home Screen app (display-mode standalone; mates-core#518). With the black-translucent status bar, iOS 26
   lays the page out in a viewport that is the screen minus the status bar (402×812 on a 402×874 phone) but draws it from
   the top of the screen, so every screen had a dead strip as tall as the status bar along the bottom (about 62–77 pt) and
   "Slide to play" could sit in it. Making the root as tall as the screen (100lvh, which is the full screen there: no
   browser bars) makes iOS lay the page out at full height again, so 100dvh, inset:0 and innerHeight all read the whole
   screen and env(safe-area-inset-bottom) clears the home indicator as it should. Never in a browser tab, where lvh is
   the height with the toolbars hidden and would make the page scroll. */
@media (display-mode:standalone){html,body{height:100lvh}}

/* A round that starts while the hint is up hides it (it comes back when the round ends); it never covers play. */
#feed:is(.playing,.focus)~.install-hint{display:none}