/* Desktop daily challenge picker; leave the compact phone layout unchanged. */
@layer studio {
body.studio-3d #onlineModal[data-online-view="daily-challenge"] .online-dialog {
 display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
 min-height:0!important;height:auto!important;overflow:hidden!important;
 max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
}
body.studio-3d #onlineModal[data-online-view="daily-challenge"] #onlineContent {
 flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;
 -webkit-overflow-scrolling:touch;touch-action:pan-y;
 scroll-padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));
 padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))!important;
}
@media (min-width:1000px) and (min-height:600px) {
 body.studio-3d #onlineModal:has(.daily-reference-hero) {place-items:center!important;padding:20px!important;}
 body.studio-3d #onlineModal .online-dialog:has(.daily-reference-hero) {
  width:min(1040px,calc(100dvw - 48px))!important;max-width:1040px!important;
  max-height:calc(100dvh - 40px)!important;padding:8px!important;
  background:#f4f3e9!important;border:1px solid #d8ad54!important;border-radius:22px!important;
 }
 body.studio-3d #onlineModal .online-dialog:has(.daily-reference-hero) #onlineContent {
  max-height:calc(100dvh - 58px)!important;min-height:0!important;overflow-y:auto!important;
  scrollbar-color:#a77821 #ece7d9;overscroll-behavior:contain;
 }
 body.studio-3d #onlineContent .daily-reference-hero.daily-hero {
  height:auto!important;min-height:0!important;aspect-ratio:1855 / 848!important;padding:0!important;
  position:relative!important;flex-shrink:0!important;
  background:radial-gradient(ellipse at center,#205c35,#041a10)!important;
 }
 body.studio-3d #onlineContent .daily-popup-hero-image {object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;}
 body.studio-3d #onlineContent .daily-date-card {position:absolute!important;z-index:6!important;top:24px!important;left:24px!important;width:90px!important;min-height:115px!important;}
 body.studio-3d #onlineContent .daily-date-card span {font-size:12px!important;}
 body.studio-3d #onlineContent .daily-date-card strong {font-size:42px!important;}
 body.studio-3d #onlineContent .daily-date-card small {font-size:11px!important;}
 body.studio-3d #onlineContent .daily-reference-body {margin:0!important;padding:22px!important;background:#f4f3e9!important;border:0!important;}
 body.studio-3d #onlineContent .daily-reference-body-heading h2 {font-size:26px!important;line-height:1.25!important;}
 body.studio-3d #onlineContent .daily-reference-body-heading p {font-size:16px!important;line-height:1.5!important;}
 body.studio-3d #onlineContent .daily-reference-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:22px 0!important;}
 body.studio-3d #onlineContent .daily-reference-grid::after {display:none!important;}
 body.studio-3d #onlineContent .daily-reference-grid .daily-reference-card {
  min-width:0!important;min-height:0!important;padding:56px 16px 18px!important;background:#fffaf0!important;box-shadow:none!important;
 }
 body.studio-3d #onlineContent .daily-variant-ribbon {min-height:42px!important;font-size:19px!important;}
 body.studio-3d #onlineContent .daily-variant-content {width:100%!important;grid-template-columns:90px minmax(0,1fr)!important;gap:14px!important;}
 body.studio-3d #onlineContent .daily-variant-content::before {display:none!important;}
 body.studio-3d #onlineContent .daily-variant-city {width:90px!important;height:130px!important;}
 body.studio-3d #onlineContent .daily-variant-copy {gap:10px!important;}
 body.studio-3d #onlineContent .daily-reference-card h2 {font-size:20px!important;line-height:1.25!important;}
 body.studio-3d #onlineContent .daily-reference-card p {font-size:14px!important;line-height:1.5!important;}
 body.studio-3d #onlineContent .daily-attempt-status {font-size:14px!important;line-height:1.4!important;}
 body.studio-3d #onlineContent .daily-reference-start {height:auto!important;min-height:54px!important;padding:8px!important;}
 body.studio-3d #onlineContent .daily-reference-start b {font-size:14px!important;white-space:normal!important;line-height:1.3!important;}
 body.studio-3d #onlineContent .daily-reference-info,
 body.studio-3d #onlineContent .daily-reference-score {padding:16px!important;gap:12px!important;}
 body.studio-3d #onlineContent .daily-reference-info p,
 body.studio-3d #onlineContent .daily-reference-score p {font-size:15px!important;line-height:1.5!important;}
 body.studio-3d #onlineContent .daily-reference-info strong,
 body.studio-3d #onlineContent .daily-board-title {font-size:18px!important;}
}
}