*{box-sizing:border-box}body{margin:0;background:#0e1511;color:white;font-family:Arial,"Malgun Gothic",sans-serif;letter-spacing:0}main{height:100dvh;width:100%;position:relative}video{width:100%;height:100%;object-fit:contain;background:#0e1511}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(22px,env(safe-area-inset-top)) 24px 40px;background:linear-gradient(#000b,transparent);pointer-events:none}header a{pointer-events:auto;color:white;text-decoration:none}nav{display:flex;gap:12px}nav a{background:#10271de0;border:1px solid #ffffff80;border-radius:4px;padding:12px 16px;font-size:14px}.brand{font-size:21px;font-weight:700}#status{position:absolute;top:45%;left:10%;right:10%;text-align:center;background:#101713dd;padding:20px}button{cursor:pointer;padding:10px}@media(max-width:500px){header{padding:18px 12px 32px;gap:8px;flex-wrap:wrap}.brand{font-size:18px}nav{gap:8px}nav a{font-size:13px;padding:10px}}a:focus-visible{outline:3px solid white}
/* A single closing title follows the last frame, then the room selection. */
[hidden]{display:none!important}#ending{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#08190fcc;z-index:4;padding:24px}#ending p{margin:0;animation:closing-title 4s cubic-bezier(.2,.6,.2,1) both;transform-origin:center}#ending span{display:block;font-size:26px;line-height:1.6;font-weight:400}#ending strong{display:block;font-size:64px;line-height:1.4}#ending a{color:#fff;text-decoration:none;margin-top:42px;padding:12px 20px;border:1px solid #fff8;border-radius:4px;animation:ending-link 1s 3s both}@keyframes closing-title{0%{opacity:0;transform:translateY(100px) scale(.68)}75%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes ending-link{from{opacity:0}to{opacity:1}}@media(max-width:600px){#ending span{font-size:20px}#ending strong{font-size:44px}}@media(prefers-reduced-motion:reduce){#ending p,#ending a{animation:none}}