@font-face{font-family:Emberfall Pixel;src:url(/assets/fonts/EmberfallPixel.ttf) format("truetype");font-weight:700;font-display:block}:root{--ink: #ede9df;--muted: #a8aa9c;--ember: #e8763a;--gold: #e2b24a;--shadow: #101410}html,body{margin:0;height:100%;background:#0f110f;color:var(--ink);overflow:hidden}#app{position:relative;width:100vw;height:100vh}#game{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;transition:opacity .6s ease-out}#game canvas.ready{opacity:1}#boot-error{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font:700 16px Emberfall Pixel,monospace;color:#a8aa9c;background:#101410d9;padding:6px 10px;z-index:50;pointer-events:none;white-space:nowrap}#ui{position:absolute;inset:0;pointer-events:none}#ui .frame{position:absolute;pointer-events:none;container-type:size;--s: 2;--px: calc(1px * var(--s));--sh: min(var(--s), max(2, calc(var(--s) - 1)))}#ui .frame>*{pointer-events:none}#ui .frame img{image-rendering:pixelated;display:block}.frame{font-family:Emberfall Pixel,monospace;-webkit-font-smoothing:none;font-smooth:never;color:var(--ink)}.t-title{font-size:calc(16px * var(--s));line-height:1}.t-body{font-size:calc(16px*max(1,var(--s) - 1));line-height:1.25}.t-small{font-size:calc(16px*max(1,var(--s) - 1));line-height:1}.muted{color:var(--muted)}.shadowed{text-shadow:0 var(--px) 0 var(--shadow)}.pxpanel{border-style:solid;border-width:calc(10px * var(--s));border-image:url(/assets/ui/panel.png) 10 fill stretch;image-rendering:pixelated}.pxslot{border-style:solid;border-width:calc(5px * var(--s));border-image:url(/assets/ui/slot.png) 5 fill stretch;image-rendering:pixelated}.pxbar{border-style:solid;border-width:calc(9px * var(--s)) calc(12px * var(--s));border-image:url(/assets/ui/bar.png) 9 12 fill stretch;image-rendering:pixelated}.kbd{display:inline-flex;align-items:center;justify-content:center;height:calc(12px * var(--s));padding:0 calc(3px * var(--s));background:#0f120f;border:var(--px) solid #5b665b;color:#cfd2c6;font-size:16px;line-height:1;white-space:nowrap}@container (min-width: 1100px){.kbd{font-size:calc(16px*max(1,var(--s) - 1));height:calc(14px * var(--s))}}.scrim{position:absolute;left:0;top:0;width:34%;height:30%;background:radial-gradient(ellipse at 0% 0%,#080a08c7,#080a0800 70%)}.hud{position:absolute;left:calc(12px * var(--s));top:calc(10px * var(--s));display:flex;flex-direction:column;gap:calc(4px * var(--s))}.hearts{display:flex;gap:calc(2px * var(--s))}.heart{width:calc(16px * var(--s));height:calc(16px * var(--s));background:url(/assets/ui/hearts.png) no-repeat;background-size:calc(48px * var(--s)) calc(16px * var(--s));image-rendering:pixelated}.heart.full{background-position:0 0}.heart.half{background-position:calc(-16px * var(--s)) 0}.heart.empty{background-position:calc(-32px * var(--s)) 0}.hearts.gain .heart{animation:heartpop .45s ease-out}@keyframes heartpop{0%{transform:scale(1)}35%{transform:scale(1.3);filter:brightness(1.6)}to{transform:scale(1)}}.stat.flash{animation:statflash .45s ease-out}@keyframes statflash{0%{transform:scale(1)}30%{transform:scale(1.25);color:#fff2b0}to{transform:scale(1)}}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#78141400 55%,#78141473);animation:vignette 1.4s ease-in-out infinite alternate}@keyframes vignette{0%{opacity:.55}to{opacity:1}}.pause-settings{display:flex;align-items:center;gap:calc(6px * var(--s));align-self:stretch;justify-content:space-between}.hearts.low .heart.full,.hearts.low .heart.half{animation:heartbeat .9s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}45%{transform:scale(1)}60%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.hearts.low .heart{animation:none}}.stat-row{display:flex;gap:calc(8px * var(--s));align-items:center}.stat{display:inline-flex;align-items:center;gap:calc(3px * var(--s))}.stat img{width:calc(16px * var(--s));height:calc(16px * var(--s))}.stat.gold{color:var(--gold)}.hotbar{--s: var(--sh);position:absolute;left:50%;bottom:calc(6px * var(--s));transform:translate(-50%);display:flex;gap:calc(3px * var(--s));align-items:center;padding:0 calc(3px * var(--s))}.hotbar .divider{width:var(--px);height:calc(24px * var(--s));background:#5b665b;margin:0 calc(2px * var(--s))}.slot{position:relative;width:calc(22px * var(--s));height:calc(22px * var(--s));box-sizing:content-box;display:flex;align-items:center;justify-content:center}.slot img{width:calc(24px * var(--s));height:calc(24px * var(--s))}.slot.sel{filter:drop-shadow(0 0 0 var(--ember)) brightness(1.15);outline:var(--px) solid var(--ember);outline-offset:calc(-1px * var(--s))}.slot.empty img{opacity:.35}.slot .qty{position:absolute;right:calc(-2px * var(--s));bottom:calc(-4px * var(--s));font-size:16px;color:var(--ink);text-shadow:0 var(--px) 0 var(--shadow),var(--px) 0 0 var(--shadow),calc(-1 * var(--px)) 0 0 var(--shadow),0 calc(-1 * var(--px)) 0 var(--shadow)}.slot .key{position:absolute;left:calc(-4px * var(--s));top:calc(-4px * var(--s));height:calc(10px * var(--s));padding:0 calc(2px * var(--s));font-size:16px}@container (min-width: 1100px){.slot .key{font-size:16px;height:calc(10px * var(--s))}}.minimap-wrap{position:absolute;right:calc(10px * var(--s));top:calc(8px * var(--s));display:flex;flex-direction:column;align-items:flex-end;gap:calc(3px * var(--s))}.minimap{position:relative;box-sizing:content-box;padding:calc(2px * var(--s))}.minimap>*{position:absolute;margin:calc(2px * var(--s))}.mm{display:block;width:calc(14px * var(--s));height:calc(10px * var(--s));background:url(/assets/ui/minimap.png) no-repeat;background-size:calc(84px * var(--s)) calc(10px * var(--s));image-rendering:pixelated}.mm.done{background-position:calc(-70px * var(--s)) 0}.mm-chest{position:absolute}.mm.none{background-position:0 0}.mm.unknown{background-position:calc(-14px * var(--s)) 0}.mm.seen{background-position:calc(-28px * var(--s)) 0}.mm.here{background-position:calc(-42px * var(--s)) 0;animation:mmhere 1.2s ease-in-out infinite alternate}.mm.boss{background-position:calc(-56px * var(--s)) 0}.mm.boss.here{background-position:calc(-42px * var(--s)) 0}.mm-link{display:block;background:#a8aa9c}.mm-link.h{width:calc(4px * var(--s));height:calc(2px * var(--s))}.mm-link.v{width:calc(2px * var(--s));height:calc(4px * var(--s))}@keyframes mmhere{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.slot.locked img:not(.lock){opacity:.25;filter:grayscale(1)}.slot .lock{position:absolute;right:calc(-2px * var(--s));bottom:calc(-3px * var(--s));width:calc(8px * var(--s));height:calc(8px * var(--s));opacity:1}.narrator{position:absolute;left:50%;bottom:calc(58px * var(--sh) + 14px * var(--s));transform:translate(-50%);max-width:calc(300px * var(--s));text-align:center;animation:narr 6.5s ease-out forwards;pointer-events:none}.narrator-text{font-size:calc(16px*max(1,var(--s) - 1));line-height:1.35;color:#fff2b0;text-shadow:0 var(--px) 0 var(--shadow),var(--px) 0 0 var(--shadow),calc(-1 * var(--px)) 0 0 var(--shadow),0 calc(-1 * var(--px)) 0 var(--shadow),var(--px) var(--px) 0 var(--shadow)}@keyframes narr{0%{opacity:0;transform:translate(-50%,calc(3px * var(--s)))}6%{opacity:1;transform:translate(-50%)}88%{opacity:1}to{opacity:0}}.minimap-name{font-size:16px;color:var(--ink);max-width:calc(120px * var(--s));text-align:right;line-height:1.1;text-shadow:0 var(--px) 0 var(--shadow),var(--px) 0 0 var(--shadow),calc(-1 * var(--px)) 0 0 var(--shadow),0 calc(-1 * var(--px)) 0 var(--shadow)}@container (min-width: 1100px){.minimap-name{font-size:calc(16px*max(1,var(--s) - 1))}}.coach{position:absolute;left:calc(var(--wren-x, 50) * 1%);top:calc(var(--wren-y, 50) * 1%);transform:translate(calc(14px * var(--s)),-50%);display:flex;align-items:center;gap:calc(4px * var(--s));padding:0 calc(4px * var(--s));white-space:nowrap;animation:pop .18s ease-out}.frame.wren-right .coach{transform:translate(calc(-100% - 14px * var(--s)),-50%)}.coach .keycross{display:grid;grid-template-columns:repeat(3,auto);gap:var(--px);justify-items:center;align-items:center}.coach .kbd.done{opacity:.3}.coach-text{font-size:16px}@container (min-width: 1100px){.coach-text{font-size:calc(16px*max(1,var(--s) - 1))}}@keyframes pop{0%{opacity:0}to{opacity:1}}.frame.hotbar-ghost .hotbar{opacity:.28;transition:opacity .15s}.hotbar{transition:opacity .25s}.wtag{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:calc(3px * var(--s));padding:0 calc(4px * var(--s));white-space:nowrap;font-size:16px;animation:wtag 1.1s ease-out forwards}.wtag.push{animation:pop .15s ease-out}.wtag img{width:calc(16px * var(--s));height:calc(16px * var(--s))}.wtag.locked{color:#ffb8a8}.wtag.info{color:#fff2b0}@container (min-width: 1100px){.wtag{font-size:calc(16px*max(1,var(--s) - 1))}}@keyframes wtag{0%{opacity:0;transform:translate(-50%,-90%)}12%{opacity:1;transform:translate(-50%,-100%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-115%)}}#ui .dialogue{position:absolute;left:50%;bottom:calc(58px * var(--sh) + 12px * var(--s));transform:translate(-50%);width:calc(320px * var(--s));max-width:94%;display:flex;gap:calc(8px * var(--s));align-items:flex-start;padding:calc(2px * var(--s)) calc(4px * var(--s));pointer-events:auto;cursor:pointer;animation:pop .15s ease-out}.dialogue-icon{width:calc(32px * var(--s));height:calc(32px * var(--s));flex:none}.dialogue-body{display:flex;flex-direction:column;gap:calc(3px * var(--s));min-width:0}.dialogue .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.dialogue-text{font-size:calc(16px*max(1,var(--s) - 1));line-height:1.35}.dialogue .caret{animation:blink .6s step-end infinite}.dialogue-hint{display:inline-flex;align-items:center;gap:calc(3px * var(--s));font-size:16px}.dialogue-hint.hidden{visibility:hidden}@keyframes blink{50%{opacity:0}}#ui .bag-backdrop{position:absolute;inset:0;background:#080a0899;display:flex;align-items:center;justify-content:center;pointer-events:auto}#ui .bag{width:calc(260px * var(--s));max-width:92%;padding:calc(6px * var(--s)) calc(8px * var(--s)) calc(8px * var(--s));display:flex;flex-direction:column;gap:calc(6px * var(--s));pointer-events:auto}.bag-head{display:flex;justify-content:space-between;align-items:center}.bag-head .muted{display:inline-flex;align-items:center;gap:calc(3px * var(--s));font-size:16px}.bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(4px * var(--s)) calc(6px * var(--s))}.bag-item{display:flex;align-items:center;gap:calc(4px * var(--s))}.bag-item-text{display:flex;flex-direction:column;gap:calc(1px * var(--s));min-width:0;font-size:16px;line-height:1.2}.bag-item-text .muted{font-size:16px}@media(prefers-reduced-motion:reduce){.banner,.coach,.wtag,.bossstatus{animation:none}}#ui .pause{width:calc(200px * var(--s));max-width:92%;padding:calc(6px * var(--s)) calc(10px * var(--s)) calc(8px * var(--s));display:flex;flex-direction:column;gap:calc(8px * var(--s));align-items:flex-start;pointer-events:auto}.pause .controls{display:grid;grid-template-columns:auto 1fr;gap:calc(4px * var(--s)) calc(6px * var(--s));align-items:center;font-size:16px;color:var(--muted)}.pause .controls div{display:contents}.pause .controls span:last-child{color:var(--ink)}.pxbtn{font:inherit;font-size:16px;color:var(--ink);background:none;cursor:pointer;padding:calc(2px * var(--s)) calc(10px * var(--s));pointer-events:auto}.pause-actions{display:flex;gap:calc(6px * var(--s));align-self:flex-end}.pxbtn:hover,.pxbtn:focus-visible{filter:brightness(1.2);outline:none}#ui .title-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#080a08eb,#080a08b3 40%,#080a0826);pointer-events:auto}.title{position:absolute;left:calc(28px * var(--s));top:calc(30px * var(--s));bottom:calc(24px * var(--s));display:flex;flex-direction:column;gap:calc(4px * var(--s))}.title-eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.title-logo{margin:0;font-size:calc(32px * var(--s));line-height:1;font-weight:700;color:var(--ink);text-shadow:0 calc(2px * var(--s)) 0 #7a2e10}.title-logo span{color:var(--ember)}.title-tag{font-size:16px;margin-top:calc(2px * var(--s))}.title-menu{display:flex;flex-direction:column;gap:calc(6px * var(--s));margin-top:calc(14px * var(--s));width:calc(170px * var(--s))}.title-menu .pxbtn{text-align:left;display:flex;flex-direction:column;gap:calc(3px * var(--s));padding:calc(2px * var(--s)) calc(6px * var(--s))}.title-continue-head{display:flex;justify-content:space-between;align-items:center;width:100%}.title-continue-meta{display:flex;align-items:center;gap:calc(6px * var(--s));font-size:16px}.title-continue-meta .heart{display:inline-block}.title-continue-meta .stat img{width:calc(16px * var(--s));height:calc(16px * var(--s))}.title-continue-meta .hearts{flex-wrap:wrap;max-width:calc(120px * var(--s))}.title-version{margin-top:auto;font-size:16px;opacity:.6}.banner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:center;animation:banner 2.4s ease-out forwards}.banner.room{animation:banner 1.3s ease-out forwards}.banner.room .card{flex-direction:column;align-items:center;gap:calc(2px * var(--s));padding:calc(4px * var(--s)) calc(16px * var(--s)) calc(6px * var(--s))}.banner .card{display:flex;align-items:center;gap:calc(8px * var(--s));padding:calc(4px * var(--s)) calc(14px * var(--s)) calc(6px * var(--s));max-width:80%}.banner .banner-text{display:flex;flex-direction:column;gap:calc(2px * var(--s))}.banner .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.banner.boss{top:auto;bottom:30%;transform:none}.banner.boss .eyebrow{color:#e05a4a}.banner-icon{width:calc(32px * var(--s));height:calc(32px * var(--s));object-fit:contain}@keyframes banner{0%{opacity:0;transform:translateY(calc(4px * var(--s))) scale(.98)}10%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.bossplate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--s));padding:calc(4px * var(--s)) calc(16px * var(--s)) calc(6px * var(--s));width:calc(200px * var(--s));box-sizing:border-box;transition:top .7s cubic-bezier(.4,0,.2,1),padding .7s,width .7s}.bossplate .eyebrow{font-size:16px;color:#e05a4a;letter-spacing:.05em;max-height:calc(16px * var(--s));overflow:hidden;transition:max-height .4s,opacity .3s}.bossplate .bosssub{max-height:calc(16px * var(--s));overflow:hidden;transition:max-height .4s,opacity .3s}.bossplate .bossname{color:#ffd2c4;text-shadow:0 var(--px) 0 var(--shadow)}.bossplate.intro{animation:pop .3s ease-out}.bossplate.bar{top:calc(4px * var(--s));transform:translate(-50%) scale(.92);opacity:0;transition:top .7s cubic-bezier(.4,0,.2,1),opacity .35s .35s,transform .7s;pointer-events:none}.bossplate.bar .eyebrow,.bossplate.bar .bosssub{max-height:0;opacity:0}.bossbar-own{position:absolute;left:50%;top:calc(2px * var(--s));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;animation:bossbar-in .5s .45s cubic-bezier(.2,.8,.2,1) both}.bossbar-own .bossname{color:#ffd2c4;text-shadow:0 var(--px) 0 var(--shadow),var(--px) 0 0 var(--shadow),calc(-1 * var(--px)) 0 0 var(--shadow),0 calc(-1 * var(--px)) 0 var(--shadow);margin-bottom:calc(-4px * var(--s));position:relative;z-index:1}.bossbar-frame{position:relative;image-rendering:pixelated}.bossbar-frame img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.bossbar-track{position:absolute;overflow:hidden}.bossbar-fill{height:100%;transition:width .18s steps(6)}@keyframes bossbar-in{0%{opacity:0;transform:translate(-50%,calc(12px * var(--s)))}to{opacity:1;transform:translate(-50%)}}.bossbar-generic{position:absolute;left:50%;top:calc(4px * var(--s));transform:translate(-50%);width:calc(190px * var(--s));display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--s));padding:calc(2px * var(--s)) calc(10px * var(--s)) calc(4px * var(--s));box-sizing:border-box}.bossbar-generic .bar{width:100%;box-sizing:border-box;height:calc(24px * var(--s))}.bossbar-generic .fill{height:100%;background:#c93b2e;box-shadow:inset 0 var(--px) 0 #f07a5a;transition:width .18s steps(6)}.bossstatus{position:absolute;left:calc(var(--boss-x, 50) * 1%);top:calc(var(--boss-y, 20) * 1%);margin-left:calc(56px * var(--s));font-size:calc(16px*max(1,var(--s) - 1));color:var(--ember);background:#080a08d9;border:var(--px) solid var(--ember);padding:calc(2px * var(--s)) calc(6px * var(--s));white-space:nowrap;animation:bossstatus .6s ease-in-out infinite alternate}.frame.boss-right .bossstatus{margin-left:0;transform:translate(calc(-100% - 56px * var(--s)));animation:bossstatus-l .6s ease-in-out infinite alternate}@keyframes bossstatus{0%{transform:translateY(0)}to{transform:translateY(calc(-3px * var(--s)))}}@keyframes bossstatus-l{0%{transform:translate(calc(-100% - 56px * var(--s)))}to{transform:translate(calc(-100% - 56px * var(--s)),calc(-3px * var(--s)))}}#ui .shop{width:calc(280px * var(--s));max-width:94%;padding:calc(6px * var(--s)) calc(8px * var(--s)) calc(8px * var(--s));display:flex;flex-direction:column;gap:calc(6px * var(--s));pointer-events:auto}.shop .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.shop-greeting{color:var(--ink);line-height:1.35}.shop-grid{display:flex;flex-direction:column;gap:calc(4px * var(--s))}.shop-card{display:flex;align-items:center;gap:calc(6px * var(--s));padding:calc(2px * var(--s)) calc(4px * var(--s))}.shop-card>img{width:calc(24px * var(--s));height:calc(24px * var(--s));flex:none}.shop-card.off>img{opacity:.5}.shop-card.bought{animation:statflash .45s ease-out}.shop-text{display:flex;flex-direction:column;gap:calc(1px * var(--s));flex:1;min-width:0;font-size:calc(16px*max(1,var(--s) - 1));line-height:1.2}.shop-buy{display:inline-flex;align-items:center;gap:calc(2px * var(--s));padding:calc(2px * var(--s)) calc(6px * var(--s));color:var(--gold);white-space:nowrap}.shop-buy img{width:calc(16px * var(--s));height:calc(16px * var(--s))}.shop-buy:disabled{color:var(--muted);cursor:default;filter:none}.shop-buy.poor{color:#ffb8a8}.shop-foot{display:flex;justify-content:space-between;align-items:center}.shop-msg{font-size:16px;color:#ffb8a8}#ui .bag-backdrop.intro{background:#080a08c7}#ui .pause.intro-plate{width:calc(280px * var(--s));align-items:flex-start;gap:calc(6px * var(--s));animation:pop .25s ease-out}.intro-plate .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.intro-text{font-size:calc(16px*max(1,var(--s) - 1));line-height:1.4}.intro-plate .dialogue-hint{align-self:flex-end;margin-top:calc(2px * var(--s))}.complete-row{display:flex;align-items:baseline;gap:calc(4px * var(--s))}.complete-row img{width:calc(16px * var(--s));height:calc(16px * var(--s));align-self:center}.complete-row .t-title+img{margin-left:calc(8px * var(--s))}.intro-plate.complete .pause-actions{align-self:flex-end}#ui .bag-backdrop.dead{background:#280808b8}#ui .pause.death{align-items:center;text-align:center}.pause.death .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.pause.death .pause-actions{align-self:center;margin-top:calc(4px * var(--s))}.right-col{position:absolute;right:calc(10px * var(--s));top:calc(8px * var(--s));display:flex;flex-direction:column;align-items:flex-end;gap:calc(4px * var(--s))}.right-col .minimap-wrap{position:static}.quest{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:calc(1px * var(--s));padding:calc(3px * var(--s)) calc(6px * var(--s)) calc(4px * var(--s));max-width:calc(190px * var(--s));animation:pop .18s ease-out;opacity:.88}.quest-eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em;display:inline-flex;align-items:center;gap:calc(4px * var(--s))}.quest-eyebrow .kbd{letter-spacing:0}.quest-title{font-size:calc(16px * var(--s));line-height:1}.quest-obj{font-size:16px;color:var(--ink);line-height:1.15}.quest-where{display:inline-flex;align-items:center;gap:calc(3px * var(--s));font-size:16px;color:var(--muted)}.quest-mark{display:inline-block;width:calc(5px * var(--s));height:calc(5px * var(--s));background:var(--ember);box-shadow:0 0 0 var(--px) var(--ink)}.quest-key{font-size:16px;color:var(--muted);display:inline-flex;align-items:center;gap:calc(3px * var(--s))}@container (min-width: 1100px){.quest-eyebrow,.quest-obj,.quest-where,.quest-key{font-size:calc(16px*max(1,var(--s) - 1))}}.frame.wren-under-quest .quest{opacity:.35}.mm-quest{display:block;width:calc(4px * var(--s));height:calc(4px * var(--s));background:var(--ember);box-shadow:0 0 0 var(--px) var(--ink);animation:mmhere .6s ease-in-out infinite alternate}#ui .bag.journal{width:calc(300px * var(--s))}.journal-list{display:flex;flex-direction:column;gap:calc(5px * var(--s))}.journal-step{display:grid;grid-template-columns:auto 1fr;gap:calc(6px * var(--s));align-items:start}.journal-mark{font-size:16px;color:var(--muted);width:calc(10px * var(--s))}.journal-step.now .journal-mark{color:var(--ember)}.journal-step.done .journal-title{color:var(--muted);text-decoration:line-through}.journal-text{display:flex;flex-direction:column;gap:calc(1px * var(--s))}.journal-title{font-size:calc(16px * var(--s));line-height:1}.journal-obj{font-size:16px}.journal-story{font-size:16px;color:var(--ink);line-height:1.2;margin-top:calc(2px * var(--s))}.journal-step.later{opacity:.5}.quest-obj.done{color:var(--muted);text-decoration:line-through;animation:pop .18s ease-out}.quest-note{font-size:16px;color:var(--ember)}@container (min-width: 1100px){.quest-note{font-size:calc(16px*max(1,var(--s) - 1))}}.journal-step.done .journal-story{color:var(--muted)}.quest-side{font-size:16px;color:var(--muted);margin-top:calc(2px * var(--s))}.quest-side.ready{color:var(--ember)}@container (min-width: 1100px){.quest-side{font-size:calc(16px*max(1,var(--s) - 1))}}.journal-side{margin-bottom:calc(6px * var(--s));padding-bottom:calc(6px * var(--s));border-bottom:var(--px) solid var(--shadow)}.journal-side .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.title-chapter{color:var(--ember);font-size:16px}.worldmap{display:flex;flex-direction:column;gap:calc(3px * var(--s));margin-bottom:calc(6px * var(--s));padding-bottom:calc(6px * var(--s));border-bottom:var(--px) solid var(--shadow)}.worldmap .eyebrow{font-size:16px;color:var(--ember);letter-spacing:.05em}.worldmap-grid{position:relative;margin:0 auto}.wm-room{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;border:var(--px) solid var(--shadow);background:#282e28cc}.wm-room.unknown{background:#14181499;border-style:dashed}.wm-room.seen{background:#464e44e6}.wm-room.here{background:#785828f2;border-color:var(--ember);animation:mmhere 1.2s ease-in-out infinite alternate}.wm-room.boss{border-color:#e05a4a}.wm-room.done{background:#343a32b3;border-color:#464e44e6}.wm-room.done .px-glyph{opacity:.55}.wm-q{position:absolute;right:calc(2px * var(--s));top:calc(2px * var(--s))}.wm-link{position:absolute}.wm-count{color:var(--muted);letter-spacing:0}.townmap{position:relative;margin:0 auto;background:url(/assets/ui/townmap.png) no-repeat;background-size:100% 100%;image-rendering:pixelated;box-shadow:0 0 0 var(--px) var(--shadow)}.townmap>*{position:absolute}.tm-npc{background:var(--ink);box-shadow:0 0 0 var(--px) var(--shadow)}.tm-gate{background:#2a2420;box-shadow:0 0 0 var(--px) var(--shadow)}.tm-gate.open{background:var(--ember);animation:mmhere 1.2s ease-in-out infinite alternate}.tm-wren{animation:mmhere .6s ease-in-out infinite alternate}.wm-caption{display:flex;flex-direction:column;gap:calc(2px * var(--s));font-size:16px;color:var(--ink);line-height:1.1}.wm-caption>span{display:flex;align-items:center;gap:calc(4px * var(--s))}.wm-key{flex:none}.px-glyph{display:block;position:relative;flex:none}.px-pen{position:absolute;left:0;top:0}.wm-room .px-glyph{margin:auto}.wm-room.here .px-glyph{animation:mmhere .6s ease-in-out infinite alternate}#ui .bag.journal{max-height:92%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}@container (min-width: 1100px){.journal-obj,.journal-story,.journal-mark,.worldmap .eyebrow,.wm-caption,.bag-item-text,.bag-item-text .muted,.bag-head .muted,.dialogue .eyebrow,.dialogue-hint,.shop .eyebrow,.shop-card,.shop-card .muted{font-size:calc(16px*max(1,var(--s) - 1))}}.title-note{display:flex;flex-direction:column;align-items:center;gap:calc(3px * var(--s));font-size:16px;text-align:center;max-width:calc(220px * var(--s))}.title-menu .pxbtn.warn{color:var(--ember)}.save-failed{color:var(--ember);margin-top:calc(2px * var(--s))}