:root{--night:#17143a;--lapis:#26357a;--iznik:#1e8c88;--madder:#a8322a;--madder-deep:#7c2019;--saffron:#e9a93b;--gold:#f3c56a;--paper:#f2dfb8;--paper-edge:#e2c58e;--ink:#2a1830;--ink-soft:#5b4060;--display:"Marcellus","Trajan Pro","Palatino Linotype",Palatino,Georgia,serif;--text:"Alegreya","Palatino Linotype",Palatino,Georgia,serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#ead3a6;--paper-edge:#d6b67c;--ink:#25142b}}:root[data-theme=dark]{--paper:#ead3a6;--paper-edge:#d6b67c;--ink:#25142b}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{height:100%;margin:0}body{background:var(--night);color:var(--paper);font-family:var(--text);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}[hidden]{display:none!important}button{font-family:var(--text);cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#stage{cursor:none;touch-action:none;display:block;position:fixed;inset:0}#hotspots{pointer-events:none;position:fixed;inset:0}.hs{pointer-events:auto;cursor:none;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.hs:focus-visible{outline:3px dashed var(--gold);outline-offset:2px}.hud{padding:calc(env(safe-area-inset-top,0px) + 14px) calc(env(safe-area-inset-right,0px) + 16px) 0 calc(env(safe-area-inset-left,0px) + 18px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.mark{background:#1410328c;border-radius:6px;flex-direction:column;gap:2px;padding:7px 14px 8px;display:flex;box-shadow:inset 0 0 0 1px #f3c56a4d}.mark .series{font-family:var(--display);letter-spacing:.06em;color:var(--gold);font-size:15px}.mark .where{color:#e8d6b4;font-size:15px;font-style:italic}.hud-right{pointer-events:auto;align-items:center;gap:10px;margin-left:auto;display:flex}#coins{background:#1410328c;border-radius:30px;gap:6px;padding:5px 8px;display:flex;box-shadow:inset 0 0 0 1px #f3c56a59}#coins canvas{width:36px;height:36px;transition:transform .5s cubic-bezier(.2,1.6,.4,1);display:block}#coins canvas.pop{transform:scale(1.35)}.iconbtn{width:44px;height:44px;color:var(--gold);background:#1410328c;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f3c56a59}.iconbtn svg{width:22px;height:22px}#goal{left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);background:var(--paper);max-width:min(620px,100vw - 280px);color:var(--ink);box-shadow:0 6px 18px #00000059,inset 0 0 0 2px var(--paper-edge);pointer-events:auto;border-radius:4px;align-items:center;gap:10px;padding:9px 10px 9px 16px;font-size:16px;line-height:1.35;display:flex;position:fixed;transform:translate(-50%)}#goal:before{content:"";background:var(--saffron);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px 3px #e9a93bb3}#goal .gbtn{background:var(--lapis);color:var(--paper);border:0;border-radius:3px;flex:none;padding:7px 11px;font-size:14px}#goal .gbtn.alt{background:var(--madder)}#dialog{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--paper);width:min(780px,94vw);color:var(--ink);box-shadow:0 12px 30px #00000073,inset 0 0 0 2px var(--paper-edge);pointer-events:auto;border-radius:6px;align-items:center;gap:14px;padding:14px 14px 14px 12px;display:flex;position:fixed;transform:translate(-50%)}#dialog:after{content:"";pointer-events:none;border:2.5px dotted #a8322a99;border-radius:4px;position:absolute;inset:5px}.portrait{background:var(--lapis);width:74px;height:74px;box-shadow:inset 0 0 0 3px var(--saffron);border-radius:50%;flex:none;place-items:center;display:grid}@keyframes flap{to{transform:scaleY(.55)}}.dbody{flex:1;min-width:0}.who{font-family:var(--display);color:var(--madder);letter-spacing:.04em;min-height:1em;font-size:15px}#line{min-height:2.9em;margin:2px 0 0;font-size:clamp(17px,1.4vw + 8px,21px);line-height:1.45}#line.narr{color:var(--ink-soft);font-style:italic}#next{background:var(--madder);color:var(--paper);border:0;border-radius:4px;flex:none;align-self:flex-end;padding:10px 16px;font-size:16px}#sceneTitle{text-align:center;pointer-events:none;opacity:0;transition:opacity .9s;position:fixed;top:20%;left:0;right:0}#sceneTitle.show{opacity:1}#sceneTitle .num{color:var(--gold);font-size:20px;font-style:italic;display:block}#sceneTitle .name{font-family:var(--display);color:#fff4dc;letter-spacing:.03em;text-shadow:0 0 30px #ffbe648c,0 3px #3c142880;font-size:clamp(38px,6vw,78px);display:block}#tray{left:calc(env(safe-area-inset-left,0px) + 12px);flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.statue{width:96px;color:var(--ink);background:#f2dfb8f0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px 8px;transition:transform .25s,box-shadow .25s,opacity .3s;display:flex;box-shadow:0 6px 14px #00000059}.statue canvas{width:44px;height:66px}.statue .gr{letter-spacing:.05em;font-size:14px;font-weight:700}.statue .tr{color:var(--ink-soft);font-size:13px;font-style:italic}.statue[aria-pressed=true]{box-shadow:0 0 0 3px var(--saffron),0 0 24px 4px #e9a93b99;transform:translate(10px)scale(1.04)}.statue.placed{opacity:.38}@media (max-height:560px){#tray{top:calc(env(safe-area-inset-top,0px) + 124px);flex-direction:row;gap:6px;transform:none}.statue{width:76px;padding:3px 2px 5px}.statue canvas{width:26px;height:39px}.statue .gr{letter-spacing:0;font-size:11px}.statue .tr,.mark{display:none}#goal{left:calc(env(safe-area-inset-left,0px) + 12px);top:calc(env(safe-area-inset-top,0px) + 64px);max-width:calc(100vw - 24px);transform:none}}.overlay{pointer-events:auto;background:#0c08228c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.card{background:var(--paper);width:min(540px,94vw);max-height:88vh;color:var(--ink);box-shadow:0 20px 50px #0000008c,inset 0 0 0 3px var(--madder),inset 0 0 0 7px var(--paper),inset 0 0 0 8px var(--paper-edge);border-radius:6px;padding:26px 28px 22px;animation:.6s cubic-bezier(.2,1,.3,1) rise;position:relative;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(30px)rotate(-1.5deg)}}.card .k{color:var(--madder);margin:0;font-size:17px;font-style:italic}.card h2{font-family:var(--display);margin:2px 0 12px;font-size:clamp(26px,4vw,34px);font-weight:400;line-height:1.1}.card p.f{max-width:60ch;margin:0 0 10px;font-size:18px;line-height:1.5}.piece{background:#a8322a14;border-radius:6px;align-items:center;gap:14px;margin:16px 0 6px;padding:10px 12px;display:flex}.piece canvas{flex:none;width:64px;height:64px}.piece span{font-size:17px}.piece b{font-family:var(--display);font-size:20px;font-weight:400;display:block}.card .go{background:var(--lapis);color:var(--paper);border:0;border-radius:4px;margin-top:10px;padding:11px 18px;font-size:17px}#final .card{text-align:center;width:min(620px,94vw)}#coinCanvas{width:200px;height:200px;margin:4px auto 6px;display:block}.next-acts{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 4px;padding:0;list-style:none;display:flex}.next-acts li{color:var(--ink-soft);background:#26357a1a;border-radius:3px;padding:5px 10px;font-size:15px}.next-acts li:first-child{background:var(--lapis);color:var(--paper)}.curtain{z-index:20;background:radial-gradient(circle,#f3c56ad9 1.6px,#0000 2.2px) 0 0/16px 16px repeat-y,repeating-linear-gradient(90deg,#7c2019 0 14px,#9a2d24 14px 34px,#b13a2c 34px 44px,#9a2d24 44px 60px,#7c2019 60px 72px);width:51vw;transition:transform 1.1s cubic-bezier(.7,0,.25,1);position:fixed;top:0;bottom:0;-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 22px) no-repeat,radial-gradient(22px at 22px 0,#000 97%,#0000) bottom/44px 22px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 22px) no-repeat,radial-gradient(22px at 22px 0,#000 97%,#0000) bottom/44px 22px repeat-x}.curtain.l{background-position:right 14px top 0,0 0;left:0;transform:translate(-101%)}.curtain.r{background-position:14px 0,0 0;right:0;transform:translate(101%)}.curtain.closed{transform:none}.curtain:after{content:"";background:linear-gradient(90deg,#00000059,#0000 30% 70%,#00000059);position:absolute;inset:0}@media (orientation:portrait){.t-rotate{display:block}}@media (max-width:760px){.mark{display:none}#goal{max-width:calc(100vw - 200px);font-size:14px}#goal .gbtn{padding:6px 8px;font-size:13px}}@media (max-width:520px){#goal{max-width:calc(100vw - 190px);left:12px;transform:none}}@media (max-height:520px){.portrait{width:52px;height:52px}.portrait svg{width:44px;height:44px}#line{min-height:2.6em;font-size:16px}#dialog{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.curtain{transition-duration:10ms}.portrait .wing,.card{animation:none}}.portrait{overflow:hidden}.portrait img{object-fit:contain;width:92%;height:92%;display:block}#title{z-index:30;background:#0b0a2a var(--title-art) 32% 50%/cover no-repeat;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}#title.gone{opacity:0;pointer-events:none}#title:before{content:"";pointer-events:none;background:linear-gradient(#0a08269e,#0a082600 40% 66%,#0a0826b3);position:absolute;inset:0}.title-top,.title-bottom{text-align:center;padding:0 16px;position:absolute;left:0;right:0}.title-top{top:clamp(10px,4.5vh,48px)}.title-bottom{flex-direction:column;align-items:center;gap:8px;display:flex;bottom:clamp(10px,4.5vh,44px)}.t-series{font-family:var(--display);color:var(--gold);letter-spacing:.1em;text-shadow:0 2px 10px #0a0826cc;margin:0;font-size:clamp(14px,2.8vmin,20px)}#title h1{font-family:var(--display);color:#fff1d6;text-shadow:0 0 30px #ffbe6499,0 3px 14px #0a0826cc;margin:2px 0 0;font-size:clamp(34px,9vmin,84px);font-weight:400;line-height:1}.t-act{color:#f0dcb0;text-shadow:0 2px 10px #0a0826cc;margin:4px 0 0;font-size:clamp(15px,3vmin,22px);font-style:italic}#start{background:var(--saffron);color:var(--ink);border:0;border-radius:40px;padding:12px 30px;font-size:clamp(17px,3vmin,22px);font-weight:700;box-shadow:0 0 0 3px #7c2019,0 0 34px 8px #e9a93b8c}.t-note{color:#f0e2c4;text-shadow:0 2px 10px #0a0826e6;max-width:46ch;margin:0;font-size:clamp(13px,2.2vmin,16px);line-height:1.4}.t-rotate{color:var(--gold);text-shadow:0 2px 8px #0a0826e6;margin:0;font-size:13px;display:none}@media (orientation:portrait){.t-rotate{display:block}}@media (max-height:520px){.t-note{display:none}}.title-book{filter:drop-shadow(0 14px 22px #000000b3)drop-shadow(0 0 26px #f3c56a59);pointer-events:none;width:min(30vmin,260px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}a.go{text-decoration:none;display:inline-block}.iconbtn{text-decoration:none}.card .go{cursor:pointer}#coins[hidden]{display:none}