/* Pixel Detective Noir — edge-device/accessibility polish without clue or score changes. */
:root{--pd-safe-left:env(safe-area-inset-left,0px);--pd-safe-right:env(safe-area-inset-right,0px)}
.game-bar{height:auto;min-height:calc(52px + var(--safe-top));padding-top:calc(6px + var(--safe-top));padding-left:max(12px,var(--pd-safe-left));padding-right:max(12px,var(--pd-safe-right))}
.hud{padding-left:max(10px,var(--pd-safe-left));padding-right:max(10px,var(--pd-safe-right));padding-bottom:max(10px,var(--safe-bottom))}
.objective-list{left:max(12px,var(--pd-safe-left))}
.screen{padding-left:max(18px,var(--pd-safe-left));padding-right:max(18px,var(--pd-safe-right));padding-bottom:max(18px,var(--safe-bottom))}
.icon-btn,.hud-btn,.deduction-option,.nn-nudge-later,.nn-nudge-signup{min-width:44px;min-height:44px}
.back-link:focus-visible,.icon-btn:focus-visible,.hud-btn:focus-visible,.menu-actions button:focus-visible,.deduction-option:focus-visible,.nn-nudge-later:focus-visible,.nn-nudge-signup:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.panel{max-height:calc(100dvh - 76px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain}
@media(max-width:430px){
  .game-bar{gap:.35rem}.game-bar-title{font-size:.72rem;letter-spacing:.05em}.hud{padding-top:7px}.hud-top,.hud-row2{gap:4px}.hud-chip{padding:.3rem .45rem}.hud-chip span{font-size:.52rem}.hud-chip b{font-size:.86rem}.hud-btn{margin-left:0}.toast{top:105px;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.clue-card{max-width:88vw;padding:14px 18px}
}
@media(max-height:560px) and (orientation:landscape){
  .game-bar{min-height:calc(46px + var(--safe-top));padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.screen{align-items:flex-start;padding-top:8px}.panel{max-height:calc(100dvh - 58px - var(--safe-top) - var(--safe-bottom));padding-top:14px;padding-bottom:14px}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.how-grid div{padding:8px 10px}.clue-popup{bottom:10%}
}
@media(prefers-reduced-motion:reduce){.logo-orb,.countdown,.clue-card{animation:none!important}.toast,.case-banner,.objective-item,.menu-actions button{transition:none!important}}