#pg-panel { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: #0d0805eF; padding: max(16px, env(safe-area-inset-top)) 18px max(16px, env(safe-area-inset-bottom)); box-sizing: border-box; touch-action: pan-y; overflow-y: auto; }
#pg-panel section { width: min(100%, 360px); padding: 22px; box-sizing: border-box; border: 2px solid #f3d58a; border-radius: 24px; background: #3a2210; font-family: var(--font); text-align: center; }
#pg-panel h2 { color: #ffc93b; margin: 0 0 14px; font-size: 25px; }
#pg-panel button { width: 100%; min-height: 46px; margin: 5px 0; padding: 10px; font: inherit; font-size: 18px; background: #24140a; color: #f6e2b8; border: 1px solid #a78048; border-radius: 12px; cursor: pointer; }
#pg-panel button:disabled { opacity: .45; cursor: default; }
#pg-panel button:focus-visible { outline: 3px solid #8fd3ff; }
#pg-panel .pg-msg { min-height: 2.6em; font-size: 14px; color: #ffe3a3; overflow-wrap: anywhere; }

.pg-icon { width: 24px; height: 24px; object-fit: contain; flex: none; vertical-align: middle; }
#pg-panel h2, #pg-panel button { display: flex; align-items: center; justify-content: center; gap: 10px; }
#pg-panel h2 .pg-icon { width: 32px; height: 32px; }
#pg-panel .pg-state { overflow-wrap: anywhere; }
#mm .rkbar .pg-map-entry { flex: 1 0 100%; max-width: 100%; min-height: 36px; display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; background: #24140a; }