.haunt-demo-overlay{position:fixed;inset:0;z-index:2147480000;background:#050505;color:#fff;display:flex;flex-direction:column}
.haunt-demo-overlay[hidden]{display:none!important}
.haunt-demo-toolbar{height:58px;flex:0 0 58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0d0d0d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.haunt-demo-toolbar button{color:#fff;background:transparent;border:0;cursor:pointer}
.haunt-demo-toolbar__back{justify-self:start;display:flex;align-items:center;gap:8px;font-weight:800}
.haunt-demo-toolbar__back svg,.haunt-demo-toolbar__close svg,.haunt-demo-toolbar__devices svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.haunt-demo-toolbar__title{display:flex;align-items:center;gap:8px}
.haunt-demo-toolbar__title>span{width:8px;height:8px;border-radius:50%;background:#c5ff61;box-shadow:0 0 14px rgba(197,255,97,.8)}
.haunt-demo-toolbar__title strong{letter-spacing:.08em}
.haunt-demo-toolbar__title small{color:#989898}
.haunt-demo-toolbar__devices{justify-self:end;display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.haunt-demo-toolbar__devices button{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;font-weight:700}
.haunt-demo-toolbar__devices button.is-active{background:#c5ff61;color:#111113}
.haunt-demo-toolbar__close{display:none}
.haunt-demo-shell{flex:1;min-height:0;overflow:hidden;display:grid;place-items:start center;padding:0;background:#111}
.haunt-demo-frame-wrap{width:100%;height:100%;background:#101012;transition:width .22s ease,border-radius .22s ease,box-shadow .22s ease}
.haunt-demo-frame{width:100%;height:100%;border:0;background:#101012;display:block}
.haunt-demo-shell.is-mobile{padding:18px 0}
.haunt-demo-shell.is-mobile .haunt-demo-frame-wrap{width:390px;max-width:calc(100vw - 22px);height:calc(100% - 36px);border-radius:26px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.5)}
body.haunt-demo-open{overflow:hidden!important}
@media(max-width:700px){
 .haunt-demo-toolbar{height:52px;flex-basis:52px;grid-template-columns:auto 1fr auto;padding:0 10px}
 .haunt-demo-toolbar__back span,.haunt-demo-toolbar__title small,.haunt-demo-toolbar__devices span{display:none}
 .haunt-demo-toolbar__title{justify-self:center}
 .haunt-demo-toolbar__devices{justify-self:end}
 .haunt-demo-shell.is-mobile{padding:8px 0}
 .haunt-demo-shell.is-mobile .haunt-demo-frame-wrap{height:calc(100% - 16px)}
}