:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ede7d5;background:#eae6da;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e9bc68;outline-offset:4px}button{color:inherit}button:disabled{opacity:.42;cursor:default}[hidden]{display:none!important}#app{height:100dvh;min-height:420px;display:flex;flex-direction:column;padding:0 24px;max-width:1680px;margin:auto}.topbar{height:80px;flex:none;display:flex;align-items:center;justify-content:space-between;color:#344239;gap:16px}.topbar a{text-decoration:none;color:inherit;font-size:13px}.wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px;text-align:center}.wordmark span{font:8px ui-sans-serif,sans-serif;letter-spacing:2.2px;display:block;margin-top:4px}.tools{display:flex;align-items:center;gap:8px}.tools button{background:none;border:1px solid #b8bdb0;border-radius:7px;height:44px;min-width:44px;font-size:12px;padding:0 12px}.stage{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:9px;background:#233d36;isolation:isolate}#world{width:100%;height:100%;display:block;touch-action:none;outline:none;image-rendering:auto}.hud{position:absolute;inset:22px 24px auto;display:flex;align-items:start;gap:22px;pointer-events:none;text-shadow:0 2px 2px #192c2a}.vitals{min-width:170px}#hearts{font-size:22px;letter-spacing:3px;color:#efac80;line-height:1}.empty-heart{color:#718273}.stamina{margin-top:9px;width:126px;height:4px;background:#19352fc9}.stamina span{display:block;height:100%;background:#d9ca91;width:100%}.equipment{display:flex;gap:10px;flex-direction:column;font-size:10px;color:#d5dcc1;margin-top:10px}.quest{margin:0 auto;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.6;color:#d6c48d}.quest strong{font:17px Georgia,serif;font-weight:400}.quest #embers{letter-spacing:8px;color:#efc675;font-size:24px}.hud button{pointer-events:auto;background:#263c34dd;border:1px solid #9da4846b;border-radius:5px;padding:12px;font-size:12px}.hud button span{color:#a6b296;font-size:10px}#map{position:absolute;right:24px;top:77px;width:min(240px,65vw);height:auto;aspect-ratio:5 / 4;border:5px solid #ded7be;box-shadow:0 3px 12px #12292250;border-radius:3px;image-rendering:auto;max-width:65vw}.controls{position:absolute;bottom:30px;left:32px;right:32px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.controls button,#stick{pointer-events:auto;touch-action:none}#stick{width:124px;height:124px;border:1px solid #e6dfbb60;border-radius:50%;background:#132b2655;position:relative;display:grid;place-items:center}.stick-cross{font-size:88px;color:#e1dab422;line-height:1}#knob{position:absolute;width:50px;height:50px;top:36px;left:36px;border:1px solid #dfd7b5a0;border-radius:50%;background:#d5cfad38;pointer-events:none}.control-caption{position:absolute;bottom:-18px;font-size:8px;letter-spacing:2px;color:#e0dfc0b3}.actions{display:flex;align-items:flex-end;gap:12px}.actions button{border-radius:50%;border:1px solid #e1d4a177;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#233c32b5;box-shadow:0 3px #11271d60}.actions button:active{transform:translateY(2px);background:#8c976866}.actions small{font-size:8px;letter-spacing:1px;margin-top:4px}.attack{width:84px;height:84px!important;background:#c3a76acc!important;color:#23382f;border-color:#e4d196!important}.attack svg{height:32px;width:32px}.roll{width:66px;height:66px;font-size:26px;margin-bottom:0}.small-action{height:48px;width:48px;font-size:20px;margin-bottom:4px}.small-action small{font-size:10px;margin-top:0}.toast{position:absolute;left:50%;bottom:178px;transform:translate(-50%);text-align:center;max-width:85%;width:max-content;padding:10px 18px;border-radius:4px;background:#1c332cec;color:#f1e6c6;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}.toast.visible{opacity:1}.prompt{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:#ece3c7;color:#2d4538;border:1px solid #f3e7c2;border-radius:5px;padding:13px 22px;font-size:13px;cursor:pointer;white-space:nowrap;min-height:44px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:44px 7%;background:linear-gradient(90deg,#172e2bf0,#172e2bd9 30%,#172e2b40 69%,#172e2b05)}.panel{max-width:420px;text-align:left}.panel h1{font:normal clamp(44px,6vw,80px) / 1.1 Georgia,serif;letter-spacing:-3px;margin:17px 0;color:#f2e6c8}.title-rule{display:flex;align-items:center;gap:12px;width:80px;color:#cda469;margin:22px 0}.title-rule:before,.title-rule:after{content:"";height:1px;flex:1;background:#aa9160}.panel p{font:18px/1.65 Georgia,serif;color:#d0d7bd;margin:0 0 24px}.intro-details{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#b1c1a5;margin:28px 0}.intro-details span:before{content:"◇";margin-right:12px;color:#d8b473}.primary{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#e4d3a7;border:0;color:#283f33;min-height:52px;padding:15px 23px;border-radius:4px;font-size:14px;min-width:230px}.primary:hover{background:#f1e3bd}.primary span{font-size:22px}.text-button{display:block;margin:16px 0;background:none;border:none;padding:5px 0;color:#d8ca9e;text-decoration:underline;text-underline-offset:4px;font-size:12px}.panel .keyboard-hint{font:10px/1.8 ui-sans-serif,sans-serif;color:#9dad99;margin:24px 0 0}.boss{position:absolute;top:120px;left:50%;transform:translate(-50%);width:250px;text-align:center;font-size:9px;letter-spacing:2px;color:#e0d8b9}.boss>div{height:5px;background:#19322e;margin-top:8px}.boss i{display:block;height:100%;background:#d9956e}footer{color:#667062;height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.2px}footer>span:first-child{font-family:Georgia,serif;font-size:12px}@media (hover: hover) and (pointer: fine){.controls{opacity:.72}.controls:hover{opacity:1}}@media (max-width: 700px){#app{padding:0 10px}.topbar{height:65px;gap:8px}.topbar a span{display:none}.wordmark{font-size:24px}.wordmark span{font-size:7px}.tools button{padding:0 8px;font-size:10px;height:44px;min-width:44px}.tools{gap:5px}.hud{inset:17px 14px auto;gap:10px}.vitals{min-width:100px}#hearts{font-size:18px;letter-spacing:1px}.stamina{width:94px}.quest .eyebrow{font-size:7px;letter-spacing:1px}.quest strong{font-size:13px;max-width:160px}.quest #embers{font-size:19px}.hud button{font-size:10px;padding:10px}.hud button span{display:none}.equipment{font-size:8px;gap:5px}.controls{left:19px;right:17px;bottom:30px}#stick{width:104px;height:104px}#knob{left:26px;top:26px}.actions{gap:8px}.attack{width:70px;height:70px!important}.roll{width:56px;height:56px}.small-action{width:44px;height:44px}.prompt{bottom:160px;max-width:90%;white-space:normal;text-align:center}.toast{bottom:220px;font-size:11px}.overlay{padding:35px 8%;background:#172e2bc7}.panel h1{font-size:54px}.panel .eyebrow{font-size:8px}.panel p{font-size:17px}.footer-note{display:none}footer{font-size:8px}.boss{top:115px;width:200px}#map{right:14px;top:70px}}@media (max-height: 650px) and (min-width: 701px){#app{padding:0 14px}.topbar{height:58px}footer{height:28px}.panel h1{font-size:48px;margin:8px 0}.title-rule{margin:12px 0}.intro-details{margin:15px 0;gap:7px}.panel p{font-size:16px;margin-bottom:14px}.panel .keyboard-hint{margin:12px 0 0}.overlay{padding:20px 6%}.controls{bottom:24px}#stick{height:96px;width:96px}#knob{left:22px;top:22px}.hud{inset:16px 20px auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (max-width: 700px){#map{top:145px;bottom:auto;right:17px;width:min(220px,65vw);max-width:65vw}.hud .quest{min-width:0}.boss{max-width:55%}}.at-home .vitals,.at-home .quest{background:#253f34e8;border-radius:8px;padding:10px 12px;text-shadow:none}.at-home .quest .eyebrow,.at-home #embers,.at-home #heal,.at-home #roll{display:none}.at-home #attack svg{display:none}.at-home #attack:before{content:"✦";font-size:32px;line-height:1.2}.at-home .equipment{gap:5px}.at-home #blade{display:none}#settings{border:0;margin:0 0 18px;padding:0;color:#d8dfc9;font-size:12px}#settings legend{font-family:Georgia,serif;font-size:17px;margin-bottom:12px}#settings label{display:flex;align-items:center;gap:10px;margin-bottom:12px}#settings select{max-width:100%;min-height:44px;border:1px solid #91a18d;border-radius:5px;background:#243e33;color:#ece4cb;padding:8px;font:inherit}#settings input{width:22px;height:22px;accent-color:#d1bc82}#settings .check-setting{min-height:44px}.journal-view .panel{width:min(620px,100%);max-width:620px}.journal-view .panel h1{font-size:38px;letter-spacing:-1px;margin:8px 0}.journal-view .title-rule{display:none}.journal-view #panel-copy{max-height:min(52dvh,560px);overflow-y:auto;overscroll-behavior:contain;margin:18px 0}.journal-entry{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #b1bca333;font:14px/1.5 ui-sans-serif,sans-serif}.journal-entry strong{font-family:Georgia,serif;color:#d7c58f;font-size:18px}.journal-entry p{font:13px/1.6 ui-sans-serif,sans-serif;margin:6px 0 0;color:#bdcbb4}.journal-entry img{width:66px;height:82px;object-fit:contain}@media (max-width: 700px){#settings label{flex-wrap:wrap}#settings select{font-size:11px}}.settings-view .panel h1{font-size:38px;letter-spacing:-1px;margin:8px 0}.settings-view .title-rule{display:none}.settings-view .panel p{margin:12px 0 20px}.settings-view .text-button{min-height:44px;margin:8px 0}.journal-view{background:#19372ff5}