: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.on{border-color:var(--accent)}.rc.locked{opacity:.7}.rc .rn{flex:1;min-width:0}.rc .desc{color:var(--ink-2);font-size:.9em}.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}