:root{color:#fffaf0;font-synthesis:none;--ink:#193633;--cream:#fff4dc;--coffee:#9a5338;--coral:#ff8064;--mint:#a9dfcb;--yellow:#f1c869;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#193633;font-family:Avenir Next,Avenir,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;height:100dvh;height:var(--app-height,100dvh);overscroll-behavior:none;background:var(--ink);margin:0;overflow:hidden}body{position:fixed;inset:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen{z-index:30;padding:calc(22px + var(--safe-top)) calc(22px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(22px + var(--safe-left));opacity:0;visibility:hidden;pointer-events:none;place-items:center;transition:opacity .24s,visibility .24s;display:grid;position:absolute;inset:0}.screen--visible{opacity:1;visibility:visible;pointer-events:auto}#title-screen{background:radial-gradient(circle at 76% 18%,#f1c86940,#0000 25%),linear-gradient(145deg,#193633d6,#142b2bf2)}.title-card{text-align:center;width:min(520px,100%)}.eyebrow{color:var(--yellow);letter-spacing:.16em;margin:18px 0 10px;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.65rem,2vw,.82rem)}h1,h2{letter-spacing:-.065em;margin:0;line-height:.82}h1{color:var(--cream);text-shadow:0 10px 34px #0000002e;font-size:clamp(4.25rem,17vw,8.5rem);font-weight:800}h2{font-size:clamp(3rem,10vw,5.2rem)}.tagline{color:var(--mint);margin:24px 0 30px;font-size:clamp(1rem,3vw,1.3rem)}.coffee-mark{border:8px solid var(--cream);border-top:0;border-radius:8px 8px 25px 25px;width:72px;height:52px;margin:0 auto 24px;position:relative}.coffee-mark:after{content:"";border:7px solid var(--cream);border-left:0;border-radius:0 17px 17px 0;width:27px;height:24px;position:absolute;top:8px;right:-31px}.coffee-mark span,.coffee-mark span:after{content:"";background:var(--yellow);border-radius:10px;width:7px;height:25px;animation:2s ease-in-out infinite steam;position:absolute;bottom:56px;left:18px}.coffee-mark span:after{animation-delay:-.85s;bottom:5px;left:22px}@keyframes steam{0%,to{opacity:.2;transform:translateY(4px)rotate(-4deg)}50%{opacity:1;transform:translateY(-8px)rotate(4deg)}}.primary-button,.interact-button{min-width:min(320px,100%);min-height:58px;color:var(--ink);background:var(--coral);cursor:pointer;border:0;border-radius:999px;padding:16px 26px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 7px #bf5142,0 14px 28px #0003}.primary-button:active,.interact-button:active{transform:translateY(5px);box-shadow:0 2px #bf5142,0 7px 16px #0003}.text-button{min-height:44px;color:var(--cream);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:18px;text-decoration:underline}#intro-screen{background:#132d2b}#intro-copy{max-width:820px;color:var(--cream);letter-spacing:-.055em;text-align:center;margin:0;font-size:clamp(2.2rem,8vw,6.5rem);font-weight:800;line-height:.98}#skip-intro{right:calc(20px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));position:absolute}.hud{z-index:10;pointer-events:none;display:none;position:absolute;inset:0}.hud--visible{display:block}.score-pill,.floor-pill,.icon-button,.objective,.interact-prompt{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff4dce8;box-shadow:0 5px 20px #162b2824}.score-pill{top:calc(16px + var(--safe-top));left:calc(16px + var(--safe-left));border-radius:99px;align-items:center;gap:9px;min-height:48px;padding:9px 16px;font-size:1.15rem;display:flex;position:absolute}.floor-pill{top:calc(19px + var(--safe-top));letter-spacing:.08em;border-radius:99px;padding:8px 14px;font-family:Space Mono,ui-monospace,monospace;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}.icon-button{top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));pointer-events:auto;border:0;border-radius:50%;width:48px;height:48px;padding:0;font-weight:800;position:absolute}.objective{top:calc(76px + var(--safe-top));left:calc(16px + var(--safe-left));border-radius:12px;max-width:min(72vw,350px);padding:8px 13px;font-size:.86rem;font-weight:700;position:absolute}.message{width:min(680px,100% - 40px);color:var(--cream);text-align:center;opacity:0;background:#132d2be0;border-radius:20px;gap:8px;padding:18px 22px;font-size:clamp(1.1rem,3vw,1.65rem);transition:opacity .18s,transform .18s;display:grid;position:absolute;top:21%;left:50%;transform:translate(-50%,-10px)}.message--visible{opacity:1;transform:translate(-50%)}.message strong{color:var(--yellow)}.reticle{border:2px solid var(--cream);border-radius:50%;width:8px;height:8px;transition:width .14s,height .14s,border-color .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000073}.reticle--active{border-width:4px;border-color:var(--yellow);width:23px;height:23px}.interact-prompt{bottom:calc(32px + var(--safe-bottom));opacity:0;border-radius:99px;padding:10px 18px;font-weight:800;transition:opacity .14s;position:absolute;left:50%;transform:translate(-50%)}.interact-prompt--visible{opacity:1}.touch-controls{z-index:14;pointer-events:none;display:none;position:absolute;inset:0}.touch-controls--visible{display:block}.touch-zone{pointer-events:auto;touch-action:none;height:62%;position:absolute;bottom:0}.touch-zone--move{width:45%;left:0}.touch-zone--look{width:55%;right:0}.joystick{bottom:calc(32px + var(--safe-bottom));left:calc(32px + var(--safe-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.72;background:#1936334d;border:2px solid #fff4dc66;border-radius:50%;width:104px;height:104px;position:absolute}.joystick span{background:#fff4dcc7;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0003}.interact-button{right:calc(27px + var(--safe-right));bottom:calc(32px + var(--safe-bottom));z-index:2;pointer-events:auto;min-width:88px;min-height:58px;padding:12px 18px;display:none;position:absolute}.interact-button--visible{display:block}.document-screen{z-index:28;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#132d2bb8;place-items:center;transition:opacity .16s,visibility .16s;display:grid;position:absolute;inset:0}.document-screen--visible{visibility:visible;opacity:1;pointer-events:auto}.document-card{width:min(620px,100%);max-height:min(720px, calc(100dvh - var(--safe-top) - var(--safe-bottom) - 34px));color:#302820;background:linear-gradient(90deg,#0000 35px,#c84e4033 36px,#0000 38px),repeating-linear-gradient(0deg,#0000 0 31px,#5b7fa026 32px 33px),#fff8e8;border:3px solid #d9c496;border-radius:22px 42px 26px 34px;padding:clamp(24px,6vw,48px);overflow:auto;transform:rotate(-.7deg);box-shadow:0 28px 80px #0000006b}.document-card h2{color:var(--coffee);margin:5px 0 28px;font-size:clamp(2.3rem,9vw,4.8rem);line-height:.94}.document-kicker{color:#64543f;letter-spacing:.13em;margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:.73rem;font-weight:800}.document-body{white-space:pre-line;min-height:110px;margin:0 0 30px;padding-left:12px;font-size:clamp(1.05rem,3vw,1.35rem);font-weight:650;line-height:1.55}.document-card .primary-button{min-width:min(280px,100%)}#pause-screen{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132d2be0}.panel{width:min(520px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 30px);color:var(--cream);background:#193633;border:2px solid #fff4dc38;border-radius:30px;padding:clamp(22px,5vw,38px);overflow:auto;box-shadow:0 24px 70px #0000005c}.panel h2{margin-bottom:30px}.panel>label{justify-content:space-between;align-items:center;gap:18px;min-height:50px;margin-top:14px;display:flex}.panel input[type=range]{width:min(45%,220px)}.toggle-row input{width:23px;height:23px}.control-help{color:var(--ink);background:var(--mint);border-radius:16px;margin:22px 0 4px;padding:10px 17px;font-size:.86rem;line-height:1.45}#rotate-hint{right:calc(16px + var(--safe-right));bottom:calc(116px + var(--safe-bottom));z-index:20;max-width:210px;color:var(--ink);background:var(--yellow);opacity:0;pointer-events:none;border-radius:14px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(8px)}#rotate-hint.visible{opacity:1;transform:none}.fatal-error{inset:auto 20px calc(20px + var(--safe-bottom));z-index:99;color:#fff;background:#9e2a2a;border-radius:14px;padding:16px;display:none;position:absolute}.fatal-error.visible{display:block}@media (pointer:coarse),(hover:none){.touch-controls--visible{display:block}.interact-prompt{bottom:calc(110px + var(--safe-bottom))}}@media (orientation:portrait) and (pointer:coarse){.touch-zone{height:48%}.joystick{bottom:calc(28px + var(--safe-bottom));left:calc(24px + var(--safe-left))}.interact-button{bottom:calc(42px + var(--safe-bottom))}.message{top:17%}}@media (max-height:520px){.screen{padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.title-card{transform:none}.title-card .coffee-mark{display:none}.title-card .eyebrow{margin:0 0 6px}.title-card h1{font-size:min(26vh,6.3rem)}.title-card .tagline{margin:10px 0 14px}.title-card .primary-button{min-height:48px;padding-top:10px;padding-bottom:10px}.title-card .text-button{min-height:36px;margin-top:4px}.panel{max-width:620px;padding:18px 26px}.panel h2{margin-bottom:16px}.panel>label{min-height:38px;margin-top:7px}.control-help{gap:20px;margin-top:12px;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}