.crash-demo{margin:20px 0;border:1px solid var(--border,#d5dbe4);border-radius:12px;background:var(--surface,#fff);color:var(--text,#17243b);width:100%;max-width:100%;box-sizing:border-box;scroll-margin-top:90px}
body.mw-sitewide .cg-main section.crash-demo{padding:20px!important}
.crash-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.crash-demo h2{margin:4px 0 8px;font-size:24px;line-height:1.25}
.crash-demo p{font-size:14px;line-height:1.5;margin:8px 0;max-width:74ch}
.crash-demo .crash-demo-label{font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin:0}
.crash-demo-provider{font-size:13px;color:var(--text-secondary,#536078)}
.crash-demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 8px}
.crash-demo-age{min-height:44px;display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;margin-right:auto}
.crash-demo-age input{width:22px;height:22px;accent-color:#155eef;flex-shrink:0}
.crash-demo button{min-height:44px;padding:10px 16px;white-space:nowrap;font-size:14px;line-height:1.3}
.crash-demo button:disabled{opacity:.55;cursor:not-allowed}
.crash-demo :focus-visible{outline:3px solid #155eef;outline-offset:3px}
.crash-demo .crash-demo-status{font-size:13px;min-height:20px;margin:8px 0 12px;color:var(--text-secondary,#536078)}
.crash-demo-frame{position:relative;width:100%;height:clamp(520px,75vh,760px);background:#101727;border-radius:8px;overflow:hidden}
.crash-demo-frame iframe{display:block;width:100%;height:100%;max-height:none;border:0}
.crash-demo [hidden]{display:none!important}
.crash-demo.is-playing .crash-demo-age{display:none}
.crash-demo.is-playing .crash-demo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px}
.crash-demo .crash-demo-notice{border-left:3px solid var(--border,#d5dbe4);padding:8px 12px;font-size:13px}
.crash-demo.is-expanded,.mw-sitewide .cg-main section.crash-demo.is-expanded{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100%!important;max-width:none!important;height:100vh;height:100dvh;margin:0!important;padding:12px!important;border:0;border-radius:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:var(--surface,#fff)}
.crash-demo.is-expanded .crash-demo-label,.crash-demo.is-expanded .crash-demo-intro,.crash-demo.is-expanded .crash-demo-privacy,.crash-demo.is-expanded .crash-demo-provider,.crash-demo.is-expanded .crash-demo-notice,.crash-demo.is-expanded .crash-demo-age{display:none}
.crash-demo.is-expanded .crash-demo-heading h2{font-size:18px;line-height:1.3;margin:0}
.crash-demo.is-expanded .crash-demo-controls{width:100%;max-width:480px;margin:0}
.crash-demo.is-expanded .crash-demo-status{margin:0;font-size:12px;min-height:0;max-width:none}
.crash-demo.is-expanded .crash-demo-frame{flex:1;min-height:0;height:auto!important;max-height:none!important;width:100%!important;margin:0!important;border-radius:6px}
body.crash-game-expanded{overflow:hidden!important}
@media(max-width:600px){
body.mw-sitewide .cg-main section.crash-demo{padding:16px!important}
.crash-demo-heading{gap:4px}.crash-demo h2{font-size:22px}
.crash-demo-controls{display:grid;grid-template-columns:1fr;margin-top:12px;gap:8px}
.crash-demo-age{width:100%;margin:0}.crash-demo button{width:100%;padding:10px 8px}
.crash-demo.is-playing .crash-demo-controls{max-width:none}
.crash-demo.is-playing .crash-demo-frame{width:calc(100% + 32px);margin:12px -16px -16px;border-radius:0 0 11px 11px;height:max(640px,85svh);max-height:none}
body.mw-sitewide .cg-main section.crash-demo.is-expanded{padding:8px!important;padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
.crash-demo.is-expanded .crash-demo-frame{border-radius:0}
}
@media(prefers-reduced-motion:reduce){.crash-demo{scroll-behavior:auto}}
@layer refined-fixes{
body.mw-sitewide .cg-main section.crash-demo{padding:20px!important}
body.mw-sitewide .cg-main section.crash-demo.is-expanded{padding:12px!important}
@media(max-width:600px){
body.mw-sitewide .cg-main section.crash-demo{padding:16px!important}
body.mw-sitewide .cg-main section.crash-demo.is-expanded{padding:8px!important;padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}
}
