:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f3ead8;background:#132321;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit}[hidden]{display:none!important}#app{position:relative;width:min(100vw,160vh);height:min(100vh,62.5vw);margin:auto;top:50vh;transform:translateY(-50%);overflow:hidden;background:#172c2c}#world,#interface{position:absolute;inset:0}#world canvas{display:block}#interface{pointer-events:none}.top-bar{position:absolute;left:0;top:0;right:0;height:11%;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;background:#182e2cef;border-bottom:1px solid #b2ba963b;box-shadow:0 8px 30px #1323212b}.wordmark{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:clamp(14px,1.7vw,24px);letter-spacing:2px}.brand-icon{display:grid;place-items:center;height:38px;width:36px;border:1px solid #d5b37b;color:#e6c48b;font-size:27px}.wordmark small{display:block;margin-top:5px;font-family:Trebuchet MS,sans-serif;font-size:9px;letter-spacing:2.8px;color:#a4b6a4}.chapter-label{color:#a8b8a8;font-size:10px;letter-spacing:2px}.chapter-label span{display:block;margin-top:6px;font-family:Georgia,serif;font-size:18px;color:#f4e6cd;letter-spacing:.3px}.clock{display:flex;align-items:center;gap:10px;font-size:20px;color:#f2dec0;font-variant-numeric:tabular-nums}.sun{color:#e8bc71;font-size:27px}.time-period{color:#9fb29f;font-size:11px}.objective{display:flex;align-items:center;gap:12px;position:absolute;top:14%;left:3%;max-width:43%;padding:12px 18px;background:#f7eedbef;color:#263e36;border-left:3px solid #c99a56;border-radius:3px 10px 10px 3px;box-shadow:0 5px 18px #172c2c26}.objective-mark{font-size:28px;color:#9a7035}.objective small{font-size:9px;font-weight:700;letter-spacing:2px;color:#7c8066}.objective p{margin:5px 0 0;font-size:clamp(11px,1.1vw,15px);line-height:1.4}.place-tag{position:absolute;right:3%;top:14.5%;background:#233b32ef;padding:10px 15px;border:1px solid #c8cc9c47;border-radius:30px;font-size:12px;letter-spacing:.7px;display:flex;align-items:center;gap:8px}.place-dot{width:6px;height:6px;background:#c2d49e;border-radius:50%}.bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:28px;align-items:center;background:#172c2cf2;min-height:7%;padding:10px 3%;font-size:12px;color:#c5ccb9;border-top:1px solid #b2ba9633}kbd{font:10px Trebuchet MS,sans-serif;display:inline-grid;place-items:center;min-width:21px;height:22px;margin:0 2px;border:1px solid #adbc9b70;border-radius:4px;color:#f2e7d0;background:#ffffff08;box-shadow:0 2px #0002}.build-label{margin-left:auto;font-size:9px;letter-spacing:1.7px;color:#8b9f90}.interaction-prompt{position:absolute;left:50%;bottom:18%;transform:translate(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:12px 21px 12px 12px;border:1px solid #d5ba83;background:#1e352ff5;border-radius:9px;box-shadow:0 7px 25px #0004;font-size:15px}.interaction-prompt kbd{background:#edce97;color:#233b32;width:28px;height:29px;font-size:14px;border:0}.welcome-note{position:absolute;text-align:center;bottom:10%;left:50%;transform:translate(-50%);color:#f5ead3;background:#213a31db;padding:12px 24px;border-radius:8px;font-family:Georgia,serif;font-size:18px;white-space:nowrap;animation:welcome-out 1s 9s forwards}.welcome-note>span{color:#d6b36d;margin-right:6px}.welcome-note small{display:block;font-family:Trebuchet MS,sans-serif;font-size:11px;color:#c3cdb8;margin-top:7px}.coffee-shop .welcome-note,.in-dialogue .welcome-note{display:none}@keyframes welcome-out{to{opacity:0;visibility:hidden}}.coffee-status{position:absolute;right:3%;top:21%;background:#faf0dbeb;color:#39513f;border-radius:7px;padding:9px 13px;font-size:12px}.dialogue{pointer-events:auto;position:absolute;bottom:9.5%;left:4%;right:4%;display:flex;gap:25px;padding:22px 28px;background:#172d2cfb;border:1px solid #d7bc82;border-radius:13px;box-shadow:0 12px 60px #1119}.portrait{flex:0 0 120px;align-self:flex-start;height:155px;overflow:hidden;border:1px solid #bca77975;border-radius:9px;background:#45604b}.portrait img{width:100%;height:100%;object-fit:cover}.dialogue-body{flex:1;min-width:0}.speaker-line{display:flex;align-items:baseline;gap:14px}.speaker-line strong{font-family:Georgia,serif;font-size:23px;color:#ebc98f}.speaker-line span{color:#a4b9a8;font-size:11px;letter-spacing:.7px}#dialogue-text{font-family:Georgia,serif;font-size:clamp(15px,1.7vw,22px);line-height:1.5;margin:11px 0 17px;color:#f7ecd7}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{cursor:pointer;border:1px solid #a7b28c66;border-radius:7px;background:#f3ebd10a;color:#f1e8d3;padding:9px 13px;text-align:left;font-size:clamp(11px,1.1vw,14px);display:flex;align-items:center;gap:10px;transition:background .15s}.choices button:hover{background:#e5c89722;border-color:#dcc28d}.choices button:focus-visible,.dialogue-close:focus-visible{outline:2px solid #edce97;outline-offset:3px}.choice-number{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#e0c38d;color:#20352e;font-size:11px}.dialogue-close{display:block;margin-top:13px;padding:3px 0;border:0;background:transparent;color:#a5b6a5;font-size:10px;cursor:pointer}.notification{position:absolute;top:25%;left:50%;transform:translate(-50%);background:#172d2c;padding:20px;border:1px solid #e4c68a;border-radius:8px}@media(max-width:900px){.top-bar{min-height:0}.wordmark{font-size:13px;gap:8px}.wordmark small{font-size:7px}.brand-icon{width:26px;height:28px;font-size:20px}.chapter-label{display:none}.clock{font-size:15px}.objective{padding:7px 11px;gap:7px}.objective small{font-size:7px;letter-spacing:1px}.objective-mark{font-size:20px}.place-tag{font-size:10px;padding:7px 10px}.dialogue{gap:13px;padding:14px}.portrait{flex-basis:75px;height:106px}.speaker-line strong{font-size:18px}.speaker-line span{font-size:9px}#dialogue-text{margin:6px 0 10px;line-height:1.3}.choices button{padding:6px 8px;gap:7px}.choice-number{width:18px;height:18px}.bottom-bar{font-size:10px;gap:15px;padding:7px 3%}.build-label{font-size:7px}.coffee-status{top:23%;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header-actions{display:flex;align-items:center;gap:14px}.toolbar-button{pointer-events:auto;cursor:pointer;background:#ffffff0a;color:#eadfc9;border:1px solid #aabb905c;border-radius:6px;padding:7px 10px;font-size:11px}.toolbar-button:focus-visible{outline:2px solid #edce97;outline-offset:3px}.toolbar-button:disabled{opacity:.45;cursor:default}.toolbar-button.subtle{background:transparent;color:#adc0ad;border-color:transparent;font-size:10px}.letter-portrait{display:grid;place-items:center;color:#e5d3a8;font-family:Georgia,serif;font-size:68px;background:radial-gradient(circle at 30% 25%,#6b815a,#304e40)}.save-notice{position:absolute;bottom:8.5%;left:3%;right:3%;padding:9px 14px;background:#fff0d9f5;color:#725337;border-radius:7px;font-size:12px;line-height:1.4}.in-dialogue .save-notice{top:24%;bottom:auto}.chapter-complete{position:absolute;top:24%;left:3%;max-width:32%;padding:13px 17px;background:#213c30ed;border:1px solid #d1ba82;border-radius:8px}.chapter-complete small{color:#ebca8f;letter-spacing:1.3px;text-transform:uppercase;font-size:10px}.chapter-complete p{color:#d8ddc4;font-size:12px;line-height:1.5;margin:6px 0 0}@media(max-width:1100px){.header-actions{gap:5px}.toolbar-button{font-size:10px;padding:5px 7px}.chapter-label{display:none}.clock{font-size:15px}.sun{font-size:20px}}@media(max-width:800px){.time-period{display:none}.toolbar-button.subtle{font-size:8px}.clock{gap:4px}.wordmark small{letter-spacing:1px}.dialogue{max-height:66%;overflow-y:auto}.save-notice{font-size:10px}.chapter-complete{max-width:45%}}