@font-face{font-family:Creepster;src:url('assets/fonts/Creepster-Regular.ttf') format('truetype');font-display:block}
/* The same dialogue panel and choices as the school scene, including mobile rules. */
#gameover{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--ink);isolation:isolate;text-align:left;filter:grayscale(0);transition:filter 700ms ease}
#gameover::backdrop{background:transparent;backdrop-filter:none}
#gameover[open]{display:block}
#gameover-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;pointer-events:none}
#gameover.has-died{filter:grayscale(1)}
#gameover.is-scaring>.escape-shade,#gameover.is-scaring>.escape-top,#gameover.is-scaring>.escape-panel{visibility:hidden;pointer-events:none}
#gameover.is-scaring #gameover-scene{object-position:50% 40%;will-change:transform}
#gameover-title{font:400 clamp(42px,7vw,64px)/1.1 Creepster,Georgia,serif;color:inherit;letter-spacing:.025em;margin:0 0 20px}
#gameover-title:focus{outline:none}
@media(max-height:650px){#gameover-title{font-size:38px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){#gameover{transition:none}}