:root{--ui-scale:1;--u:calc(min(100vw / 1920, 100vh / 1080) * var(--ui-scale));--paper:#f4ecd8;--paper-2:#e7dcc1;--ink:#2f241b;--ink-2:#5a4636;--accent:#b85248;--accent-2:#d9ad4b;--ok:#6f9150;--dim:#8b8171;--panel:#f4ecd8f0;--shadow:0 calc(6 * var(--u)) calc(20 * var(--u)) #14100a59;--fs-s:max(14px, calc(18 * var(--u)));--fs-m:max(15px, calc(20 * var(--u)));--fs-l:max(18px, calc(24 * var(--u)));--fs-xl:max(22px, calc(30 * var(--u)));--fs-xxl:max(28px, calc(38 * var(--u)));font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#1d2419;margin:0;overflow:hidden}#game{cursor:crosshair;display:block;position:fixed;inset:0}#ui{inset:var(--hud-margin,0);pointer-events:none;position:fixed}#ui button,#ui .slot,#ui .overlay:not(.hidden),#ui .dialog:not(.hidden){pointer-events:auto}.panel{background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:10px;position:absolute}.quest{left:calc(24 * var(--u));top:calc(24 * var(--u));max-width:min(46vw, calc(620 * var(--u)));font-size:var(--fs-s)}.quest .qt{font-weight:700;font-size:var(--fs-m);color:var(--accent);margin-bottom:4px}.quest .qh{line-height:1.45}.clock{right:calc(24 * var(--u));top:calc(24 * var(--u));font-size:var(--fs-s);min-width:calc(260 * var(--u))}.clock .row{align-items:center;gap:8px;display:flex}.clock .row+.row{margin-top:6px}.clock .fc,.clock .lt{color:var(--ink-2);align-items:center;gap:4px;margin-left:auto;display:flex}.tico{vertical-align:middle;width:1.25em;height:1.25em}.hotbar{left:50%;bottom:calc(24 * var(--u));gap:calc(8 * var(--u));display:flex;position:absolute;transform:translate(-50%)}.slot{width:max(48px, calc(64 * var(--u)));height:max(48px, calc(64 * var(--u)));background:var(--panel);border:2px solid var(--ink-2);border-radius:8px;place-items:center;display:grid;position:relative}.slot.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}.slot .k{color:var(--ink-2);font-size:11px;position:absolute;top:1px;left:4px}.slot .n{font-size:var(--fs-s);text-shadow:0 0 3px var(--paper), 0 0 3px var(--paper);font-weight:700;position:absolute;bottom:1px;right:4px}.slot img{width:70%;height:70%}.handname{left:50%;bottom:calc(24 * var(--u) + max(56px, calc(76 * var(--u))));font-size:var(--fs-s);color:var(--paper);text-shadow:0 1px 3px #000;font-weight:600;position:absolute;transform:translate(-50%)}.toasts{left:calc(24 * var(--u));bottom:calc(24 * var(--u));flex-direction:column-reverse;gap:6px;display:flex;position:absolute}.toast{color:var(--paper);font-size:var(--fs-s);background:#2f241bdb;border-radius:8px;align-items:center;gap:8px;max-width:40vw;padding:6px 12px;transition:opacity .35s,transform .35s;display:flex}.toast.out{opacity:0;transform:translate(-12px)}.banner{opacity:0;background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:12px 24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%,-20px)}.banner.show{opacity:1;transform:translate(-50%)}.banner .bt{font-size:var(--fs-xl);color:var(--accent);font-weight:800}.banner .bs{font-size:var(--fs-s);color:var(--ink-2)}.labels{position:absolute;inset:0}.wl{font-size:var(--fs-s);color:var(--paper);text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.wl.dim{color:#b9b3a6;font-weight:400}.gauge{width:calc(72 * var(--u) + 30px);background:#2f241bcc;border-radius:6px;height:12px;position:absolute;overflow:hidden;transform:translate(-50%,-100%)}.gauge i{background:var(--accent-2);position:absolute;inset:0 auto 0 0}.gauge.ok i{background:var(--ok)}.gauge span{text-align:center;color:#fff;font-size:10px;line-height:12px;display:block;position:relative}.overlay{background:#14120e8c;place-items:center;display:grid;position:absolute;inset:0}.overlay.hidden,.dialog.hidden{display:none}.sheet{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);max-width:94vw;max-height:88vh;font-size:var(--fs-s);border-radius:14px;gap:24px;padding:24px;display:flex;position:relative}.sheet h2{font-size:var(--fs-l);margin:0 0 12px}.sheet h3{font-size:var(--fs-m);margin:16px 0 8px}.sheet .col{flex-direction:column;min-width:0;display:flex;overflow:auto}.sheet .col.wide{min-width:min(52vw,720px)}.sheet .x{position:absolute;top:12px;right:12px}.sheet .grid{grid-template-columns:repeat(8,auto);gap:6px;display:grid}.sheet .grid .slot.hb{background:#efe2c4}.sheet .hint{color:var(--ink-2)}.list{flex-direction:column;gap:6px;padding-right:6px;display:flex;overflow:auto}.rc{background:var(--paper-2);border:2px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.rc:focus-within{border-color:var(--accent)}.rc.locked{opacity:.7}.rc .rn{flex:1;min-width:0}.rc .desc{color:var(--ink-2);font-size:.9em}.bag-item-info{border-top:1px solid var(--ink-2);padding-top:12px}.bag-item-info p{color:var(--ink-2);white-space:pre-wrap;margin:6px 0;line-height:1.6}.mats{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.mat{align-items:center;gap:2px;display:inline-flex}.mat.miss{color:var(--accent);font-weight:700}.why{color:var(--accent)}button{font:inherit;font-size:var(--fs-s);border:2px solid var(--ink);background:var(--accent-2);min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:700}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{color:#7a705f;cursor:default;background:#cfc6b1}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.journal ul{flex-direction:column;gap:8px;min-width:240px;margin:0;padding:0;list-style:none;display:flex}.journal li span{color:var(--ink-2)}.journal li.dim{opacity:.55}.journal li.done{align-items:center;gap:6px;display:flex}.menu,.finale{flex-direction:column;align-items:stretch;min-width:320px}.menu .opt{justify-content:space-between;align-items:center;gap:8px;display:flex}.finale{text-align:center;max-width:640px}.finale h1{color:var(--accent);font-size:var(--fs-xxl);margin:0}.finale p{line-height:1.7;font-size:var(--fs-m)}.finale .stats{color:var(--ink-2)}.dialog{left:50%;bottom:calc(120 * var(--u) + 40px);width:min(90vw, calc(960 * var(--u) + 200px));background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;padding:16px 24px;position:absolute;transform:translate(-50%)}.dialog .who{color:var(--accent);font-weight:800;font-size:var(--fs-m);margin-bottom:6px}.dialog .line{font-size:var(--fs-l);line-height:1.5}.dialog .more{animation:1s infinite bob;position:absolute;bottom:8px;right:16px}@keyframes bob{50%{transform:translateY(3px)}}.title,.intro{text-align:center;color:var(--paper);flex-direction:column;align-items:center;gap:16px;display:flex}.title h1{font-size:calc(var(--fs-xxl) * 2.4);letter-spacing:.12em;text-shadow:0 0 24px #ffcf7399,0 3px #2f241b;color:#ffe7b3;margin:0}.title .sub{font-size:var(--fs-l);margin:0 0 16px}.title button{min-width:240px;font-size:var(--fs-m)}.title .hint,.intro p{font-size:var(--fs-s);color:#e0d6bf}.intro p{max-width:720px;font-size:var(--fs-l);line-height:1.7}.intro div{gap:12px;display:flex}.quest .prog{color:var(--ink-2);margin-left:6px;font-weight:600}.clock .moon{color:var(--accent);font-weight:700}.menu .key{background:var(--paper-2);border-radius:6px;margin-left:auto;padding:2px 8px;font-family:monospace}.menu h3{margin:8px 0 0}.menu{max-height:88vh;overflow:auto}.naming .names{flex-direction:column;gap:12px;margin-top:8px;display:flex}.namepick{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;display:flex}.namepick b{font-size:var(--fs-xl);color:var(--accent)}.namepick span{color:var(--ink-2);font-size:var(--fs-s)}.namepick.on{outline:3px solid var(--accent)}.tabs{gap:8px;margin-bottom:8px;display:flex}.tabs button{opacity:.7;flex:1}.tabs button.on{opacity:1;outline:2px solid var(--accent)}.minimap{right:calc(24 * var(--u));bottom:calc(24 * var(--u));width:max(140px, calc(220 * var(--u)));height:auto;image-rendering:pixelated;background:var(--panel);padding:4px}.maps{flex-wrap:wrap;gap:8px;display:flex}.rmap{flex:30%;min-width:120px;margin:0}.rmap img{width:100%;image-rendering:pixelated;border:2px solid var(--ink-2);border-radius:6px}.rmap figcaption{font-size:var(--fs-s);color:var(--ink-2)}.hc{--panel:#fffdf6;--ink-2:#1f1710;--dim:#3b3128;--accent:#8f2f27}.hc .panel,.hc .slot,.hc .sheet{border-width:3px;border-color:#1f1710}.hc .toast{background:#120d08}.hc .banner{border-width:3px}.journal .kn{color:var(--ink-2);font-size:var(--fs-s)}.title .en{letter-spacing:.18em;text-transform:uppercase;font-size:var(--fs-s);color:var(--ink-2);margin:-6px 0 6px}.controls{text-align:center;z-index:8;width:max-content;max-width:94%;padding:4px 10px;font-size:12px;bottom:2px;left:50%;transform:translate(-50%)}.hotbar{bottom:46px}.handname{bottom:102px}.controls.menu-controls{background:var(--paper)}.overlay button:focus,.journal .col:focus{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--accent-2)}.sheet .grid .slot{padding:0}.sheet.bag{width:min(1180px,96vw)}.sheet.bag>.col:first-child{flex:none}.sheet.bag .col.wide{flex:1;min-width:0}.journal .col{padding:8px;scroll-padding:8px}.room-check{border-top:1px solid var(--ink-2);margin-top:8px;padding-top:6px;line-height:1.5}.room-check span{margin-right:12px;display:inline-block}.room-check .met{color:#36501f}.room-check .missing{color:#8f2f27;font-weight:700}.site-guide{border:3px dashed #ffe3a1;position:absolute;box-shadow:inset 0 0 0 2px #543b29}.site-guide span{background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:5px;padding:2px 8px;font-weight:700;position:absolute;top:-26px}@media (max-width:850px){.sheet{gap:12px;padding:16px}.sheet .grid{grid-template-columns:repeat(8,minmax(32px,1fr));gap:3px}.sheet .grid .slot{width:36px;height:40px}.quest{max-width:52vw}.clock{max-width:42vw}}@media (orientation:portrait){.sheet.bag{flex-direction:column}.sheet.bag>.col:first-child{max-height:36vh}.sheet.bag .col.wide{min-height:0}.journal{gap:4px}.journal .col{flex:1}.minimap{width:100px;bottom:115px}}.preview-status{color:#3b2d22;z-index:10;background:#ffe3a1;padding:4px 12px;font-size:13px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.sheet.help{width:min(820px,94vw);display:block;overflow:auto}.help section{padding:8px;scroll-margin:12px}.help section:focus{outline:3px solid var(--accent)}.help h3{margin:4px 0}.help p{margin:0;line-height:1.6}.room-example{grid-template-columns:repeat(4,48px);justify-content:center;margin:8px auto;display:grid}.room-example>div{background:#cbb48d;border:1px solid #b69d79;place-items:center;height:48px;display:grid}.workshop{flex-direction:column;width:min(1100px,94vw);max-height:90vh;display:flex}.workshop header,.work-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.work-columns{grid-template-columns:1fr 1fr;gap:20px;min-height:0;display:grid;overflow:hidden}.work-columns .col{min-width:0;overflow-y:auto}.worker,.resident{border-bottom:1px solid #fff2;padding:12px 4px}.worker h3,.resident h3{margin:0 0 6px}.worker p,.resident p{margin:4px 0 8px;line-height:1.5}.resident,.work-order{align-items:center;gap:10px;display:flex}.resident img{flex:none}.work-order{flex-wrap:wrap;margin:12px 0}.work-order>div{flex:1;min-width:130px}.workshop article:focus{outline:2px solid var(--accent);outline-offset:-2px}@media (max-width:800px){.work-columns{grid-template-columns:1fr;overflow-y:auto}.work-columns .col{overflow:visible}.workshop{max-height:94dvh}}@media (max-height:600px){.workshop{display:block;overflow-y:auto}.work-columns{display:block;overflow:visible}.work-columns .col{overflow:visible}}:root{--fs-s:calc(var(--body-size) * var(--ui-scale));--fs-m:calc(var(--body-size) * var(--ui-scale));--fs-l:calc(var(--heading-size) * var(--ui-scale));--fs-xl:calc(var(--display-size) * var(--ui-scale));--fs-xxl:calc(var(--hero-size) * var(--ui-scale));font-family:var(--font-body)}#ui{color:var(--ink);line-height:var(--leading)}#ui,#ui *{scrollbar-width:none}#ui ::-webkit-scrollbar{display:none}#ui [hidden]{display:none!important}#ui .hud{inset:var(--none);z-index:var(--layer-hud);position:absolute}#ui .panel,#ui .sheet,#ui .dialog,#ui .banner{background:var(--surface);border-radius:var(--radius);box-shadow:none;border:none}#ui button,#ui input{color:var(--ink);background:var(--paper-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-small);min-height:var(--target);font:inherit;padding:var(--s2) var(--s4);font-weight:var(--strong)}#ui button:hover:not(:disabled){filter:none;background:var(--surface-raised);border-color:#0000}#ui button:disabled{color:var(--dim);background:var(--surface);border-color:var(--line)}#ui button:focus-visible,#ui .overlay button:focus,#ui input:focus-visible,#ui .col:focus-visible,#ui .rc:focus{box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus);outline:none}#ui button[aria-pressed=true]{color:var(--on-selection);opacity:var(--one);box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus);background:0 0;border-color:#0000}#ui .eyebrow{font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2);letter-spacing:var(--tracking);font-weight:var(--strong)}#ui h1,#ui h2,#ui h3{font-family:var(--font-display)}#ui .quest{left:var(--hud-gap);top:var(--hud-gap);width:var(--quest-width);max-width:calc(var(--midpoint) - var(--hud-gap));padding:var(--s4) var(--s5)}#ui .quest .qt{color:var(--ink);font-size:var(--fs-l);line-height:var(--leading);margin:var(--s1) var(--none) var(--s2)}#ui .quest .qh{color:var(--ink-2);line-height:var(--leading)}#ui .clock{right:var(--hud-gap);top:var(--hud-gap);width:var(--clock-width);max-width:calc(var(--midpoint) - var(--hud-gap));padding:var(--s4)}#ui .clock .location{font-weight:var(--heavy);font-size:var(--fs-m);padding-bottom:var(--s3);margin-bottom:var(--s3)}#ui .clock .row{gap:var(--s2);flex-wrap:wrap}#ui .clock .moon{color:var(--ink)}#ui .clock .tico{filter:grayscale(var(--one))}#ui .clock .fc,#ui .clock .lt{margin-left:var(--none)}#ui .room-check{border-color:var(--line);color:var(--ink-2)}#ui .room-check .met{color:var(--ink)}#ui .room-check .missing{color:var(--warning)}#ui .hotbar{bottom:var(--hud-bottom);padding:var(--s2);gap:var(--s2);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius);max-width:var(--wide-limit)}#ui .slot,#ui .sheet .grid .slot{width:var(--slot-size);height:var(--slot-size);min-height:var(--target);padding:var(--none);background:var(--slot-fill);border:var(--hairline) solid var(--line);border-radius:var(--radius-small)}#ui .slot.sel{box-shadow:none;color:var(--ink)}#ui .slot,#ui .sheet .grid .slot,#ui .slot:hover:not(:disabled),#ui .slot[aria-pressed=true]{border-radius:var(--none);background:0 0;border:none}#ui .slot.sel:after{content:"";bottom:var(--s1);left:var(--s4);right:var(--s4);height:var(--edge);background:var(--focus);position:absolute}#ui .slot:focus,#ui .slot:focus-visible{box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus);outline:none}#ui .slot .k{font-size:var(--small-size);color:var(--ink-2);line-height:normal}#ui .slot .n{font-size:var(--small-size);background:var(--surface);color:var(--ink);border-radius:var(--radius-small);padding-inline:var(--s1);text-shadow:none;line-height:normal}#ui .slot img{width:var(--slot-art);height:var(--slot-art)}#ui .handname{bottom:var(--hand-bottom);align-items:center;gap:var(--s3);color:var(--ink);background:var(--surface);padding:var(--s1) var(--s3);border-radius:var(--radius-small);text-shadow:none;white-space:nowrap;display:flex}#ui .handname span{display:none}#ui .hud-navigation{gap:var(--s2);left:var(--hud-gap);bottom:var(--actions-bottom);pointer-events:auto;font-size:var(--fs-s);width:max-content;max-width:var(--wide-limit);display:flex;position:absolute}#ui .hud-navigation button{align-items:center;gap:var(--s2);font-size:var(--small-size);padding-inline:var(--s2);background:0 0;border:none;display:flex}#ui kbd{font:inherit;font-size:var(--small-size);color:var(--ink-2)}#ui .controls{left:auto;right:var(--hud-gap);bottom:var(--actions-bottom);padding:var(--s2) var(--s3);width:auto;max-width:var(--midpoint);min-height:var(--target);font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2);text-align:left;z-index:var(--layer-hud);align-items:center;display:flex;transform:none}#ui .controls.menu-controls{left:var(--midpoint);transform:translateX(var(--half-turn));width:max-content;max-width:var(--wide-limit);min-height:auto;z-index:var(--layer-menu);justify-content:center;right:auto}#ui[data-picker=open] .controls{display:none}#ui .minimap{bottom:var(--hud-bottom);right:var(--hud-gap);width:var(--map-width);padding:var(--s1)}#ui .toasts{left:var(--hud-gap);bottom:var(--toast-bottom);max-width:var(--quest-width);z-index:var(--layer-menu)}#ui .toast{background:var(--surface);color:var(--ink);border:var(--hairline) solid var(--line);border-radius:var(--radius-small);padding:var(--s2) var(--s3);max-width:var(--full)}#ui .banner{top:var(--banner-top);color:var(--ink);max-width:var(--wide-limit);padding:var(--s4) var(--s5);z-index:var(--layer-coach)}#ui .banner .bt{color:var(--ink)}#ui .overlay{background:var(--shade);padding:var(--s4);padding-bottom:var(--menu-clearance);z-index:var(--layer-menu);grid-template-rows:minmax(var(--none), var(--one-fr));grid-template-columns:minmax(var(--none), var(--one-fr))}#ui .sheet{max-width:var(--full);max-height:calc(var(--viewport-height) - var(--menu-clearance) - var(--s6));padding:var(--s5);gap:var(--s5);font-size:var(--fs-s);min-width:var(--none);min-height:var(--none)}#ui .sheet .x{flex-shrink:var(--none);align-self:flex-start;position:static}#ui .sheet .col{min-height:var(--none);scrollbar-gutter:auto}#ui .sheet h2{color:var(--ink);margin:var(--none);font-size:var(--fs-l)}#ui .sheet h3{font-size:var(--fs-m);margin:var(--s4) var(--none) var(--s2)}#ui .sheet p{line-height:var(--leading)}#ui .sheet.bag{width:var(--sheet-width);height:min(var(--sheet-height), var(--full));gap:var(--none);padding:var(--none);flex-direction:column;display:flex;overflow:hidden}#ui .bag-body{flex:var(--one);min-height:var(--none);display:flex}#ui .bag-body .col{padding:var(--s5)}#ui .bag-body .inventory-col{flex:var(--none) var(--none) var(--inventory-width);width:var(--inventory-width)}#ui .inventory-col>*{flex-shrink:var(--none)}#ui .bag-body .col.wide{min-width:var(--none);flex:var(--one);gap:var(--s3)}#ui .sheet .grid{grid-template-columns:repeat(var(--columns), minmax(var(--none), var(--one-fr)));gap:var(--s2)}#ui .sheet .grid .slot{width:var(--full)}#ui .inventory-col h3:first-child{margin-top:var(--none)}#ui .inventory-col .hint{font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2);margin-bottom:var(--none)}#ui .item-inspect{align-items:center;gap:var(--s4);margin-top:var(--s5);padding:var(--s4) var(--none);min-height:var(--detail-art);background:0 0;border:none;display:flex}#ui .item-inspect .ico{width:var(--detail-art);height:var(--detail-art);flex-shrink:var(--none)}#ui .item-inspect p{margin:var(--s1) var(--none) var(--s2);color:var(--ink-2)}#ui .item-inspect span{font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2)}#ui .sheet-footer{padding:var(--s3) var(--s5);color:var(--ink-2);font-size:calc(var(--small-size) * var(--ui-scale))}#ui .recipe-tools{gap:var(--s3);flex-direction:column;display:flex}#ui .filter-navigation{align-items:center;gap:var(--s2);min-width:var(--none);display:flex}#ui .filter-navigation>kbd,#ui .bag-switcher>kbd{flex-shrink:var(--none);color:var(--ink-2);text-align:center}#ui .filter-row{flex:var(--one);min-width:var(--none);gap:var(--s2);display:flex;overflow-x:auto}#ui .filter-row button{flex-shrink:var(--none);font-size:calc(var(--small-size) * var(--ui-scale));padding-inline:var(--s3)}#ui .filter-popup{inset:var(--none);padding:var(--s4);background:var(--shade);-webkit-backdrop-filter:var(--popup-blur);backdrop-filter:var(--popup-blur);z-index:var(--layer-menu);place-items:center;display:grid;position:fixed}#ui .filter-popup-card{width:min(var(--popup-width), var(--full));max-height:var(--full);background:var(--surface);border-radius:var(--radius);padding:var(--s4);overflow:auto}#ui .filter-popup-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}#ui .filter-popup-head h3{margin:var(--none)}#ui .initial-options{grid-template-columns:repeat(var(--initial-columns), minmax(var(--none), var(--one-fr)));gap:var(--s2);margin-top:var(--s4);display:grid}#ui .initial-options button{min-width:var(--none);padding-inline:var(--s1)}#ui .filter-popup-hint{color:var(--ink-2);font-size:calc(var(--small-size) * var(--ui-scale));margin:var(--s3) var(--none) var(--none);text-align:center}#ui .list-summary{color:var(--ink-2);font-size:calc(var(--small-size) * var(--ui-scale))}#ui .list{gap:var(--none);min-height:var(--none);flex-shrink:var(--none);padding-right:var(--s2);overflow:visible}#ui .rc{border-radius:var(--radius-small);padding:var(--s3) var(--s2);gap:var(--s3);background:0 0;border:none}#ui .rc:focus-within,#ui .rc:focus{background:var(--paper-2)}#ui .rc>.ico{flex-shrink:var(--none)}#ui .rc.locked{opacity:var(--one)}#ui .rc .desc{font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2);display:none}#ui .rc:focus .desc,#ui .rc:focus-within .desc{display:block}#ui .rc>button{flex-shrink:var(--none)}#ui .rc>button:not(:disabled){background:var(--selection);color:var(--on-selection);border-color:var(--selection)}#ui .mats{gap:var(--s2)}#ui .mat{font-size:calc(var(--small-size) * var(--ui-scale));color:var(--ink-2);align-items:start}#ui .mat.miss{color:var(--warning);font-weight:400}#ui .mat small{font-size:inherit}#ui .recipe-state,#ui .recipe-station{font-size:calc(var(--small-size) * var(--ui-scale));margin-top:var(--s1)}#ui .why{color:var(--warning)}#ui .ready{color:var(--ink-2)}#ui .empty-results{padding-block:var(--s5)}#ui .empty-results p{color:var(--ink-2)}#ui .journal{width:var(--sheet-width);height:var(--full)}#ui .journal .col{flex:var(--one);padding:var(--s3)}#ui .journal ul{min-width:var(--none);gap:var(--s4)}#ui .journal h2{margin-bottom:var(--s4)}#ui .journal li{padding-bottom:var(--s3)}#ui .journal li.dim{opacity:var(--one);color:var(--ink-2)}#ui .menu{width:var(--menu-width)}#ui .menu .opt{flex-wrap:wrap}#ui .menu .key{background:var(--surface)}#ui .title{background:var(--surface);border:var(--hairline) solid var(--line);padding:var(--s8);border-radius:var(--radius);max-width:var(--full);gap:var(--s4)}#ui .title h1{color:var(--ink);text-shadow:none;font-size:var(--fs-xxl);letter-spacing:var(--tracking)}#ui .title .en{color:var(--ink-2);margin:var(--none)}#ui .title .sub{color:var(--ink-2);font-size:var(--fs-s)}#ui .title .hint{color:var(--ink-2);max-width:var(--quest-width)}#ui .title button{width:var(--full);background:var(--selection);color:var(--on-selection)}#ui[data-mode=title] .overlay{padding:var(--s8);background:var(--title-shade);place-items:center start}#ui[data-mode=title] .title{padding:var(--s5);text-align:left;width:var(--menu-width);background:0 0;border:none;align-items:flex-start}#ui[data-mode=title] .title button{text-align:left;background:0 0;border:none}#ui .intro{background:var(--surface);padding:var(--s6);border-radius:var(--radius);max-width:var(--dialog-width)}#ui .intro p{color:var(--ink)}#ui .dialog{bottom:var(--dialog-bottom);padding:var(--s5);width:var(--dialog-width);max-width:var(--wide-limit);color:var(--ink);z-index:var(--layer-dialog)}#ui .dialog .who{color:var(--ink-2)}#ui .dialog .more{color:var(--ink)}#ui .dialog-actions{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;display:flex}#ui .dialog-actions button[aria-pressed=true]{box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus)}#ui .site-guide span{background:var(--surface);color:var(--ink)}#ui .wl{color:var(--ink)}#ui .bag-switcher{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);flex-shrink:var(--none);min-width:var(--none);display:flex}#ui .bag-switcher::-webkit-scrollbar{display:none}#ui .pane-options{flex:var(--one);min-width:var(--none);scrollbar-width:none;display:flex;overflow-x:auto}#ui .pane-options::-webkit-scrollbar{display:none}#ui .bag-switcher button{flex:var(--one);min-width:var(--pane-tab-width);color:var(--ink-2);background:0 0;border:none}#ui .bag-switcher button[aria-pressed=true]{color:var(--on-selection);box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus)}#ui .bag-switcher .bag-close{justify-content:center;align-items:center;gap:var(--s2);min-width:max-content;padding-inline:var(--s3);flex:none;display:inline-flex}#ui .bag-body .col[data-pane]{width:var(--full);flex:var(--one);border:none;display:none}#ui .bag[data-pane=inventory] .col[data-pane=inventory],#ui .bag[data-pane=crafting] .col[data-pane=crafting],#ui .bag[data-pane=decor] .col[data-pane=decor],#ui .bag[data-pane=quests] .col[data-pane=quests],#ui .bag[data-pane=map] .col[data-pane=map],#ui .bag[data-pane=residents] .col[data-pane=residents]{display:flex}#ui .bag .quest-list{padding:var(--none);margin:var(--s2) var(--none);gap:var(--s3);flex-direction:column;list-style:none;display:flex}#ui .bag .quest-list li{padding-bottom:var(--s3)}#ui .bag .quest-list p{margin:var(--s1) var(--none) var(--none);color:var(--ink-2)}#ui .bag-body .inventory-col{max-width:var(--full)}#ui .bag-body .col[data-pane=map] .maps{overflow:auto}#ui .bag-body .col[data-pane=map] .rmap{min-width:var(--map-width)}#ui .selection-layout{flex:var(--one);min-height:calc(var(--target) * var(--selection-rows));gap:var(--s4);display:flex}#ui .recipe-grid,#ui .resident-grid{grid-template-columns:repeat(auto-fill, var(--target));grid-auto-rows:var(--target);align-content:start;gap:var(--s2);flex:var(--one);min-width:var(--none);scrollbar-width:none;display:grid;overflow:auto}#ui .resident-grid{grid-template-columns:repeat(auto-fill, var(--resident-tile-width));grid-auto-rows:var(--resident-tile-height)}#ui .recipe-grid::-webkit-scrollbar{display:none}#ui .resident-grid::-webkit-scrollbar{display:none}#ui .resident-grid>.hint{grid-column:1/-1}#ui .empty-selection .selection-detail{display:none}#ui .recipe-tile,#ui .resident-tile{width:var(--target);height:var(--target);min-height:var(--target);padding:var(--none);color:var(--ink);background:0 0;border:none}#ui .recipe-tile img,#ui .resident-tile img{width:var(--slot-art);height:var(--slot-art)}#ui .resident-tile{width:var(--resident-tile-width);height:var(--resident-tile-height);min-height:var(--resident-tile-height)}#ui .resident-tile img{width:var(--resident-art-width);height:var(--resident-art-height);object-fit:contain}#ui .resident-detail-art{flex-shrink:var(--none);width:var(--resident-detail-width);height:var(--resident-detail-height);place-items:center;display:grid}#ui .resident-detail-art img{width:var(--resident-detail-width);height:var(--resident-detail-height);object-fit:contain}#ui .resident-tile.unknown img,#ui .resident-detail-art.unknown img{filter:var(--silhouette-filter)}#ui .recipe-tile[aria-pressed=true],#ui .resident-tile[aria-pressed=true]{box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus)}#ui .recipe-tile.unknown{background:0 0}#ui .recipe-tile.unknown img,#ui .item-silhouette img{filter:var(--silhouette-filter)}#ui .unknown-glyph{background:var(--unknown-surface);color:var(--ink-2);font-size:var(--fs-l)}#ui .selection-detail{flex:var(--one);min-width:var(--none);padding:var(--s3);scrollbar-width:none;overflow:auto}#ui .selection-detail::-webkit-scrollbar{display:none}#ui .selection-detail .detail-heading{align-items:center;gap:var(--s3);display:flex}#ui .selection-detail .detail-heading h3{margin:var(--none)}#ui .selection-detail .detail-heading p{color:var(--ink-2);margin:var(--s1) var(--none)}#ui .selection-detail .mats{margin-block:var(--s4)}#ui .selection-detail .unknown-detail{align-items:center;gap:var(--s3);display:flex}#ui .selection-detail .unknown-detail>span,#ui .unknown-glyph{width:var(--detail-art);height:var(--detail-art);flex-shrink:var(--none);place-items:center;display:grid}#ui .unknown-mat .item-silhouette{width:var(--material-art);height:var(--material-art)}#ui .selection-detail>button{margin-top:var(--s4)}#ui .selection-detail>button[data-craft]{align-items:center;gap:var(--s3);display:inline-flex}.ui-single #ui .bag-switcher{gap:var(--s2);padding:var(--s2) var(--s4);flex-shrink:var(--none);display:flex}.ui-single #ui .bag-switcher button{flex:var(--one)}.ui-single #ui .bag-switcher .bag-close{flex:none}.ui-single #ui .bag-body{display:flex;overflow:hidden}.ui-single #ui .bag-body .col{width:var(--full);flex:var(--one);border:none;overflow:auto}.ui-single #ui .bag[data-pane=inventory] .col[data-pane=crafting],.ui-single #ui .bag[data-pane=crafting] .col[data-pane=inventory]{display:none}.ui-single:not(.ui-narrow) #ui .hotbar,.ui-single:not(.ui-narrow) #ui .handname{left:var(--s4);transform:none}.ui-single:not(.ui-narrow) #ui .hud-navigation{left:auto;right:var(--s4)}:root.ui-compact{--hud-gap:var(--s4);--slot-size:var(--target);--inventory-width:var(--compact-inventory)}.ui-compact #ui .controls:not(.menu-controls){bottom:var(--s2);right:var(--s4);left:var(--s4);border:none;justify-content:center;max-width:none;min-height:auto}.ui-compact #ui .hud-navigation{left:var(--hud-gap);bottom:var(--actions-bottom);transform:none}.ui-compact #ui .hotbar{bottom:var(--hud-bottom)}.ui-compact #ui .handname{bottom:var(--hand-bottom)}.ui-compact #ui .bag-body .col{padding:var(--s4)}.ui-compact #ui .sheet .grid{gap:var(--s1);grid-template-columns:repeat(var(--narrow-columns), minmax(var(--none), var(--one-fr)))}.ui-single:not(.ui-narrow) #ui .sheet .grid{grid-template-columns:repeat(var(--columns), minmax(var(--none), var(--one-fr)))}.ui-compact #ui .rc{flex-wrap:wrap}.ui-compact #ui .rc>button{margin-left:auto}.ui-compact #ui .minimap{bottom:var(--hud-bottom);width:var(--compact-map)}.ui-narrow #ui .quest,.ui-narrow #ui .clock{padding:var(--s3)}.ui-narrow #ui .quest{width:auto;max-width:none;right:var(--hud-gap);top:var(--narrow-quest-top)}.ui-narrow #ui .quest .qt{font-size:var(--fs-m)}.ui-narrow #ui .clock{left:var(--hud-gap);right:var(--hud-gap);align-items:center;gap:var(--s3);flex-wrap:wrap;width:auto;max-width:none;display:flex}.ui-narrow #ui .clock .location{display:none}.ui-narrow #ui .clock .row{margin-top:var(--none)}.ui-narrow #ui .clock .row:nth-child(n+4),.ui-narrow #ui .minimap{display:none}.ui-narrow #ui .hud-navigation{left:auto;right:var(--s4);gap:var(--s1);flex-direction:column;width:auto}.ui-narrow #ui .hud-navigation button{flex:var(--one);padding-inline:var(--s2);justify-content:center}.ui-narrow #ui .hud-navigation kbd{display:none}.ui-narrow #ui .hotbar{left:var(--s4);grid-template-columns:repeat(var(--narrow-columns), var(--target));display:grid;transform:none}.ui-narrow #ui .handname{left:var(--s4);bottom:var(--compact-hand);transform:none}.ui-narrow #ui .sheet.bag{max-height:var(--full)}.ui-narrow #ui .bag-body,.ui-narrow #ui .selection-layout{flex-direction:column}.ui-narrow #ui .recipe-grid,.ui-narrow #ui .resident-grid{min-height:calc(var(--target) * 3)}.ui-narrow #ui .selection-detail{border:none}.ui-narrow #ui .bag-body .inventory-col{border:none;max-height:none}.ui-narrow #ui .sheet .grid{grid-template-columns:repeat(var(--narrow-columns), minmax(var(--none), var(--one-fr)))}.ui-narrow #ui .bag-body .list{overflow:visible}.ui-narrow #ui .initial-options{grid-template-columns:repeat(var(--initial-columns-narrow), minmax(var(--none), var(--one-fr)))}.ui-narrow #ui .item-inspect{margin-top:var(--s4)}.ui-narrow #ui .journal{flex-direction:column;overflow:auto}.ui-narrow #ui .journal .col{flex:none;overflow:visible}.ui-narrow #ui .sheet .x{align-self:flex-end}.ui-narrow #ui .title{padding:var(--s5)}.ui-narrow #ui .controls{font-size:var(--small-size)}.ui-narrow #ui .dialog{bottom:var(--narrow-dialog)}.ui-short #ui .quest .eyebrow,.ui-short #ui .clock .location,.ui-short #ui .minimap{display:none}.ui-short #ui .sheet{padding:var(--s3)}.ui-short #ui .sheet.bag{padding:var(--none)}.ui-short #ui .sheet-footer{display:none}.ui-short #ui .recipe-tools{gap:var(--s1)}.ui-short{--menu-clearance:var(--s7)}.ui-short #ui .sheet.bag>.coach-inline{margin:var(--none) var(--s4);padding:var(--s1) var(--s3)}.ui-short #ui .sheet.bag>.coach-inline p{display:none}.ui-short #ui .sheet.bag>.coach-inline .coach-action{grid-row:auto}.ui-short.ui-single:not(.ui-narrow) #ui .bag-switcher{padding:var(--none) var(--s4);position:static;transform:none}.ui-short.ui-single:not(.ui-narrow) #ui .bag-switcher button{min-width:var(--pane-tab-width)}.ui-short #ui .title{padding:var(--s5)}#ui .coach{background:var(--surface);border:var(--hairline) solid var(--line);box-shadow:none;border-radius:var(--radius);left:var(--hud-gap);top:var(--hud-gap);padding:var(--s4);width:var(--quest-width);max-width:calc(var(--midpoint) - var(--hud-gap));z-index:var(--layer-coach)}#ui .coach-phase,#ui .coach-progress{font-size:calc(var(--small-size) * var(--ui-scale))}#ui .coach strong{font-size:var(--fs-l)}#ui .coach p{font-size:var(--fs-s)}#ui .coach kbd{color:var(--ink);border:var(--hairline) solid var(--line);border-radius:var(--radius-small);font-size:calc(var(--small-size) * var(--ui-scale));animation:none}#ui .coach.coach-inline{width:auto;max-width:none;padding:var(--s3);align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}#ui .coach-inline .coach-phase{display:none}#ui .coach-inline strong{font-size:var(--fs-m);flex:var(--one)}#ui .coach-inline p{flex-basis:var(--full);margin:var(--none);color:var(--ink-2)}#ui .coach-inline p:empty{display:none}#ui .coach-inline .coach-action{margin:var(--none)}#ui .coach-target{border-color:var(--selection);box-shadow:none;background:0 0;animation:none}#ui .coach-target span{color:var(--ink);background:var(--surface);border-color:var(--line)}#ui [data-coach-focus]{box-shadow:inset var(--none) calc(-1 * var(--edge)) var(--none) var(--focus);animation:none;outline:none!important}.ui-narrow #ui .coach{top:var(--narrow-quest-top);right:var(--hud-gap);width:auto;max-width:none;padding:var(--s3)}.ui-narrow #ui .coach strong{font-size:var(--fs-m)}.ui-short #ui .coach-phase{display:none}.ui-short #ui .coach{padding:var(--s2) var(--s3)}.ui-short:not(.ui-narrow) #ui .hotbar{left:var(--s4);bottom:var(--s4);transform:none}.ui-short:not(.ui-narrow) #ui .handname{left:var(--s4);bottom:var(--hand-bottom);transform:none}.ui-short:not(.ui-narrow) #ui .hud-navigation{left:auto;right:var(--s4);bottom:var(--s4);transform:none}.ui-short:not(.ui-narrow) #ui .hud-navigation kbd{display:none}.ui-short:not(.ui-narrow) #ui .controls:not(.menu-controls){left:auto;right:var(--s4);bottom:var(--hud-bottom);max-width:var(--midpoint);padding:var(--s1) var(--s2)}:root.hc{--surface:var(--hc-surface);--ink:var(--hc-ink);--line:var(--ink-2);--ink-2:var(--hc-ink-2);--dim:var(--hc-dim);--warning:var(--hc-warning)}@media (prefers-reduced-motion:reduce){#ui *,#ui :before,#ui :after{scroll-behavior:auto;transition:none;animation:none}}.coach{background:var(--paper);width:min(340px,42vw);color:var(--ink);z-index:5;pointer-events:none;border:2px solid #edd48f;border-radius:12px;padding:14px 16px;position:absolute;top:16px;left:16px;box-shadow:0 4px 20px #0007}.coach[hidden],.coach-target[hidden],.coach-route[hidden],.coach-blueprint[hidden]{display:none}#ui[data-coaching] .quest{visibility:hidden}.coach-phase{color:var(--ink-2);margin-bottom:6px;font-size:12px}.coach strong{font-size:18px}.coach p{margin:6px 0;font-size:14px;line-height:1.55}.coach-progress{color:var(--ink-2);font-size:13px}.coach-action{align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.coach kbd{border:2px solid var(--ink);color:var(--ink);background:var(--paper-2);white-space:nowrap;animation:coach-key var(--coach-pulse) ease-in-out infinite;border-bottom-width:4px;border-radius:7px;padding:6px 10px;font:700 14px inherit}.coach.coach-inline{width:auto;box-shadow:none;flex:none;margin-bottom:10px;padding:10px 14px;position:static}.coach-inline p{margin:2px 0}.coach-inline .coach-action{margin-top:4px}#ui .sheet.bag>.coach-inline{width:auto;max-width:none;margin:var(--s2) var(--s4);padding:var(--s2) var(--s3);column-gap:var(--s3);flex:none;grid-template-columns:1fr auto;display:grid;position:static}#ui .sheet.bag>.coach-inline .coach-phase,#ui .sheet.bag>.coach-inline .coach-progress{display:none}#ui .sheet.bag>.coach-inline strong,#ui .sheet.bag>.coach-inline p{grid-column:1}#ui .sheet.bag>.coach-inline strong{font-size:var(--small-size)}#ui .sheet.bag>.coach-inline p{margin:0;font-size:14px}#ui .sheet.bag>.coach-inline .coach-action{grid-area:1/2/3;margin:0}.coach-target{z-index:4;pointer-events:none;animation:coach-ring var(--coach-pulse) ease-in-out infinite;background:#ffdf8120;border:3px solid #ffdf81;border-radius:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #352a18,inset 0 0 0 2px #352a18}.coach-target span{color:#ffedb9;white-space:nowrap;background:#24271f;border:1px solid #ffdf81;border-radius:7px;padding:4px 9px;font-size:14px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.coach-target.ready{border-style:double;border-width:5px}.coach-target i{display:none}.coach-target.offscreen i{width:100%;height:100%;transform:rotate(var(--arrow));color:#fff4cd;place-items:center;font-size:26px;display:grid}.coach-route,.coach-blueprint{pointer-events:none;z-index:3;position:absolute;inset:0}.coach-dot,.coach-cell,.coach-door{box-sizing:border-box;position:absolute;transform:translate(-50%,-50%)}.coach-dot:after{content:"";background:#ffedb9;border:1px solid #352a18;border-radius:50%;width:7px;height:7px;margin:calc(50% - 4px);display:block}.coach-cell{background:#ffdf8114;border:2px dashed #ffdf8188}.coach-door{background:#8cd6d733;border:3px double #b2dcdf}[data-coach-focus]{outline-offset:-3px;animation:coach-ring var(--coach-pulse) ease-in-out infinite;outline:3px solid #e2ae49!important}@keyframes coach-key{50%{border-bottom-width:2px;transform:translateY(3px)}}@keyframes coach-ring{50%{box-shadow:0 0 0 3px #e2ae4977,inset 0 0 0 2px #352a18}}@media (max-width:620px){.coach{width:min(300px,54vw);padding:9px;top:8px;left:8px}.coach strong{font-size:15px}.coach p,.coach-progress{font-size:12px}.coach kbd{white-space:normal;padding:3px 6px;font-size:12px}.coach-inline .coach-phase{display:none}}@media (max-height:620px){.coach{padding:8px 12px}.coach-phase{margin:0}.coach p{margin:3px 0}.coach-action{margin-top:4px}.coach-inline .coach-progress{display:none}}@media (prefers-reduced-motion:reduce){.coach kbd,.coach-target,[data-coach-focus]{animation:none}}@media (prefers-reduced-motion:no-preference){#ui[data-coaching] .coach[data-step$=\:craft] kbd{animation:coach-key var(--coach-pulse) ease-in-out infinite}}