:root{--cream: #f4e6c8;--ink: #2a1d18;--muted: rgba(244, 230, 200, .72);--wood: rgba(42, 29, 24, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1b1418;color:var(--cream);font-family:Nunito,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}.modal,.scroll{touch-action:pan-y}.station button,#close,#mute,#new-game,.modal button{touch-action:manipulation}canvas{display:block;width:100%;height:100%}.panel{position:absolute;left:50%;top:8%;transform:translate(-50%);text-align:center;pointer-events:auto;text-shadow:0 2px 18px rgba(40,16,12,.5);transition:opacity .7s ease,transform .7s ease}.panel.gone{opacity:0;transform:translate(-50%) translateY(-12px)}.kicker{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:620;font-optical-sizing:auto}h1{font-size:clamp(3rem,7vw,5.2rem);line-height:.95}h2{font-size:2.2rem}.tag{margin-top:.7rem;font-size:1.05rem;color:var(--muted)}.hint{margin-top:1.3rem;font-size:.92rem;letter-spacing:.04em;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.hud{position:absolute;top:16px;left:18px;display:flex;gap:22px;pointer-events:none;text-shadow:0 1px 10px rgba(20,10,8,.55)}.hud.hidden,.station.hidden,.ticket.hidden,.pour.hidden,.special.hidden,.speech.hidden,.modal.hidden,.panel.hidden,#close.hidden,#title.hidden,#new-game.hidden,.cutscene.hidden{display:none}.stat{display:flex;flex-direction:column;background:#2a1d1866;padding:6px 12px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat .label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat span:last-child{font-family:Fraunces,Georgia,serif;font-size:1.35rem}.ticket{position:absolute;right:18px;top:16px;max-width:46vw;text-align:right;font-size:.92rem;color:var(--muted);pointer-events:none;text-shadow:0 1px 10px rgba(20,10,8,.55)}.toast{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,3.6vw,2.3rem);pointer-events:none;opacity:0;text-shadow:0 4px 24px rgba(20,10,8,.5);transition:opacity .25s ease,transform .25s ease;text-align:center;max-width:80vw;z-index:12}.toast.show{opacity:1;transform:translate(-50%,-62%)}#dock{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:3}#dock .station,#dock .pour{position:relative;left:auto;bottom:auto;transform:none;pointer-events:auto}#dock .station{width:100%}#dock .pour{width:min(360px,100%)}.station{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.station button,#close,#mute,#new-game,.modal button{background:var(--wood);color:var(--cream);border:1px solid rgba(244,230,200,.28);border-radius:999px;padding:9px 14px;font:700 .78rem Nunito,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.station button:hover,#close:hover,#mute:hover,#new-game:hover,.modal button:hover{background:#2a1d18b8}.station button.ghost{opacity:.75}.station button.on{border-color:#f4e6c8;box-shadow:0 0 0 2px #f4e6c840}#pour-btn{background:#c45c4ab8}.pour{text-align:center;pointer-events:none}.pour-label{font-size:.82rem;color:var(--muted);margin-bottom:10px;text-shadow:0 1px 8px rgba(20,10,8,.5)}.pour-track{position:relative;height:18px;border-radius:999px;background:#2a1d188c;border:1px solid rgba(244,230,200,.28);overflow:hidden}.sweet{position:absolute;left:62%;width:26%;top:0;bottom:0;background:#f4d68c61;box-shadow:inset 0 0 0 1px #f4d68cd9;z-index:1}.heat-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#c45c4a,#f4d68c);z-index:0}.special{position:absolute;right:18px;top:52px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;text-shadow:0 1px 8px rgba(20,10,8,.5)}.speech{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);background:#2a1d18c7;border:1px solid rgba(244,230,200,.28);border-radius:16px;padding:10px 16px;max-width:min(420px,80vw);text-align:center;font-size:.95rem;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e0808d1;text-align:center;padding:24px;text-shadow:0 2px 16px rgba(20,10,8,.45);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal p{margin:10px 0 18px;color:var(--muted);max-width:28rem}.modal .note{font-size:.9rem;font-style:italic}.modal .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.scroll{width:min(440px,92vw);max-height:46vh;overflow-y:auto;text-align:left;margin:8px 0 18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.entry,.buy{background:#2a1d188c;border:1px solid rgba(244,230,200,.2);border-radius:14px;padding:12px 14px;margin-bottom:8px}.entry h3,.buy h3{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:620;margin-bottom:4px}.buy{display:flex;justify-content:space-between;align-items:center;gap:12px}.buy button{flex-shrink:0}.owned{opacity:.65}#close{position:absolute;left:18px;bottom:18px}#mute{position:absolute;right:18px;bottom:18px}.cutscene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;touch-action:manipulation}.letterbox{background:#120c0a;flex:0 0 11vh;min-height:56px}.letterbox.bot{flex:0 0 22vh;min-height:128px;display:flex;gap:18px;align-items:center;padding:14px 24px 22px;box-shadow:0 -18px 40px #08040459}.cs-dim{flex:1;background:#0a060647}#cs-portrait{height:118px;width:auto;max-width:150px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));flex-shrink:0}#cs-portrait.empty{display:none}.cs-copy{text-align:left;min-width:0}#cs-speaker{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-height:1em}#cs-line{font-family:Fraunces,Georgia,serif;font-size:clamp(1.15rem,2.5vw,1.65rem);line-height:1.35;margin-top:6px}.cs-hint{font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-top:12px;opacity:.75}@media(max-width:700px){.letterbox{flex:0 0 8vh;min-height:36px}.letterbox.bot{flex:0 0 26vh;min-height:124px;padding:12px 14px 18px;gap:10px}#cs-portrait{height:84px;max-width:96px}#cs-line{font-size:1.05rem}}@media(max-width:700px){.panel{top:6%}h1{font-size:2.6rem}.hud{top:max(8px,env(safe-area-inset-top));left:8px;gap:6px}.stat{padding:4px 8px}.stat span:last-child{font-size:1.15rem}.ticket{top:max(42px,calc(env(safe-area-inset-top) + 34px));right:12px;max-width:48vw;font-size:.78rem}.special{top:max(64px,calc(env(safe-area-inset-top) + 56px));right:12px;max-width:48vw}#dock{width:calc(100% - 12px);bottom:max(10px,env(safe-area-inset-bottom))}.station{gap:6px}.station button{padding:8px 11px;font-size:.7rem}#close{top:max(8px,env(safe-area-inset-top));left:auto;right:62px;bottom:auto;padding:6px 10px;font-size:.68rem}#mute{top:max(8px,env(safe-area-inset-top));right:8px;bottom:auto;padding:6px 10px;font-size:.68rem;z-index:6}.speech{top:20%;max-width:min(420px,88vw)}.scroll{max-height:42vh}}@media(max-width:700px)and (max-height:640px){.speech{top:18%}}