@font-face{font-family:Neo;src:url('../../assets/fonts/neodunggeunmo/neodgm.woff2')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#263d70;color:#382638;font-family:Neo,monospace;font-size:16px}#frame{position:relative;width:100%;height:100%;max-width:1448px;max-height:1086px;margin:auto;overflow:hidden}canvas{display:block;outline:none;image-rendering:pixelated;touch-action:none}nav{position:absolute;top:12px;left:12px;display:flex;gap:6px}button,a{font:inherit;font-size:20px;border:2px solid #a77957;background:#fff4dc;color:#382638;min-width:40px;height:40px;display:inline-grid;place-items:center;text-decoration:none;cursor:pointer;box-shadow:0 2px #765442}button:focus-visible,a:focus-visible{outline:3px solid #345f98;outline-offset:2px}button[aria-pressed=true]{background:#e9c997}#bag{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:8px;background:#fff4dc;border:2px solid #a77957;padding:3px 10px;height:40px}#bag img{width:32px;height:32px;image-rendering:pixelated}#hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;padding:6px 10px;background:#fff4dce8;font-size:14px;pointer-events:none}#loading{position:absolute;top:45%;left:10%;right:10%;text-align:center;background:#fff4dc;padding:14px}dialog{max-width:440px;width:calc(100% - 32px);padding:22px;background:#fff4dc;color:#382638;border:3px solid #a77957;line-height:1.7}dialog::backdrop{background:#38263880}dialog h1{font-size:20px}dialog button{font-size:16px;padding:0 14px}@media(max-width:480px){nav{gap:3px;top:8px;left:8px}button,a{min-width:34px}#bag{right:8px;top:8px}#hint{font-size:12px}}
#save[data-status=damaged]{border-color:#f48a72}

[hidden]{display:none!important}#bench-panel{position:absolute;right:20px;bottom:60px;width:300px;background:#fff4dc;border:3px solid #a77957;padding:14px;box-shadow:4px 4px #38263860}#bench-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.recipes{display:grid;gap:10px}.recipes button{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:6px}.recipes img,.pixel-icon{width:32px;height:32px;image-rendering:pixelated}.cost{display:flex;align-items:center;gap:5px;font-size:16px}button:disabled{opacity:.5;cursor:default}#craft-progress{width:100%;height:12px;accent-color:#a77957;margin-top:10px}#kit-status{display:block;margin-top:10px;font-size:14px}#bag-kit{display:flex}
#bridge-panel{position:absolute;right:20px;bottom:60px;width:300px;padding:14px;background:#fff4dc;border:3px solid #a77957;box-shadow:4px 4px #38263860}#bridge-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#repair{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;padding:6px}#repair img{width:32px;height:32px;image-rendering:pixelated}#repair-progress{width:100%;height:12px;accent-color:#a77957;margin-top:10px}.save-actions{display:flex;gap:10px;flex-wrap:wrap}.save-actions button,.file-button{font-size:16px;min-height:40px;padding:4px 10px}.file-button{position:relative;border:2px solid #a77957;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px #765442}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #345f98}.note-sub{font-size:14px;color:#765442}#save[data-status=saved]{border-bottom-color:#7b8e4e}#save[data-status=unavailable],#save[data-status=conflict]{border-color:#f48a72}@media(max-width:650px){#bag{top:62px}#bench-panel,#bridge-panel{right:12px;width:min(300px,calc(100% - 24px))}}

#berry-bag{display:flex;align-items:center;gap:6px}#garden-panel{position:absolute;right:20px;bottom:60px;width:340px;padding:14px;background:#fff4dc;border:3px solid #a77957;box-shadow:4px 4px #38263860}#garden-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#garden-repair{display:flex;justify-content:space-between;width:100%;height:auto;min-height:62px;padding:6px}#garden-repair img{width:32px;height:32px;image-rendering:pixelated}.garden-cost{display:flex;gap:4px}.garden-cost>span{display:flex;flex-direction:column;align-items:center;font-size:14px}#garden-progress{width:100%;height:12px;accent-color:#7b8e4e;margin-top:10px}@media(max-width:650px){#garden-panel{right:12px;width:min(340px,calc(100% - 24px))}#bag{gap:4px;padding:3px 6px}}
.garden-cost .missing{color:#a14446}

#campaign-panel{position:absolute;right:16px;bottom:55px;width:min(420px,calc(100% - 32px));max-height:72%;overflow:auto;background:#fff4dc;border:3px solid #a77957;padding:12px;box-shadow:4px 4px #38263860}#campaign-panel header{display:flex;justify-content:space-between;align-items:center}#campaign-actions{display:grid;gap:8px;margin-top:10px}#campaign-actions button{height:auto;min-height:60px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:16px}#campaign-actions img{width:32px;height:32px;image-rendering:pixelated}.action-costs{display:flex;gap:7px}.action-costs>span{display:flex;align-items:center;flex-direction:column;font-size:14px}#campaign-actions small{width:100%;font-size:12px;line-height:1.5;text-align:left}#campaign-progress{width:100%;height:12px;margin-top:10px}.missing{color:#a14446}#campaign-message{font-size:14px}.bag-extra{display:flex;align-items:center;gap:4px}#bag{gap:5px;font-size:14px}#campaign-stats{position:absolute;right:12px;top:60px;background:#fff4dcdd;padding:4px;font-size:14px}#campaign-stats:empty{display:none}@media(max-width:900px){#bag{top:62px;max-width:calc(100% - 24px);height:auto;flex-wrap:wrap}#campaign-stats{top:112px}}

textarea{display:block;width:100%;font:inherit;background:#fff9ec;border:2px solid #a77957;padding:8px;color:#382638;resize:vertical}nav .pixel-icon{width:24px;height:24px}

/* test.41: restore the earlier game HUD: status left, actions right, bag below. */
html,body{background:#302c37}body{padding:10px}#frame{height:100%;max-width:1448px;max-height:none;border:3px solid #382638;border-radius:5px;isolation:isolate}
nav{top:12px;left:auto;right:12px;gap:6px;z-index:5}nav button{height:44px;min-width:44px;padding:4px 6px;background:#fff4dcf5;border-radius:4px}
.pixel-icon,nav .pixel-icon{width:32px;height:32px;min-width:32px;image-rendering:pixelated}button{font-size:16px;border-radius:4px}button:hover:not(:disabled){background:#eedbc1}
#bag{top:auto;bottom:12px;left:12px;right:auto;max-width:calc(100% - 24px);height:auto;gap:4px;padding:4px;background:#fff4dcf5;flex-wrap:wrap;border-radius:4px;z-index:5}
.bag-slot{position:relative;display:flex;align-items:center;gap:5px;min-width:62px;padding:3px 6px;background:#ead4b5;border-radius:2px}.bag-slot b{min-width:14px;font-size:16px;font-weight:bold;text-align:right}.bag-slot img{width:32px;height:32px;flex:none}
#bag-kit{padding:3px;display:flex}#bag-kit .pixel-icon{width:32px;height:32px}#bag [hidden]{display:none!important}
#vitals{position:absolute;top:12px;left:12px;width:185px;display:grid;grid-template-columns:1fr 38px;gap:5px;padding:8px;background:#fff4dcf5;border:2px solid #a77957;border-radius:4px;z-index:5}
#hearts{display:flex;gap:2px;align-items:center}#hearts .pixel-icon{width:20px;height:20px;min-width:20px}#hearts .empty{opacity:.2}#meal{grid-column:2;grid-row:1/3;min-width:34px;height:40px;padding:0;display:grid;place-items:center}#meal .pixel-icon{width:32px;height:32px}
#level{font-size:12px;line-height:16px}#xp{width:116px;height:6px;grid-column:1;margin-top:-3px;accent-color:#7b8e4e}#growth{position:relative}#growth::after{content:attr(data-points);position:absolute;color:#506642;right:-4px;top:-7px;font-size:18px}
[data-tooltip]{position:relative}[data-tooltip]:is(:hover,:focus-visible)::before{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 6px);width:max-content;max-width:220px;background:#382638;color:#fff4dc;border:1px solid #a77957;padding:5px 8px;font-size:14px;z-index:15;pointer-events:none}
#bag [data-tooltip]:is(:hover,:focus-visible)::before{top:auto;bottom:calc(100% + 7px);right:auto;left:0}
#bench-panel,#bridge-panel,#garden-panel,#campaign-panel{right:16px;bottom:90px;width:min(430px,calc(100% - 32px));max-height:calc(100% - 180px);overflow:auto;border:2px solid #a77957;border-radius:6px;background:#fff8eb;padding:18px;z-index:6;box-shadow:0 8px 28px #14263955}
#bench-panel header,#garden-panel header,#bridge-panel header,#campaign-panel header{margin-bottom:12px;gap:12px}header strong{font-size:20px}.recipes{gap:12px}.recipes button,#garden-repair,#repair,#campaign-actions button{border:1px solid #c6aa8e;border-radius:4px;background:#f2e7d6;padding:10px;min-height:64px;height:auto;gap:10px}.cost{flex-wrap:wrap;font-size:18px}.cost b{min-width:42px}.missing{color:#943f30}.action-costs{flex-wrap:wrap;gap:8px}.action-costs>span{padding:4px 6px;background:#fff8eb;border:1px solid #ddceb7;border-radius:3px;font-size:16px}#campaign-actions strong{font-size:16px}#campaign-actions small{font-size:14px}
dialog{border:2px solid #a77957;border-radius:6px;box-shadow:0 15px 70px #14263966;max-height:calc(100% - 40px);overflow:auto;z-index:10}.save-actions button{height:auto;min-height:44px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.save-actions .pixel-icon{width:32px;height:32px}.save-actions [data-tooltip]::before{display:none}
@media(max-width:680px){body{padding:4px}#vitals{left:8px;top:8px;width:167px;padding:5px}nav{top:8px;right:8px;gap:4px}nav button{min-width:38px;width:38px;padding:2px}#bag{left:8px;bottom:8px;max-width:calc(100% - 16px);gap:3px}.bag-slot{min-width:53px;padding:2px 3px;gap:2px}.bag-slot b{font-size:14px}#bench-panel,#bridge-panel,#garden-panel,#campaign-panel{bottom:115px;max-height:calc(100% - 210px)}}
@media(max-width:390px){nav{top:90px}#bag{display:grid;grid-template-columns:repeat(4,1fr)}#bench-panel,#bridge-panel,#garden-panel,#campaign-panel{bottom:125px;max-height:calc(100% - 260px)}}
#hearts .pixel-icon{width:16px;height:16px;min-width:16px}

/* Q stays optional: one action and a compact material picture. */
.step-picture{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.step-picture img{width:64px;height:64px;image-rendering:pixelated}.step-picture .pixel-icon{width:32px;height:32px}.step-cost{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.step-cost>span{display:flex;align-items:center;gap:4px;background:#f2e7d6;padding:4px 8px}.step-cost img{width:32px;height:32px;image-rendering:pixelated}
#repair-picture img{width:64px;height:64px;image-rendering:pixelated}
#campaign-actions button.skill-card{display:grid;grid-template-columns:1fr auto;gap:6px 12px;text-align:left;align-items:center;width:100%}
#campaign-actions .skill-card strong{grid-column:1/-1}#campaign-actions .skill-card span{font-size:16px;white-space:normal}#campaign-actions .skill-card .skill-next{color:#315f72;font-weight:bold}#campaign-actions button.skill-card:disabled{opacity:1;color:#766351;cursor:default;background:#e9dfcd}
@media(max-width:680px){#campaign-actions button.skill-card{grid-template-columns:1fr;gap:6px}#campaign-actions .skill-card strong{grid-column:auto}}
/* The jar story is only open on request; the trail has no permanent labels. */
#legacy-panel{position:absolute;right:16px;bottom:90px;width:min(430px,calc(100% - 32px));max-height:calc(100% - 180px);overflow:auto;border:2px solid #a77957;border-radius:6px;background:#fff8eb;padding:18px;z-index:6;box-shadow:0 8px 28px #14263955}
#legacy-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#legacy-picture{display:flex;gap:18px;align-items:center;justify-content:center;min-height:64px}#legacy-picture img{width:64px;height:64px;image-rendering:pixelated}
#legacy-line{line-height:1.6;font-size:18px}#legacy-actions{display:grid;gap:8px}#legacy-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:auto;padding:8px;border:1px solid #c6aa8e;background:#f2e7d6}#legacy-actions img{width:32px;height:32px;image-rendering:pixelated}#legacy-progress{width:100%;accent-color:#7b8e4e}
#legacy-caption{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);padding:9px 14px;margin:0;background:#fff4dcf2;border:1px solid #a77957;color:#382638;line-height:1.5;font-size:16px;text-align:center;z-index:5;pointer-events:none}#garden-inheritance{margin-top:12px;min-height:40px}
@media(max-width:680px){#legacy-panel{bottom:115px;max-height:calc(100% - 210px)}#legacy-caption{bottom:115px;font-size:14px}nav{gap:3px}nav button{min-width:34px;width:34px}}
@media(max-width:390px){#legacy-panel{bottom:125px;max-height:calc(100% - 260px)}}