:root{color-scheme:light;--cream:#f6f1e5;--green:#29473e;--ink:#34453a;--gold:#d9b563}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;padding:22px 28px}header{max-width:1440px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brand-icon{font-size:42px;color:#8b9b60}h1{font-family:Georgia,serif;font-size:28px;letter-spacing:-.5px;font-weight:500;margin:0}.brand p{font-size:10px;letter-spacing:2px;color:#879180;margin:6px 0 0}nav{display:flex;gap:8px}button{font:inherit;border:1px solid #d3d7c6;background:#fffaf0;color:var(--ink);border-radius:12px;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:600;touch-action:manipulation}button:hover{background:#e9eedc}button:focus-visible,canvas:focus-visible{outline:3px solid #c39a40;outline-offset:3px}button:disabled{cursor:default;opacity:.72}kbd{font-family:inherit;display:inline-block;font-size:10px;border:1px solid currentColor;opacity:.5;padding:1px 4px;border-radius:4px;margin-right:4px}nav kbd{margin:0 0 0 6px}main{max-width:1440px;margin:auto}.game-shell{height:min(76vh,820px);min-height:410px;position:relative;overflow:hidden;border-radius:23px;border:5px solid #e5e5d6;box-shadow:0 18px 35px #304d3920;background:#b8cdaa}canvas#world{width:100%;height:100%;display:block;touch-action:none;outline:none}.scene-label{position:absolute;top:22px;left:24px;background:#f9f7e9df;backdrop-filter:blur(6px);padding:10px 15px;border-radius:20px;font-size:12px;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.little-dot{width:6px;height:6px;border-radius:50%;background:#71946f}.quest-card{position:absolute;right:20px;top:20px;background:#fcf9eaeF;padding:18px 20px;width:248px;border-radius:15px;box-shadow:0 5px 20px #254d2e12;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#8b936b;margin:0 0 8px}.quest-card h2{font:500 21px Georgia,serif;margin:0 0 8px}.quest-card>p:not(.eyebrow){font-size:12px;line-height:1.55;color:#74806c;margin:0}.inventory{display:flex;justify-content:space-between;padding-top:12px;margin-top:13px;border-top:1px solid #dfe1ce;font-size:13px;color:#8b926d}.inventory b{color:#475d45}.interaction{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap}.interaction button{background:#fcf8e7ed;border-color:#fff6;box-shadow:0 3px 10px #0001;padding:13px 20px}.interaction button:not(:disabled){background:#2e5145;color:#fff4d2;border-color:#6f9471}.touch-pad{position:absolute;bottom:22px;left:22px;display:grid;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:4px}.touch-pad button{font-size:20px;padding:0;background:#f9f8e8bd;border-color:#fff6;touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-row:2;grid-column:1}.touch-pad button:nth-child(3){grid-row:2;grid-column:2}.touch-pad button:nth-child(4){grid-row:2;grid-column:3}.touch-pad button:active{background:#fff5ca}footer{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#939b87;margin:13px 6px}#toast{position:absolute;top:26%;left:50%;transform:translateX(-50%);background:#304f43ed;color:#fff4dc;border-radius:30px;padding:11px 20px;font-size:13px;text-align:center;max-width:85%;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}.modal-layer{position:absolute;inset:0;background:#1b352d70;backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.modal-layer[hidden]{display:none}.modal{position:relative;background:#faf6e8;border:1px solid #fff9;border-radius:23px;padding:30px;width:min(440px,100%);max-height:95%;overflow:auto;box-shadow:0 12px 60px #142a3450;text-align:center}.modal-symbol{display:block;font-size:43px;color:#b9984e;margin-bottom:10px}.modal h2{font:500 29px/1.15 Georgia,serif;margin:0 0 15px;color:#3c5949}#modalBody{font-size:13px;line-height:1.7;color:#74806a}#modalBody p{margin:10px 0}.modal-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.modal-actions button:first-child{background:#355c49;color:#fff3d0;border-color:#355c49}.map-canvas{width:100%;height:auto;border-radius:12px;border:1px solid #d4d9be;margin-top:10px}.map-legend{font-size:11px;color:#727f67}.progress-list{text-align:left;padding-left:20px}.progress-list li{margin:5px 0}.controls-copy{font-size:11px!important;color:#9a9f86!important}#saveStatus{white-space:nowrap}@media(max-width:700px){body{padding:12px}header{margin-bottom:12px;gap:8px}h1{font-size:22px}.brand-icon{font-size:30px}.brand p{letter-spacing:1px;font-size:8px}.brand{gap:7px}nav{gap:4px}nav button{padding:8px;font-size:11px}nav kbd{display:none}.game-shell{height:78svh;min-height:480px;border-width:3px;border-radius:18px}.scene-label{top:13px;left:12px;padding:8px 11px;font-size:11px}.quest-card{top:55px;right:12px;left:12px;width:auto;padding:11px 14px}.quest-card .eyebrow{display:none}.quest-card h2{font-size:17px;margin-bottom:3px}.quest-card>p:not(.eyebrow){font-size:11px}.inventory{position:absolute;right:13px;top:0;border:0;padding:0;gap:9px;font-size:12px}.quest-card h2{padding-right:120px}.interaction{bottom:32px;left:auto;right:12px;transform:none;max-width:calc(100% - 157px);white-space:normal;text-align:center}.interaction button{font-size:11px;padding:12px;min-height:48px}.interaction kbd{display:none}.touch-pad{left:12px;bottom:17px}.modal{padding:23px}.modal h2{font-size:25px}.key-help{display:none}footer{font-size:10px;margin-top:9px;gap:8px}#toast{top:32%;font-size:12px}}@media(max-width:380px){h1{font-size:19px}.brand-icon{display:none}nav button{font-size:10px}.quest-card h2{padding-right:112px;font-size:16px}}