@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap");:root{--kleur-achtergrond:#0a0a0f;--kleur-achtergrond-2:#12121a;--kleur-achtergrond-3:#1a1a2e;--kleur-oppervlak:#16213e;--kleur-oppervlak-2:#1e2a4a;--kleur-rand:rgba(255,255,255,0.08);--kleur-rand-hover:rgba(255,255,255,0.16);--kleur-primair:#6366f1;--kleur-primair-licht:#818cf8;--kleur-primair-donker:#4f46e5;--kleur-secundair:#8b5cf6;--kleur-accent:#06b6d4;--kleur-succes:#10b981;--kleur-succes-bg:rgba(16,185,129,0.1);--kleur-waarschuwing:#f59e0b;--kleur-waarschuwing-bg:rgba(245,158,11,0.1);--kleur-fout:#ef4444;--kleur-fout-bg:rgba(239,68,68,0.1);--kleur-info:#3b82f6;--kleur-info-bg:rgba(59,130,246,0.1);--tekst-primair:#f1f5f9;--tekst-secundair:#94a3b8;--tekst-gedimpt:#475569;--tekst-link:#818cf8;--font-hoofd:"Outfit",sans-serif;--font-tekst:"Inter",sans-serif;--schaduw-sm:0 1px 3px rgba(0,0,0,0.4);--schaduw-md:0 4px 16px rgba(0,0,0,0.4);--schaduw-lg:0 8px 32px rgba(0,0,0,0.5);--schaduw-glow:0 0 24px rgba(99,102,241,0.3);--schaduw-glow-sterk:0 0 48px rgba(99,102,241,0.5);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-rond:9999px;--overgang:all 0.2s cubic-bezier(0.4,0,0.2,1);--overgang-traag:all 0.4s cubic-bezier(0.4,0,0.2,1);--max-breedte:1280px;--nav-hoogte:64px;--zijbalk-breedte:260px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-tekst);background-color:var(--kleur-achtergrond);color:var(--tekst-primair);line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 20% 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 0,rgba(139,92,246,.1) 0,transparent 50%);background-attachment:fixed}a{color:var(--tekst-link);text-decoration:none;transition:var(--overgang)}a:hover{color:var(--kleur-primair-licht)}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-hoofd);font-weight:700;line-height:1.2;color:var(--tekst-primair)}h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--tekst-secundair)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--kleur-achtergrond-2)}::-webkit-scrollbar-thumb{background:var(--kleur-oppervlak-2);border-radius:var(--radius-rond)}::-webkit-scrollbar-thumb:hover{background:var(--kleur-primair)}.container{max-width:var(--max-breedte);margin:0 auto;padding:0 1.5rem}.pagina{min-height:100vh;padding-top:var(--nav-hoogte)}.pagina-inhoud{padding:2rem 1.5rem;max-width:var(--max-breedte);margin:0 auto}.kaart{background:rgba(22,33,62,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--overgang)}.kaart:hover{border-color:var(--kleur-rand-hover);box-shadow:var(--schaduw-md)}.kaart-glow{box-shadow:var(--schaduw-glow)}.kaart-glow:hover{box-shadow:var(--schaduw-glow-sterk)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-hoofd);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.knop,.knop:before{transition:var(--overgang)}.knop:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);opacity:0}.knop:hover:before{opacity:1}.knop:active{transform:scale(.97)}.knop-primair{background:linear-gradient(135deg,var(--kleur-primair),var(--kleur-secundair));color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.4)}.knop-primair:hover{box-shadow:0 6px 24px rgba(99,102,241,.6);transform:translateY(-1px);color:#fff}.knop-secundair{background:rgba(255,255,255,.06);color:var(--tekst-primair);border:1px solid var(--kleur-rand)}.knop-secundair:hover{background:rgba(255,255,255,.1);border-color:var(--kleur-rand-hover);color:var(--tekst-primair)}.knop-gevaar{background:rgba(239,68,68,.15);color:var(--kleur-fout);border:1px solid rgba(239,68,68,.3)}.knop-gevaar:hover{background:rgba(239,68,68,.25);color:var(--kleur-fout)}.knop-succes{background:rgba(16,185,129,.15);color:var(--kleur-succes);border:1px solid rgba(16,185,129,.3)}.knop-succes:hover{background:rgba(16,185,129,.25);color:var(--kleur-succes)}.knop-groot{padding:.875rem 2rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.knop-klein{padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-sm)}.knop:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.formulier-groep{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.formulier-label{font-family:var(--font-hoofd);font-size:.875rem;font-weight:600;color:var(--tekst-primair)}.formulier-sublabel{font-size:.8rem;color:var(--tekst-secundair);margin-top:-.25rem}.formulier-invoer,.formulier-select,.formulier-textarea{background:rgba(255,255,255,.04);border:1px solid var(--kleur-rand);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--tekst-primair);font-family:var(--font-tekst);font-size:.9375rem;transition:var(--overgang);width:100%;outline:none}.formulier-invoer:focus,.formulier-select:focus,.formulier-textarea:focus{border-color:var(--kleur-primair);background:rgba(99,102,241,.06);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.formulier-invoer::placeholder,.formulier-textarea::placeholder{color:var(--tekst-gedimpt)}.formulier-textarea{resize:vertical;min-height:100px}.formulier-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.formulier-fout{font-size:.8rem;color:var(--kleur-fout);margin-top:.25rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-rond);font-size:.75rem;font-weight:600;font-family:var(--font-hoofd)}.badge-primair{background:rgba(99,102,241,.15);color:var(--kleur-primair-licht);border:1px solid rgba(99,102,241,.3)}.badge-succes{background:var(--kleur-succes-bg);color:var(--kleur-succes);border:1px solid rgba(16,185,129,.3)}.badge-waarschuwing{background:var(--kleur-waarschuwing-bg);color:var(--kleur-waarschuwing);border:1px solid rgba(245,158,11,.3)}.badge-fout{background:var(--kleur-fout-bg);color:var(--kleur-fout);border:1px solid rgba(239,68,68,.3)}.badge-info{background:var(--kleur-info-bg);color:var(--kleur-info);border:1px solid rgba(59,130,246,.3)}.badge-grijs{background:rgba(255,255,255,.06);color:var(--tekst-secundair);border:1px solid var(--kleur-rand)}.navigatie{position:fixed;top:0;left:0;right:0;height:var(--nav-hoogte);background:rgba(10,10,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--kleur-rand);z-index:100}.navigatie,.navigatie-inhoud{display:flex;align-items:center}.navigatie-inhoud{justify-content:space-between;width:100%;max-width:var(--max-breedte);margin:0 auto;padding:0 1.5rem}.navigatie-logo{font-family:var(--font-hoofd);font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,var(--kleur-primair-licht),var(--kleur-secundair));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;text-decoration:none}.navigatie-links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--tekst-secundair);transition:var(--overgang);text-decoration:none}.nav-link:hover{color:var(--tekst-primair);background:rgba(255,255,255,.06)}.nav-link.actief{color:var(--tekst-primair);background:rgba(99,102,241,.12)}.navigatie-acties{display:flex;align-items:center;gap:.75rem}.voortgang-container{background:rgba(255,255,255,.06);border-radius:var(--radius-rond);overflow:hidden;height:8px}.voortgang-balk{height:100%;background:linear-gradient(90deg,var(--kleur-primair),var(--kleur-secundair));border-radius:var(--radius-rond);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(99,102,241,.5)}.scorebord-rij{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid var(--kleur-rand);border-radius:var(--radius-md);transition:var(--overgang)}.scorebord-rij:hover{background:rgba(255,255,255,.06);border-color:var(--kleur-rand-hover)}.scorebord-rij.eerste-plaats{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25)}.scorebord-rij.tweede-plaats{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.2)}.scorebord-rij.derde-plaats{background:rgba(180,100,50,.08);border-color:rgba(180,100,50,.2)}.scorebord-positie{font-family:var(--font-hoofd);font-size:1.25rem;font-weight:800;width:2rem;text-align:center}.opdracht-type-icoon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.type-tekstvraag{background:rgba(99,102,241,.15)}.type-raadsel{background:rgba(139,92,246,.15)}.type-foto{background:rgba(16,185,129,.15)}.type-video{background:rgba(239,68,68,.15)}.type-muziek{background:rgba(6,182,212,.15)}.type-gps{background:rgba(245,158,11,.15)}.laden-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid rgba(255,255,255,.1);border-top:2px solid var(--kleur-primair);border-radius:50%;animation:draaien .7s linear infinite}@keyframes draaien{to{transform:rotate(1turn)}}@keyframes verschijnen{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes inschuiven-links{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulsen{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-puls{0%,to{box-shadow:var(--schaduw-glow)}50%{box-shadow:var(--schaduw-glow-sterk)}}.animeer-verschijnen{animation:verschijnen .4s ease forwards}.animeer-puls{animation:pulsen 2s ease-in-out infinite}.raster-2{grid-template-columns:repeat(2,1fr)}.raster-2,.raster-3{display:grid;gap:1.5rem}.raster-3{grid-template-columns:repeat(3,1fr)}.raster-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1024px){.raster-3,.raster-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.raster-2,.raster-3,.raster-4{grid-template-columns:1fr}}.tekst-verloop{background:linear-gradient(135deg,var(--kleur-primair-licht),var(--kleur-secundair));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scheider{height:1px;background:var(--kleur-rand);margin:1.5rem 0}.lege-staat{text-align:center;padding:4rem 2rem;color:var(--tekst-secundair)}.lege-staat-icoon{font-size:3rem;margin-bottom:1rem;opacity:.4}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.w-full{width:100%}.max-w-sm{max-width:480px}.max-w-md{max-width:640px}.max-w-lg{max-width:800px}.mx-auto{margin-left:auto;margin-right:auto}.tekst-klein{font-size:.875rem}.tekst-xs{font-size:.75rem}.tekst-gedimpt{color:var(--tekst-secundair)}.tekst-primair{color:var(--tekst-primair)}.tekst-succes{color:var(--kleur-succes)}.tekst-fout{color:var(--kleur-fout)}.tekst-center{text-align:center}.vet{font-weight:700}.font-hoofd{font-family:var(--font-hoofd)}.menu-knop,.verborgen{display:none}.menu-knop{background:none;border:none;color:var(--tekst-primair);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm)}@media (max-width:768px){.menu-knop{display:flex}.navigatie-links{display:none}.navigatie-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-hoogte);left:0;right:0;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;border-bottom:1px solid var(--kleur-rand)}}.speurtocht-thema{--kleur-primair:var(--thema-primair,#6366f1);--kleur-secundair:var(--thema-secundair,#8b5cf6);--kleur-primair-licht:color-mix(in srgb,var(--thema-primair,#6366f1) 80%,white 20%)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999}.toast{background:var(--kleur-oppervlak);border:1px solid var(--kleur-rand);border-radius:var(--radius-md);padding:.875rem 1.25rem;gap:.75rem;font-size:.9rem;box-shadow:var(--schaduw-lg);animation:verschijnen .3s ease forwards;max-width:360px}.modal-overlay,.toast{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;z-index:1000;padding:1rem;animation:verschijnen .2s ease}.modal{background:var(--kleur-achtergrond-2);border:1px solid var(--kleur-rand);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--schaduw-lg)}.modal-header{justify-content:space-between;margin-bottom:1.5rem}.modal-header,.muziek-speler{display:flex;align-items:center}.muziek-speler{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(99,102,241,.1));border:1px solid rgba(6,182,212,.25);border-radius:var(--radius-lg);padding:1.5rem;flex-direction:column;gap:1rem;text-align:center}.muziek-cover{width:100px;height:100px;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.5)}.muziek-afspeel-knop{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--kleur-accent),var(--kleur-primair));border:none;color:white;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--overgang);box-shadow:0 4px 16px rgba(6,182,212,.4)}.muziek-afspeel-knop:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(6,182,212,.6)}.gps-kaart-container{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--kleur-rand);height:300px}.gps-info-balk{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:var(--kleur-waarschuwing);font-size:.9rem}.upload-zone{border:2px dashed var(--kleur-rand);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:var(--overgang);background:rgba(255,255,255,.02)}.upload-zone.actief,.upload-zone:hover{border-color:var(--kleur-primair);background:rgba(99,102,241,.06)}.upload-zone-icoon{font-size:2rem;margin-bottom:.75rem;opacity:.6}.tabbladen{display:flex;gap:.25rem;background:rgba(255,255,255,.04);border-radius:var(--radius-md);padding:.25rem}.tabblad{flex:1 1;padding:.5rem 1rem;border-radius:calc(var(--radius-md) - 2px);font-size:.875rem;font-weight:600;font-family:var(--font-hoofd);cursor:pointer;border:none;background:transparent;color:var(--tekst-secundair);transition:var(--overgang)}.tabblad.actief{background:var(--kleur-primair);color:white;box-shadow:0 2px 8px rgba(99,102,241,.4)}.tabblad:hover:not(.actief){color:var(--tekst-primair);background:rgba(255,255,255,.06)}