/* Icons are paths, never font/emoji characters. */
.ui-icon{display:inline-block;flex:none;width:18px;height:18px;vertical-align:-.2em;overflow:visible}
.button>.ui-icon{width:18px;height:18px}
.menu-chapters .ui-icon,.footer-bottom .ui-icon{width:12px;height:12px}
.reserve-apps .ui-icon{width:14px;height:14px}
.text-link>.ui-icon{width:14px;height:14px;margin-left:6px}
.app-widget-arrow{display:flex;align-items:center}
.corner-scroll-meta .ui-icon{width:21px;height:21px}
.corner-scroll-controls>button .ui-icon,.gallery-controls>button .ui-icon{width:20px;height:20px;margin:0}
.gallery-controls>button{display:grid;place-items:center}
.club-experience button,.club-experience .button{-webkit-appearance:none;appearance:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mobile-app-button{display:none}
.dialog-toolbar,.dialog-body{display:contents}
@media(max-width:700px),(max-width:900px) and (max-height:500px){
  html:has(body.club-experience){scroll-padding-top:136px;scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.club-experience{--mobile-dock-height:72px}
  body.club-experience .header{padding-block:17px}
  body.club-experience .header .button{min-height:44px;padding:10px 14px;font-size:9px;gap:0}
  body.club-experience .header-end{gap:9px}
  body.club-experience .nav-toggle{width:44px;height:44px;padding:8px 9px}
  body.club-experience .nav-toggle span{width:26px;margin:5px 0}
  body.club-experience .header .button>.ui-icon,body.club-experience .mobile-bar .ui-icon,body.club-experience .app-widget-arrow{display:none}
  body.club-experience .home-intro-actions .button{font-size:9.5px;padding:12px 10px;gap:8px;min-height:44px}
  body.club-experience .home-intro-actions .button>.ui-icon{width:14px;height:14px}
  .menu-chapters .ui-icon{width:11px;height:11px;margin-left:2px}
  body.club-experience .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:grid;grid-template-columns:1fr auto 46px auto;height:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom));padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:8px;align-items:center;transform:none;border-top:1px solid var(--line)}
  body.club-experience .mobile-bar>.button{min-height:44px;padding:10px 18px;font-size:10px;gap:0}
  body.club-experience .mobile-bar>a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}
  body.club-experience .app-download-widget{display:none}
  body.club-experience .mobile-bar>.mobile-app-button{display:inline-flex;justify-content:center;gap:6px;height:44px;padding:0 10px;border:1px solid #e7e2d63d;border-radius:100px;font-size:9.5px;color:#dcd7cb}
  body.club-experience .mobile-app-button>svg{display:block;width:14px;height:19px;flex:none}
  body.club-experience .sound-player,body.club-experience:has(.mobile-bar.is-visible) .sound-player{position:static;right:auto;bottom:auto;width:46px;height:46px;padding:0;gap:0;justify-content:center;border-radius:50%;z-index:auto}
  body.club-experience .sound-toggle{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%}
  body.club-experience .sound-text,body.club-experience .sound-volume{display:none}
  body.club-experience .club-footer{padding-bottom:calc(var(--mobile-dock-height) + 32px + env(safe-area-inset-bottom))}
  body.club-experience .menu-chapters,body.club-experience .guest-nav{top:79px;height:57px;min-height:57px;padding-block:5px}
  body.club-experience .menu-chapters>a,body.club-experience .guest-nav>a{display:inline-flex;align-items:center;min-height:44px}
  body.club-experience .menu-chapters-all{padding-bottom:0}
  body.club-experience .category-filters>button,body.club-experience .reserve-apps .button{min-height:44px}
  body.club-experience .aroma-tabs>button,body.club-experience .guest-post summary{min-height:44px}
  body.club-experience .menu-scene-categories>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
  body.club-experience dialog{max-height:calc(100svh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
  body.club-experience dialog[open]{display:flex;flex-direction:column}
  body.club-experience .dialog-toolbar{display:flex;flex:none;justify-content:flex-end;padding:8px 8px 0}
  body.club-experience .dialog-close{position:static;width:44px;height:44px;display:grid;place-items:center;padding:0;flex:none}
  body.club-experience .dialog-body{display:block;min-height:0;padding:8px 25px 30px;overflow-y:auto;overscroll-behavior:contain}
  body.club-experience #app-dialog{padding:0}
}
@media(max-width:360px){body.club-experience .home-intro-actions .button{font-size:8.5px;padding-inline:8px;gap:6px}body.club-experience .mobile-bar>.mobile-app-button{width:44px;padding:0}body.club-experience .mobile-app-button>span{display:none}.corner-scroll-scene.is-pinned .corner-scroll-stage{padding-bottom:144px}}
/* Keep the carousel's captions and arrows above the dock on short displays. */
@media(max-width:700px) and (max-height:650px){
  .corner-scroll-scene:not(.is-pinned) .corner-scroll-stage{padding:20px 0 100px;gap:12px}
  .corner-scroll-scene:not(.is-pinned) .corner-scroll-heading>.text-link{display:none}
  .corner-scroll-scene:not(.is-pinned) .corner-scroll-photo{height:clamp(64px,calc(100svh - 425px),210px)}
}