.pn-demo-runtime .workspace.narrow { width: 100%; max-width: none; padding: 16px; margin: 0; }
.pn-demo-runtime .sticky-product-header { position: relative; }
.pn-demo-runtime .gaming-history-modal { align-items: flex-start; overflow-y: auto; padding: 16px; }
.pn-demo-runtime .gaming-history-dialog { max-height: calc(100vh - 32px); overflow-y: auto; margin: auto; }
.demo-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #dce2ed; background: #fff; }
.demo-controls strong { font-size: 12px; text-transform: uppercase; letter-spacing: 0; }
.demo-notice { padding: 0 16px; margin: 0; color: #2644c9; }
.demo-notice:not(:empty) { padding-block: 12px; }
.demo-extra-dialog { width: min(640px, calc(100% - 24px)); max-height: 85vh; overflow: auto; padding: 24px; border: 1px solid #dce2ed; border-radius: 8px; }
.demo-extra-dialog::backdrop { background: #17203480; }
.demo-extra-dialog h2 { margin-top: 16px; }
.demo-extra-dialog label { display: block; margin-block: 12px; }
.demo-extra-dialog input:not([type=checkbox]), .demo-extra-dialog select { max-width: 100%; }
@media(max-width:600px) { .pn-demo-runtime .workspace.narrow { padding: 8px; } .demo-controls { padding: 8px; } }
@media(max-width:600px) { .pn-demo-runtime .gaming-copy-address { font-size: 13px; padding-inline: 6px; } }