*{box-sizing:border-box}html,body{color:#f2e9d8;-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none;background:#140f0a;height:100%;margin:0;font-family:ui-serif,Georgia,Iowan Old Style,Times New Roman,serif;overflow:hidden}#app{position:fixed;inset:0}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:absolute;inset:0}.nudge{top:max(14px, env(safe-area-inset-top));text-align:center;text-shadow:0 2px 12px #000000e6;opacity:.88;max-width:min(32rem,84vw);font-size:clamp(.92rem,3.5vw,1.1rem);line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.said{text-align:center;color:#ffe9c0;text-shadow:0 2px 14px #000000f2;opacity:0;max-width:min(30rem,86vw);font-size:clamp(1rem,3.9vw,1.22rem);font-style:italic;transition:opacity .42s;position:absolute;bottom:38%;left:50%;transform:translate(-50%)}.said[data-on=true]{opacity:1}.thought{text-align:center;color:#cfe4f2;opacity:0;background:#140f0ab8;border-radius:16px;max-width:min(26rem,82vw);padding:10px 16px;font-size:clamp(1rem,4.2vw,1.3rem);font-style:italic;transition:opacity .3s;position:absolute;top:16%;left:50%;transform:translate(-50%)}.thought[data-on=true]{opacity:1}.thought .who{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-top:6px;font-size:.72rem;font-style:normal;display:block}.meters{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute}.meters[hidden]{display:none}.meter{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.meter .label{letter-spacing:.14em;text-transform:uppercase;opacity:.5;font-size:.62rem}.meter .bar{background:#ffffff1f;border-radius:4px;width:108px;height:8px;overflow:hidden}.meter .bar i{border-radius:4px;width:0;height:100%;transition:width .26s linear,background .26s linear;display:block}.meter[data-kind=footfall] .bar i{background:#7ab07e}.meter[data-kind=suspicion] .bar i{background:#c8a55c}.meter[data-kind=suspicion][data-level=high] .bar i{background:#d16a5a}.janice{letter-spacing:.04em;opacity:.85;background:#140f0a8c;border-radius:10px;padding:4px 10px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem}.janice[data-danger=true]{color:#ffbcae;background:#5a1e1880}.place{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));letter-spacing:.1em;text-transform:uppercase;opacity:.55;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;position:absolute}.act{bottom:max(22px, env(safe-area-inset-bottom));right:max(18px, env(safe-area-inset-right));color:#241a10;min-width:148px;min-height:58px;font:inherit;pointer-events:auto;cursor:pointer;background:#f8eacef0;border:0;border-radius:16px;padding:10px 18px;font-size:1.02rem;font-weight:700;line-height:1.2;transition:transform .12s;position:absolute;box-shadow:0 8px 24px #00000080}.act[hidden]{display:none}.act:active{transform:scale(.96)}.act small{opacity:.62;font-size:.72rem;font-weight:400;display:block}.compose{padding:14px max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:auto;background:linear-gradient(#0c090600,#0c0906f5 38%);flex-direction:column;gap:10px;display:none;position:absolute;bottom:0;left:0;right:0}.compose[data-on=true]{display:flex}.compose .what{letter-spacing:.14em;text-transform:uppercase;opacity:.5;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem}.line{text-align:center;border:1px dashed #f2e9d847;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:3.1rem;padding:10px 14px;font-size:clamp(1rem,4vw,1.25rem);line-height:1.35;display:flex}.line .empty{opacity:.34;font-style:italic}.line button{color:#241a10;font:inherit;font-size:inherit;cursor:pointer;background:#f8eacee6;border:0;border-radius:9px;padding:4px 10px}.hand{flex-wrap:wrap;justify-content:center;gap:8px;max-height:34vh;display:flex;overflow-y:auto}.hand button{color:#f2e9d8;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#281f16e6;border:1px solid #f2e9d838;border-radius:12px;max-width:20rem;padding:10px 13px;font-size:clamp(.86rem,3.4vw,1rem);line-height:1.25}.hand button[disabled]{opacity:.3;cursor:default}.hand button:active{background:#3c2f21f2}.rowbuttons{justify-content:center;gap:10px;display:flex}.rowbuttons button{min-height:48px;font:inherit;cursor:pointer;color:#241a10;background:#f8eaceeb;border:0;border-radius:14px;padding:10px 20px;font-weight:700}.rowbuttons button.ghost{color:#f2e9d8;background:0 0;border:1px solid #f2e9d84d;font-weight:400}.rowbuttons button[disabled]{opacity:.35;cursor:default}.fade{pointer-events:none;opacity:0;position:absolute;inset:0}.fade.dark{background:#050402}.fade.glare{background:#fffaf0}.card{text-align:center;pointer-events:auto;background:#0b0806;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:none;position:absolute;inset:0;overflow-y:auto}.card[data-on=true]{display:flex}.card h1{margin:0;font-size:clamp(1.6rem,7vw,2.6rem)}.card p{opacity:.84;max-width:32rem;margin:0;line-height:1.55}.card dl{opacity:.7;grid-template-columns:auto auto;gap:4px 18px;margin:6px 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.86rem;display:grid}.card dt{text-align:right;opacity:.7}.card dd{text-align:left;margin:0}.card button{color:#241a10;min-height:48px;font:inherit;cursor:pointer;background:#f8eace;border:0;border-radius:14px;margin-top:12px;padding:12px 24px;font-weight:700}.gate{text-align:center;pointer-events:auto;background:#0b0806;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.gate[hidden]{display:none}.gate h1{margin:0;font-size:clamp(1.8rem,8vw,3rem)}.gate p{opacity:.78;max-width:28rem;margin:0;line-height:1.55}.gate small{opacity:.48;font-family:ui-sans-serif,system-ui,sans-serif}.gate button{color:#241a10;min-height:48px;font:inherit;cursor:pointer;background:#f8eace;border:0;border-radius:14px;margin-top:14px;padding:12px 26px;font-weight:700}.mute{bottom:max(22px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));color:#f2e9d8;pointer-events:auto;cursor:pointer;background:#00000059;border:1px solid #ffffff2e;border-radius:12px;min-height:40px;padding:6px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;position:absolute}.mute[hidden]{display:none}