/* Native-sized controls for the Capacitor shell and phone browsers. */
html{min-height:100%;background:#111917;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body{min-height:100dvh;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mobile-dock{display:none}

@media(max-width:600px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .site-header{position:sticky;top:0;z-index:80;padding-top:max(17px,env(safe-area-inset-top));background:#111917f2;backdrop-filter:blur(14px);border-bottom:1px solid #2a392c}
  .main-shell{padding-left:14px;padding-right:14px}
  .main-nav{overflow-x:auto;scrollbar-width:none;justify-content:flex-start;padding:0 2px;gap:24px}
  .main-nav::-webkit-scrollbar{display:none}
  .nav-item{min-height:44px;white-space:nowrap}
  .page-intro{padding-top:7px}
  .stats-grid{position:relative;z-index:1}
  .stat-card{min-width:0}
  .stat-number strong{font-size:clamp(21px,7.2vw,29px)}
  .faction-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .faction-contact{min-width:0}
  .faction-note{display:none}
  .event-strip{position:sticky;top:104px;z-index:50;margin-top:2px;box-shadow:0 9px 24px #08110a66}
  .clicker-panel,.shop-panel,.barrio-log,.secondary-view{border-radius:16px}
  .clicker-panel .bottle-stage,.clicker-panel.has-event .bottle-stage{flex-basis:370px;height:370px;min-height:370px}
  .bombona-button{touch-action:manipulation}
  .bombona-button:active img{scale:.91}
  .shop-controls button,.buy-button,.power-button,.claim-button,.text-button,.neighbor-choices button,.festival-action,.festival-skip{min-height:44px}
  .radio-bar{position:relative;z-index:2}
  .mobile-dock{position:fixed;z-index:90;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;padding:7px;border:1px solid #627354;background:#16231df7;border-radius:17px;box-shadow:0 14px 40px #020805aa;backdrop-filter:blur(16px)}
  .mobile-dock button{min-height:52px;border:0;border-radius:11px;background:transparent;color:#d7e0c4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:17px}
  .mobile-dock button:active{background:#3c503a;color:#ffd18f;scale:.96}
  .mobile-dock small{font:600 8px var(--font);letter-spacing:.2px}
  .event-countdown{padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))}
  .adventure-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto}
  dialog{max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}
  .toast-stack{bottom:calc(91px + env(safe-area-inset-bottom))}
}

@media(max-width:360px){
  .site-header{padding-left:13px;padding-right:13px}
  .main-shell{padding-left:10px;padding-right:10px}
  .main-nav{gap:16px}
  .event-strip{top:101px}
  .mobile-dock{left:7px;right:7px}
  .faction-contact{padding:7px 6px}
}

.capacitor-native body{user-select:none;-webkit-user-select:none}
.capacitor-native input,.capacitor-native textarea{user-select:text;-webkit-user-select:text}