.world-loader{z-index:100;color:#29473e;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));opacity:1;pointer-events:auto;background:#e8eadb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s;display:flex;position:absolute;inset:0}.world-loader-ready{opacity:0;pointer-events:none}.world-loader strong{letter-spacing:-1.2px;font-size:clamp(24px,5vw,36px)}.world-loader p{margin:12px 0 24px;font-size:15px}.world-loader small{color:#697c65;margin-top:24px;font-size:11px}.loader-track{background:#cad1b8;border-radius:8px;width:180px;height:5px;overflow:hidden}.loader-track span{background:#65815d;border-radius:8px;width:40%;height:100%;animation:1.4s ease-in-out infinite alternate world-loading;display:block}@keyframes world-loading{to{transform:translate(150%)}}.loader-island{background:#b6c395;border-radius:50%;width:142px;height:92px;margin-bottom:32px;position:relative;transform:rotate(-8deg);box-shadow:0 8px #9cab85}.loader-tree{z-index:2;background:#627d51;border-radius:48%;width:47px;height:55px;position:absolute;top:-22px;left:24px;box-shadow:9px 7px #4c6a48}.loader-tree:after{content:"";background:#8c7658;width:7px;height:23px;position:absolute;bottom:-17px;left:24px}.loader-house{background:#f2dfb5;border-radius:5px;width:42px;height:39px;position:absolute;top:8px;right:20px;transform:rotate(8deg)}.loader-house:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#426355;width:54px;height:24px;position:absolute;top:-18px;left:-6px}.loader-house:after{content:"";background:#a8875a;border-radius:7px 7px 0 0;width:13px;height:23px;position:absolute;bottom:0;left:16px}.loader-path{background:#e1d7b5;width:25px;height:40px;position:absolute;bottom:0;left:69px;transform:skew(-16deg)}.start-welcome{z-index:30;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:auto;touch-action:pan-y;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:auto}.niels-bubble{background:#faf7ecf5;border:1px solid #fff;border-radius:26px;width:min(370px,100%);padding:24px 26px;animation:.4s both hello-in;position:relative;box-shadow:0 12px 45px #243e3a25}.niels-bubble:after{content:"";border:10px solid #0000;border-top:12px solid #faf7ecf5;border-bottom:0;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.start-speaker{letter-spacing:1.5px;color:#718260;font-size:9px;font-weight:800}.start-speaker span{color:#bd9356;margin:0 5px}.niels-bubble h1{letter-spacing:-.7px;margin:12px 0 14px;font-size:24px;line-height:1.2}.niels-bubble p{margin:12px 0;font-size:14px;line-height:1.6}.niels-bubble button{color:#fff8e9;background:#355b49;border-color:#355b49;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:650;display:block}.niels-bubble button:hover{background:#456d56}.niels-bubble small{text-align:center;color:#75806d;margin-top:10px;font-size:10px;display:block}@keyframes hello-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.niels-bubble{max-width:340px;padding:18px 22px}.niels-bubble h1{font-size:22px}.niels-bubble p{margin:10px 0;font-size:13px;line-height:1.5}.niels-bubble button{margin-top:12px}}@media (height<=500px){.start-welcome{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));justify-content:flex-start;align-items:center}.niels-bubble{width:310px;padding:14px 20px}.niels-bubble h1{margin:8px 0;font-size:20px}.niels-bubble p{margin:7px 0;font-size:12px;line-height:1.4}.niels-bubble button{margin-top:9px}.niels-bubble:after{border:10px solid #0000;border-left-color:#faf7ecf5;inset:60% -20px auto auto;transform:none}.loader-island{margin-bottom:20px;transform:scale(.8)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.world-loader{transition-duration:10ms}.loader-track span{width:100%;animation:none}.niels-bubble{animation:none}}.start-welcome.start-leaving{pointer-events:none;animation:.3s forwards welcome-out}.start-leaving button{pointer-events:none}@keyframes welcome-out{to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.start-welcome.start-leaving{animation-duration:10ms}}.world-loader,.start-welcome{height:100dvh;max-height:100%}:root{color:#29473e;font-synthesis:none;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}main{touch-action:none;background:#dce6d9;position:relative}canvas{display:block}.overlay{pointer-events:none;padding:34px 40px;position:absolute;inset:0}header{align-items:center;gap:13px;display:flex}header strong{letter-spacing:-.7px;font-family:Segoe UI,sans-serif;font-size:20px;font-weight:800}header p{letter-spacing:2px;margin:5px 0 0;font-size:8px;font-weight:700}.brand-icon{color:#f4eedb;text-align:center;letter-spacing:-7px;background:#29473e;border-radius:15px 15px 15px 4px;width:48px;height:48px;padding-right:6px;font-size:39px;font-weight:800;line-height:42px}.brand-icon span{color:#d8ba77;font-size:27px}.world-label{letter-spacing:2px;background:#f9f5e6c4;border:1px solid #ffffff80;border-radius:30px;align-items:center;gap:10px;padding:12px 16px;font-size:10px;display:flex;position:absolute;top:40px;right:40px}.world-label span,.tag span{background:#698559;border-radius:50%;width:6px;height:6px}.world-label b{color:#819178;border-left:1px solid #b9c3b1;padding-left:10px}.welcome{margin-top:60px}.eyebrow{letter-spacing:2px;font-size:8px;font-weight:700}h1{letter-spacing:-2.5px;margin:15px 0;font-family:Segoe UI,sans-serif;font-size:46px;font-weight:600;line-height:1.13}.welcome p{color:#5e7567;margin-bottom:21px;font-size:12px;line-height:1.8}.tag{letter-spacing:1.4px;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.bottom{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:34px;left:40px;right:40px}.controls{background:#faf7eadc;border:1px solid #fff9;border-radius:15px;align-items:center;gap:16px;padding:13px 21px;display:flex;box-shadow:0 6px 30px #2c443c09}.controls>span{text-align:center}kbd{border:1px solid #c9cfbf;border-bottom-width:2px;border-radius:4px;width:18px;height:18px;padding-top:2px;font-family:inherit;font-size:9px;display:inline-block}.key-row{white-space:nowrap;margin-top:2px;display:block}.key-row kbd+kbd{margin-left:2px}.controls p{margin:0;font-size:10px;line-height:1.8}.controls p span{color:#7e8a79;font-size:9px}.controls i{background:#d6d9ca;width:1px;height:29px;margin:0 3px}button{pointer-events:auto;color:#355349;font:inherit;cursor:pointer;background:#faf7eae8;border:1px solid #ffffffb0;border-radius:25px;padding:13px 18px;font-size:12px;box-shadow:0 5px 25px #344c3b0a}button:hover{background:#fffdf4}button:focus-visible{outline-offset:3px;outline:3px solid #b89b64}.reset{align-items:center;gap:9px;display:flex}.reset span{font-size:10px}.corner-note{letter-spacing:1.5px;color:#6d806b;font-size:7px;position:absolute;bottom:98px;right:44px}.corner-note span{vertical-align:middle;margin-left:7px;font-size:18px}.joystick,.touch-tip{display:none}.fallback{background:#e6eadb;height:100%;padding:15vh 10vw}.fallback h1{font-size:32px}@media (width<=900px){.overlay{padding:22px}.world-label{top:25px;right:22px}.welcome{margin-top:34px}h1{font-size:34px}.welcome p{font-size:10px}.bottom{bottom:22px;left:22px;right:22px}.corner-note{bottom:80px;right:26px}.controls{gap:10px;padding:12px}.eyebrow{letter-spacing:1px;font-size:7px}}@media (pointer:coarse),(width<=600px){.joystick{pointer-events:auto;left:28px;bottom:max(32px,env(safe-area-inset-bottom));touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f7f5e449;border:1px solid #fff9;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.joystick span{background:#fff9;border:1px solid #fff;border-radius:50%;width:48px;height:48px;box-shadow:0 5px 20px #3245361a}.controls{display:none}.touch-tip{color:#4e685b;font-size:10px;display:block;position:absolute;bottom:162px;left:28px}.corner-note{display:none}}@media (width<=600px){header strong{font-size:16px}header p{letter-spacing:1.2px;font-size:6px}.brand-icon{border-radius:12px 12px 12px 3px;width:39px;height:39px;font-size:32px;line-height:34px}.world-label{padding:8px 10px;font-size:8px;top:83px;right:22px}.welcome{margin-top:31px}.welcome h1{letter-spacing:-1.5px;margin-top:10px;font-size:30px}.welcome p{display:none}.tag{margin-top:13px;font-size:6px}.eyebrow{letter-spacing:.8px;font-size:6px}.controls p:last-child,.controls i,.reset span{display:none}.reset{padding:9px 16px;font-size:20px}}@media (height<=500px){.welcome{display:none}.overlay{padding:16px}.bottom{bottom:16px}.joystick{width:100px;height:100px;bottom:16px}.touch-tip{display:none}}.welcome{text-shadow:0 1px 15px #edf0dccc;transition:opacity .7s,transform .7s}.welcome.explored{opacity:0;transform:translateY(-10px)}.reset{margin-left:auto}@media (width<=600px){.welcome h1{font-size:25px}.welcome{max-width:190px}.world-label{font-size:7px}}.dialogue-stage{z-index:20;pointer-events:none;height:var(--dialogue-height,100dvh);inset:0;top:var(--dialogue-top,0);justify-content:flex-end;align-items:flex-end;padding:24px 40px 100px;display:flex;position:absolute}.coffee-dialogue,.guide-bubble{pointer-events:auto;color:#345346;width:390px;max-width:100%;max-height:calc(var(--dialogue-height,100dvh) - 155px);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;background:#faf5e8f7;border:1px solid #fff9;border-radius:22px;padding:23px;overflow-y:auto;box-shadow:0 15px 50px #223e3330}.guide-bubble{width:320px;margin-left:0;margin-right:auto}.guide-bubble small{letter-spacing:1.6px;color:#849476;font-size:9px}.guide-bubble h2,.coffee-dialogue h2{letter-spacing:-.6px;outline:none;margin:18px 0 12px;font-size:22px;font-weight:600;line-height:1.3}.guide-bubble p,.coffee-dialogue p{font-size:13px;line-height:1.7}.coffee-byline{border-bottom:1px solid #dedfcf;align-items:center;gap:10px;padding-bottom:13px;display:flex}.coffee-byline strong{font-size:14px;display:block}.coffee-byline small{letter-spacing:1px;color:#7e8d73;margin-top:3px;font-size:7px;display:block}.staff-avatar{background:#e5e6d3;border-radius:50%;padding:9px;font-size:23px}.dialogue-close{box-shadow:none;background:0 0;border:0;margin-left:auto;padding:4px 9px;font-size:23px}.dialogue-choices{gap:9px;margin:18px 0;display:grid}.coffee-dialogue button,.guide-bubble button{box-shadow:none;border:1px solid #d7ddca;min-height:42px;font-size:12px;line-height:1.4}.coffee-dialogue .coffee-primary{color:#fff6e2;background:#426653;border-color:#426653}.coffee-dialogue .coffee-primary:hover{background:#355644}.coffee-topics{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.coffee-topics button{text-align:left;border-radius:12px;padding:12px;font-size:11px}.coffee-topics span{margin-bottom:6px;font-size:20px;display:block}.coffee-dialogue label{margin:18px 0 8px;font-size:11px;font-weight:600;display:block}.coffee-dialogue input,.coffee-dialogue textarea{color:#2f5043;width:100%;font:inherit;touch-action:manipulation;background:#fffdf5;border:1px solid #c7d0bc;border-radius:12px;padding:12px;font-size:16px;line-height:1.5}.coffee-dialogue textarea{resize:vertical;touch-action:pan-y;min-height:100px;max-height:210px}.coffee-dialogue input:focus,.coffee-dialogue textarea:focus{outline-offset:2px;outline:2px solid #91a484}.coffee-dialogue [aria-invalid=true]{border-color:#ad7256}.field-hint{text-align:right;color:#809175;margin-top:5px;font-size:10px;display:block}.coffee-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.coffee-actions:empty{display:none}.coffee-error{background:#f5e7d8;border-radius:9px;padding:10px;color:#975638!important;font-size:12px!important}.coffee-review{margin:12px 0}.coffee-review>div{border-bottom:1px solid #e1e2d3;padding:10px 0}.coffee-review dt{color:#788b70;justify-content:space-between;align-items:center;font-size:10px;display:flex}.coffee-review dt button{background:0 0;border:0;min-height:30px;padding:3px 0;font-size:10px;text-decoration:underline}.coffee-review dd{white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;margin:4px 0 0;font-size:13px;line-height:1.5;overflow:auto}.coffee-dialogue .demo-note{color:#7d846b;border-left:2px solid #b7bd9d;padding-left:10px;font-size:10px}.coffee-dialogue button:disabled{opacity:.55;cursor:wait}.enter-world{color:#fff4db;pointer-events:auto;background:#3f6153;border-color:#7e9471;margin-top:20px;display:block}.enter-world:hover{background:#344f44}.welcome.explored .enter-world{pointer-events:none}html[data-conversation=open] .world-settings,html[data-conversation=open] .joystick,html[data-conversation=open] .reset,html[data-conversation=open] .interaction-layer{visibility:hidden}html[data-conversation=open] .welcome,html[data-conversation=open] .controls,html[data-conversation=open] .touch-tip{opacity:0;pointer-events:none}@media (width<=700px){.dialogue-stage{justify-content:center;align-items:flex-end;padding:14px}.coffee-dialogue,.guide-bubble{width:100%;max-width:390px;max-height:calc(var(--dialogue-height,100dvh) - 90px);padding:18px}.guide-bubble{max-height:calc(var(--dialogue-height,100dvh) - 210px);margin:0 0 125px}.coffee-dialogue h2{font-size:20px}.enter-world{padding:10px 13px;font-size:10px}}@media (height<=540px){.dialogue-stage{padding:8px}.coffee-dialogue{max-height:calc(var(--dialogue-height,100dvh) - 16px);width:390px}.guide-bubble{max-height:calc(var(--dialogue-height,100dvh) - 16px);margin:0}.coffee-byline{padding-bottom:6px}.coffee-dialogue h2{margin:10px 0;font-size:18px}}.fire-reaction{z-index:13;pointer-events:none;color:#694a30;background:#fff2d9f5;border:1px solid #fff8;border-radius:18px 18px 18px 4px;padding:10px 15px;font-size:13px;animation:.2s fire-reaction-in;position:absolute;top:38%;left:50%;transform:translate(-50%,-100%);box-shadow:0 6px 22px #48332222}@media (width<=600px){.fire-reaction{font-size:12px;top:39%}}@keyframes fire-reaction-in{0%{opacity:0}to{opacity:1}}.dialogue-stage{inset:auto 0;top:var(--dialogue-top,0);height:var(--dialogue-height,100dvh);box-sizing:border-box;position:fixed}.coffee-dialogue{max-height:calc(var(--dialogue-height,100dvh) - 155px);flex-direction:column;padding:0;display:flex;overflow:hidden}.coffee-byline{flex:none;margin:0 23px;padding:18px 0 12px}.coffee-dialogue form{flex-direction:column;min-height:0;display:flex;overflow:hidden}.coffee-content{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;padding:0 23px 8px;scroll-padding:12px;overflow-y:auto}.coffee-actions{background:#faf5e8;border-top:1px solid #dedfcf;flex:none;margin:0;padding:12px 23px 18px}.coffee-dialogue button{min-height:44px}.coffee-dialogue textarea{resize:none;min-height:80px;max-height:140px;overflow-y:auto}.coffee-dialogue .coffee-error{margin:8px 0}@media (width<=700px),(height<=500px){.dialogue-stage{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));justify-content:center;align-items:flex-end}.coffee-dialogue{width:100%;max-width:460px;max-height:calc(var(--dialogue-height,100dvh) - 16px - env(safe-area-inset-bottom));border-radius:20px;padding:0}.coffee-byline{margin:0 16px;padding:12px 0 8px}.coffee-content{padding:0 16px 8px}.coffee-actions{padding:10px 16px 12px}.coffee-dialogue h2{margin:12px 0;font-size:19px}.coffee-dialogue label{margin:8px 0}.coffee-dialogue textarea{height:96px;font-size:16px}.coffee-dialogue input{font-size:16px}}.dialogue-stage[data-compact=true] .coffee-byline{padding:6px 0}.dialogue-stage[data-compact=true] .staff-avatar{padding:3px;font-size:18px}.dialogue-stage[data-compact=true] .coffee-byline small{display:none}.dialogue-stage[data-compact=true] .coffee-dialogue h2{margin:8px 0;font-size:17px}.dialogue-stage[data-compact=true] .coffee-actions{padding-top:6px;padding-bottom:6px}.dialogue-stage[data-compact=true] textarea{height:80px;min-height:72px}.dialogue-stage[data-compact=true] .field-hint{display:none}.world-settings{z-index:12;color:#345346;pointer-events:auto;font-size:12px;position:absolute;top:90px;right:40px}.settings-shortcuts{justify-content:flex-end;gap:7px;display:flex}.settings-shortcuts button{padding:9px 14px;font-size:12px;box-shadow:0 4px 20px #263c3212}.settings-panel{touch-action:pan-y;background:#fbf7eaf5;border:1px solid #fff9;border-radius:17px;width:290px;max-height:calc(100dvh - 190px);margin-top:9px;padding:18px;overflow:auto;box-shadow:0 12px 40px #25382b24}.settings-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-title button,.card-close{box-shadow:none;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:22px}.mode-buttons{gap:5px;display:flex}.mode-buttons button{border:1px solid #d5dcc7;border-radius:9px;flex:1;padding:9px 5px;font-size:11px}.mode-buttons button[aria-pressed=true]{color:#f9eed7;background:#3f6052}.settings-panel p{color:#72806d;margin:11px 0 20px;font-size:10px}.settings-panel label{margin:15px 0;font-size:11px;display:block}.settings-panel label span{float:right;color:#7c876d}.settings-panel input{accent-color:#66876e;touch-action:pan-x;cursor:pointer;width:100%;margin:10px 0;display:block}.settings-panel .mute-button{border:1px solid #ccd5be;width:100%;padding:10px;font-size:11px}.settings-panel small{text-align:center;color:#7b8772;margin-top:12px;font-size:9px;display:block}.interaction-layer{pointer-events:none;z-index:11;justify-content:center;align-items:flex-end;padding-bottom:125px;display:flex;position:absolute;inset:0}.interaction-prompt{background:#fbf5e6f2;border:1px solid #fff;align-items:center;gap:10px;animation:.25s moment-in;display:flex;box-shadow:0 5px 28px #203b3224}.interaction-prompt kbd{width:24px;height:24px;padding-top:3px;font-size:12px}.touch-interact{display:none}.discovery-card{pointer-events:auto;text-align:center;color:#345447;background:#fbf6e7f5;border:1px solid #fff9;border-radius:20px;width:300px;max-width:calc(100vw - 40px);padding:22px 25px 17px;animation:.3s moment-in;position:relative;box-shadow:0 12px 42px #203b322b}.card-close{color:#72836a;position:absolute;top:8px;right:10px}.discovery-icon{color:#a48e60;margin:3px 0 12px;font-size:30px;display:block}.discovery-card small{letter-spacing:2px;color:#829072;font-size:8px}.discovery-card h2{letter-spacing:-.6px;margin:11px 0;font-size:20px;font-weight:600}.discovery-card p{color:#6e7c65;font-size:12px;line-height:1.7}.discovery-card footer{color:#92a087;border-top:1px solid #e2e4d5;margin-top:15px;padding-top:12px;font-size:9px}@keyframes moment-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-atmosphere=evening] header,html[data-atmosphere=evening] .welcome{color:#f3ecd8;text-shadow:0 1px 12px #3f506555}html[data-atmosphere=evening] .welcome p,html[data-atmosphere=evening] .corner-note{color:#e2e5d7}.world-label{max-width:calc(100vw - 44px)}@media (width<=900px){.world-settings{top:75px;right:22px}}@media (width<=600px){.world-settings{top:124px;right:22px}.settings-shortcuts button{padding:8px 10px;font-size:11px}.settings-panel{width:280px;max-height:calc(100dvh - 310px);padding:14px}.interaction-layer{padding-bottom:185px}.interaction-prompt{padding:11px 15px;font-size:12px}.interaction-prompt kbd{display:none}.touch-interact{color:#829477;border-left:1px solid #d1d9c3;padding-left:8px;font-size:9px;display:block}.discovery-card{width:270px;padding:17px 22px 14px}.discovery-card p{font-size:11px}.discovery-icon{margin:2px 0 8px;font-size:24px}.discovery-card h2{font-size:18px}.world-label{font-size:7px}.welcome{max-width:175px}.welcome .eyebrow{max-width:160px;display:block}}@media (height<=540px){.world-settings{top:16px;right:230px}.settings-panel{max-height:calc(100dvh - 80px)}.interaction-layer{padding-bottom:90px}.discovery-card{padding:12px 20px}.discovery-card .discovery-icon{display:none}.discovery-card h2{margin:7px 0}.world-label{top:20px!important}}@media (prefers-reduced-motion:reduce){.discovery-card,.interaction-prompt{animation:none}}