/* Demanacita v47 — clearer arcade previews, Quest contrast and device polish */

/* The last three cabinets use purpose-built pixel previews so the game idea reads immediately. */
.arcade-preview-blocks,.arcade-preview-maze,.arcade-preview-quest{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  background-color:#030511!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  image-rendering:pixelated!important;
}
.arcade-preview-blocks{background-image:url('/assets/blocks-preview-v47.svg')!important}
.arcade-preview-maze{background-image:url('/assets/maze-preview-v47.svg')!important}
.arcade-preview-quest{background-image:url('/assets/quest-preview-v47.svg')!important}
.arcade-preview-blocks::before,.arcade-preview-blocks::after,.arcade-preview-maze::before,.arcade-preview-maze::after,.arcade-preview-quest::before,.arcade-preview-quest::after{content:none!important;display:none!important}

/* QUEST: the canvas frame reinforces the warm safe floor / dark pit language. */
.quest-canvas{background:#030411!important}
.arcade-quest-view .quest-wrap{background:#02030d;border-bottom:1px solid rgba(255,215,166,.38)}
.arcade-quest-view .arcade-game-hint{border-top-color:rgba(255,139,69,.32)}

/* v47 device polish: viewport-fit=cover without controls under notches/home indicators. */
@supports(padding:max(0px)){
  body[data-mode="public"]{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .site-header{padding-top:calc(.6rem + env(safe-area-inset-top,0px));padding-left:max(clamp(.7rem,2.8vw,2rem),env(safe-area-inset-left,0px));padding-right:max(clamp(.7rem,2.8vw,2rem),env(safe-area-inset-right,0px))}
  .arcade-dock{padding-bottom:calc(.55rem + env(safe-area-inset-bottom,0px));padding-left:max(clamp(.7rem,2vw,1.3rem),env(safe-area-inset-left,0px));padding-right:max(clamp(.7rem,2vw,1.3rem),env(safe-area-inset-right,0px))}
  body.language-gate-body{padding-bottom:env(safe-area-inset-bottom,0px)}
  .language-stage{padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-left:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-left,0px));padding-right:max(clamp(.75rem,2vw,1.5rem),env(safe-area-inset-right,0px));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
}
@supports(height:100svh){body.language-gate-body,.language-stage{min-height:100svh}}
@media(max-width:820px),(hover:none) and (pointer:coarse){
  body[data-mode="public"],body.language-gate-body{background-attachment:scroll,scroll}
  .arcade-preview-blocks,.arcade-preview-maze,.arcade-preview-quest{background-size:cover!important}
}