@import "https://fonts.googleapis.com/css2?family=Special+Elite&family=Gloria+Hallelujah&display=swap";:root{--ink:#1a1a1a;--paper:#f4efe1;--accent:#c24b2c;--paper-shadow:#1a1a1a24}*{box-sizing:border-box}bun-hmr{pointer-events:none!important}html,body{color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;background:#2b2722;height:100%;margin:0;font-family:Special Elite,Courier New,monospace}#game-root{position:relative;display:flex;background:radial-gradient(circle at 50% 40%,#3a352d,#211d18 80%);justify-content:center;align-items: center;width:100vw;height:100vh}#stage{display:block;image-rendering:auto;border-radius:2px;box-shadow:0 12px 60px #0009}#ui-layer{position:absolute;pointer-events:none;display:flex;flex-direction:column;align-items: center;inset:0}#hud{position:absolute;background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--paper-shadow);pointer-events:auto;border-radius:4px;width:230px;padding:10px 12px;top:16px;right:16px;transform:rotate(-.6deg)}#objectives{position:absolute;background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--paper-shadow);pointer-events:auto;border-radius:4px;width:250px;padding:9px 12px 11px;top:16px;left:16px;transform:rotate(.5deg)}#objectives:empty{display:none}.obj-head{font-variant:small-caps;letter-spacing:.08em;opacity:.55;border-bottom:1.5px solid var(--ink);margin-bottom:6px;padding-bottom:4px;font-size:12px;font-weight:700}.obj-item{display:flex;gap:7px;font-size:13px;line-height:1.32}.obj-item+.obj-item{margin-top:7px}.obj-tag{font-variant:small-caps;letter-spacing:.05em;border:1.5px solid var(--ink);border-radius:3px;flex:none;height:-moz-fit-content;height:fit-content;margin-top:1px;padding:1px 5px;font-size:10px;font-weight:700}.obj-main .obj-tag{background:var(--ink);color:var(--paper)}.obj-text{flex:1}.obj-sub .obj-text{opacity:.78}.hud-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.hud-name{letter-spacing:.5px;font-size:18px}.hud-lvl{opacity:.7;font-size:13px}.hud-bar{position:relative;border:2px solid var(--ink);overflow:hidden;background:#fff;border-radius:2px;height:18px;margin:8px 0 6px}.hud-bar-fill{background:repeating-linear-gradient(45deg,var(--accent),var(--accent)6px,#a83e24 6px,#a83e24 12px);height:100%;transition:width .3s}.hud-bar-label{position:absolute;display:flex;color:var(--ink);text-shadow:0 0 2px #fff,0 0 2px #fff;justify-content:center;align-items: center;font-size:11px;font-weight:700;inset:0}.hud-stats{display:flex;justify-content:space-between;gap:4px;font-size:14px}.hud-stats span{cursor:help}.hud-xp{border:1.5px solid var(--ink);overflow:hidden;background:#fff;border-radius:2px;height:5px;margin-top:7px}.hud-xp-fill{background:var(--ink);height:100%;transition:width .3s}#dialogue{position:absolute;display:flex;pointer-events:none;opacity:0;justify-content:center;padding:0 16px 22px;transition:opacity .2s,transform .2s;bottom:0;left:0;right:0;transform:translateY(12px)}#dialogue.active{opacity:1;pointer-events:auto;transform:translateY(0)}.dlg-card{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 6px 0 var(--paper-shadow);position:relative;border-radius:6px;width:min(760px,94%);padding:16px 18px}.dlg-card.title-card,.dlg-card.combat{text-align:left}.dlg-art{position:absolute;filter:grayscale(1)contrast(1.1);background:var(--paper);border:3px solid var(--ink);display:flex;border-radius:50%;justify-content:center;align-items: center;width:58px;height:58px;font-size:40px;top:-22px;left:18px;transform:rotate(-4deg)}.dlg-speaker{letter-spacing:.5px;text-decoration:underline wavy var(--accent);text-underline-offset:4px;margin-bottom:4px;margin-left:52px;font-size:16px;font-weight:700}.dlg-text{margin-bottom:12px;font-size:16px;line-height:1.5}.dlg-text em{color:var(--accent);font-style:italic;font-weight:700}.dlg-choices{display:flex;flex-direction:column;gap:7px}.dlg-choice{text-align:left;border:2px solid var(--ink);cursor:pointer;color:var(--ink);box-shadow:2px 2px 0 var(--paper-shadow);background:#fff;border-radius:4px;padding:9px 12px;transition:transform 80ms,background .12s;font-family:inherit;font-size:15px}.dlg-choice:hover{box-shadow:3px 3px 0 var(--paper-shadow);background:#fff6e8;transform:translate(-1px,-1px)}.dlg-choice:active{box-shadow:1px 1px 0 var(--paper-shadow);transform:translate(1px,1px)}.dlg-choice.disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.dlg-key{display:inline-block;text-align:center;border:1.5px solid var(--ink);opacity:.7;border-radius:3px;width:20px;height:20px;margin-right:6px;font-size:12px;line-height:20px}.dlg-hint{opacity:.6;font-style:italic}.chk{border:1.5px solid var(--ink);border-radius:3px;padding:1px 4px;font-size:13px;font-weight:700}.chk-brawn{background:#ffd9c9}.chk-noggin{background:#cfe0ff}.chk-knack{background:#d6f5d6}.chk-odds{opacity:.65;font-size:12px}.combat-actions{display:flex;flex-direction:column;gap:7px}#toast{position:absolute;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:6px;width:max-content;max-width:70%;top:18px;left:50%;transform:translate(-50%)}.toast-item{background:var(--ink);color:var(--paper);opacity:0;text-align:center;border-radius:4px;padding:8px 14px;transition:opacity .25s,transform .25s;font-size:14px;transform:translateY(-8px);box-shadow:2px 3px #0000004d}.toast-item.show{opacity:1;transform:translateY(0)}#sound-toggle{position:absolute;pointer-events:auto;background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--paper-shadow);cursor:pointer;z-index:40;border-radius:6px;width:40px;height:40px;transition:transform 80ms;font-size:20px;line-height:1;bottom:16px;right:16px}#sound-toggle:hover{transform:translateY(-1px)}#sound-toggle:active{box-shadow:1px 2px 0 var(--paper-shadow);transform:translateY(1px)}#reset-progress{position:absolute;pointer-events:auto;font-variant:small-caps;letter-spacing:.04em;background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--paper-shadow);cursor:pointer;color:var(--ink);z-index:40;border-radius:6px;height:40px;padding:0 12px;transition:transform 80ms,background .12s,color .12s;font-family:inherit;font-size:13px;font-weight:700;line-height:1;bottom:16px;right:64px}#reset-progress:hover{background:var(--accent);color:var(--paper);transform:translateY(-1px)}#reset-progress:active{box-shadow:1px 2px 0 var(--paper-shadow);transform:translateY(1px)}#boot{position:absolute;display:flex;color:var(--paper);letter-spacing:1px;z-index:50;justify-content:center;align-items: center;font-size:18px;inset:0}.fish-overlay{position:absolute;z-index:60;display:flex;opacity:0;background:#1a1a1a52;justify-content:center;align-items: center;transition:opacity .3s;inset:0}.fish-overlay.fish-in{opacity:1}.fish-overlay.fish-out{opacity:0}.fish-panel{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 7px 0 var(--paper-shadow);text-align:center;border-radius:6px;width:min(460px,92%);padding:20px 22px 22px;transition:transform .3s;transform:translateY(10px)}.fish-in .fish-panel{transform:translateY(0)}.fish-title{margin-bottom:4px;font-size:22px;font-weight:700}.fish-sub{opacity:.8;margin-bottom:16px;font-size:13px}.fish-sub b{color:var(--accent)}.fish-meter{position:relative;border:2.5px solid var(--ink);overflow:hidden;background:repeating-linear-gradient(90deg,#d9cdb0,#d9cdb0 9px,#cfc2a2 9px 18px);border-radius:5px;height:30px}.fish-zone{position:absolute;background:#4a82508c;border-left:2px dashed #2f5d33;border-right:2px dashed #2f5d33;transition:left .12s,width .12s;top:0;bottom:0}.fish-marker{position:absolute;background:var(--accent);box-shadow:0 0 0 1px var(--ink);width:4px;margin-left:-2px;top:-3px;bottom:-3px}.fish-tally{display:flex;letter-spacing:1px;justify-content:space-between;margin:12px 2px 4px;font-size:16px}.fish-flash{height:22px;margin:2px 0 14px;font-size:16px;font-weight:700}.fish-flash.good{color:#3f7a45}.fish-flash.bad{color:var(--accent)}.fish-hook{letter-spacing:1px;cursor:pointer;background:var(--paper);border:2.5px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--paper-shadow);border-radius:5px;padding:11px 26px;font-family:inherit;font-size:17px;font-weight:700}.fish-hook:hover{box-shadow:4px 4px 0 var(--paper-shadow);transform:translateY(-1px)}.fish-hook:active{box-shadow:1px 1px 0 var(--paper-shadow);transform:translateY(1px)}.fish-key{opacity:.6;border:1.5px solid var(--ink);border-radius:3px;margin-left:6px;padding:1px 5px;font-size:11px}.farm-overlay{position:absolute;z-index:60;display:flex;opacity:0;background:#1a1a1a52;justify-content:center;align-items: center;transition:opacity .3s;inset:0}.farm-overlay.farm-in{opacity:1}.farm-overlay.farm-out{opacity:0}.farm-panel{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 7px 0 var(--paper-shadow);text-align:center;border-radius:6px;width:min(680px,94%);padding:20px 22px 22px;transition:transform .3s;transform:translateY(10px)}.farm-in .farm-panel{transform:translateY(0)}.farm-title{margin-bottom:4px;font-size:22px;font-weight:700}.farm-sub{opacity:.8;margin-bottom:16px;font-size:13px}.farm-sub b{color:var(--accent)}.farm-grid{display:grid;gap:12px;margin:4px 0 8px}.farm-plot{aspect-ratio:1;display:flex;cursor:pointer;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--paper-shadow);background:#d9cdb0;border-radius:6px;justify-content:center;align-items: center;transition:background .1s,transform 80ms,box-shadow .1s;font-family:inherit;font-size:46px;line-height:1}.farm-plot:active{transform:translateY(1px)}.farm-empty{color:#1a1a1a4d}.farm-growing{background:#cdd6a8}.farm-ripe{box-shadow:0 0 0 2px #b9912a,2px 2px 0 var(--paper-shadow);background:#e8c75a}.farm-rot{filter:saturate(.55);background:#b0a07e}.farm-tally{display:flex;letter-spacing:1px;justify-content:space-between;margin:12px 2px 4px;font-size:16px;font-weight:700}.farm-flash{height:22px;margin:2px 0 12px;font-size:16px;font-weight:700}.farm-flash.good{color:#3f7a45}.farm-flash.bad{color:var(--accent)}.farm-time{border:2px solid var(--ink);overflow:hidden;background:#fff;border-radius:5px;height:10px}.farm-time-fill{background:repeating-linear-gradient(45deg,var(--accent),var(--accent)6px,#a83e24 6px,#a83e24 12px);width:100%;height:100%;transition:width .1s linear}#farm-hud{position:absolute;pointer-events:auto;background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--paper-shadow);z-index:50;border-radius:6px;width:min(560px,92%);padding:8px 14px 10px;bottom:18px;left:50%;transform:translate(-50%)}.farm-hud-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px}.farm-hud-season{font-variant:small-caps;letter-spacing:.03em;font-size:16px;font-weight:700}.farm-hud-rule{opacity:.8;font-size:12px}.farm-hud-rule b{color:var(--accent)}.farm-hud-mid{display:flex;letter-spacing:.5px;align-items: center;gap:12px;font-size:16px;font-weight:700}.farm-hud-flash{text-align:center;flex:1;min-height:18px;font-size:14px}.farm-hud-flash.good{color:#3f7a45}.farm-hud-flash.bad{color:var(--accent)}.farm-hud-leave{cursor:pointer;background:var(--paper);border:2px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--paper-shadow);border-radius:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700}.farm-hud-leave:hover{background:var(--accent);color:var(--paper)}.farm-hud-leave:active{box-shadow:1px 1px 0 var(--paper-shadow);transform:translateY(1px)}.farm-hud-time{border:2px solid var(--ink);overflow:hidden;background:#fff;border-radius:5px;height:8px;margin-top:8px}.farm-hud-time-fill{background:repeating-linear-gradient(45deg,var(--accent),var(--accent)6px,#a83e24 6px,#a83e24 12px);width:100%;height:100%;transition:width .1s linear}