/* global React */ const TR = { bg: 'rgb(6,11,24)', bgDeep: 'rgb(21,19,49)', gold: '#E6C79C', goldDark: '#9E7B4B', lavender: 'rgb(186,171,212)', muted: 'rgb(78,70,114)', white: 'rgb(255,255,255)' }; // 22 Wielkie Arkana — z polskim tytułem, glifem i krótkim opisem znaczenia. const TAROT_CARDS = [ { id: 0, name: 'Głupiec', glyph: '☼', meaning: 'Nowy początek, otwartość na to, co nieznane. Karta zaprasza Cię do zrobienia kroku, nawet jeśli nie widzisz jeszcze całej drogi. Zaufaj impulsowi — to dobry moment na coś świeżego.' }, { id: 1, name: 'Mag', glyph: '∞', meaning: 'Masz w sobie wszystko, czego potrzebujesz. Karta przypomina o Twojej sprawczości, talentach i odwadze działania. To czas, by zamienić intencję w konkret.' }, { id: 2, name: 'Najwyższa Kapłanka', glyph: '☽', meaning: 'Wsłuchaj się w siebie głębiej. Intuicja podpowiada coś, czego umysł jeszcze nie potrafi nazwać. Karta zaprasza do ciszy, refleksji i zaufania temu, co wewnętrzne.' }, { id: 3, name: 'Cesarzowa', glyph: '♀', meaning: 'Obfitość, troska, twórcza energia. Karta pokazuje, że coś dojrzewa — relacja, projekt, pomysł. Pozwól, by rozwijało się w swoim tempie.' }, { id: 4, name: 'Cesarz', glyph: '♂', meaning: 'Struktura, dyscyplina, gotowość do wzięcia odpowiedzialności. Karta wspiera świadome decyzje i budowanie trwałych podstaw — także wobec samego siebie.' }, { id: 5, name: 'Arcykapłan', glyph: '☩', meaning: 'Tradycja, mądrość przekazywana z pokolenia na pokolenie, nauka. Karta zaprasza do skorzystania z wiedzy kogoś, kto już tę drogę przeszedł.' }, { id: 6, name: 'Kochankowie', glyph: '❦', meaning: 'Wybór, który ma w sobie głos serca. Karta dotyczy nie tylko relacji — pokazuje moment, w którym trzeba wybrać to, co prawdziwie Twoje.' }, { id: 7, name: 'Rydwan', glyph: '➤', meaning: 'Siła woli, kierunek, determinacja. Karta mówi, że masz energię, by ruszyć z miejsca. Jasno postawiony cel pomaga panować nad chaosem dookoła.' }, { id: 8, name: 'Siła', glyph: '∽', meaning: 'Łagodność jest większą mocą niż przymus. Karta zaprasza do oswajania tego, co w Tobie dzikie — z cierpliwością i odwagą.' }, { id: 9, name: 'Pustelnik', glyph: '🜂', meaning: 'Czas zatrzymania i wewnętrznej pracy. Karta wskazuje, że odpowiedź pojawi się, gdy pozwolisz sobie na ciszę i samotność — choć na chwilę.' }, { id: 10, name: 'Koło Fortuny', glyph: '⊙', meaning: 'Cykle się zamykają i otwierają. Karta przypomina, że zmiana jest naturalna — to nie koniec, tylko kolejny obrót koła.' }, { id: 11, name: 'Sprawiedliwość', glyph: '⚖', meaning: 'Równowaga, prawda, konsekwencje wyborów. Karta zaprasza do uczciwego spojrzenia na sytuację i podjęcia decyzji w zgodzie z wewnętrznym kompasem.' }, { id: 12, name: 'Wisielec', glyph: '⨯', meaning: 'Zatrzymanie, zmiana perspektywy, oddanie kontroli. Karta uczy, że czasem nie trzeba działać — wystarczy spojrzeć inaczej.' }, { id: 13, name: 'Śmierć', glyph: '✶', meaning: 'Koniec etapu, transformacja, miejsce na nowe. Karta nie mówi o stracie, lecz o uwolnieniu od tego, co już Cię nie wspiera.' }, { id: 14, name: 'Umiarkowanie', glyph: '⚗', meaning: 'Harmonia, łączenie przeciwieństw, spokojny rytm. Karta pokazuje, że największą zmianę przynoszą małe, świadome kroki.' }, { id: 15, name: 'Diabeł', glyph: '⛧', meaning: 'Przywiązanie, schemat, którego trudno się pozbyć. Karta nie potępia — pokazuje, gdzie warto zobaczyć własne łańcuchy, by je rozluźnić.' }, { id: 16, name: 'Wieża', glyph: '⌂', meaning: 'Nagła zmiana, która oczyszcza. Karta mówi o tym, że coś musi runąć, by mogło powstać coś prawdziwszego. Zaufaj — to dla Twojego dobra.' }, { id: 17, name: 'Gwiazda', glyph: '✦', meaning: 'Nadzieja, ulga, lekkość po trudniejszym czasie. Karta przypomina, że światło wraca — nawet jeśli teraz jeszcze nie jest pełne.' }, { id: 18, name: 'Księżyc', glyph: '☾', meaning: 'Niejasność, intuicja, sny i emocje. Karta zaprasza, by zamiast szukać racjonalnej odpowiedzi — zaufać temu, co czujesz pod powierzchnią.' }, { id: 19, name: 'Słońce', glyph: '☀', meaning: 'Radość, witalność, spełnienie. Karta mówi, że jesteś we właściwym miejscu — pozwól sobie cieszyć się tym, co już masz.' }, { id: 20, name: 'Sąd', glyph: '𓂀', meaning: 'Przebudzenie, powrót do siebie, ważna decyzja. Karta pokazuje moment, w którym zaczynasz słyszeć swój głos jaśniej niż wcześniej.' }, { id: 21, name: 'Świat', glyph: '◯', meaning: 'Domknięcie cyklu, integracja, spełnienie. Karta mówi, że proces, w którym byłaś/-eś, prowadzi do harmonijnego końca — i nowego początku.' } ]; function shuffleDeck() { const arr = TAROT_CARDS.slice(); for (let i = arr.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; } function TarotReader() { const [deck, setDeck] = React.useState(() => shuffleDeck()); const [picked, setPicked] = React.useState(null); // { card, index } const [flipped, setFlipped] = React.useState(false); const flipTimer = React.useRef(null); React.useEffect(() => () => { if (flipTimer.current) clearTimeout(flipTimer.current); }, []); const onPick = (card, idx) => { if (picked) return; setPicked({ card, index: idx }); if (flipTimer.current) clearTimeout(flipTimer.current); flipTimer.current = setTimeout(() => setFlipped(true), 320); }; const onShuffle = () => { setFlipped(false); if (flipTimer.current) clearTimeout(flipTimer.current); setTimeout(() => { setPicked(null); setDeck(shuffleDeck()); }, 220); }; // Card visuals — narrow heavily-overlapping cards in a single fanned row const CARD_W = 78; const CARD_H = 124; const OVERLAP = 56; // ~22px of each card visible under the next return (
{/* Left column — heading + fanned deck */}
SZYBKA WRÓŻBA

Wybierz kartę,
by zobaczyć przesłanie

Skup się na chwilę. Pomyśl o pytaniu lub obszarze życia, który Cię teraz zajmuje. Gdy poczujesz, że to ten moment — kliknij jedną z kart. To krótki wgląd, lekka inspiracja do refleksji.

{deck.map((c, i) =>
onPick(c, i)}>
✦
)}
{picked &&
Wylosuj ponownie
}
{/* Right column — result panel */}
{picked && flipped ?
Twoja karta
{picked.card.glyph}
{`Arkan ${picked.card.id}`}

{picked.card.name}

{picked.card.meaning}

To krótka inspiracja. Jeśli chcesz głębszego wglądu w swoje pytanie — emocje, kontekst, kierunek — zamów sesję Stawianie Tarota. Pracujemy z pełnym układem kart i Twoją historią.

Zamów sesję Stawianie Tarota
:
✦

Wybierz jedną z kart obok. Twoja karta odsłoni się tutaj — wraz z krótkim opisem przesłania.

}
); } Object.assign(window, { TarotReader });