:root{--tegel-kleur:#bfe9ff}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#2b3a55;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#bfe9ff 0%,#e7d4ff 100%);font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;overflow-x:hidden}#app{min-height:100%;padding:24px 18px 48px;position:relative}.ambiance{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.zwever{opacity:.55;font-size:26px;animation:linear infinite drijf;position:absolute;bottom:-40px}@keyframes drijf{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-115vh)rotate(40deg)}}.hero{z-index:1;text-align:center;margin:6px 0 26px;position:relative}.hero-olivia{width:130px;margin:0 auto;animation:3s ease-in-out infinite wieb}.hero-olivia svg{width:100%;height:auto;display:block}@keyframes wieb{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.hero-titel{color:#3a4a7a;margin:8px 0 4px;font-size:clamp(28px,7vw,46px)}.hero-sub{opacity:.8;margin:0;font-size:clamp(15px,4vw,20px)}.rooster{z-index:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-width:680px;margin:0 auto;display:grid;position:relative}.tegel{background:var(--tegel-kleur);color:#2b3a55;cursor:pointer;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:22px 14px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px #0000001a}.tegel:active{transform:translateY(3px);box-shadow:0 3px #0000001a}.tegel.uit{opacity:.5;filter:grayscale(.3);cursor:default;box-shadow:0 6px #0000000f}.tegel-emoji{font-size:54px;line-height:1}.tegel-naam{font-size:20px;font-weight:700}@media (prefers-reduced-motion:reduce){.zwever,.hero-olivia{animation:none!important}}