@font-face{font-family:Fredoka;src:url(../fonts/fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#143c1e;font-family:Fredoka,Trebuchet MS,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{position:fixed;top:0;right:0;bottom:0;left:0}#spel{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.verborgen{display:none!important}#sysknoppen{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;gap:10px;z-index:30}#sysknoppen button{width:clamp(44px,7.5vh,78px);height:clamp(44px,7.5vh,78px);border:none;padding:0;background:none;cursor:pointer;display:grid;place-items:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}#sysknoppen button img{width:100%;height:100%;display:block;-webkit-user-drag:none}#sysknoppen button:active{transform:translateY(2px) scale(.96)}#stuur{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}#stuur button{pointer-events:auto;position:absolute;bottom:max(14px,env(safe-area-inset-bottom));width:clamp(74px,14vh,128px);height:clamp(74px,14vh,128px);border:none;padding:0;background:none;cursor:pointer}#stuur button img{width:100%;height:100%;display:block;-webkit-user-drag:none}#stuur button:active{transform:translateY(3px) scale(.95)}#btnLinks{left:max(16px,env(safe-area-inset-left))}#btnRechts{right:max(16px,env(safe-area-inset-right))}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#143c1e;display:grid;place-items:center}#ovl-kaart{width:min(560px,88vw);background:#f7ecd7;border:6px solid #2e7d32;border-radius:24px;padding:clamp(20px,4vmin,40px);text-align:center;box-shadow:0 12px 40px #00000080;animation:kaartPop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes kaartPop{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}#ovl-titel{font-size:clamp(30px,6vmin,48px);font-weight:700;color:#2e7d32}#ovl-sterren{font-size:clamp(28px,5.5vmin,44px);color:#f0a800;letter-spacing:6px;min-height:1.1em}#ovl-sterren .ster{display:inline-block;animation:sterPop .4s cubic-bezier(.34,1.8,.64,1) both}#ovl-sterren .ster.leeg{color:#cbb894}@keyframes sterPop{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}#ovl-tekst{font-size:clamp(18px,3vmin,24px);color:#3a2c1c;margin:10px 0 22px;line-height:1.4}#ovl-knoppen{display:flex;flex-direction:column;gap:12px;align-items:center}.knop{font-family:inherit;font-weight:700;border-radius:16px;cursor:pointer;padding:14px 34px;font-size:clamp(18px,3vmin,26px);border:4px solid #1e5a23;background:#43a047;color:#fff;min-width:220px;box-shadow:0 5px #1e5a23}.knop:active{transform:translateY(4px);box-shadow:0 1px #1e5a23}.knop-groot{font-size:clamp(22px,4vmin,32px);background:#f9b233;border-color:#b97a12;box-shadow:0 5px #b97a12}.knop-stil{background:#7d8a80;border-color:#4c554f;box-shadow:0 5px #4c554f}@media (max-height: 540px){#ovl-kaart{width:min(680px,94vw);padding:12px 20px 16px}#ovl-titel{font-size:clamp(22px,6vh,32px)}#ovl-sterren{font-size:clamp(20px,6vh,30px);min-height:1em}#ovl-tekst{font-size:clamp(14px,4vh,18px);margin:4px 0 12px}#ovl-knoppen{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}#ovl-knoppen .knop{min-width:150px;padding:9px 20px;font-size:16px}}#startscherm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}#start-kaart{position:absolute;left:0;right:0;top:54%;text-align:center;pointer-events:auto;animation:kaartPop .3s cubic-bezier(.34,1.56,.64,1) both}#start-kaart h1{font-size:clamp(38px,9vmin,84px);font-weight:700;color:#fff;text-shadow:0 4px 0 #1e5a23,0 8px 18px rgba(0,0,0,.35);margin:0 0 18px;letter-spacing:1px}#levelscherm{--kolommen: 10;--cel: min( calc((94vw - 72px)*.1) , calc((100vh - 190px - 5 * 8px) / 6), 86px);position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:#143c1e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 12px 10px;overflow:hidden}@media (orientation: portrait){#levelscherm{--kolommen: 5;--cel: min( calc((94vw - 32px)/5) , calc((100vh - 190px - 11 * 8px) / 12), 86px)}}#levelscherm h2{color:#ffe9b0;font-size:clamp(20px,4vmin,34px);margin-bottom:clamp(6px,1.5vmin,14px)}#level-grid{display:grid;grid-template-columns:repeat(var(--kolommen),var(--cel));gap:8px;justify-content:center}.level-knop{width:var(--cel);height:var(--cel);border-radius:calc(var(--cel) * .22);border:3px solid #1e5a23;background:#43a047;color:#fff;font-family:inherit;font-weight:700;font-size:calc(var(--cel) * .38);cursor:pointer;box-shadow:0 4px #1e5a23;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0}.level-knop small{font-size:calc(var(--cel) * .2);color:#ffe082;letter-spacing:1px;line-height:1}.level-knop:active{transform:translateY(3px);box-shadow:0 1px #1e5a23}.level-dicht{background:#55645a;border-color:#39423d;box-shadow:0 4px #39423d;cursor:default}#level-voet{margin-top:clamp(8px,2vmin,18px)}#level-voet .knop{padding:8px 26px;min-width:160px;font-size:clamp(15px,2.6vmin,22px)}