@font-face{font-family:Chewy;src:url(../fonts/chewy.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2) format("woff2");font-weight:400 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;font-family:Nunito,system-ui,sans-serif;background:#1f6b34;user-select:none;-webkit-user-select:none;touch-action:none}.sw-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.sw-root [hidden]{display:none!important}.sw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.sw-hud{position:fixed;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:40;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:clamp(150px,30vw,300px)}.sw-level{font-family:Chewy,sans-serif;font-size:clamp(20px,3.6vmin,30px);color:#fff;letter-spacing:.02em;text-shadow:0 2px 0 #1f5a27,0 4px 10px rgba(0,0,0,.35)}.sw-progress{height:clamp(10px,1.8vmin,14px);border-radius:99px;background:#0f3c198c;border:2px solid rgba(255,255,255,.85);overflow:hidden}.sw-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffe14d,#ff9f1c);border-radius:99px}.sw-bananas{display:flex;gap:4px}.sw-bananas img{width:clamp(26px,5vmin,40px);filter:grayscale(1) brightness(.45);opacity:.55;transition:transform .25s,filter .2s,opacity .2s}.sw-bananas img.on{filter:none;opacity:1;transform:scale(1.12)}.sw-hint{position:fixed;left:50%;top:calc(clamp(96px,19vh,170px) + env(safe-area-inset-top));transform:translate(-50%);z-index:40;pointer-events:none;text-align:center;text-wrap:balance;max-width:88vw;font-weight:500;font-size:clamp(16px,3.2vmin,24px);color:#fff;background:#0f3c19b8;padding:.5em 1.1em;border-radius:99px;border:2px solid rgba(255,255,255,.6)}.sysknoppen{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:120;display:flex;gap:6px}.sysknoppen button{width:clamp(46px,8vmin,66px);height:clamp(46px,8vmin,66px);border:none;background:none;cursor:pointer;padding:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));transition:transform .1s}.sysknoppen button:active{transform:scale(.92)}.sysknoppen img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.sysknoppen .sw-music{position:relative}.sysknoppen .sw-music.is-uit img{filter:grayscale(1) brightness(.8);opacity:.75}.sysknoppen .sw-music.is-uit:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:9%;border-radius:99px;background:#e32b1d;border:2px solid #fff;transform:rotate(-45deg);pointer-events:none}.sw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.2vh,22px);padding:clamp(12px,3vmin,28px);background:radial-gradient(circle at 18% 12%,rgba(255,225,77,.22),transparent 42%),radial-gradient(circle at 85% 88%,rgba(143,209,79,.25),transparent 45%),linear-gradient(180deg,#2f8f3a,#1c5f2b);background-size:cover;background-position:center}.sw-start{background-size:cover;background-position:center}.sw-title{font-family:Chewy,sans-serif;font-weight:400;line-height:.95;text-align:center;text-wrap:balance;font-size:clamp(46px,13vmin,120px);color:#ffe14d;letter-spacing:.01em;-webkit-text-stroke:clamp(5px,1.3vmin,12px) #4a2c12;paint-order:stroke fill;text-shadow:0 clamp(4px,1vmin,9px) 0 #2b180a,0 clamp(8px,2vmin,18px) 22px rgba(0,0,0,.4);transform:rotate(-3deg)}.sw-hero{height:clamp(150px,38vh,360px);max-width:80vw;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));transform-origin:50% -30%;animation:sw-sway 2.4s ease-in-out infinite}@keyframes sw-sway{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.sw-btn{font-family:Chewy,sans-serif;font-size:clamp(24px,5.2vmin,40px);letter-spacing:.04em;color:#4a2c12;background:linear-gradient(180deg,#ffe873,#ffb81c);border:4px solid #4a2c12;border-radius:99px;padding:.32em 1.5em;cursor:pointer;box-shadow:0 6px #4a2c12,0 10px 18px #0000004d;transition:transform .08s,box-shadow .08s}.sw-btn:active{transform:translateY(5px);box-shadow:0 1px #4a2c12}.sw-btn-sec{background:linear-gradient(180deg,#fff,#dff3c8);font-size:clamp(18px,3.8vmin,28px)}.sw-link{font-family:Nunito,sans-serif;font-weight:500;font-size:clamp(15px,2.8vmin,20px);color:#eaffd6;background:none;border:none;cursor:pointer;text-decoration:underline;padding:6px 12px}.sw-heading{font-family:Chewy,sans-serif;font-weight:400;text-align:center;text-wrap:balance;font-size:clamp(30px,7vmin,58px);color:#fff;text-shadow:0 3px 0 #17451f,0 6px 16px rgba(0,0,0,.35)}.sw-levels{justify-content:flex-start;padding-top:calc(clamp(62px,11vmin,90px) + env(safe-area-inset-top))}.sw-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1.6vmin,14px);width:min(94vw,860px,calc((100vh - clamp(150px,26vmin,210px))*1.2));padding:4px 4px 10px}@media (orientation: portrait){.sw-grid{grid-template-columns:repeat(5,1fr);width:min(94vw,calc((100vh - 200px)*.83))}}.sw-cell{aspect-ratio:1 / 1;border-radius:18%;border:3px solid #4a2c12;cursor:pointer;background:linear-gradient(180deg,#ffe873,#ffb81c);color:#4a2c12;box-shadow:0 4px #4a2c12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;font-family:Chewy,sans-serif;padding:4%}.sw-cell:active{transform:translateY(3px);box-shadow:0 1px #4a2c12}.sw-cell.current{animation:sw-pulse 1.1s ease-in-out infinite}@keyframes sw-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.sw-cell.locked{background:linear-gradient(180deg,#6f9c6a,#4d7a4c);border-color:#2c4a2c;box-shadow:0 4px #2c4a2c;cursor:default}.sw-num{font-size:clamp(18px,4.6vmin,38px);line-height:1}.sw-ministars{display:flex;gap:2%;width:78%;justify-content:center}.sw-ministars i{width:30%;display:block}.sw-ministars svg{width:100%;display:block;fill:#4a2c1240}.sw-ministars i.on svg{fill:#fff;stroke:#4a2c12;stroke-width:2;stroke-linejoin:round;paint-order:stroke fill}.sw-lock{width:46%}.sw-lock svg{width:100%;display:block;fill:#23401f;color:#23401f}.sw-stars{display:flex;gap:clamp(6px,2vmin,18px);align-items:flex-end}.sw-star{width:clamp(54px,13vmin,110px);display:block;transform:scale(.8);transition:transform .35s cubic-bezier(.2,.9,.3,1.5)}.sw-star:nth-child(2){width:clamp(66px,16vmin,134px)}.sw-star svg{width:100%;display:block;fill:#0a281273;stroke:#0a281280;stroke-width:1.4;stroke-linejoin:round}.sw-star.on{transform:scale(1)}.sw-star.on svg{fill:#ffe14d;stroke:#4a2c12;filter:drop-shadow(0 4px 0 #4a2c12)}.sw-cheer{height:clamp(110px,26vh,240px);object-fit:contain;animation:sw-hop .7s ease-in-out infinite}@keyframes sw-hop{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7%) rotate(4deg)}}.sw-win-buttons{display:flex;gap:clamp(10px,2.5vmin,20px);align-items:center;flex-wrap:wrap;justify-content:center}.sw-start-buttons{display:flex;gap:clamp(10px,2.5vmin,22px);flex-wrap:wrap;justify-content:center;align-items:center}.sw-btn-hs{background:linear-gradient(180deg,#ff8a73,#e2362a);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.sw-start-record,.sw-hud-record,.sw-over-record{font-family:Nunito,sans-serif;font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55)}.sw-start-record{font-size:clamp(15px,2.8vmin,22px)}.sw-hud-record{font-size:clamp(13px,2.4vmin,18px)}.sw-hud-hs .sw-progress,.sw-hud-hs .sw-bananas{display:none}.sw-hud-hs .sw-level{font-size:clamp(30px,6.5vmin,54px);line-height:1}.sw-over-score{font-family:Chewy,sans-serif;font-size:clamp(40px,10vmin,84px);line-height:1;color:#ffe14d;-webkit-text-stroke:clamp(4px,1vmin,8px) #4a2c12;paint-order:stroke fill}.sw-over-record{font-size:clamp(16px,3.2vmin,24px)}.sw-over-record.nieuw{font-family:Chewy,sans-serif;font-weight:400;font-size:clamp(22px,4.6vmin,36px);color:#ffe14d;animation:sw-pulse .9s ease-in-out infinite}html,body{background:#0c1838}.sw-nacht .sw-overlay{background:radial-gradient(circle at 20% 14%,rgba(255,225,120,.2),transparent 40%),radial-gradient(circle at 84% 86%,rgba(198,47,36,.3),transparent 46%),linear-gradient(180deg,#1b2f6b,#0c1838);background-size:cover;background-position:center}.sw-nacht .sw-start{background-position:center top}.sw-nacht .sw-title{color:#ffd23f;-webkit-text-stroke-color:#6b120c;text-shadow:0 clamp(4px,1vmin,9px) 0 #3a0906,0 clamp(8px,2vmin,18px) 22px rgba(0,0,0,.5)}.sw-nacht .sw-heading{text-shadow:0 3px 0 #0a1230,0 6px 16px rgba(0,0,0,.45)}.sw-nacht .sw-level{text-shadow:0 2px 0 #0a1230,0 4px 10px rgba(0,0,0,.45)}.sw-nacht .sw-progress{background:#0a123099}.sw-nacht .sw-progress i{background:linear-gradient(90deg,#ffe14d,#ff6b57)}.sw-nacht .sw-hint{background:#0a1230c7}.sw-nacht .sw-btn{color:#5e120c;border-color:#5e120c;box-shadow:0 6px #5e120c,0 10px 18px #00000059}.sw-nacht .sw-btn:active{box-shadow:0 1px #5e120c}.sw-nacht .sw-btn-sec{background:linear-gradient(180deg,#fff,#ffe9c9)}.sw-nacht .sw-link{color:#ffe9c9}.sw-nacht .sw-cell{border-color:#5e120c;box-shadow:0 4px #5e120c;color:#5e120c}.sw-nacht .sw-cell:active{box-shadow:0 1px #5e120c}.sw-nacht .sw-cell.locked{background:linear-gradient(180deg,#3a4f96,#26376f);border-color:#131f4a;box-shadow:0 4px #131f4a}.sw-nacht .sw-lock svg{fill:#131f4a;color:#131f4a}.sw-nacht .sw-ministars i.on svg{stroke:#5e120c}.sw-nacht .sw-star svg{fill:#080e2880;stroke:#080e288c}.sw-nacht .sw-star.on svg{fill:#ffe14d;stroke:#5e120c;filter:drop-shadow(0 4px 0 #5e120c)}.sw-nacht .sw-cheer{animation:none;height:clamp(120px,30vh,280px)}.sw-nacht .sw-hero{height:clamp(160px,40vh,380px)}.sw-nacht .sw-over-score{-webkit-text-stroke-color:#5e120c}.sw-nacht .sw-btn-hs{border-color:#5e120c}