/* Mobile refinements within CELEB's approved ivory/coral design. */
@media (max-width:760px), (max-width:1000px) and (pointer:coarse) {
 .game-coral .topbar.header,
 .game-coral.provider-screen.interface-refined .header {
  display:flex;flex-wrap:wrap;gap:8px;min-height:64px;
  padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-left)) 10px max(12px,env(safe-area-inset-right));
 }
 .game-coral .header .brand,
 .game-coral.provider-screen.interface-refined .header .brand {order:0;min-height:44px;gap:6px;font-size:20px;flex-shrink:0}
 .game-coral .header .brand-mark.logo {width:26px;height:30px;flex-basis:26px}
 .game-coral .header #me-box,
 .game-coral.menu-open .header #me-box,
 .game-coral.provider-screen.interface-refined .header #me-box {order:1;flex:0 1 auto;width:auto;max-width:none;margin:0 0 0 auto;gap:6px;flex-wrap:nowrap}
 .game-coral .header #me-box .btn.header-auth {width:auto;min-width:58px;min-height:44px;font-size:12px;padding:8px 9px;gap:4px}
 .game-coral .header #me-box .auth-user-icon {width:13px;height:13px;flex-basis:13px}
 .game-coral .header:has(.auth-anonymous) #me-box {order:3;flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
 .game-coral .header:has(.auth-anonymous) #me-box .btn.header-auth {width:100%;min-width:0;max-width:none;white-space:nowrap}
 .game-coral .header:has(.auth-anonymous) .menu-toggle {margin-left:auto}
 .game-coral .header .menu-toggle,
 .game-coral.provider-screen.interface-refined .header .menu-toggle {order:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;margin:0;padding:0;font-size:0;color:var(--header-ink);background:transparent;border:1px solid #936e65;border-radius:6px}
 .game-coral .header .menu-toggle::before {content:'';width:24px;height:24px;background:currentColor;mask:url('/shared/assets/provider-icons/menu.svg') center/contain no-repeat;-webkit-mask:url('/shared/assets/provider-icons/menu.svg') center/contain no-repeat}
 .game-coral .header #nav {display:none;margin:0}
 .game-coral.menu-open .header #nav,
 .game-coral.menu-open.provider-screen.interface-refined .header #nav {order:4;display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0;padding:8px;background:var(--panel);border:0;border-radius:6px;overflow:visible}
 .game-coral .header #nav .lounge-nav-icon {display:none}
 .game-coral.menu-open .header #nav a {min-height:44px;padding:8px 0;font-size:13px;justify-content:center;gap:0}
 .game-coral .header #nav .game-mobile-guide {margin:0;min-width:44px;min-height:44px}
 .game-coral .header:has(.coinpill) #me-box {order:3;flex:1 0 100%;width:100%;justify-content:space-between;gap:12px}
 .game-coral .header:has(.coinpill) .menu-toggle {margin-left:auto}
 .game-coral .header #me-box .coinpill {display:inline-flex;min-height:40px;max-width:65%;font-size:13px;padding:6px 10px}
 .game-coral .header #me-box a[href='#/me'] {display:inline-flex;min-height:44px;max-width:40%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 12px}
 .game-coral .header #me-box:has([role=status]) {order:3;flex:1 0 100%;max-width:100%;width:100%;flex-wrap:wrap}
 .game-coral .game-quick-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--panel);border-bottom:1px solid var(--line);padding:0 12px}
 .game-coral .game-quick-nav a {display:flex;align-items:center;justify-content:center;min-height:48px;border-bottom:3px solid transparent;font-size:14px;font-weight:650;text-decoration:none}
 .game-coral .game-quick-nav a[aria-current] {color:var(--accent);border-bottom-color:var(--accent)}
 .game-coral #view:has(>p[role=status]) {min-height:calc(100svh - 112px)}
 .game-coral .site-ticker .notice-open {min-height:44px}
 .game-coral .classic-rank {display:inline-flex;align-items:center;min-height:44px;padding:6px 0}
 .game-coral .tabs {gap:8px}
 .game-coral .tabs .tab {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px}
 .game-coral .tabs .tab.on {border-color:var(--accent)}
 .game-coral .personal-best {font-size:clamp(22px,6vw,28px);line-height:1.5;word-break:keep-all;overflow-wrap:break-word}
 .game-coral .page-heading h1,.game-coral .game-title h1 {word-break:keep-all;overflow-wrap:break-word}
 .game-coral .foot a {display:inline-flex;align-items:center;min-height:44px}
 .game-coral .coin-stage {min-height:0;padding:16px 12px}
 .game-coral .roulette-machine {width:min(280px,100%);margin-inline:auto}
 .game-coral .coin-stage #round-result {min-height:0;margin-top:16px}
 .game-coral .coin-stage #round-result h2 {font-size:22px;line-height:1.4;margin-block:12px}
 .game-coral .coin-stage #round-result p {margin-block:10px}
 .game-coral .coin-stage.classic-slot {min-height:0}
 .game-coral .coin-rules summary {display:flex;align-items:center;min-height:44px}
 .game-coral .modal:not(.auth-popup) {max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}
 .game-coral .toast {bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .game-coral .header #me-box{gap:4px}
 .game-coral .header #me-box .auth-login{width:54px;min-width:54px;padding-inline:6px}
 .game-coral .header #me-box .auth-join{width:72px;min-width:72px;padding-inline:6px}
 .game-coral .header #me-box .auth-login .auth-user-icon{display:none}
 .game-coral .header #me-box .auth-plus{font-size:16px}
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) and (pointer:coarse){
 .game-coral .game-hero:not(.is-custom){height:clamp(224px,calc(100dvh - 113px),280px)}
 .game-coral .game-hero:not(.is-custom)::before{left:auto;right:4%;width:48%;top:16px;bottom:16px}
 .game-coral .game-hero:not(.is-custom) img{left:2%;right:auto;width:auto;height:100%}
 .game-coral .game-hero:not(.is-custom) .game-hero-copy{width:48%;min-height:0;height:100%;margin-left:auto;margin-right:4%;padding:22px 20px;text-align:center}
 .game-coral .game-hero:not(.is-custom) h1{font-size:30px;line-height:1.2;margin:0 auto 12px}
 .game-coral .game-hero:not(.is-custom) .game-hero-copy p{max-width:none;font-size:14px;line-height:1.5;margin:0 0 16px}
 .game-coral .game-hero:not(.is-custom) .game-hero-button{min-width:0;min-height:44px;padding:10px 14px;font-size:14px}
 .game-coral .game-hero:not(.is-custom) .lounge-hero-ornament{left:-22px;right:auto;top:34px;width:220px;height:220px}
}
@media (pointer:coarse) {
 body.game-coral.interface-refined :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]) {font-size:16px}
 .game-coral .classic-stage input[type=range] {min-height:44px}
 .game-coral .sports-chip-list button {min-width:44px;min-height:44px}
 .game-coral .sports-service-info summary {min-height:44px}
 .game-coral :is(button,a,[role=button]) {touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .game-coral :is(button,[role=tab]) {-webkit-user-select:none;user-select:none}
 /* The 2048 board owns both swipe axes; direction buttons remain available. */
 .game-coral .number-board {touch-action:pinch-zoom}
}