:root{--brass:#c9a45c;--brass-dark:#7a5e2b;--ink:#f2e8d5;--serif:"IM Fell English", Georgia, "Times New Roman", serif;--display:"Rye", "IM Fell English", Georgia, serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#5f666c;width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}button{font:inherit;cursor:pointer}.title-screen{color:var(--ink);font-family:var(--serif);text-align:center;background:radial-gradient(#14141633,#0a0a0cbf);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:fixed;inset:0}.title-screen h1{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 24px #0009;margin:0;font-size:clamp(2.6rem,11vw,6rem);font-weight:400;line-height:.95}.title-small{letter-spacing:.4em;font-size:.42em;display:block}.brass-button{border:1px solid var(--brass);color:#1c150a;font-family:var(--serif);background:linear-gradient(180deg, #e3c27c, var(--brass) 55%, var(--brass-dark));pointer-events:auto;border-radius:2px;align-items:center;gap:.6em;padding:.7em 1.6em;font-size:1.15rem;display:inline-flex;box-shadow:0 4px 18px #00000073}.brass-button kbd{border:1px solid #1c150a;border-radius:2px;padding:0 .4em;font-family:ui-monospace,monospace;font-size:.8em}.touch-surface{position:fixed;inset:0}.stick-base{opacity:0;pointer-events:none;border:2px solid #f2e8d559;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed}.stick-knob{background:#f2e8d573;border-radius:50%;width:40px;height:40px;position:absolute;top:36px;left:36px}.hud{pointer-events:none;color:var(--ink);font-family:var(--serif);position:fixed;inset:0}.sound-toggle,.fake-badge{top:max(12px, env(safe-area-inset-top));color:var(--ink);background:#0a0a0c73;border:1px solid #f2e8d54d;border-radius:2px;padding:.35em .8em;font-size:.9rem;position:absolute}.sound-toggle{right:max(12px, env(safe-area-inset-right));pointer-events:auto}.sound-toggle kbd{border:1px solid #f2e8d566;border-radius:2px;margin-left:.5em;padding:0 .35em;font-family:ui-monospace,monospace;font-size:.75em}.fake-badge{left:max(12px, env(safe-area-inset-left));color:#ffb4a8;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.pause-banner{color:var(--ink);font-family:var(--serif);pointer-events:auto;background:#0a0a0c99;border:1px solid #f2e8d54d;padding:.8em 1.6em;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.booth-panel{left:50%;bottom:max(24px, env(safe-area-inset-bottom));text-align:center;background:#0c0a08b8;border:1px solid #c9a45c80;flex-direction:column;align-items:center;gap:.8rem;width:min(92vw,30rem);padding:1rem 1.2rem 1.2rem;display:flex;position:absolute;transform:translate(-50%)}.booth-line{margin:0;font-size:1.15rem;font-style:italic}.call-timer{letter-spacing:.1em;color:var(--brass);font-family:ui-monospace,monospace;font-size:1.6rem}.hint,.find-booth{left:50%;bottom:max(14vh, calc(env(safe-area-inset-bottom) + 90px));text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:min(34rem,90vw);animation:.6s ease-out find-booth-in;display:flex;position:absolute;transform:translate(-50%)}.find-booth-button{font-family:var(--display);letter-spacing:.04em;padding:.75em 2.2em;font-size:clamp(1.35rem,1rem + 1.6vw,2rem);box-shadow:0 6px 28px #0000008c,0 0 36px #e3c27c59}.find-booth-aside{opacity:.85;text-shadow:0 1px 6px #000000e6;margin:0;padding:.4em .9em;font-size:.95rem;line-height:1.4}.find-booth-small{top:calc(max(12px, env(safe-area-inset-top)) + 2.6rem);padding:.45em 1.1em;font-size:.95rem;position:absolute;left:50%;transform:translate(-50%)}@keyframes find-booth-in{0%{opacity:0;transform:translate(-50%,10px)}}.controls-tip{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 3rem);width:min(34rem,90vw);color:var(--ink);text-align:center;pointer-events:auto;background:#0c0a08c7;border:1px solid #c9a45c8c;padding:.9em 1.4em;font-size:1.05rem;line-height:1.45;animation:.5s ease-out find-booth-in;position:absolute;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.controls-tip p{margin:.2em 0}.controls-tip-title{font-family:var(--display);color:#e3c27c;font-size:1.35rem}.controls-tip-aside{opacity:.8;font-style:italic}.autorun-badge{color:var(--ink);text-align:center;white-space:nowrap;background:#0c0a08b8;border:1px solid #c9a45c80;padding:.5em 1em;font-size:1rem;position:absolute;left:50%;transform:translate(-50%)}.hint{animation:.4s ease-out hint-in;top:18%}.autorun-badge{top:max(12px, env(safe-area-inset-top));opacity:.85;font-size:.8rem}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-6px)}}.doorway-curtain{opacity:0;pointer-events:none;background:#060504;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.doorway-caption{color:var(--brass);letter-spacing:.02em;margin:0;font-size:clamp(1.05rem,.8rem + .8vw,1.4rem);font-style:italic;animation:.6s ease-out caption-in}@keyframes caption-in{0%{opacity:0}}.speech-anchor{opacity:0;will-change:transform;transition:opacity .2s;position:absolute;top:0;left:0}.speech{color:#22180e;width:max-content;max-width:min(22rem,70vw);font-family:var(--serif);text-align:center;background:linear-gradient(#f3e9d2,#e4d4b0);border:1px solid #78603c99;border-radius:3px;padding:.5em .9em;font-size:clamp(1.05rem,.7rem + .9vw,1.5rem);font-style:italic;line-height:1.25;animation:.25s ease-out speech-in;position:relative;transform:translate(-50%,-100%);box-shadow:0 3px 10px #0006}.speech:after{content:"";background:#e4d4b0;border-bottom:1px solid #78603c99;border-right:1px solid #78603c99;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes speech-in{0%{opacity:0;transform:translate(-50%,-90%)scale(.95)}}.talk-prompt,.talk-button{animation:.25s ease-out prompt-in;position:absolute;top:58%;left:50%;transform:translate(-50%)}.talk-prompt{background:#0c0a08b8;border:1px solid #c9a45cbf;align-items:center;gap:.55em;padding:.45em 1.1em .45em .55em;font-size:clamp(1.4rem,1rem + 1vw,1.9rem);display:flex;box-shadow:0 6px 24px #00000080,0 0 22px #e3c27c2e}.talk-prompt kbd{border:1px solid var(--brass);color:#1c150a;background:linear-gradient(180deg, #e3c27c, var(--brass) 55%, var(--brass-dark));border-radius:3px;place-items:center;min-width:1.6em;height:1.6em;font-family:ui-monospace,monospace;font-size:.85em;display:inline-grid}.talk-button{padding:.7em 2em;font-size:1.45rem;top:54%}.talk-prompt.overhead,.talk-button.overhead{top:80%}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,8px)}}.credits-corner{right:max(14px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:var(--ink);font-family:var(--serif);letter-spacing:.08em;text-underline-offset:.2em;opacity:.65;pointer-events:auto;background:0 0;border:0;padding:.3em .6em;font-size:.95rem;text-decoration:underline;position:absolute}.credits-corner:hover{opacity:1}@media (prefers-reduced-motion:reduce){.speech,.speech-anchor,.hint{transition:none;animation:none}}.inspect-overlay{pointer-events:auto;cursor:pointer;background:radial-gradient(#0c0a088c,#0c0a08d9);flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:.25s ease-out fade-in;display:flex;position:absolute;inset:0}.inspect-poster{max-width:92vw;max-height:min(82vh,150vw);animation:.45s cubic-bezier(.2,.8,.25,1) poster-up;transform:rotate(-1.2deg);box-shadow:0 18px 60px #000000b3}.inspect-hint{opacity:.75;margin:0;font-size:.95rem}.reading{flex-direction:column;align-items:center;gap:.9rem;width:min(34rem,92vw);animation:.45s cubic-bezier(.2,.8,.25,1) poster-up;display:flex}.reading-picture{width:auto}.inspect-painting{border:clamp(10px,2.6vmin,22px) solid #b08a3e;border-image:linear-gradient(135deg,#f1d58a,#a67a2c 30%,#e8c774 55%,#7d5a1e 80%,#d8b566) 1;outline:2px solid #4a3512;transform:none;box-shadow:0 18px 60px #000000b3}.reading-picture .inspect-poster{max-height:min(68vh,130vw)}.reading-face{box-sizing:border-box;text-align:center;width:100%;padding:1.1rem 1.4rem;font-size:clamp(1.5rem,6vw,2.5rem);box-shadow:0 18px 60px #000000b3}.reading-line{margin:.12em 0;line-height:1.15}.reading-arrow svg{width:4.5em;height:1.1em;margin:.1em auto;display:block}.reading-serif{font-family:var(--serif)}.reading-italic{font-family:var(--serif);font-style:italic}.reading-display{font-family:var(--display)}.reading-sans{letter-spacing:.04em;font-family:Gill Sans,Gill Sans MT,Futura,Helvetica,Arial,sans-serif;font-weight:700}.reading-fascia .reading-face,.reading-board .reading-face{outline-offset:-9px;color:#e8d6a8;background:linear-gradient(#1d1a15,#0e0c0a);border:3px solid #b8903f;outline:1px solid #b8903f}.reading-fascia .reading-line:first-child{color:#0000;filter:drop-shadow(1px 2px #0009);background:linear-gradient(#fbe7a6,#d5a743 55%,#8a6420);-webkit-background-clip:text;background-clip:text}.reading-board .reading-face{background:#10151c}.reading-notice .reading-face,.reading-playbill .reading-face,.reading-bill .reading-face{color:#2a2018;outline-offset:-8px;background:radial-gradient(at 75% 85%,#785a2840,#0000 60%),#e4d9bd;border:3px solid #2a2018;outline:1px solid #2a2018}.reading-notice .reading-face{color:#1a1a1a;background:#e9e4d6;border-width:6px}.reading-playbill{width:min(24rem,88vw);transform:rotate(-1deg)}.reading-placarded{gap:.55rem}.reading-placarded .inspect-poster{max-width:88vw;max-height:calc(100svh - 20.5rem)}.reading-placarded .placard{color:#1e1a14;outline-offset:-6px;background:#f2ebda;border:1px solid #3a3226;outline:1px solid #3a3226;width:min(26rem,88vw);padding:.5rem 1rem;font-size:clamp(1.1rem,4.4vw,1.7rem)}.reading-placarded .notebook{padding-top:.8rem}.reading-plaque .reading-face{color:#d8bb7c;outline-offset:-10px;text-shadow:1px 2px #00000080;background:linear-gradient(135deg,#4a3a22,#2c2214);border:4px solid #a98a4e;outline:1px solid #a98a4e}.reading-ticket{width:min(24rem,88vw);transform:rotate(1.5deg)}.reading-ticket .reading-face{color:#ece7da;text-shadow:0 0 6px #ece7da40;background:#1e2325;border:10px solid #5a3d22}.reading-stone{width:min(22rem,86vw)}.reading-stone .reading-face{color:#2b2824;text-shadow:0 1px #e6e1d473;letter-spacing:.05em;background:radial-gradient(circle at 20% 80%,#58603c40,#0000 40%),linear-gradient(135deg,#a29d92,#7d786e);border-radius:45% 45% 4px 4px/22% 22% 4px 4px;padding:2.2rem 1.4rem 1.6rem}.notebook{--rule:1.55rem;box-sizing:border-box;background:linear-gradient(90deg, transparent 2rem, #b2282873 2rem, #b2282873 calc(2rem + 1px), transparent calc(2rem + 1px)), repeating-linear-gradient(transparent 0, transparent calc(var(--rule) - 1px), #46649647 calc(var(--rule) - 1px), #46649647 var(--rule)), #f4eedb;color:#41454d;width:min(24rem,84vw);font-family:var(--serif);font-size:1.02rem;font-style:italic;line-height:var(--rule);text-align:left;background-position:0 0,0 .65rem,0 0;padding:1.05rem 1rem .55rem 2.6rem;position:relative;transform:rotate(-1.4deg);box-shadow:0 8px 26px #0000008c}.notebook:before{content:"";background:radial-gradient(circle at 50% 70%,#3c322859 0 2px,#0000 2.5px) 0 0/.9rem 100% repeat-x;height:.5rem;position:absolute;inset:0 0 auto}.notebook-heading,.notebook-line{margin:0}.notebook-heading{color:#2f3238;text-underline-offset:3px;-webkit-text-decoration:underline double #2f323899;text-decoration:underline double #2f323899}.notebook-line:before{content:"– "}@keyframes fade-in{0%{opacity:0}}@keyframes poster-up{0%{opacity:0;transform:translateY(12vh)rotate(-6deg)scale(.55)}}@media (prefers-reduced-motion:reduce){.inspect-overlay,.inspect-poster,.reading{animation:none}}.card-backdrop{pointer-events:auto;background:radial-gradient(#0c0a0873,#0c0a08cc);justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}.card{outline-offset:-8px;color:#22180e;text-align:center;background:linear-gradient(#f5ecd6,#e6d6b2);border:1px solid #8a6a2e;outline:1px solid #8a6a2e;width:min(30rem,100%);max-height:88vh;padding:1.8rem 1.8rem 1.4rem;animation:.45s cubic-bezier(.2,.8,.25,1) poster-up;overflow-y:auto;box-shadow:0 20px 60px #0009}.card h2{font-family:"Rye", var(--serif);letter-spacing:.02em;margin:.2rem 0 .6rem;font-size:clamp(2rem,9vw,2.8rem);font-weight:400}.card h3{letter-spacing:.15em;text-transform:uppercase;color:#8a6a2e;margin:1rem 0 .2rem;font-size:.8rem}.card p{margin:.2rem 0}.card-kicker{opacity:.75;font-style:italic}.card-body{font-size:1.1rem;line-height:1.4}.card-aside{opacity:.8;font-style:italic;margin-top:.8rem!important}.card-sub{opacity:.8;font-style:italic}.card .email{color:#6b1a14;word-break:break-all;margin:1rem 0 .4rem;font-size:clamp(.95rem,4.2vw,1.2rem);display:inline-block}.card-actions{flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;margin-top:1.2rem;display:flex}.card-actions a.brass-button{text-decoration:none}.card-note{opacity:.7;font-size:.85rem;margin-top:.9rem!important}.text-button{color:#4a3418;font-family:var(--serif);text-underline-offset:3px;pointer-events:auto;background:0 0;border:none;padding:.4em .2em;font-size:1.05rem;text-decoration:underline}.credits p{font-size:.95rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.card-backdrop,.card{animation:none}}.loading{opacity:.85;margin:0;padding:.7em 1.6em;font-size:1.15rem;font-style:italic}