.game-demo-modal{border:1px solid color-mix(in srgb, var(--violet) 45%, transparent);background:var(--surface);width:min(95vw,480px);max-width:95vw;height:min(90svh,860px);max-height:90svh;color:var(--fg);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 22%, transparent), 0 0 40px color-mix(in srgb, var(--violet) 28%, transparent), 0 24px 60px #0000008c;border-radius:1rem;margin:auto;padding:0;overflow:hidden}.game-demo-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8}.game-demo-modal__panel{flex-direction:column;height:100%;min-height:0;display:flex}.game-demo-modal__header{border-bottom:1px solid color-mix(in srgb, var(--fg) 10%, transparent);background:color-mix(in srgb, var(--bg) 55%, var(--surface));flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.game-demo-modal__title{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:750}.game-demo-modal__close{border:1px solid color-mix(in srgb, var(--fg) 16%, transparent);width:48px;height:48px;color:var(--fg);cursor:pointer;background:0 0;border-radius:.55rem;place-items:center;display:inline-grid}.game-demo-modal__close:hover,.game-demo-modal__close:focus-visible{border-color:var(--violet);color:var(--violet);outline:none}.game-demo-modal__body{background:#000;flex:auto;min-height:0}.game-demo-modal__frame{background:#000;border:0;width:100%;height:100%;display:block}