:root{--ivory: #f3ead7;--soot: #14110e;--oxblood: #6e2430;--gold: #b9975b;--blue: #1c2836;color-scheme:dark}*{box-sizing:border-box}html,body,p,label,h1,button,.line,.slip,.book,.drawing{caret-color:transparent;-webkit-user-select:none;user-select:none}html,body,#app{margin:0;height:100%;background:var(--soot);color:var(--ivory)}body{font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;cursor:default}button,input{font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ivory)}button{background:#14110e8c;border:1px solid rgba(243,234,215,.5);min-height:44px;padding:.65rem 1.1rem;cursor:pointer;font-size:.95rem}button:focus-visible,input:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}button.ghost{opacity:.75}#app{height:100%}.screen{height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.stage{height:100%;width:100%;display:grid;place-items:center;overflow:hidden;background:var(--soot)}.frame{position:relative;aspect-ratio:2752 / 1536;width:min(100%,calc(100vh * 2752 / 1536));max-height:100%;height:auto}.frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.frame img.top{opacity:0}.frame.wiping img.top,.frame.reveal img.top{opacity:1}@media(prefers-reduced-motion:no-preference){.frame img.top{transition:opacity 1.3s ease}}button.hot,button.hot:hover,button.hot:focus,button.hot:focus-visible,button.hot:active{position:absolute;background:transparent;border:0;outline:none;box-shadow:none;padding:0;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;caret-color:transparent}.hot span{position:absolute;left:8%;right:8%;top:42%;opacity:0;font-family:Avenir Next,Segoe UI,sans-serif;font-size:clamp(.62rem,1vw,.78rem);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--ivory);text-shadow:0 1px 2px #000,0 0 10px #000;pointer-events:none}.hot:hover span,.hot:focus-visible span{opacity:1}.hot.held span{opacity:0}.bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.2rem 1.4rem 1.4rem;background:linear-gradient(transparent,#14110ee0);pointer-events:none}.bar>*{pointer-events:auto}.line{margin:0;max-width:36rem;font-size:clamp(1.15rem,2.4vw,1.7rem);text-shadow:0 1px 10px rgba(0,0,0,.7)}.actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.slip{position:absolute;padding:.28rem .45rem .35rem;background:#efe6d4f0;color:#2a2118;box-shadow:0 8px 16px #00000052;transform:rotate(-2deg);pointer-events:none}.slip small{display:block;font-family:Avenir Next,Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.55rem}.slip strong{font-size:clamp(.8rem,1.4vw,1.15rem);font-weight:500}.drawing{position:absolute;left:16%;top:60%;width:20%;background:#efe6d4;color:#2a2118;padding:.35rem;box-shadow:0 10px 20px #0006;transform:rotate(3deg);pointer-events:none}.drawing img{width:100%;display:block}.drawing p{margin:.35rem 0 0;font-size:clamp(.75rem,1.2vw,1rem)}.load,.title{text-align:center;padding:2rem}.load h1,.title h1{font-weight:500;letter-spacing:.06em;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 .4rem}.moth{width:42px;height:18px;margin:0 auto 1.2rem;border:1px solid var(--ivory);border-radius:50%;opacity:.8}@media(prefers-reduced-motion:no-preference){.moth{animation:hover 3.6s ease-in-out infinite}}@keyframes hover{50%{transform:translateY(-6px)}}.meter{width:min(16rem,70vw);height:2px;margin:1.4rem auto 0;background:#2a241c}.meter span{display:block;height:100%;background:var(--gold);width:0%}.book{position:absolute;left:4%;top:68%;width:min(22rem,34%);background:#f3ead7e6;color:#2a2118;padding:.85rem 1rem 1rem;border:0;box-shadow:0 12px 28px #00000059}.book.signed{width:min(11rem,24%);padding:.4rem .6rem .5rem}.book.signed label{font-family:Avenir Next,Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;margin-bottom:.15rem}.book.signed p{margin:0;font-size:1.15rem}.book button{background:#2a2118;color:var(--ivory);border-color:#2a2118}.book label{display:block;font-size:1.15rem;margin-bottom:.6rem}.book input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--gold);color:#2a2118;caret-color:#2a2118;cursor:text;-webkit-user-select:text;user-select:text;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.35rem;padding:.4rem 0}.mute{position:absolute;top:.8rem;right:.8rem;z-index:3;background:#14110e73}.book .row{display:flex;justify-content:flex-end;margin-top:.8rem}.candle{position:absolute;width:2.2%;height:7%;left:46%;top:48%;background:radial-gradient(circle,rgba(255,214,140,.55),transparent 70%);mix-blend-mode:screen;pointer-events:none}@media(prefers-reduced-motion:no-preference){.candle{animation:flare 2.8s ease-in-out infinite}}@keyframes flare{50%{opacity:.45;transform:scale(1.08)}}