:root{color-scheme:dark;--ink: #1c140f;--paper: #f4e7d0;--paper-deep: #e7d3b2;--walnut: #2a1c14;--stamp: #8d2f2b;--moss: #31463b;--stage: #24180f;font-family:Iowan Old Style,Palatino,Palatino Linotype,Book Antiqua,Georgia,serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 15% 0%,#3c2a22 0%,transparent 46%),radial-gradient(ellipse at 90% 100%,#2a1814 0%,transparent 42%),#120e0b;color:var(--paper)}button,input{font:inherit}.file-notice{display:none}html.is-file .file-notice{display:grid;place-items:center;min-height:100vh;padding:32px 18px}html.is-file #app{display:none}.file-notice article,.card{width:min(640px,100%);background:var(--paper);color:var(--ink);padding:28px 26px 24px;border:2px solid #1a120e;box-shadow:8px 8px #1a120e}.file-notice h1,.card h1{font-weight:600;font-size:clamp(2rem,4vw,3.4rem);line-height:.95;margin:0 0 12px}.eyebrow{margin:0 0 8px;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}pre{background:#2a1c14;color:var(--paper);padding:12px 14px;overflow:auto}#app{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}#stage-slot{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;container:slot / size}.topbar,#dock{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:10px 16px}.topbar p,#dock{margin:0}#stats{letter-spacing:.02em}#stage-frame{width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16 / 9;flex:0 0 auto;position:relative;background:var(--stage);overflow:hidden;box-shadow:0 24px 60px #00000073;container:stage / size}#game-root,#game-root canvas{position:absolute;inset:0;width:100%;height:100%}#cinematic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:2;pointer-events:none;background:#24180f}#cinematic.is-on{display:block}#hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.stage-action{position:absolute;pointer-events:auto;z-index:4}.stage-note{position:absolute;left:46%;top:66%;width:16%;min-height:88px;z-index:5;pointer-events:auto;padding:8px 10px;border:1px solid #1a120e;border-radius:1px;background:#f3e6ce;color:var(--ink);resize:none}#stage-card{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:24px;background:#120c0947}#stage-card[hidden]{display:none}.card{width:min(560px,92%)}.ending-card{width:min(720px,94%);max-height:100%;overflow:auto;padding:14px 16px 12px}.ending-card h1{font-size:clamp(1.6rem,3vw,2.4rem)}.card p,.card li{font-size:1.05rem;line-height:1.4}.ending-card ul{margin:0 0 10px;padding-left:1.2rem}.card .ticket{margin:8px 8px 0 0}#media-note{position:absolute;z-index:6;left:4%;right:4%;margin:0}#caption{position:absolute;z-index:6;left:50%;bottom:4.5%;transform:translate(-50%);width:max-content;max-width:74%;margin:0;padding:.15em .35em;background:none;border:none;color:#f7f3ea;font-size:clamp(15px,3.1cqh,22px);font-weight:600;line-height:1.28;text-align:center;text-wrap:balance;pointer-events:none;text-shadow:0 0 2px #000,0 1px 2px #000,0 2px 8px rgba(0,0,0,.95),1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#caption:empty{display:none}#media-note{top:4%;width:max-content;max-width:92%;background:var(--stamp);color:var(--paper);padding:8px 10px}#choices,#settings{display:flex;flex-wrap:wrap;gap:8px}.ticket{min-height:48px;min-width:48px;padding:10px 14px;border:2px solid #1a120e;border-radius:2px;background:var(--paper);color:var(--ink);box-shadow:3px 3px #1a120e;cursor:pointer;touch-action:manipulation}.ticket:hover{background:#fff6e8}.ticket:focus-visible{outline:3px solid #e2b15a;outline-offset:2px}.stage-action.ticket{min-height:44px;min-width:44px;padding:0;background:transparent;color:#1a120e;border:none;border-radius:8px;box-shadow:none;text-shadow:none;font-weight:600;line-height:1.15}.stage-action.ticket .slip{position:absolute;left:50%;bottom:.15em;width:max-content;max-width:260px;transform:translate(-50%) rotate(-1.1deg);padding:.28em .7em .22em;background:#f4ead6;color:#1a120e;font-size:clamp(12px,2.5cqh,17px);text-align:center;border-radius:2px;clip-path:polygon(1% 0,98% 3%,100% 90%,96% 100%,3% 97%,0 10%);box-shadow:0 3px 0 -1px #00000038,0 8px 14px #140a0461;pointer-events:none}.stage-action.tag-left .slip{left:0;transform:rotate(-.8deg)}.stage-action.tag-right .slip{left:auto;right:0;transform:rotate(.8deg)}.stage-action[data-kind=choice] .slip,.stage-action[data-kind=continue] .slip{background:#f6d39a}.stage-action.ticket:hover,.stage-action.ticket:focus-visible{background:#f3e6ce0f;outline:2px dashed rgba(243,230,206,.85);outline-offset:2px;box-shadow:none}.stage-action.ticket:hover .slip,.stage-action.ticket:focus-visible .slip{background:#fff6e4}.stage-action.ticket:hover .slip,.stage-action.ticket:focus-visible .slip{transform:translate(-50%) rotate(-1.1deg) translateY(-3px)}.stage-action.tag-left.ticket:hover .slip,.stage-action.tag-left.ticket:focus-visible .slip{transform:rotate(-.8deg) translateY(-3px)}.stage-action.tag-right.ticket:hover .slip,.stage-action.tag-right.ticket:focus-visible .slip{transform:rotate(.8deg) translateY(-3px)}.stage-action.ticket:focus-visible .slip{outline:3px solid #e2b15a;outline-offset:2px}#dock{padding-bottom:calc(12px + env(safe-area-inset-bottom))}@media(max-width:720px){.topbar,#dock{padding-inline:10px}.ticket{font-size:.9rem}#caption{font-size:clamp(12px,4.2cqh,16px);max-width:86%}.ending-card{max-height:100%;font-size:.92rem}}