@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#141e1b;color:#e7e9d9;font-family:Manrope,system-ui,sans-serif}#app{max-width:1600px;margin:auto;padding:0 42px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.brand{color:#e6d59b;font-size:21px;font-weight:800;letter-spacing:3px;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:4px;color:#849589;margin:6px 0 0 30px}.badge{font-size:10px;letter-spacing:2px;color:#a6b39d;border:1px solid #ffffff1b;padding:10px 14px;border-radius:4px}.intro{display:flex;justify-content:space-between;align-items:center;padding:32px 0 27px}.eyebrow{font-size:9px;letter-spacing:2px;color:#b7bc88}h1{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:10px 0}.intro p:last-child{color:#8e9f93;font-size:12px}.location{font-size:13px;color:#d4dbbd;text-align:right}.location small{display:block;color:#849589;margin-top:7px;font-size:10px}.viewport{position:relative;border:1px solid #94a17c55;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0004}#game{height:clamp(340px,62vh,780px);outline:none}canvas{display:block}.hud{position:absolute;top:23px;left:23px;background:#192820ed;border:1px solid #b2bd8a44;border-radius:7px;padding:13px 17px;display:flex;gap:13px;align-items:center;pointer-events:none}.portrait{background:#354c3b;color:#ddc48c;border:1px solid #a2a97866;border-radius:50%;padding:12px;font-size:22px}.hud strong{font-size:12px}.hud strong small{margin-left:36px;font-size:8px;color:#a7b396;letter-spacing:1px}.health{height:7px;background:#101b15;border-radius:4px;width:190px;margin-top:9px;overflow:hidden}.health span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8d4245,#d27e69)}.health-label{font-size:7px;color:#a6b19b;letter-spacing:1px;margin-top:6px;display:flex;justify-content:space-between}.health-label b{color:#e5dbc2}.area{position:absolute;right:22px;top:25px;background:#203a2cdb;padding:11px 15px;border-radius:4px;font-size:9px;letter-spacing:2px;pointer-events:none}#focus-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);background:#16281ee8;padding:12px 20px;border-radius:5px;font-size:12px;pointer-events:none;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;color:#91a092;font-size:10px}footer div{display:flex;align-items:center;gap:5px}footer div span{margin-left:8px}kbd{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff26;border-radius:4px;color:#d4dac7;background:#223128}.status{color:#b4bc91}@media(max-width:760px){#app{padding:0 14px}header{height:75px}.brand{font-size:17px}.badge{display:none}.intro{padding:20px 0}.intro h1{font-size:23px}.location{display:none}.hud{top:12px;left:12px;transform:scale(.85);transform-origin:top left}.area{top:auto;bottom:14px;right:14px;font-size:7px}footer{flex-wrap:wrap}footer>span:not(.status){display:none}}.farm-panel{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:15px 18px;margin-top:14px;border:1px solid #ffffff20;background:#223128;border-radius:6px;font-size:11px;color:#d9dfbc}.farm-panel label{font-size:9px;letter-spacing:2px}.farm-panel select{background:#15251c;color:#eee2be;padding:8px;border:1px solid #7c8c62;border-radius:4px}.farm-panel small{color:#98ab91}#farm-status{min-width:260px}.inventory-panel{margin-top:14px;padding:18px;border:1px solid #ffffff20;border-radius:6px;background:#1e2d23}.inventory-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.inventory-heading small{color:#a3b18c;margin-left:8px}.inventory-heading button{padding:8px 12px;background:#324b34;color:#ede6ce;border:1px solid #74865b;border-radius:4px;cursor:pointer}#save-status{font-size:10px;color:#bbca9f}#inventory-slots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin-top:16px}.inventory-slot{height:62px;position:relative;border:1px solid #6b7c5366;border-radius:5px;background:#142219;color:#7e9270;font-size:26px;cursor:pointer}.inventory-slot b{position:absolute;bottom:5px;right:6px;font-size:11px;color:#f1e4bf}.inventory-slot.selected{border:2px solid #e0c98b;background:#3c4c2d}.inventory-slot:focus-visible{outline:2px solid #e0c98b;outline-offset:2px}#inventory-note{font-size:11px;color:#a7b59a;margin-bottom:0}@media(max-width:760px){#inventory-slots{grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-slot{height:54px}}.workshop{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:14px;padding:22px;background:#1e2d23;border:1px solid #ffffff20;border-radius:6px}.workshop h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 14px}.workshop p{font-size:11px;color:#a7b59a;line-height:1.6}.recipe{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff15}.recipe strong{font-size:12px}.recipe small{font-size:10px;color:#b7c39d;grid-column:1}.recipe button{grid-column:2;grid-row:1/3}.workshop button{background:#324b34;color:#ede6ce;border:1px solid #74865b;padding:9px 14px;border-radius:4px;cursor:pointer}.workshop button:disabled{opacity:.4;cursor:not-allowed}.equipment{border-left:1px solid #ffffff20;padding-left:24px}.equipment strong{font-size:13px;color:#dec58b}@media(max-width:760px){.workshop{grid-template-columns:1fr}.equipment{border-left:0;border-top:1px solid #ffffff20;padding:18px 0 0}}.combat-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:16px 18px;margin-top:14px;background:#302e24;border:1px solid #a3996655;border-radius:6px}.combat-panel strong{font-size:13px;color:#e2cb91}.combat-panel p{font-size:11px;color:#d6c9ad;margin:8px 0}.combat-panel small{font-size:10px;color:#b1c3a3}.combat-panel button{padding:10px 15px;background:#534b31;color:#f0dfb4;border:1px solid #928058;border-radius:4px;cursor:pointer}.combat-panel button:disabled{opacity:.4;cursor:not-allowed}[inert]{opacity:.5}[hidden]{display:none!important}#arena-history{font-size:10px;color:#b1c3a3}#arena-result{border-top:1px solid #bcb08155;margin-top:16px}#arena-result h2{font-family:Georgia,serif;color:#e5d09a;font-weight:400}.progress-panel{margin-top:14px;padding:20px;background:#253529;border:1px solid #a9b27855;border-radius:6px}.progress-panel h2{font-family:Georgia,serif;font-weight:400;margin:0 0 12px}.progress-panel strong{color:#ead49a;font-size:14px}.progress-panel p,.progress-panel small{font-size:11px;color:#b4c19d}.progress-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:start}.progress-actions button{padding:10px 12px;background:#3c5035;color:#eee2ba;border:1px solid #879667;border-radius:4px;cursor:pointer}.progress-actions button:disabled{opacity:.4;cursor:not-allowed}.progress-actions small{display:block;margin-top:7px;max-width:210px}