✦ Disney × Ravensburger ✦
Disney
Lorcana
Booster Packs — Crack Open a Legend
Step into The Great Illuminary — where iconic Disney magic collides with breathtaking card art,
thrilling strategy, and the most covetable chase cards the collecting world has ever seen.
Every Pack Contains
12 Cards. Infinite Possibilities.
Every Disney Lorcana Booster Pack is a treasure chest waiting to be unlocked.
Twelve carefully curated cards drawn from the full spectrum of rarities —
from the Commons you'll build your deck around to the electrifying foil rares
that make collectors' hearts leap. Rip open a pack and let the magic begin.
🃏
The backbone of every great Lorcana deck. High-playability cards featuring beloved Disney characters rendered in lush, storybook illustration styles you'll want to display, not just play.
✨
Where the game-changing abilities live. Each rare card is a centerpiece — foil-stamped, exquisitely illustrated, and packed with strategic firepower to dominate the Inkwell.
🌟
One Legendary per box guaranteed — and they hit like thunderbolts. The most powerful cards in the game, with full-art treatments that look like concept art straight out of Walt Disney Animation Studios.
💎
The rarest of the rare. Enchanted cards are alternate-art masterpieces with prismatic, holographic foiling that shifts and shimmers. Pull one and you'll never forget it.
The Artistry
Illustration You Can Feel
Ravensburger didn't just make a card game — they commissioned some of the most extraordinary fantasy illustration talent on the planet.
Every card in Disney Lorcana is a miniature work of art, depicting your favourite characters in reimagined worlds,
alternate timelines, and painterly styles that range from ethereal watercolour to bold graphic expressionism.
This is eye candy at championship level.
🎨
Oil-painting inspired linework gives heroes like Cinderella and Ariel an old-master grandeur never seen in a TCG before.
🌊
Six Ink colours — Amber, Amethyst, Emerald, Ruby, Sapphire & Steel — each with a distinct visual palette and mood that bleeds through every card's atmosphere.
🌌
Characters reborn in dark, dreamlike, heroic alternate versions — Elsa as a warrior, Simba in ancient armour, Stitch as a king. Imagination unleashed.
Hunt. Pull. Obsess.
The chase is half the magic. Disney Lorcana delivers some of the most visually spectacular and brutally scarce
chase cards ever printed in a trading card game. Each new set raises the bar — and opens a fresh rabbit hole
for collectors who simply must have them all.
✦ Enchanted Rarity ✦
🪄
The crown jewel of every set. Alternate full-art illustrations with prismatic foiling so intense it looks like the card is glowing. Found roughly 1 in every 4 booster boxes — the ultimate grail pull. Each Enchanted reimagines an iconic character in a scene you've never seen before.
✦ Legendary Foils ✦
👑
The most powerful and coveted cards in the game. Legendaries like Maleficent – Monstrous Dragon and Mickey Mouse – True Friend combine crushing in-game power with gold-bordered, full-bleed, foil-stamped artistry that makes them instant display pieces.
✦ Special Promos ✦
🌠
Exclusive event promos, store championship cards, and oversized box-topper prints that are impossible to find through normal retail. Alternate art, unique stamp finishes, and limited-run treatments that make every promo a mini treasure hunt of its own.
From The First Chapter to Now
Whether you're hunting down a complete first-edition The First Chapter set or cracking fresh packs from the latest expansion,
Disney Lorcana's growing catalogue has something magical for every collector and player.
✨ The First Chapter
🌹 Rise of the Floodborn
🏔️ Into the Inklands
⚡ Ursula's Return
🌟 Shimmering Skies
🗺️ Archazia's Island
🔮 Azurite Sea
More Than a Card Game
From Snow White to Encanto, the Lorcana card roster spans nearly 100 years of Disney history. Every pack is a chance to pull a childhood favourite — rendered in breathtaking new art that makes nostalgia hit twice as hard.
Beneath the gorgeous art lies a genuinely deep and rewarding game. The Lore-accumulation system rewards clever deckbuilding, timing, and resource management — easy to learn, endlessly mastered.
First-set Enchanted cards have reached extraordinary secondary market values. Early adopters who snapped up boxes are sitting on genuine treasures. The collector community is exploding — and supply is finite.
Buy a single pack as a stocking filler or gift — or go deep with a booster box for the collector in your life. Disney Lorcana bridges the gap between competitive TCG players and casual Disney fans like nothing before it.
✦ Your Adventure Awaits ✦
Open Your Pack.
// Scroll reveal
const reveals = document.querySelectorAll('.reveal');
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }
});
}, { threshold: 0.12 });
reveals.forEach(el => io.observe(el));
// Stagger pack-grid children
document.querySelectorAll('.pack-grid .pack-card, .chase-grid .chase-card, .lore-grid .lore-block').forEach((el, i) => {
el.style.transitionDelay = `${i * 0.1}s`;
});
:root {
--gold: #f5c842;
--deep-gold: #c9952a;
--ink: #0d0b1a;
--deep-purple: #1a1040;
--vivid-teal: #00d4c8;
--rose: #ff5f87;
--cream: #fdf6e3;
--glow-gold: rgba(245,200,66,0.35);
--glow-teal: rgba(0,212,200,0.25);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(--ink);
color: var(--cream);
font-family: 'Lato', sans-serif;
overflow-x: hidden;
cursor: default;
}
/* ── STARFIELD ── */
.stars {
position: fixed; inset: 0; z-index: 0; pointer-events: none;
background:
radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.9) 0%, transparent 100%),
radial-gradient(1px 1px at 30% 60%, rgba(255,255,255,0.6) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 55% 15%, rgba(245,200,66,0.8) 0%, transparent 100%),
radial-gradient(1px 1px at 75% 40%, rgba(255,255,255,0.7) 0%, transparent 100%),
radial-gradient(1px 1px at 88% 75%, rgba(0,212,200,0.6) 0%, transparent 100%),
radial-gradient(1px 1px at 22% 85%, rgba(255,255,255,0.5) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 65% 90%, rgba(245,200,66,0.7) 0%, transparent 100%),
radial-gradient(1px 1px at 42% 50%, rgba(255,95,135,0.5) 0%, transparent 100%),
radial-gradient(1px 1px at 92% 10%, rgba(255,255,255,0.8) 0%, transparent 100%),
radial-gradient(1px 1px at 5% 55%, rgba(0,212,200,0.4) 0%, transparent 100%);
}
/* ── HERO ── */
.hero {
position: relative; z-index: 1;
min-height: 100vh;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center;
padding: 60px 20px 80px;
background:
radial-gradient(ellipse 80% 60% at 50% 0%, rgba(60,20,120,0.7) 0%, transparent 70%),
radial-gradient(ellipse 50% 40% at 20% 80%, rgba(0,100,120,0.3) 0%, transparent 60%);
overflow: hidden;
}
.hero::before {
content: '';
position: absolute; inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='
http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f5c842' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}
.eyebrow {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 0.7rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: var(--vivid-teal);
margin-bottom: 24px;
animation: fadeUp 0.8s ease both;
}
.hero-title {
font-family: 'Cinzel Decorative', cursive;
font-size: clamp(2.8rem, 8vw, 7rem);
font-weight: 900;
line-height: 1.05;
background: linear-gradient(135deg, #fff8dc 0%, var(--gold) 40%, var(--deep-gold) 70%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: none;
filter: drop-shadow(0 0 40px var(--glow-gold));
animation: fadeUp 0.9s 0.15s ease both;
margin-bottom: 8px;
}
.hero-sub {
font-family: 'Cinzel Decorative', cursive;
font-size: clamp(1rem, 2.5vw, 1.6rem);
font-weight: 700;
color: var(--vivid-teal);
letter-spacing: 0.1em;
animation: fadeUp 1s 0.3s ease both;
margin-bottom: 32px;
}
.hero-tagline {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: clamp(1.1rem, 2vw, 1.5rem);
color: rgba(253,246,227,0.85);
max-width: 680px;
line-height: 1.7;
animation: fadeUp 1s 0.45s ease both;
margin-bottom: 48px;
}
.hero-tagline strong {
color: var(--gold);
font-style: normal;
}
.cta-btn {
display: inline-block;
font-family: 'Cinzel Decorative', cursive;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--ink);
background: linear-gradient(135deg, var(--gold), var(--deep-gold));
padding: 18px 48px;
border-radius: 4px;
text-decoration: none;
box-shadow: 0 0 30px var(--glow-gold), 0 4px 20px rgba(0,0,0,0.4);
animation: fadeUp 1s 0.6s ease both, pulse-glow 3s 1.8s ease-in-out infinite;
transition: transform 0.2s, box-shadow 0.2s;
}
.cta-btn:hover {
transform: translateY(-3px) scale(1.03);
box-shadow: 0 0 55px var(--glow-gold), 0 8px 30px rgba(0,0,0,0.5);
}
/* floating ink drops */
.ink-drop {
position: absolute;
border-radius: 50%;
filter: blur(60px);
opacity: 0.15;
animation: drift 12s ease-in-out infinite alternate;
pointer-events: none;
}
.ink-drop-1 { width: 400px; height: 400px; background: #6a0dad; top: -100px; left: -100px; animation-duration: 14s; }
.ink-drop-2 { width: 300px; height: 300px; background: #00d4c8; bottom: 0; right: -80px; animation-duration: 10s; animation-delay: -4s; }
.ink-drop-3 { width: 200px; height: 200px; background: var(--rose); top: 40%; left: 10%; animation-duration: 18s; animation-delay: -7s; }
/* ── SECTION BASE ── */
section { position: relative; z-index: 1; }
/* ── DIVIDER ── */
.divider {
display: flex; align-items: center; gap: 20px;
padding: 0 40px; margin: 0 auto; max-width: 900px;
}
.divider-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.divider-diamond {
width: 12px; height: 12px;
background: var(--gold);
transform: rotate(45deg);
box-shadow: 0 0 12px var(--gold);
}
/* ── WHAT'S IN A PACK ── */
.pack-section {
padding: 100px 20px;
background: linear-gradient(180deg, var(--ink) 0%, #120d2e 50%, var(--ink) 100%);
text-align: center;
}
.section-label {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 0.68rem;
letter-spacing: 0.4em;
text-transform: uppercase;
color: var(--vivid-teal);
margin-bottom: 16px;
}
.section-title {
font-family: 'Cinzel Decorative', cursive;
font-size: clamp(1.8rem, 4vw, 3.2rem);
font-weight: 700;
color: var(--cream);
margin-bottom: 20px;
filter: drop-shadow(0 0 20px var(--glow-gold));
}
.section-body {
font-family: 'Playfair Display', serif;
font-size: 1.15rem;
line-height: 1.85;
color: rgba(253,246,227,0.8);
max-width: 760px;
margin: 0 auto 60px;
}
.section-body strong { color: var(--gold); font-weight: 700; }
.pack-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 28px;
max-width: 1100px;
margin: 0 auto;
}
.pack-card {
background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
border: 1px solid rgba(245,200,66,0.2);
border-radius: 12px;
padding: 36px 28px;
transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
position: relative; overflow: hidden;
}
.pack-card::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(245,200,66,0.06) 0%, transparent 60%);
opacity: 0;
transition: opacity 0.3s;
}
.pack-card:hover { transform: translateY(-8px); border-color: rgba(245,200,66,0.55); box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px var(--glow-gold); }
.pack-card:hover::before { opacity: 1; }
.card-icon { font-size: 2.8rem; margin-bottom: 18px; display: block; }
.card-name {
font-family: 'Cinzel Decorative', cursive;
font-size: 1rem;
font-weight: 700;
color: var(--gold);
margin-bottom: 12px;
letter-spacing: 0.05em;
}
.card-desc {
font-family: 'Lato', sans-serif;
font-size: 0.92rem;
color: rgba(253,246,227,0.7);
line-height: 1.7;
}
.card-desc strong { color: var(--cream); }
/* ── ART SECTION ── */
.art-section {
padding: 100px 20px;
text-align: center;
background: radial-gradient(ellipse 100% 60% at 50% 50%, rgba(0,70,90,0.3) 0%, transparent 70%), var(--ink);
}
.art-showcase {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
max-width: 960px;
margin: 60px auto 0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0,0,0,0.7);
}
.art-panel {
padding: 50px 30px;
position: relative;
overflow: hidden;
transition: flex 0.5s, transform 0.3s;
}
.art-panel:nth-child(1) { background: linear-gradient(160deg, #1a1040, #2d0a5e); }
.art-panel:nth-child(2) { background: linear-gradient(160deg, #0a2a40, #0d4a3a); }
.art-panel:nth-child(3) { background: linear-gradient(160deg, #3d0a20, #1a0a30); }
.art-panel::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.6) 100%);
}
.art-panel-emoji { font-size: 4rem; margin-bottom: 14px; display: block; position: relative; z-index: 1; }
.art-panel-title {
font-family: 'Cinzel Decorative', cursive;
font-size: 0.85rem;
font-weight: 700;
color: var(--gold);
letter-spacing: 0.1em;
position: relative; z-index: 1;
margin-bottom: 8px;
}
.art-panel-text {
font-family: 'Lato', sans-serif;
font-size: 0.82rem;
color: rgba(253,246,227,0.75);
line-height: 1.6;
position: relative; z-index: 1;
}
@media (max-width: 640px) {
.art-showcase { grid-template-columns: 1fr; }
}
/* ── CHASE SECTION ── */
.chase-section {
padding: 100px 20px;
text-align: center;
background:
linear-gradient(180deg, var(--ink) 0%, #1a0a35 50%, var(--ink) 100%);
position: relative;
overflow: hidden;
}
.chase-section::before {
content: '';
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 700px; height: 700px;
background: radial-gradient(circle, rgba(255,95,135,0.08) 0%, transparent 70%);
pointer-events: none;
}
.chase-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
max-width: 1100px;
margin: 60px auto 0;
}
.chase-card {
position: relative;
border-radius: 14px;
padding: 40px 28px;
overflow: hidden;
border: 1px solid transparent;
transition: transform 0.3s, box-shadow 0.3s;
}
.chase-card::before {
content: '';
position: absolute; inset: 0;
border-radius: 14px;
padding: 1px;
background: linear-gradient(135deg, var(--gold), var(--rose), var(--vivid-teal), var(--gold));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0.6;
animation: border-spin 4s linear infinite;
}
.chase-card:nth-child(1) { background: linear-gradient(145deg, #1c0d35, #120a25); }
.chase-card:nth-child(2) { background: linear-gradient(145deg, #1a0620, #0d1530); }
.chase-card:nth-child(3) { background: linear-gradient(145deg, #0a1a20, #150d2a); }
.chase-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 0 40px rgba(255,95,135,0.2); }
.chase-rarity {
font-family: 'Lato', sans-serif;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.4em;
text-transform: uppercase;
margin-bottom: 14px;
}
.chase-rarity.enchanted { color: #ff9ff3; }
.chase-rarity.legendary { color: var(--gold); }
.chase-rarity.promo { color: var(--vivid-teal); }
.chase-card-emoji { font-size: 3.5rem; margin-bottom: 16px; display: block; }
.chase-card-title {
font-family: 'Cinzel Decorative', cursive;
font-size: 1.1rem;
font-weight: 700;
color: var(--cream);
margin-bottom: 14px;
}
.chase-card-desc {
font-family: 'Lato', sans-serif;
font-size: 0.9rem;
line-height: 1.75;
color: rgba(253,246,227,0.7);
}
.chase-card-desc strong { color: var(--cream); }
/* ── SETS BANNER ── */
.sets-section {
padding: 80px 20px;
text-align: center;
background: linear-gradient(135deg, #0d0b1a 0%, #1a1040 50%, #0d0b1a 100%);
border-top: 1px solid rgba(245,200,66,0.1);
border-bottom: 1px solid rgba(245,200,66,0.1);
}
.sets-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
max-width: 900px;
margin: 40px auto 0;
}
.set-pill {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 10px 24px;
border-radius: 50px;
border: 1px solid rgba(245,200,66,0.35);
color: var(--gold);
background: rgba(245,200,66,0.06);
transition: background 0.25s, box-shadow 0.25s;
}
.set-pill:hover { background: rgba(245,200,66,0.15); box-shadow: 0 0 18px var(--glow-gold); }
/* ── LORE SECTION ── */
.lore-section {
padding: 100px 20px;
text-align: center;
}
.lore-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
max-width: 1000px;
margin: 60px auto 0;
text-align: left;
}
.lore-block {
padding: 36px 32px;
border-radius: 12px;
border-left: 3px solid var(--gold);
background: rgba(255,255,255,0.03);
}
.lore-block-title {
font-family: 'Cinzel Decorative', cursive;
font-size: 1rem;
font-weight: 700;
color: var(--gold);
margin-bottom: 14px;
display: flex; align-items: center; gap: 10px;
}
.lore-block-body {
font-family: 'Lato', sans-serif;
font-size: 0.92rem;
color: rgba(253,246,227,0.72);
line-height: 1.8;
}
.lore-block-body strong { color: var(--cream); }
/* ── FOOTER CTA ── */
.footer-cta {
padding: 120px 20px;
text-align: center;
background:
radial-gradient(ellipse 70% 50% at 50% 100%, rgba(60,20,120,0.5), transparent),
var(--ink);
position: relative; overflow: hidden;
}
.footer-cta .hero-title { font-size: clamp(2rem, 5vw, 4.5rem); }
.footer-sub {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 1.2rem;
color: rgba(253,246,227,0.7);
margin: 24px auto 48px;
max-width: 600px;
}
.footer-note {
font-family: 'Lato', sans-serif;
font-size: 0.75rem;
color: rgba(253,246,227,0.35);
margin-top: 32px;
letter-spacing: 0.08em;
}
/* ── ANIMATIONS ── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes drift {
from { transform: translate(0, 0) scale(1); }
to { transform: translate(30px, 20px) scale(1.1); }
}
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 30px var(--glow-gold), 0 4px 20px rgba(0,0,0,0.4); }
50% { box-shadow: 0 0 60px rgba(245,200,66,0.6), 0 4px 30px rgba(0,0,0,0.5); }
}
@keyframes border-spin {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}
@keyframes shimmer {
0% { background-position: -400px 0; }
100% { background-position: 400px 0; }
}
/* scroll reveal */
.reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}