.craft-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:2rem 0}.craft-wrapper{display:inline-flex;flex-direction:column;margin:1rem 0;box-shadow:0 4px 10px var(--shadow-black);border-radius:8px;border:3px solid var(--dracula-current-line)}.craft-container{display:inline-flex;align-items:center;background:var(--dracula-darker);padding:12px;gap:16px;border-top-left-radius:5px;border-top-right-radius:5px}.craft-container:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.craft-grid{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:4px}.craft-slot{width:50px;height:50px;background:rgba(68,71,90,0.4);border:2px solid var(--dracula-comment);border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;transition:background .2s,border-color .2s}.craft-slot:hover{background:var(--dracula-current-line);border-color:var(--dracula-cyan);z-index:50}.craft-arrow{font-size:24px;color:var(--dracula-pink);font-weight:bold;user-select:none}.craft-result{width:64px;height:64px;background:rgba(68,71,90,0.6);border:3px solid var(--dracula-green);border-radius:6px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 8px rgba(80,250,123,0.2)}.craft-result:hover{background:var(--dracula-current-line)}.craft-slot img,.craft-result img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.craft-slot[data-title]::after,.craft-result[data-title]::after{content:attr(data-title);position:absolute;bottom:55px;left:50%;transform:translateX(-50%);background:var(--dracula-current-line);color:var(--dracula-foreground);padding:4px 8px;font-size:11px;border-radius:4px;white-space:nowrap;z-index:10;box-shadow:0 2px 5px var(--shadow-deep);border:1px solid var(--dracula-comment);opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.craft-slot[data-title]:hover::after,.craft-result[data-title]:hover::after{opacity:1}.craft-count{position:absolute;bottom:2px;right:5px;font-family:'Ubuntu Mono','Courier New',Courier,monospace;font-size:14px;font-weight:bold;color:var(--dracula-foreground);text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;z-index:5;pointer-events:none;user-select:none}.craft-result .craft-count{font-size:16px;bottom:4px;right:7px}.craft-footer{background:var(--dracula-background);border-top:2px solid var(--dracula-current-line);color:var(--dracula-pink);font-size:12px;font-weight:500;padding:6px 12px;text-align:center;font-style:italic;border-bottom-left-radius:5px;border-bottom-right-radius:5px}