/* Reveal applies only to the original homepage img, preserving depth opacity,
   hover transforms and the independently cloned detail transition image. */
.float-tile .float-photo img { opacity:var(--image-reveal,1); }
.home-tilt-toggle, .home-tilt-status { display:none; }
.home-tilt-toggle[hidden], .home-tilt-status[hidden] { display:none!important; }
@media (orientation:portrait) and (max-width:1100px) and (any-pointer:coarse) {
  body[data-view=home] .home-tilt-toggle {
    display:inline-flex;align-items:center;justify-content:center;
    position:fixed;z-index:72;left:max(12px,env(safe-area-inset-left,0px));
    top:calc(env(safe-area-inset-top,0px) + 8px);min-height:44px;padding:0 12px;
    border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);
    font-size:13px;font-weight:600;touch-action:manipulation;
  }
  body[data-view=home] .home-tilt-toggle[aria-pressed=true] { border-color:var(--ink); }
  body[data-view=home] .home-tilt-toggle:disabled { opacity:.6; }
  body[data-view=home] .home-tilt-status:not([hidden]) {
    display:block;position:fixed;z-index:72;left:max(12px,env(safe-area-inset-left,0px));
    top:calc(env(safe-area-inset-top,0px) + 58px);max-width:calc(100vw - 24px);
    margin:0;padding:6px 9px;border:1px solid var(--line);border-radius:5px;
    font-size:12px;line-height:1.5;background:var(--paper);color:var(--muted);
    pointer-events:none;
  }
}
@media (prefers-reduced-motion:reduce) {
  .float-tile .float-photo img { opacity:1; }
  .home-tilt-toggle, .home-tilt-status { display:none!important; }
}