.set-selector{display:flex;flex-wrap:wrap;gap:8px;padding:12px 32px;border-bottom:1px solid var(--color-border)}@media (max-width: 700px){.set-selector{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);overflow-x:auto;overflow-y:hidden;padding:10px 16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,black calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 48px),transparent 100%)}.set-selector::-webkit-scrollbar{display:none}}.set-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.85rem;padding:4px 14px 4px 8px;white-space:nowrap;transition:border-color .15s,color .15s,background .15s;display:flex;align-items:center;gap:6px}.set-pill-logo{height:22px;width:auto;display:block;object-fit:contain;flex-shrink:0}.set-pill:hover{border-color:var(--color-accent);color:var(--color-text)}.set-pill--active{background:var(--color-accent);border-color:var(--color-accent);color:#0f1117;font-weight:600}.type-filter-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.supertype-pills{display:flex;gap:6px;flex-wrap:wrap}.supertype-pill{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:500;padding:5px 14px;transition:border-color .15s,color .15s,background .15s}.supertype-pill:hover{border-color:var(--color-accent);color:var(--color-text)}.supertype-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#0f1117;font-weight:600}.energy-type-pills{display:flex;gap:6px;flex-wrap:wrap}.energy-type-pill{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .15s,transform .15s,background .15s}.energy-type-pill:hover{border-color:var(--color-text-secondary);transform:translateY(-1px)}.energy-type-pill.active{border-color:var(--color-accent);border-width:2px;background:#a8d4e81f}.tap-tip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(168,212,232,0.07);border:1px solid rgba(168,212,232,0.18);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.82rem;color:var(--color-text-secondary);animation:fadeInTip .3s ease}.tap-tip-msg{flex:1;line-height:1.4}@keyframes fadeInTip{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tap-tip-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;line-height:1}.tap-tip-close:hover{color:var(--color-text);background:rgba(255,255,255,0.06)}