:root{--ink: #1a1410;--parchment: #e8dcc8;--amber: #c4a574;--mist: rgba(232, 220, 200, .88);--shadow: rgba(8, 6, 4, .55);--man: #c9b896;--woman: #e8c9a0}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0c0a08;color:var(--parchment);font-family:Spectral,Georgia,serif;position:relative}#game{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 32%,rgba(8,6,4,.55),transparent 58%),radial-gradient(ellipse at 50% 28%,rgba(120,78,36,.22),transparent 52%),linear-gradient(180deg,#0806049e,#080604e6);z-index:10;transition:opacity 1.1s ease,visibility 1.1s ease}.overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.title-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:min(92vw,980px);padding:0 1rem;animation:title-rise 1.6s ease-out both}.title-glow{position:absolute;top:8%;left:50%;width:78%;height:56%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(255,196,120,.22),transparent 70%);filter:blur(32px);pointer-events:none;animation:glow-breathe 6s ease-in-out infinite}.title-logo{position:relative;width:min(86vw,720px);height:auto;max-height:min(52vh,460px);object-fit:contain;filter:drop-shadow(0 0 1px rgba(8,6,4,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.75)) drop-shadow(0 16px 44px rgba(0,0,0,.58));user-select:none;animation:title-drift 14s ease-in-out infinite alternate}.tagline{margin-top:.85rem;max-width:32rem;font-weight:300;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.45;opacity:.82;letter-spacing:.02em;text-shadow:0 2px 18px var(--shadow);animation:fade-in-late 2s ease .35s both}#start-btn{margin-top:1.75rem;padding:.95rem 1.9rem .85rem;border:1px solid rgba(196,165,116,.55);background:linear-gradient(180deg,#241c14b8,#120e0ac7);color:var(--parchment);font-family:Cormorant Garamond,Georgia,serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 36px #00000059;animation:fade-in-late 2s ease .55s both}#start-btn:hover{background:#c4a57429;border-color:var(--amber);transform:translateY(-1px);box-shadow:0 14px 40px #0000006b}#start-btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.cta-label{font-size:1.25rem;letter-spacing:.1em}.cta-sub{font-family:Spectral,Georgia,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.hint{margin-top:1.1rem;font-size:.78rem;opacity:.5;letter-spacing:.04em;animation:fade-in-late 2s ease .75s both}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}#hud.hidden{display:none}#title-chip{position:absolute;top:.85rem;left:1.1rem;line-height:0;filter:drop-shadow(0 2px 14px rgba(0,0,0,.55))}#title-chip img{display:block;height:clamp(2.8rem,5.2vh,3.6rem);width:auto;opacity:1;filter:drop-shadow(0 0 1px rgba(8,6,4,.9)) drop-shadow(0 2px 8px rgba(0,0,0,.65));user-select:none}.prompt{position:absolute;bottom:22%;left:50%;transform:translate(-50%);padding:.55rem 1.1rem;border:1px solid rgba(232,220,200,.25);background:#0c0a088c;backdrop-filter:blur(6px);font-size:.95rem;letter-spacing:.04em;white-space:nowrap}.prompt.hidden{display:none}.tutorial{position:absolute;top:16%;left:50%;transform:translate(-50%);max-width:min(34rem,90vw);text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.35;color:var(--mist);text-shadow:0 2px 24px var(--shadow);transition:opacity .5s ease}.tutorial.dim{opacity:0}.dialogue{position:absolute;left:50%;bottom:11%;transform:translate(-50%) translateY(8px);width:min(40rem,90vw);padding:.85rem 1.25rem 1rem;border:1px solid rgba(232,220,200,.14);background:linear-gradient(180deg,#0a08068c,#0a0806b8);backdrop-filter:blur(8px);text-align:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease,transform .35s ease;box-shadow:0 12px 40px #00000059}.dialogue.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dialogue-speaker{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;text-shadow:0 2px 12px var(--shadow)}.dialogue[data-speaker=man] .dialogue-speaker{color:var(--man)}.dialogue[data-speaker=woman] .dialogue-speaker{color:var(--woman)}.dialogue-text{font-size:clamp(.98rem,2vw,1.15rem);line-height:1.45;color:var(--parchment);text-shadow:0 2px 16px var(--shadow)}#controls-hint{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);font-size:.78rem;letter-spacing:.06em;opacity:.45;white-space:nowrap}.credits{position:absolute;bottom:.7rem;right:1rem;font-size:.68rem;opacity:.35;z-index:6;pointer-events:none}@keyframes title-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-drift{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes glow-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes fade-in-late{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-chip{position:absolute;top:5.5rem;left:1.25rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:#e8dcc8b8;text-shadow:0 2px 12px rgba(0,0,0,.55);pointer-events:none;transition:opacity .4s ease}.look-hint{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:.75rem 1.4rem;border:1px solid rgba(232,220,200,.28);background:#0a0806b8;backdrop-filter:blur(8px);font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;letter-spacing:.06em;color:var(--mist);pointer-events:none;animation:pulse-look 1.8s ease-in-out infinite}.look-hint.hidden{display:none}@keyframes pulse-look{0%,to{opacity:.55}50%{opacity:1}}.ending{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#281c1059,#040302eb);opacity:0;pointer-events:none;transition:opacity 2.2s ease}.ending.visible{opacity:1;pointer-events:auto}.ending.hidden{display:none}.ending.visible.hidden{display:grid}.ending-inner{text-align:center;max-width:min(36rem,92vw);transform:translateY(12px);transition:transform 2s ease}.ending.visible .ending-inner{transform:translateY(0)}.ending-logo{width:min(70vw,520px);height:auto;margin:0 auto 1.4rem;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55))}.ending-line{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.55rem);color:var(--mist);margin:.35rem 0;letter-spacing:.03em}.ending-line.dim{opacity:.72;font-size:clamp(1rem,2vw,1.2rem)}.ending-credit{margin-top:1.6rem;opacity:.55;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}#mobile-controls{display:none;position:absolute;inset:0;z-index:8;pointer-events:none;touch-action:none}#mobile-controls.visible{display:block}.mc-stick,.mc-look,.mc-actions,.mc-fs{pointer-events:auto}.mc-stick{position:absolute;left:max(1rem,env(safe-area-inset-left));bottom:max(1.1rem,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#140e0a59;border:1px solid rgba(232,220,200,.28);backdrop-filter:blur(6px)}.mc-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#e8dcc873;border:1px solid rgba(255,240,210,.55);transform:translate(-50%,-50%)}.mc-look{position:absolute;right:0;top:18%;bottom:22%;width:46%;background:transparent}.mc-actions{position:absolute;right:max(.8rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,58px);gap:.45rem;justify-items:end}body.mobile-play #controls-hint,body.mobile-play #look-hint{display:none!important}.mc-btn{width:58px;height:58px;border-radius:50%;border:1px solid rgba(232,220,200,.35);background:#140e0a7a;color:var(--parchment);font:600 .68rem/1 Manrope,system-ui,sans-serif;letter-spacing:.04em;backdrop-filter:blur(6px)}.mc-btn.mc-jump{grid-column:2;grid-row:1 / span 2;width:72px;height:72px;align-self:center;background:#a06e378c;font-size:.75rem}.mc-btn.held{background:#e8c4788c;color:#1a1208}.mc-fs{position:absolute;top:max(.7rem,env(safe-area-inset-top));right:max(.7rem,env(safe-area-inset-right));width:44px;height:44px;border-radius:10px;border:1px solid rgba(232,220,200,.3);background:#0c0a088c;color:var(--parchment);font-size:1.15rem;line-height:1}.mc-rotate{position:absolute;left:50%;top:max(.75rem,env(safe-area-inset-top));transform:translate(-50%);padding:.45rem .85rem;border-radius:999px;background:#0c0a08b8;border:1px solid rgba(232,220,200,.25);color:var(--parchment);font:500 .78rem/1.3 Spectral,Georgia,serif;letter-spacing:.04em;white-space:nowrap;pointer-events:none}@media(max-width:720px){.title-logo{max-height:40vh;width:min(92vw,720px)}#title-chip img{height:clamp(2.2rem,5.5vh,2.9rem)}#controls-hint{white-space:normal;text-align:center;max-width:90vw}.credits{display:none}.dialogue{bottom:26%}#controls-hint{bottom:auto;top:max(3.2rem,env(safe-area-inset-top));opacity:.7}}