:root{--ink: #231c14;--parchment: #f3e4c4;--parchment-2: #e6d2a8;--wood: #6b4224;--wood-dark: #3d2414;--slot: #cbb48a;--slot-in: #a89064;--accent: #c45a32;--teal: #2f8f86;--hp: #c44a3a;--food: #d8a03a;--arm: #8aa0b4;--shadow: 0 18px 50px rgba(40, 24, 10, .28)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c2420;color:var(--ink);font-family:Outfit,sans-serif;user-select:none}#view{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud input,#hud .title-screen,#hud .pause,#hud .panel{pointer-events:auto}.hidden{display:none!important}.title-screen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,22,16,.72) 0%,rgba(28,22,16,.18) 58%,transparent 100%);display:flex;align-items:flex-end;padding:8vh 8vw 10vh}.title-inner{max-width:520px}.kicker{margin:0 0 10px;letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:#f0d8a8}.title-inner h1{font-family:Fraunces,serif;font-size:clamp(64px,9vw,112px);line-height:.85;margin:0 0 18px;color:#f7edd6;font-weight:700}.lede{margin:0 0 28px;color:#e8dcc4;font-size:17px;line-height:1.45;max-width:38ch}.seed-field{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d8c8a4;margin-bottom:18px}.seed-field input{width:220px;border:0;background:#f7edd6eb;color:var(--ink);padding:10px 12px;font:500 15px Outfit,sans-serif;outline:none}.title-actions{display:flex;gap:10px;margin-bottom:28px}.btn{border:0;background:#efe0c0;color:var(--ink);padding:12px 18px;font:600 14px Outfit,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 0 0 1px #321e0a2e}.btn.primary{background:var(--accent);color:#fbeee4}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.controls{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;color:#d8ccb0;font-size:13px}kbd{font-family:Outfit,sans-serif;font-size:11px;background:#f7edd629;padding:2px 6px;margin-right:4px}.loader{position:absolute;left:8vw;bottom:8vh;color:#f3e6c8;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.pause{position:absolute;inset:0;background:#18120c73;display:grid;place-items:center}.pause-card{background:var(--parchment);padding:32px 36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;min-width:240px}.pause-card h2{font-family:Fraunces,serif;margin:0 0 8px}.panel{position:absolute;inset:0;display:grid;place-items:center;background:#1c140c59}.panel-card{background:var(--parchment);border:6px solid var(--wood-dark);box-shadow:var(--shadow);padding:18px 20px 20px;min-width:420px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.panel-head h2{font-family:Fraunces,serif;margin:0;font-size:28px}.icon-btn{border:0;background:transparent;font:600 12px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--wood)}.panel-body{display:flex;flex-direction:column;gap:12px}.slot-grid{display:grid;gap:4px}.cols-9{grid-template-columns:repeat(9,48px)}.cols-3{grid-template-columns:repeat(3,48px)}.cols-2{grid-template-columns:repeat(2,48px)}.slot{width:48px;height:48px;border:0;padding:0;position:relative;background:linear-gradient(180deg,var(--slot),var(--slot-in));box-shadow:inset 0 2px #ffffff40,inset 0 -2px #3c280a40;cursor:pointer}.slot.selected{outline:2px solid var(--accent);outline-offset:-2px}.slot img{width:36px;height:36px;position:absolute;left:6px;top:4px;image-rendering:pixelated}.slot .count{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:600}.slot .dur{position:absolute;left:4px;bottom:3px;height:3px;background:#5aa84a}.slot[data-label]:after{content:attr(data-label);position:absolute;left:0;top:-14px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--wood)}.doll{display:grid;grid-template-columns:48px;gap:18px}.hotbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#22180e6b}.meters{position:absolute;bottom:86px;display:flex;gap:3px}.hearts{left:calc(50% - 228px)}.hunger{right:calc(50% - 228px)}.armor{left:calc(50% - 228px);bottom:108px}.pip{width:12px;height:10px;background:#ffffff2e;clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%)}.pip.hp.full{background:var(--hp)}.pip.hp.half{background:linear-gradient(90deg,var(--hp) 50%,rgba(255,255,255,.18) 50%)}.pip.food{clip-path:none;border-radius:50%}.pip.food.full{background:var(--food)}.pip.food.half{background:linear-gradient(90deg,var(--food) 50%,rgba(255,255,255,.18) 50%)}.pip.arm{clip-path:none;width:10px;height:8px;border-radius:1px}.pip.arm.full{background:var(--arm)}.pip.arm.half{background:linear-gradient(90deg,var(--arm) 50%,rgba(255,255,255,.18) 50%)}.debug{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:2px;color:#f4ead4;font-size:12px;text-shadow:0 1px 0 #21180e}.fly-badge{position:absolute;top:16px;right:16px;letter-spacing:.22em;font-size:12px;color:#f4ead4;background:#2c7876b8;padding:6px 10px}.hint{position:absolute;left:50%;bottom:80px;transform:translate(-50%);color:#f4ead4;font-size:13px;text-shadow:0 1px 0 #21180e}.crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:1.5px solid rgba(247,237,214,.85);pointer-events:none}.drag-cursor{position:fixed;width:48px;height:48px;pointer-events:none;z-index:20}.furnace-body{align-items:center}.furnace-col{display:flex;flex-direction:column;gap:8px;align-items:center}.flame{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cook-bar{width:72px;height:8px;background:var(--slot-in)}.cook-bar:after{content:"";display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--teal)}.result{display:flex;gap:8px}