:root{--ink:#071630;--cream:#fffcf0;--mint:#63efc1;--yellow:#ffdf50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}.skip{position:absolute;top:-80px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}a{color:inherit}a:focus-visible{outline:3px solid #ed6557;outline-offset:4px}.header{height:90px;display:flex;align-items:center;gap:20px;max-width:1500px;margin:auto;padding:0 4%}.logo{text-decoration:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:32px;letter-spacing:.02em}.logo span{color:#e1ae06;margin-left:8px}.brand{font-size:12px;font-weight:700;border-left:1px solid #c9c8bb;padding-left:20px}.header nav{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:13px;font-weight:750}.header nav a{text-decoration:none}.navbutton,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:100px;text-decoration:none;font-size:13px;font-weight:900;padding:17px 23px}.navbutton,.mint{background:var(--mint)}.navbutton span,.button span{font-size:20px;line-height:1}.hero{min-height:640px;margin:0 2%;border-radius:28px;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,rgba(3,13,40,.97) 0%,rgba(3,13,40,.76) 35%,rgba(3,13,40,.06) 78%),url('avond.png') center 48%/cover}.hero-copy{padding:125px 7% 100px;position:relative}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850}.eyebrow span{color:var(--yellow);font-size:19px;margin-right:8px}.hero h1,.intro h2,.about h2,.end h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:.01em;line-height:.93;margin:28px 0}.hero h1{font-size:clamp(4.4rem,9vw,8.6rem);text-shadow:4px 5px 0 #030b20}.hero h1 em,.about h2 em{font-style:normal;color:var(--yellow)}.hero p{font-weight:700;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.4;margin:0 0 30px}.button{min-height:52px}.mint{color:var(--ink)}.hero-note{position:absolute;right:28px;bottom:24px;font-size:10px;letter-spacing:.15em;font-weight:800}.intro{text-align:center;max-width:1250px;margin:auto;padding:95px 24px 100px}.section-top{display:flex;align-items:center;justify-content:center;gap:18px}.little-star{color:#dfae13;font-size:22px}.dark{color:#3e516a}.intro h2,.end h2{font-size:clamp(3rem,6vw,5.5rem);margin:16px 0}.intro h2 span{color:#e7ad07}.lead{font-size:1.12rem;margin-bottom:42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.card{background:#fff;border:1px solid #e9e5d9;border-radius:20px;overflow:hidden;box-shadow:0 7px 0 rgba(7,22,48,.06)}.card-art{height:235px;position:relative;overflow:hidden;padding:22px;color:white}.art-night{background:#0d2766 url('avond.png') 76% 45%/cover}.art-night:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071630bd,transparent)}.art-yellow{background:#ffdf50;color:#071630}.art-mint{background:#63efc1;color:#071630}.art-index,.art-word,.moon,.roofs,.parcel,.ticket{position:relative;z-index:1}.art-index{font-size:10px;letter-spacing:.12em;font-weight:900}.art-word{position:absolute;left:22px;bottom:20px;font:3.2rem/.86 Impact,sans-serif}.moon{position:absolute;right:20px;top:35px;background:#fff2ac;color:#16234a;border-radius:50%;padding:18px;font-size:25px}.parcel,.ticket{position:absolute;right:20px;top:50px;font-size:85px;transform:rotate(-14deg);color:#f35d51}.ticket{color:#214be4}.roofs{display:none}.card-body{padding:25px}.label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#596a78}.card h3{font:2rem Impact,sans-serif;margin:10px 0}.card p{min-height:54px;line-height:1.5;font-size:.95rem}.status{font-size:.75rem;font-weight:750;color:#526474}.about{background:#0b1c42;color:white;border-radius:28px;margin:0 2%;padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about h2{font-size:clamp(3rem,5vw,5rem)}.about-copy{font-size:1.1rem;line-height:1.6;max-width:480px}.about-copy a{display:inline-block;color:var(--mint);font-weight:850;font-size:.8rem;margin-top:14px}.end{text-align:center;padding:100px 20px}.end>span{font-size:36px;color:#e1ae06}.end p{margin-bottom:25px}.dark-button{background:var(--ink);color:white}footer{border-top:1px solid #e3e0d2;display:flex;align-items:center;gap:25px;padding:35px 5%;font-size:.8rem}footer strong{font:1.5rem Impact,sans-serif}footer strong span{color:#dda900}footer a{margin-left:auto;font-weight:700}@media(max-width:700px){.header{height:72px;gap:10px}.logo{font-size:25px}.brand{display:none}.header nav{gap:14px}.header nav>a:not(.navbutton){display:none}.navbutton{padding:13px 18px}.hero{min-height:660px;margin:0 12px;background:linear-gradient(180deg,rgba(3,13,40,.94) 0%,rgba(3,13,40,.76) 38%,rgba(3,13,40,.08) 78%),url('avond.png') 70% bottom/auto 100%}.hero-copy{padding:70px 25px}.hero h1{font-size:clamp(4rem,15vw,6rem)}.hero-note{font-size:9px}.intro{padding:70px 18px}.cards{grid-template-columns:1fr}.card-art{height:200px}.card p{min-height:0}.about{margin:0 12px;grid-template-columns:1fr;gap:10px;padding:50px 25px}.end{padding:70px 20px}footer{flex-wrap:wrap}footer a{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Illustrated adventure tiles */
.art-yellow,.art-mint{color:#fff;background-position:center;background-size:cover}.art-yellow{background-image:linear-gradient(90deg,rgba(3,13,40,.84),rgba(3,13,40,.12)),url("pakjesmystery.webp")}.art-mint{background-image:linear-gradient(90deg,rgba(3,13,40,.84),rgba(3,13,40,.12)),url("pietenproef.webp")}.art-yellow .art-word,.art-mint .art-word{text-shadow:2px 3px 0 #071630}
.collection-promo{background:#d3ffe9;margin:55px 2% 0;padding:70px 8%;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}.collection-promo h2,.collect-story h2{font:clamp(3rem,5vw,5.4rem)/.95 Impact,sans-serif;margin:20px 0}.collection-promo h2 em{font-style:normal;color:#214be4}.collection-promo p{max-width:450px;line-height:1.5}.promo-card{width:240px;flex-shrink:0;transform:rotate(8deg);background:#fff;border:7px solid #fff;border-radius:18px;box-shadow:8px 10px 0 #071630;color:#071630;overflow:hidden;font:1.25rem Impact,sans-serif}.promo-card span,.promo-card b{display:block;padding:12px}.promo-card img{width:100%;height:190px;object-fit:cover;object-position:75% center}.collect-hero{margin:0 2%;min-height:570px;border-radius:28px;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,rgba(3,13,40,.96),rgba(3,13,40,.68) 42%,rgba(3,13,40,.02) 80%),url('/kaartenwereld.webp') center/cover}.collect-copy{padding:110px 7%;max-width:780px}.collect-copy h1{font:clamp(4rem,7vw,7.2rem)/.95 Impact,sans-serif;margin:24px 0}.collect-copy h1 em{font-style:normal;color:var(--yellow)}.collect-copy>p:not(.eyebrow){font-size:1.2rem;line-height:1.5;max-width:430px;margin-bottom:30px}.collect-intro{text-align:center;max-width:1250px;margin:auto;padding:90px 24px}.collect-intro h2{font:clamp(3rem,5vw,5rem)/.95 Impact,sans-serif;margin:16px 0}.collect-intro h2 span{color:#e5b300}.collect-intro .lead{max-width:650px;margin:0 auto 50px;line-height:1.5}.rarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:left}.rarity{background:white;border:1px solid #e9e5d9;border-radius:24px;padding:24px;box-shadow:0 7px 0 rgba(7,22,48,.06)}.playing-card{aspect-ratio:2.5/3.5;border-radius:18px;border:8px solid #fff;box-shadow:0 6px 16px #07163040;background:#071630;color:#fff;overflow:hidden;position:relative}.playing-card .card-head{position:absolute;z-index:2;top:0;left:0;right:0;padding:12px;font:bold .8rem system-ui;display:flex;justify-content:space-between}.playing-card .card-head span{color:#ffdf50}.basic{background:#e7f5ed;color:#071630}.basic .card-head{position:relative}.basic .card-img{height:54%;margin:0 9px;border-radius:8px;background:url('/pietenproef.webp') center/cover}.card-detail{padding:12px;font:1.15rem Impact,sans-serif}.card-detail small{display:block;font:700 .55rem system-ui;margin-top:8px}.symbols{margin-top:15px;color:#214be4}.illustrated{background:linear-gradient(0deg,#03102de0,transparent 55%),url('/pakjesmystery.webp') center/cover}.special{border-color:#eecb58;background:linear-gradient(0deg,#03102de0,transparent 55%),url('/kaartenwereld.webp') 75% center/cover}.art-caption{position:absolute;bottom:18px;left:14px;font:1.5rem/.96 Impact,sans-serif;color:#fff}.rarity-copy{padding-top:22px}.rarity-copy span{font-size:.65rem;letter-spacing:.12em;font-weight:850;color:#53677d}.rarity-copy h3{font:1.6rem Impact,sans-serif;margin:8px 0}.rarity-copy p{font-size:.95rem;line-height:1.5}.concept-note{max-width:690px;margin:50px auto 0;background:#e2f8ed;border-radius:16px;padding:18px;line-height:1.5;font-weight:650;font-size:.9rem}.collect-story{background:#0b1c42;color:#fff;margin:0 2%;border-radius:28px;padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.collect-story h2 em{color:var(--yellow);font-style:normal}.collect-story p:not(.eyebrow){font-size:1.1rem;line-height:1.6}.collect-story .button{margin-top:16px}@media(max-width:700px){.collection-promo{margin:35px 12px 0;padding:40px 24px}.promo-card{width:115px;transform:rotate(5deg);border-width:4px}.promo-card img{height:95px}.promo-card span,.promo-card b{font-size:.6rem;padding:6px}.collection-promo h2{font-size:2.6rem}.collection-promo .button{gap:5px;font-size:.66rem;padding:14px}.collect-hero{margin:0 12px;min-height:610px;background:linear-gradient(180deg,rgba(3,13,40,.96),rgba(3,13,40,.78) 47%,rgba(3,13,40,.10)),url('/kaartenwereld.webp') 72% center/auto 100%}.collect-copy{padding:70px 25px}.collect-copy h1{font-size:clamp(3.7rem,13vw,5.4rem)}.rarity-grid{grid-template-columns:1fr;max-width:390px;margin:auto}.collect-story{margin:0 12px;grid-template-columns:1fr;padding:48px 25px;gap:10px}}

.play-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.76rem;font-weight:850;color:#071630;background:#63efc1;padding:12px 17px;border-radius:999px}.collection-preview-link{display:inline-block;color:#fff;font-weight:750;margin:18px}.collection-preview-link:focus-visible{outline:3px solid #ffdf50}

@media(max-width:400px){.collection-promo{flex-direction:column;align-items:stretch}.promo-card{width:180px;align-self:center}.promo-card img{height:140px}.promo-card span,.promo-card b{font-size:.9rem;padding:10px}.collection-promo .button{font-size:.72rem;gap:14px}}