body{margin:0;padding:20px max(12px,env(safe-area-inset-right)) 30px max(12px,env(safe-area-inset-left));font:15px/1.5 system-ui,sans-serif}main{max-width:1050px;margin:auto}a{color:#e9d8a9}h1{font-size:26px;letter-spacing:-.03em}#guideSearch{display:block;width:100%;box-sizing:border-box;font-size:16px;min-height:46px;margin-top:7px}#guideItems,#guideNpcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.guide-item,.guide-npc{padding:12px;border:1px solid #6c8480;border-radius:12px;background:#294047;min-width:0}.guide-item[hidden]{display:none}.guide-item img{display:block;margin:0 auto;image-rendering:pixelated;object-fit:contain}.guide-item h2,.guide-npc h2{font-size:14px;margin:10px 0 5px;color:#f0dfb4}.guide-item p{font-size:12px;color:#c9d9d0;margin:5px 0}.guide-item small{font-size:11px;color:#d7d9bc}.guide-npc span{display:block;width:64px;height:80px;margin:0 auto;image-rendering:pixelated;background-repeat:no-repeat}.guide-npc{text-align:center}@media(max-width:360px){#guideItems,#guideNpcs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.guide-controls{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.guide-controls label{display:flex;flex-direction:column;gap:4px}.guide-controls select{min-height:44px;font-size:16px}#guideMonsters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.guide-monster{padding:12px;border:1px solid #6c8480;border-radius:12px;background:#294047}.guide-monster h2{font-size:15px}.guide-monster p,.guide-npc p{font-size:12px}.monster-art{display:block;width:64px;height:80px;image-rendering:pixelated;background-repeat:no-repeat;margin:auto}.obtain{border-top:1px solid #758a77;padding-top:6px}