*{box-sizing:border-box}body{margin:0;background:#eee7d7;color:#343b35;font-family:Arial,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #545c4b40;background:#f2ecdfdf;border-radius:4px;padding:12px 16px}button:focus-visible{outline:2px solid #bc573d}#world{width:100vw;height:100vh;display:block;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 30px;background:linear-gradient(#eee7d7e8,transparent);font-size:10px;letter-spacing:2px}header a{font:36px Georgia}header small{display:inline-block;font:9px Arial;letter-spacing:2px;width:110px;margin-left:12px}header button{font-size:10px;letter-spacing:0}#welcome{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9vw;background:linear-gradient(90deg,#ede7d9f5,#ede7d988 50%,transparent)}h1{font:clamp(45px,6vw,90px) Georgia;margin:20px 0;letter-spacing:-3px}#welcome p{line-height:1.8;font-size:17px}#start{background:#3c5148;color:#f3efdf;border:0;min-width:230px;margin-top:24px;text-align:left}small{font-size:10px;line-height:1.8;opacity:.8}footer{position:fixed;bottom:0;width:100%;padding:28px 30px;display:flex;gap:24px;align-items:end;background:linear-gradient(transparent,#ede7d9ed 40%)}[hidden]{display:none!important}footer b{font:24px Georgia;display:block}footer small{display:block}nav{display:flex;flex-wrap:wrap;gap:7px;flex:1}nav button{font-size:11px}nav small{font-size:9px}#subtitle{position:fixed;bottom:145px;left:50%;transform:translate(-50%);max-width:650px;width:max-content;text-align:center;background:#f3ecdcdf;font:17px Georgia;line-height:1.5;padding:10px 20px;border-radius:3px;pointer-events:none}#subtitle:empty{display:none}#notice{position:fixed;top:100px;right:30px;font:12px monospace}#terminal{position:fixed;right:30px;bottom:155px;width:340px;background:#d3d6c5;border:3px outset #f3f0da;box-shadow:0 12px 40px #35423733;font:12px monospace}.terminal-title{background:#3f5b58;color:#eee9cf;padding:8px;display:flex;justify-content:space-between}.terminal-title button{padding:0 5px}#vitals{padding:10px;border-bottom:1px solid #8c9988}#messages{height:220px;overflow:auto;padding:12px;line-height:1.6}#messages p{margin:0 0 12px}#form{display:flex;padding:6px}input{width:100%;min-width:0;padding:9px;background:#eeeddb;border:1px inset #899182;font:11px monospace}.tools{display:flex;padding:6px;gap:4px}.tools button{font:10px monospace;padding:6px}@media(max-width:700px){header{padding:15px}#place{display:none}footer{padding:14px;gap:8px;flex-wrap:wrap}footer b{font-size:18px}#sceneHint{display:none}nav button{padding:8px;font-size:10px}#terminal{right:10px;width:min(340px,95vw);bottom:180px}#subtitle{width:90%;bottom:185px;font-size:14px}}#controls{display:none!important}header{opacity:.65;pointer-events:none}header button{pointer-events:auto}header a{font-size:22px!important}#interactions{position:fixed;inset:0;pointer-events:none;z-index:8}.hotspot{position:absolute;transform:translate(-50%,-50%);border:0!important;background:transparent!important;padding:12px!important;pointer-events:auto}.hotspot .dot{display:grid;place-items:center;width:24px;height:24px;border:1px solid #eaf1d7b0;border-radius:50%;color:#fffdf0;background:#354a4430;font-size:24px;box-shadow:0 0 10px #233c3522}.hotspot .caption{position:absolute;white-space:nowrap;top:48px;left:50%;transform:translate(-50%);background:#f1ebdfeb;padding:7px 10px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none}.hotspot:hover .caption,.hotspot:focus-visible .caption{opacity:1}.hotspot:hover .dot,.hotspot:focus-visible .dot{background:#bda566a0}#gestureHint{position:fixed;bottom:25px;width:100%;text-align:center;font-size:11px;color:#435a50;pointer-events:none}#helpButton{position:fixed;bottom:22px;right:22px;border-radius:50%;width:32px;height:32px;padding:0;background:#eee9db77;z-index:9}#contextual{position:fixed;bottom:25px;left:50%;transform:translate(-50%);border:0;background:#ede9d6b0;font:15px Georgia;z-index:9}#gestureHelp{max-width:430px;border:1px solid #8b9c87;border-radius:12px;background:#eae6d7;color:#35473e;padding:28px;font-size:14px;line-height:1.6}#gestureHelp::backdrop{background:#283b3760}#gestureHelp h2{font:28px Georgia}#terminal{z-index:20}#subtitle{bottom:85px!important}body.asleep #interactions,body.asleep #helpButton,body.asleep #contextual{visibility:hidden}#sleepVeil{position:fixed;inset:0;z-index:50;pointer-events:none;--lid:0%;--dark:0;background:rgba(17,25,26,var(--dark))}#sleepVeil .lid{position:absolute;left:-5%;width:110%;height:var(--lid);background:#11191a;box-shadow:0 0 50px 25px #11191a}.lid.top{top:-50px;border-radius:0 0 45% 45%}.lid.bottom{bottom:-50px;border-radius:45% 45% 0 0}#sleepText{position:absolute;top:48%;width:100%;text-align:center;color:#d9dece;font:20px Georgia;letter-spacing:2px;opacity:0}body.asleep header,body.asleep footer{opacity:0;transition:opacity 1.5s}header,footer{transition:opacity 2s}button:disabled{opacity:.45;cursor:default}