.database-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:.75rem;align-items:end}.sticky-tools{position:sticky;top:82px;z-index:15;background:var(--bg);padding:1rem 0;border-bottom:1px solid var(--border)}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.item-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text)}.item-card:hover{text-decoration:none;border-color:var(--accent)}.item-card small{color:var(--muted)}.item-art{height:150px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle,rgba(40,215,229,.22),transparent 55%),var(--surface);color:var(--accent)}.item-art span{font-size:3.5rem}.item-art--thumb{height:64px}.item-art--thumb span{font-size:2rem}.item-art--large{height:360px}.item-art--large span{font-size:7rem}.item-detail-hero{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:center}.stats.compact{grid-template-columns:repeat(3,1fr)}.tech-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tech-card{display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--card)}.tech-card h2{font-size:1.1rem;margin:0}.tech-card p{margin:.25rem 0;color:var(--muted)}.ancient-badge{color:#ffe366}.tree-controls{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.breeding-tree-scroll{overflow:auto;padding:1rem 0}.breeding-tree-canvas{min-width:850px;display:flex;flex-direction:column;gap:1rem}.tree-target,.tree-pair,.tree-parent-row{display:flex;align-items:center;justify-content:center;gap:2rem}.tree-pair{padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--card)}.tree-node{display:flex;align-items:center;gap:.5rem;padding:.6rem;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface)}.tree-node img{width:56px;height:56px;object-fit:contain}.tree-branch details{margin-top:.5rem}.map-app{display:grid;grid-template-columns:280px 1fr;gap:1rem}.map-sidebar{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--card)}.map-sidebar>[data-map-panel]{display:none}.map-filter{font-weight:500;padding:.25rem 0}.map-filter input{width:auto}.marker-key{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-right:.4rem}.map-stage-wrap{position:relative}.map-stage{height:650px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 25% 30%,#275b58 0 10%,transparent 11%),radial-gradient(circle at 70% 55%,#735b36 0 14%,transparent 15%),linear-gradient(145deg,#0b2b3c,#081522);cursor:grab}.map-plane{width:1200px;height:900px;position:relative;transform-origin:0 0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px}.map-marker{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid white;background:var(--accent);transform:translate(-50%,-50%);padding:0}.map-popup{position:absolute;z-index:4;width:250px;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.map-popup img{width:64px;height:64px;object-fit:contain}.map-zoom{position:absolute;z-index:5;right:1rem;top:1rem;display:flex;gap:.4rem}.tier-maker{margin-top:2rem}.maker-board{display:grid;gap:.5rem}.maker-row{display:grid;grid-template-columns:70px 1fr;border:1px solid var(--border);border-radius:10px;min-height:90px;overflow:hidden}.maker-row>strong{display:grid;place-items:center;font-size:2rem;background:var(--surface)}.maker-pool{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;min-width:0}.maker-card{width:74px;padding:.35rem;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);touch-action:none}.maker-card img{width:48px;height:48px;object-fit:contain}.maker-card small{display:block;font-size:.65rem;overflow:hidden;text-overflow:ellipsis}.maker-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
@media(max-width:1000px){.item-grid{grid-template-columns:repeat(3,1fr)}.tech-levels{grid-template-columns:repeat(2,1fr)}.site-nav{gap:.8rem}.site-nav a{font-size:.85rem}}@media(max-width:760px){.database-filters{grid-template-columns:1fr}.sticky-tools{position:static}.item-grid,.tech-levels{grid-template-columns:repeat(2,1fr)}.item-detail-hero{grid-template-columns:1fr}.map-app{grid-template-columns:1fr}.map-sidebar>[data-map-panel]{display:block}.map-sidebar [data-map-filters]{display:none}.map-sidebar.open [data-map-filters]{display:block}.map-stage{height:520px}}@media(max-width:480px){.item-grid,.tech-levels{grid-template-columns:1fr}.tree-controls{display:grid}.maker-row{grid-template-columns:48px 1fr}.maker-card{width:64px}.map-stage{height:480px}}