/* Cricket Blitz — pavilion scorebook identity */
#screen-menu{padding:0;align-items:stretch;justify-content:stretch;background:linear-gradient(180deg,#d9e1c4 0 25%,#6d9b65 25% 100%);overflow:hidden}
#screen-menu::before{content:'';position:absolute;left:7%;right:7%;bottom:6%;height:58%;background:linear-gradient(90deg,#efe7cc 0 14%,#29533a 14% 86%,#efe7cc 86%);border:7px solid #594333;box-shadow:0 13px 0 #38291f;clip-path:polygon(0 15%,100% 15%,100% 100%,0 100%)}
#screen-menu::after{content:'HOME XI   •   OVERS   •   TARGET   •   RUN RATE';position:absolute;left:6%;top:7%;padding:.42rem .7rem;background:#244c36;color:#f2e7c8;border:3px solid #f2e7c8;font:900 .68rem/1 ui-monospace,monospace;letter-spacing:.13em}
#screen-menu .panel{position:absolute;inset:0;width:100%;max-width:none;padding:0;background:transparent;border:0;box-shadow:none;text-align:left;overflow:visible}
#screen-menu .panel::before,#screen-menu .panel::after{display:none!important}
#screen-menu .eyebrow{position:absolute;left:7%;top:14%;background:#e9dfc1;color:#254a36;border-radius:0;padding:.3rem .6rem;border-left:5px solid #a33d2f}
#screen-menu h1{position:absolute;left:7%;top:21%;margin:0!important;max-width:54%;background:none!important;color:#f8f0d4!important;font:900 clamp(3rem,8.5vw,6.3rem)/.77 Georgia,serif!important;letter-spacing:-.045em!important;text-shadow:5px 5px 0 #274c37!important}
#screen-menu h1 span{display:block;color:#f0ce69!important;font-size:.58em}
#screen-menu .subtitle{position:absolute;left:7%;top:47%;width:min(42vw,500px);margin:0;padding:.65rem .75rem;background:#eee4c7;color:#3c4b37;border-left:6px solid #a53f31;font-family:Georgia,serif;line-height:1.45}
#screen-menu .stat-strip{position:absolute;right:6%;top:11%;width:min(30vw,330px);display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;background:transparent;border:0}
#screen-menu .stat-strip span{background:#244c36;color:#f7edce;border:2px solid #eaddbb;border-radius:0;padding:.55rem .65rem;font:900 .7rem/1 ui-monospace,monospace;text-align:center}
#screen-menu .menu-actions{position:absolute;right:6%;bottom:8%;width:min(31vw,340px);display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
#screen-menu .menu-actions button{min-height:50px;border-radius:2px!important;border:3px solid #294a37!important;background:#eee4c6!important;color:#294a37!important;box-shadow:0 5px 0 #294a37!important;font-family:Georgia,serif!important;font-weight:900!important}
#screen-menu .menu-actions button.primary{grid-column:1/-1;min-height:72px;background:#a33d2f!important;color:#fff5d8!important;border-color:#6c271f!important;font-size:.96rem!important}
#screen-how .panel,#screen-pause .panel,#screen-gameover .panel,#screen-results .panel,#screen-campaign .panel{background:#eee4c7!important;color:#344735!important;border-radius:2px!important;border:3px solid #31503d!important;box-shadow:8px 8px 0 #23372b!important;text-align:left!important}

/* Edge-device and accessibility polish; gameplay timing and canvas geometry stay untouched. */
.game-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(6px,env(safe-area-inset-top))}
.screen{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}
.icon-btn,.hud-btn,.menu-actions button,.cb-btn{min-width:44px;min-height:44px}
button:focus-visible,a:focus-visible{outline:3px solid #f0ce69;outline-offset:3px}
#screen-how .panel,#screen-leaderboard .panel,#screen-pause .panel,#screen-gameover .panel{max-height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
#cb-controls{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}

@media(max-width:700px){
  #screen-menu{overflow:auto;overscroll-behavior:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  #screen-menu h1{left:max(5%,env(safe-area-inset-left));top:17%;max-width:90%;font-size:clamp(2.8rem,15vw,5rem)!important}
  #screen-menu .eyebrow{left:max(5%,env(safe-area-inset-left));top:11%}
  #screen-menu .subtitle{left:max(5%,env(safe-area-inset-left));top:40%;width:42%;font-size:.68rem}
  #screen-menu .stat-strip{right:max(4%,env(safe-area-inset-right));top:45%;width:43%}
  #screen-menu .menu-actions{right:max(4%,env(safe-area-inset-right));bottom:max(5%,env(safe-area-inset-bottom));width:51%}
  #screen-menu .menu-actions button{min-height:44px;font-size:.6rem!important}
  #screen-menu .menu-actions button.primary{min-height:54px}
}

@media(max-width:430px){
  #screen-menu::after{left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));top:calc(6% + env(safe-area-inset-top));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #screen-menu h1{top:18%;font-size:clamp(2.45rem,14vw,4rem)!important}
  #screen-menu .subtitle{top:39%;width:90%;max-width:none}
  #screen-menu .stat-strip{left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));top:54%;width:auto}
  #screen-menu .menu-actions{left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));bottom:max(4%,env(safe-area-inset-bottom));width:auto}
  .cb-small{width:64px}.cb-loft{width:58px;height:58px}.cb-swing{width:92px;height:92px}
}

@media(max-height:560px) and (orientation:landscape){
  #screen-menu::after{top:calc(3% + env(safe-area-inset-top));font-size:.58rem}
  #screen-menu .eyebrow{top:15%;left:max(4%,env(safe-area-inset-left))}
  #screen-menu h1{top:25%;left:max(4%,env(safe-area-inset-left));font-size:clamp(2.2rem,8vw,3.8rem)!important;max-width:45%}
  #screen-menu .subtitle{left:max(4%,env(safe-area-inset-left));top:auto;bottom:max(6%,env(safe-area-inset-bottom));width:42%;font-size:.62rem}
  #screen-menu .stat-strip{right:max(4%,env(safe-area-inset-right));top:16%;width:43%}
  #screen-menu .menu-actions{right:max(4%,env(safe-area-inset-right));bottom:max(6%,env(safe-area-inset-bottom));width:43%}
  #screen-menu .menu-actions button{min-height:44px}
  #screen-menu .menu-actions button.primary{min-height:48px}
  #cb-controls{bottom:max(8px,env(safe-area-inset-bottom))}
  .cb-swing{width:82px;height:82px}.cb-loft{width:54px;height:54px}
}

@media(prefers-reduced-motion:reduce){
  #screen-menu *,#screen-menu *::before,#screen-menu *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}