@font-face{font-family:GeorgiaFallback;src:local("Georgia")}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08090f;color:#e6d8be}body{font-family:GeorgiaFallback,Georgia,serif;background:radial-gradient(ellipse at 50% 12%,#1b2029 0,transparent 55%),#08090f}button,input{font:inherit}button{cursor:pointer;color:#d7c7ad;background:transparent;border:1px solid #65533c;border-radius:2px;padding:11px 21px;transition:background .2s,border-color .2s}button:hover{background:#302b26;border-color:#bb9a66}button:focus-visible,input:focus-visible,#game:focus-visible{outline:2px solid #b9dce2;outline-offset:4px}[hidden]{display:none!important}#app{max-width:1390px;margin:auto;padding:25px 36px 18px}.masthead{text-align:center;margin-bottom:23px}.eyebrow{font-family:system-ui,sans-serif;letter-spacing:.25em;font-size:10px;color:#a39076}.masthead h1{font-size:clamp(24px,3.2vw,43px);letter-spacing:.17em;font-weight:400;line-height:1.3;margin:10px 0 7px}.chapter{font-size:10px;letter-spacing:.25em;color:#b09e82}i{font-style:normal;color:#dba567;margin:0 13px}#frame{position:relative;aspect-ratio:16/9;width:100%;background:#08090f;border:1px solid #645138;box-shadow:0 0 0 5px #0c0e14,0 0 0 6px #24252a,0 24px 80px #0008;overflow:hidden}#game{width:100%;height:100%;position:absolute}#game canvas{display:block;image-rendering:pixelated;width:100%!important;height:100%!important;object-fit:contain}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.health{position:absolute;top:4%;left:3%;color:#cc747d;font-family:monospace;font-size:clamp(14px,2.1vw,24px);letter-spacing:4px;text-shadow:0 2px #311f30}#pause{pointer-events:auto;position:absolute;right:2%;top:3%;padding:6px 10px;background:#08090faa;font:14px system-ui;border-color:#443e34}#inventory{position:absolute;left:3%;bottom:4%;display:flex;gap:6px}.slot{width:clamp(30px,4.3vw,52px);height:clamp(30px,4.3vw,52px);border:1px solid #9a7748;box-shadow:inset 0 0 0 2px #18151a;background:#15151dec;display:grid;place-items:center}.slot canvas{image-rendering:pixelated;width:80%;height:80%}#toast{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-size:clamp(10px,1.4vw,17px);padding:9px 16px;background:#08090fe6;border-bottom:1px solid #a87f4a;max-width:65%;text-align:center;transition:opacity .3s}#toast:empty{opacity:0}#landmark{position:absolute;right:3%;bottom:5%;font-size:10px;letter-spacing:.12em;color:#bfb29a;max-width:18%;text-align:right;opacity:.8}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08090fdf,#10141ac7,#08090fdf);display:grid;place-items:center;text-align:center;overflow:auto}.menu-card{padding:24px;max-width:500px}.ornament{color:#c8a675;font-size:29px;line-height:1}.menu-card .eyebrow{margin:10px 0 15px}.menu-card h2{font-weight:400;font-size:clamp(22px,3.3vw,40px);line-height:1.12;margin:0 0 17px}.menu-card>p:not(.eyebrow){font-size:clamp(11px,1.2vw,15px);line-height:1.7;color:#b4b2ae;margin:12px 0 16px}.menu-card>button{display:block;width:min(100%,270px);margin:8px auto}.primary{background:#bd9b63;color:#10151b;border-color:#d7b982;box-shadow:0 2px 14px #0006}.primary:hover{background:#d4b67e}.primary span{margin-left:25px}.menu-options{display:flex;gap:20px;justify-content:center;font:11px system-ui;margin:20px 0 10px;color:#ada8a0}.menu-options input{accent-color:#c39d61;vertical-align:middle}.menu-card .controls{font-family:system-ui,sans-serif;font-size:10px!important;color:#8d9197!important}.menu-card #save-status{font:10px system-ui;color:#c19d6b}footer{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font:9px system-ui;letter-spacing:.16em;color:#807970}footer b{margin:0 7px;color:#b99561}#seed-label{letter-spacing:.04em}@media(max-width:720px){#app{padding:20px 10px}.masthead{margin-bottom:17px}.masthead h1{letter-spacing:.12em}.eyebrow{font-size:8px}footer span:last-child{display:none}.menu-card{padding:10px}.menu-card .ornament,.menu-card .controls,.menu-card .eyebrow{display:none}.menu-card h2{font-size:21px;margin-bottom:5px}.menu-card>p:not(.eyebrow){margin:7px 0}.menu-card>button{padding:7px 15px;margin:5px auto}.menu-options{margin:7px}#landmark{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#inventory button.slot{pointer-events:auto;padding:0;cursor:pointer}#inventory{max-width:42%;flex-wrap:wrap}#toast{font-family:monospace;font-size:clamp(10px,1.25vw,15px);letter-spacing:.02em}body{background:radial-gradient(ellipse at 50% 12%,#261c18 0,transparent 55%),#0d090c}