/* ===== WOW WYSZUKIWARKA ===== */ .search-bar-wrap { position:relative; display:flex; align-items:center; gap:8px; background:linear-gradient(135deg,#18181b 0%,#27272a 100%); border:1px solid #3f3f46; border-radius:16px; padding:6px 6px 6px 16px; transition:all .3s cubic-bezier(.4,0,.2,1); box-shadow:0 4px 20px rgba(0,0,0,.2); } .search-bar-wrap:focus-within { border-color:#fbbf24; box-shadow:0 0 0 4px rgba(251,191,36,.15),0 8px 32px rgba(251,191,36,.1); transform:translateY(-1px); } .search-bar-icon { font-size:20px; opacity:.6; } .search-bar-wrap input { flex:1; background:transparent; border:none; outline:none; color:#fafafa; font-size:15px; padding:10px 0; } .search-bar-wrap input::placeholder { color:#71717a; } .search-bar-btn { background:#fbbf24; color:#0d0d0d; font-weight:600; font-size:14px; padding:10px 22px; border-radius:12px; border:none; cursor:pointer; transition:all .2s; } .search-bar-btn:hover { background:#fcd34d; transform:scale(1.02); } .search-hero { text-align:center; padding:48px 16px 24px; animation:heroFadeIn .6s cubic-bezier(.16,1,.3,1); } @keyframes heroFadeIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} } .search-hero-icon { font-size:56px; margin-bottom:12px; animation:float 3s ease-in-out infinite; display:inline-block; } @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } .search-hero-title { font-size:32px; font-weight:800; margin-bottom:8px; letter-spacing:-.5px; background:linear-gradient(135deg,#fafafa 0%,#fbbf24 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } .search-hero-sub { color:#a1a1aa; font-size:14px; margin-bottom:32px; } .search-section-title { font-size:15px; font-weight:600; color:#d4d4d8; margin-bottom:14px; } .search-popular { text-align:left; animation:heroFadeIn .6s .2s both; } .popular-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:12px; } .popular-tile { background:#18181b; border:1px solid #27272a; border-radius:12px; overflow:hidden; cursor:pointer; transition:all .3s cubic-bezier(.4,0,.2,1); animation:tileIn .5s cubic-bezier(.16,1,.3,1) both; } .popular-tile:nth-child(1){animation-delay:.05s} .popular-tile:nth-child(2){animation-delay:.1s} .popular-tile:nth-child(3){animation-delay:.15s} .popular-tile:nth-child(4){animation-delay:.2s} .popular-tile:nth-child(5){animation-delay:.25s} .popular-tile:nth-child(6){animation-delay:.3s} .popular-tile:nth-child(7){animation-delay:.35s} .popular-tile:nth-child(8){animation-delay:.4s} @keyframes tileIn { from{opacity:0;transform:translateY(12px) scale(.95)} to{opacity:1;transform:translateY(0) scale(1)} } .popular-tile:hover { border-color:#fbbf24; transform:translateY(-4px); box-shadow:0 12px 28px rgba(251,191,36,.18); } .popular-tile-img { aspect-ratio:3/4; background:#09090b; display:flex; align-items:center; justify-content:center; overflow:hidden; } .popular-tile-img img { width:100%; height:100%; object-fit:contain; transition:transform .4s; } .popular-tile:hover .popular-tile-img img { transform:scale(1.08); } .popular-tile-name { font-size:11px; font-weight:600; color:#e4e4e7; padding:8px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .search-chips-wrap { margin-bottom:32px; animation:heroFadeIn .6s .1s both; } .search-chips-label { font-size:12px; color:#71717a; margin-bottom:10px; text-transform:uppercase; letter-spacing:.5px; font-weight:500; } .search-chips { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; } .search-chip { display:inline-flex; align-items:center; gap:6px; background:#18181b; border:1px solid #27272a; color:#d4d4d8; font-size:12px; padding:7px 12px; border-radius:999px; cursor:pointer; transition:all .2s; } .search-chip:hover { background:#27272a; border-color:#fbbf24; color:#fbbf24; transform:translateY(-1px); } .search-chip-x { opacity:.5; font-size:14px; line-height:1; } .search-empty .search-results-state { display:none; } .search-empty .search-hero { display:block; } .search-results .search-hero { display:none; } .search-results .search-results-state { display:block; } .search-results-state { animation:heroFadeIn .5s cubic-bezier(.16,1,.3,1); } .search-card { background:#18181b; border:1px solid #27272a; border-radius:14px; overflow:hidden; cursor:pointer; transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .3s; animation:cardIn .4s cubic-bezier(.16,1,.3,1) both; } @keyframes cardIn { from{opacity:0;transform:translateY(12px) scale(.96)} to{opacity:1;transform:translateY(0) scale(1)} } .search-card:hover { border-color:#fbbf24; transform:translateY(-6px) rotateX(2deg) rotateY(-1deg); box-shadow:0 20px 40px rgba(251,191,36,.18),0 0 0 1px rgba(251,191,36,.3); } .search-results-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; } .search-empty-state { grid-column:1/-1; text-align:center; padding:60px 20px; animation:heroFadeIn .5s; } .search-empty-icon { font-size:56px; opacity:.4; margin-bottom:16px; } .search-empty-title { font-size:18px; font-weight:700; color:#e4e4e7; margin-bottom:8px; } .search-empty-text { font-size:13px; color:#71717a; margin-bottom:20px; } .search-empty-tips { display:inline-block; text-align:left; background:#18181b; border:1px solid #27272a; border-radius:12px; padding:14px 20px; } .search-empty-tips ul { list-style:none; padding:0; margin:0; font-size:12px; color:#a1a1aa; } .search-empty-tips li { padding:4px 0 4px 18px; position:relative; } .search-empty-tips li::before { content:"?"; position:absolute; left:0; color:#fbbf24; font-weight:700; } .search-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; padding:0 4px; } .search-filter-toggle { display:inline-flex; align-items:center; gap:8px; background:#18181b; border:1px solid #27272a; color:#d4d4d8; font-size:13px; padding:8px 14px; border-radius:10px; cursor:pointer; transition:all .2s; } .search-filter-toggle:hover { border-color:#fbbf24; color:#fbbf24; } .search-msg { font-size:12px; color:#a1a1aa; flex:1; text-align:center; } .search-checkbox { display:flex; align-items:center; gap:6px; font-size:12px; color:#a1a1aa; cursor:pointer; user-select:none; } .search-checkbox input { accent-color:#fbbf24; width:14px; height:14px; } .filter-panel-wow { background:#09090b; border:1px solid #27272a; border-radius:14px; padding:18px; margin-bottom:16px; display:flex; flex-direction:column; gap:16px; } .filter-label { font-size:11px; color:#71717a; margin-bottom:8px; text-transform:uppercase; letter-spacing:.5px; font-weight:500; } .filter-row { display:flex; flex-wrap:wrap; gap:6px; align-items:center; } .filter-select,.filter-select-inline { width:100%; background:#18181b; border:1px solid #27272a; border-radius:8px; padding:8px 10px; font-size:12px; color:#d4d4d8; outline:none; transition:all .2s; } .filter-select:focus { border-color:#fbbf24; box-shadow:0 0 0 3px rgba(251,191,36,.15); } .filter-select-inline { width:auto; min-width:160px; } .filter-clear-btn { font-size:12px; color:#fbbf24; background:transparent; border:none; cursor:pointer; padding:6px 10px; border-radius:6px; } .filter-clear-btn:hover { background:rgba(251,191,36,.1); } .search-results-state .search-filter-toggle #activeFilterBadge { background:#fbbf24; color:#0d0d0d; font-size:10px; font-weight:700; padding:1px 6px; border-radius:999px; } /* Szybkie wygrane */ .pk-toast-wrap { position:fixed; top:20px; right:20px; z-index:9999; display:flex; flex-direction:column; gap:10px; pointer-events:none; } .pk-toast { background:#18181b; border:1px solid #27272a; border-left:3px solid #fbbf24; border-radius:10px; padding:12px 16px; color:#e4e4e7; font-size:13px; min-width:260px; max-width:380px; box-shadow:0 10px 30px rgba(0,0,0,.4); display:flex; align-items:center; gap:10px; pointer-events:auto; animation:toastIn .4s cubic-bezier(.16,1,.3,1); } .pk-toast.success { border-left-color:#22c55e; } .pk-toast.error { border-left-color:#ef4444; } .pk-toast.info { border-left-color:#3b82f6; } .pk-toast-icon { font-size:18px; flex-shrink:0; } .pk-toast-text { flex:1; line-height:1.4; } .pk-toast.out { animation:toastOut .3s cubic-bezier(.4,0,1,1) forwards; } @keyframes toastIn { from{opacity:0;transform:translateX(100%)} to{opacity:1;transform:translateX(0)} } @keyframes toastOut { from{opacity:1;transform:translateX(0)} to{opacity:0;transform:translateX(100%)} } .pk-spinner { position:fixed; top:14px; right:14px; z-index:9998; width:32px; height:32px; border-radius:50%; border:3px solid rgba(251,191,36,.2); border-top-color:#fbbf24; animation:spin .8s linear infinite; opacity:0; transform:scale(.6); transition:opacity .2s,transform .2s; pointer-events:none; } .pk-spinner.on { opacity:1; transform:scale(1); } @keyframes spin { to{transform:rotate(360deg)} } .pk-confetti-piece { position:fixed; width:8px; height:14px; pointer-events:none; z-index:9997; animation:confettiFall 2.2s cubic-bezier(.4,.1,.6,1) forwards; } @keyframes confettiFall { 0%{transform:translateY(0) rotate(0deg);opacity:1} 100%{transform:translateY(100vh) rotate(720deg);opacity:0} }

PokeKolekcja

Twoja kolekcja kart Pok?mon

?
Kolekcjoner kart Pok?mon

Twoja kolekcja kart w jednym miejscu

Wyszukuj karty z bazy TCGdex, zapisuj je w chmurze i buduj swoja kolekcje. Ceny w PLN (kurs NBP), grading, wykresy trend?w, czat ze znajomymi.

Co mozesz robic?

??
Wyszukiwarka 20 000+ kart
Filtruj po typie, rzadkosci, secie i sufiksie. Znajdziesz kazda karte Pok?mon.
??
Ceny w PLN
Kurs z NBP, ceny Cardmarket i TCGPlayer przeliczone na zlot?wki, na zywo.
??
Grading PSA / BGS / CGC
Wpisz recznie cene graded i sledz wartosc swojej kolekcji zgodnie z gradingiem.
??
Czat ze znajomymi
Dodawaj znajomych, pisz w czasie rzeczywistym, wymieniaj sie kartami.
??
Wartosc kolekcji
Laczna wartosc w PLN, liczba set?w, statystyki na zywo.
??
Bezpieczne konto
Logowanie e-mail + haslo lub magic link. Twoje dane widzisz tylko Ty.
??

Zacznij zbierac juz dzis

Utw?rz konto w 10 sekund i dodaj pierwsza karte do kolekcji.