:root{color:#253b38;font-synthesis:none;--ink:#253b38;--paper:#fff9e9;--moss:#446448;--mobile-width:100vw;--mobile-height:100dvh;--mobile-top:0px;background:#dce9e2;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:var(--ink);touch-action:manipulation;background:#fff9e9df;border:1px solid #49674a33;border-radius:2rem;padding:.7rem 1rem;transition:background .18s,transform .18s}button:hover{background:#fffdf4}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ca874f}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#app,#world{width:100%;height:100%;position:absolute;inset:0}#world{touch-action:none;outline:none;display:block}#masthead{top:max(28px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 12px #f6f2df;flex-direction:column;gap:7px;display:flex;position:absolute}.wordmark{letter-spacing:.29em;font-size:16px;font-weight:700}#place{color:#455b54;font-family:Georgia,serif;font-size:15px;font-style:italic}#connection{pointer-events:none;background:#fff9e9df;border-radius:20px;padding:8px 16px;font-size:12px;position:absolute;top:30px;left:50%;transform:translate(-50%)}#connection:empty{display:none}.veil{background:linear-gradient(90deg,#d9e4d6b8,#e4e6d63d);place-items:center;display:grid;position:absolute;inset:0}.paper{color:var(--ink);background:#fff9edf5;border:1px solid #fffc;border-radius:9px;padding:34px;box-shadow:0 18px 90px #183f3923}#join{flex-direction:column;gap:16px;width:min(430px,100vw - 32px);display:flex}h1{letter-spacing:-.055em;margin:0;font-family:Georgia,serif;font-size:clamp(44px,7vw,66px);font-weight:400;line-height:1.05}h2{margin:10px 0 20px;font:30px/1.1 Georgia,serif}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#78836c;font-size:10px}p{margin:0;font-size:14px;line-height:1.7}label{margin-top:6px;font-size:12px}input{color:var(--ink);background:#eeeedb66;border:0;border-bottom:1px solid #50644a55;border-radius:4px;width:100%;padding:12px}.primary{color:#fff9e9;background:#48694e;border-color:#48694e}.primary:hover{background:#34543c}.fine{color:#7b8374;font-size:11px;line-height:1.55}.close{background:0 0;border:0;padding:2px 10px;font-size:25px;position:absolute;top:13px;right:15px}#pocket{left:max(32px,env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 8px #fff8df;flex-direction:column;gap:5px;display:flex;position:absolute;top:105px}.pocket-title{letter-spacing:.2em;color:#708271;font-size:9px}#inventory{font-size:12px;font-weight:500}#company{text-align:right;pointer-events:none;max-width:220px;font-size:11px;position:absolute;top:30px;right:30px}#receipt{opacity:0;text-align:center;pointer-events:none;background:#fff9e9ee;border-radius:30px;max-width:80%;padding:12px 24px;font:17px Georgia,serif;transition:opacity .25s,transform .25s;position:absolute;top:23%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 5px 24px #365c3a14}#receipt.show{opacity:1;transform:translate(-50%)translateY(0)}#context{white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #23402d12}#context:active{transform:translate(-50%)scale(.96)}kbd{color:#fff9e9;background:#3e5e4b;border-radius:6px;place-items:center;min-width:24px;height:24px;font:12px inherit;display:inline-grid}#hint{text-shadow:0 1px 8px #fffae5;pointer-events:none;white-space:nowrap;font-size:12px;position:absolute;bottom:79px;left:50%;transform:translate(-50%)}#tools{right:max(25px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute}#tools button{background:#fff9e9af;padding:9px 13px;font-size:11px}#guide{z-index:10;width:min(430px,100vw - 32px);max-height:calc(100dvh - 115px);position:absolute;top:90px;right:25px;overflow:auto}#guide dl{grid-template-columns:135px 1fr;gap:10px 15px;margin:22px 0;font-size:12px;line-height:1.5;display:grid}#guide dt{color:#49624a;font-weight:650}#guide dd{color:#5b695e;margin:0}#guide p+p{margin-top:12px}#build{margin-top:18px;font-size:9px;display:block}#movement-status{pointer-events:none;align-items:center;gap:15px;font-size:11px;display:flex;position:absolute;bottom:29px;left:32px}#form-label{letter-spacing:.08em}#dash-status{letter-spacing:5px;color:#647758}#fuel-track{background:#70876033;border-radius:3px;width:60px;height:3px;overflow:hidden}#fuel{background:#bd945e;width:100%;height:100%;display:block}#aim{pointer-events:none;border:1px solid #fff9dfdd;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #324f3d66}#aim.ready{border-color:#e1fbd7;width:14px;height:14px;margin:-5px}#mobile-controls,#mobile-panel{display:none}#mobile-stick{width:132px;height:132px;left:clamp(max(10px,env(safe-area-inset-left)),var(--mobile-stick-left,20px),calc(var(--mobile-width) - 142px - env(safe-area-inset-right)));top:clamp(10px,var(--mobile-stick-top,20px),calc(var(--mobile-height) - 142px - env(safe-area-inset-bottom)));pointer-events:none;background:#fffae51c;border:1px solid #fffce477;border-radius:50%;position:absolute}#mobile-stick-knob{background:#fff9e97a;border:1px solid #fffcecaa;border-radius:50%;width:48px;height:48px;position:absolute;top:41px;left:41px}#mobile-actions{right:max(15px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(3,62px);gap:10px;display:grid;position:absolute}#mobile-actions button{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff9e9ae;border-color:#fffbe1aa;height:54px;padding:0 5px;font-size:11px}#mobile-actions button[aria-pressed=true]{color:#fffce8;background:#678660cc;transform:scale(.96)}#mobile-jump{font-weight:700;background:#e9edc4dd!important;height:68px!important}#mobile-menu{right:max(16px,env(safe-area-inset-right));pointer-events:auto;padding:7px 13px;position:absolute;top:13px}#portrait-note{text-align:center;color:#49654a;background:#fff9e9e8;padding:25px;display:none;position:absolute;bottom:22%;left:0;right:0}body.mobile-input #mobile-controls{top:var(--mobile-top);width:var(--mobile-width);height:var(--mobile-height);pointer-events:none;display:block;position:absolute;left:0}body.mobile-input:not(.mobile-playing) #mobile-actions,body.mobile-input #tools{display:none}body.mobile-input #masthead{top:16px;left:max(18px,env(safe-area-inset-left))}body.mobile-input .wordmark,body.mobile-input #place{font-size:12px}body.mobile-input #pocket{top:68px;left:max(18px,env(safe-area-inset-left))}body.mobile-input #movement-status{bottom:14px;left:50%;transform:translate(-50%)}body.mobile-input #context{white-space:normal;max-width:46%;padding:9px 14px;bottom:63px}body.mobile-input #context kbd{display:none}body.mobile-input #hint{font-size:10px;bottom:45px}body.mobile-input #company{top:65px;right:18px}body.mobile-menu-open #mobile-panel{right:max(20px,env(safe-area-inset-right));max-height:calc(var(--mobile-height) - 85px);z-index:12;flex-direction:column;gap:12px;width:300px;display:flex;position:absolute;top:65px;overflow:auto}body.mobile-portrait #portrait-note{display:block}body.mobile-portrait #context,body.mobile-portrait #movement-status{display:none}body.mobile-input #guide{max-height:calc(var(--mobile-height) - 24px);z-index:20;top:12px;right:12px}body.mobile-input #connection{padding:6px 10px;font-size:10px;top:15px}body:not(.entered) #pocket,body:not(.entered) #tools,body:not(.entered) #movement-status,body:not(.entered) #aim,body:not(.entered) #mobile-controls{display:none}@media (max-height:550px){#join{gap:9px;padding:22px}#join h1{font-size:40px}#join p{font-size:12px}#join .fine{font-size:10px}#guide{padding:24px}#guide dl{gap:7px 10px}#receipt{font-size:14px;top:19%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}