html, body { height: 100%; overflow: hidden; overscroll-behavior: none; }
body.dunk .play-stage { height: 100svh !important; height: 100dvh !important; }
.dunk-top { position: fixed; z-index: 6; top: max(14px, env(safe-area-inset-top)); left: max(16px, env(safe-area-inset-left)); right: max(16px, env(safe-area-inset-right)); display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.dunk-top > * { pointer-events: auto; }
.dunk-logo { font-family: var(--display); font-size: 13px; letter-spacing: .32em; padding-left: .32em; color: var(--text); text-shadow: 1px 1px 2px var(--n-lo, transparent), -1px -1px 2px var(--n-hi, transparent); }
body.dunk .pl-plate { top: 64px; }
body.dunk .pl-btn { top: 66px; right: max(16px, calc(50% - 220px)); }
body.dunk .theme-power { width: 40px; height: 40px; }
@media (max-width: 480px) { body.dunk .pl-plate { top: 60px; } body.dunk .pl-btn { top: 62px; } }
body.dunk .dunk-top .theme-controls { position: fixed; top: 66px; left: max(16px, calc(50% - 220px)); }
@media (max-width: 480px) { body.dunk .dunk-top .theme-controls { top: 62px; } }
body.dunk .dunk-top { top: max(18px, env(safe-area-inset-top)); }