*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden}body{overscroll-behavior:none}#scene{height:100%;height:100dvh;display:grid;place-items:center;background:#000}button{padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button:focus-visible{outline:1px solid #5a1111;outline-offset:-2px}#portrait{display:block;max-width:100vw;max-height:100dvh;line-height:0}#portrait img{display:block;width:auto;height:auto;max-width:100vw;max-height:100dvh;object-fit:contain}#ben{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(0px,env(safe-area-inset-bottom));height:clamp(150px,26vh,260px);z-index:5;opacity:0;transform-origin:75% 22%;transition:opacity 4s ease,transform 1.1s ease-in-out,right 1.1s ease-in-out,bottom 1.1s ease-in-out}#ben[hidden]{display:none}#ben.visible{opacity:1}#ben img{display:block;height:100%;width:auto;max-width:none}#darkness{position:fixed;inset:0;background:#000;pointer-events:none;z-index:10;opacity:0;transition:opacity 2.5s ease}body.ended #darkness{opacity:1;pointer-events:auto}body.expired #scene{display:none}body.expired #darkness{opacity:1;transition:none;pointer-events:auto}@media(prefers-reduced-motion:reduce){#ben{transition:opacity 2s ease,transform .2s linear,right .2s linear,bottom .2s linear}}