/* Interface de receitas no estilo do inventário do jogo */
.recipes{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.recipes{grid-template-columns:1fr}}
.rc-side{padding:16px;display:grid;gap:10px;position:sticky;top:calc(80px + env(safe-area-inset-top,0px))}
@media (max-width:860px){.rc-side{position:static}}
.rc-list{max-height:min(62vh,640px);overflow:auto;display:grid;gap:2px}
.rc-list button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--snow);padding:4px 6px;font:600 .9rem var(--f-body);text-align:left;cursor:pointer;min-width:0}
.rc-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-list button:hover,.rc-list button[aria-selected=true]{background:#2a1a10;box-shadow:inset 3px 0 0 var(--fox)}
.rc-head{padding:18px;display:flex;gap:16px;align-items:center}
.rc-head h2{font-size:1.6rem}
.rc-sub{margin:22px 0 10px}
.rc-grid{display:flex;flex-wrap:wrap;gap:12px}
.rc-uses{display:flex;flex-wrap:wrap;gap:6px}
/* painel cinza do jogo */
.gui{background:#c6c6c6;color:#3f3f3f;padding:12px 14px 14px;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #555,0 0 0 2px #000;display:grid;gap:8px;font:400 16px var(--f-mc)}
.gui .gt{color:#3f3f3f}
.gui .gb{display:flex;align-items:center;gap:12px}
.gui .g3{display:grid;grid-template-columns:repeat(3,36px);gap:0}
.gui .s{width:36px;height:36px;background:#8b8b8b;box-shadow:inset 2px 2px 0 #373737,inset -2px -2px 0 #fff;display:grid;place-items:center;position:relative}
.gui .s.big{width:52px;height:52px}
.gui .s .ii{--s:32px}
.gui .s .n{position:absolute;right:2px;bottom:0;color:#fff;font:400 16px var(--f-mc);text-shadow:2px 2px 0 #3f3f3f}
.gui .arrow{width:34px;height:24px;display:grid;place-items:center;color:#8b8b8b;font:700 1.6rem/1 var(--f-body)}
.gui .fire{color:#e8832a;font-size:1.1rem;text-align:center}
.gui a.s{cursor:pointer}
.gui a.s:hover{background:#a8a8a8}
.gui .meta{color:#555;font-size:.78rem}
.use-btn{display:inline-flex;align-items:center;gap:6px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3);padding:4px 10px 4px 4px;color:var(--snow);font:600 .86rem var(--f-body)}
.use-btn:hover{box-shadow:inset 0 0 0 2px var(--fox);color:var(--snow)}