body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--menu-achtergrond:#ff8fab;--tekst-donker:#2d1b2a;--tekst-wit:#fff;--input-achtergrond:#ffe6ee;--input-rand:#ff6f92;--lichtgeel:#ffbe0b;--oranje:#fb5607;--felroze:#ff006e;--paars:#8338ec;--blauw:#3a86ff;--geel:#feca57;--rood:#c1121f;--roze:#fb6f92;--gold:gold;--dark-gold:#daa520;--shadow-gold:#b8860b}@font-face{font-family:ZuumeCutBold;src:url(/static/media/zuume-cut-bold.85142fa92f93df81397f.ttf) format("truetype")}body,html{box-sizing:border-box;height:100vh;height:calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));overflow:hidden}.App,body,html{margin:0;padding:0;width:100%}.App{align-items:center;background:#ff8fab;background:var(--menu-achtergrond);color:#2d1b2a;color:var(--tekst-donker);display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;min-height:100vh;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.title{font-family:ZuumeCutBold,sans-serif}.minigame-title{color:#fff;color:var(--tekst-wit);font-size:3rem;margin-bottom:20px}h1{color:#2d1b2a;color:var(--tekst-donker);font-size:2.5rem;text-shadow:2px 2px 4px #0003}h2{color:#ffbe0b;color:var(--lichtgeel);font-size:1.5rem;margin:5px 0}input{background-color:#ffe6ee;background-color:var(--input-achtergrond);border:2px solid #ff6f92;border:2px solid var(--input-rand);border-radius:10px;box-shadow:0 2px 5px #0000001a;color:#2d1b2a;color:var(--tekst-donker);font-size:16px;margin:5px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:200px}input:focus{border-color:#fb5607;border-color:var(--oranje);box-shadow:0 0 8px #fb57074d;outline:none}input::placeholder{color:#a67380;opacity:.8}button{background-color:#fb5607;background-color:var(--oranje);border:none;border-radius:5px;color:#fff;color:var(--tekst-wit);cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;transition:background-color .3s ease}.next-arrow,button:hover{background-color:#ffbe0b;background-color:var(--lichtgeel)}.next-arrow{align-items:center;border-radius:50%;font-size:24px;height:50px;margin:20px auto;width:50px}.next-arrow,.player-list{display:flex;justify-content:center}.player-list{flex-wrap:wrap;gap:10px;margin:20px 0}.player-item{align-items:center;background-color:#fff;background-color:var(--tekst-wit);border-radius:20px;color:#2d1b2a;color:var(--tekst-donker);display:flex;gap:10px;padding:5px 15px}.player-item button.remove-player-btn{background-color:initial;border:none;color:#fb5607;color:var(--oranje);font-size:16px;padding:0}.player-item button.remove-player-btn:hover{background:none}.player-count{background-color:#2d1b2a;background-color:var(--tekst-donker);border-radius:20px;bottom:20px;color:#fff;color:var(--tekst-wit);left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%)}.category-selection{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.category-list{display:flex;flex-direction:column;gap:15px}.category-button{align-items:center;border:none;border-radius:10px;display:flex;gap:15px;margin:0 auto;max-width:500px;padding:15px;text-align:left;transition:background-color .3s ease;width:100%}.category-button:hover{filter:brightness(1.2)}.category-icon{align-items:center;border-radius:10px;color:#fff;color:var(--tekst-wit);display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.category-text{flex:1 1}.category-text h2{color:#fff;color:var(--tekst-wit);margin:0}.category-text p{color:#fff;color:var(--tekst-wit);font-size:14px;margin:5px 0 0}.game{align-items:center;box-sizing:border-box;display:flex;height:100vh;height:calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));justify-content:center;left:0;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%}.flicker{animation:flicker .5s ease-in-out infinite}.close-btn{align-items:center;border:none;color:#fff;color:var(--tekst-wit);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px;z-index:10}.close-btn,.close-btn:hover{background:none}.add-player-btn{align-items:center;background:none;border:none;color:#ffbe0b;color:var(--lichtgeel);display:flex;font-size:24px;height:40px;justify-content:center;left:20px;position:absolute;top:20px;width:40px;z-index:10}.add-player-btn:hover{background:none}.add-player-btn-no-bg{background:none;border:none;color:#fb5607;color:var(--oranje);cursor:pointer;font-size:24px;padding:10px}.add-player-btn-no-bg:hover{background:none}.task-content{color:#fff;color:var(--tekst-wit);font-size:1.8rem;max-width:90%;padding:20px;text-align:center;-webkit-user-select:none;user-select:none;z-index:2}.task-text{font-family:ZuumeCutBold,sans-serif;font-size:2rem;margin-bottom:20px}.bounce-text{animation:bounceText .5s}.category-label{font-family:ZuumeCutBold,sans-serif;font-size:1.2rem;margin-bottom:10px}.category-label,.spin-btn{color:#fff;color:var(--tekst-wit)}.spin-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.5rem;margin-top:20px;padding:15px 30px;z-index:2}.spin-btn,.spin-btn:hover{background-color:#ffbe0b;background-color:var(--lichtgeel)}.spin-btn:hover{filter:brightness(1.2)}.wheel-container{height:400px;margin:20px auto 0;position:relative;width:400px;z-index:2}.wheel{height:100%;transform:rotate(0deg);transform-origin:center;width:100%}.wheel-pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid #c1121f;border-top:30px solid var(--rood);height:0;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:0;z-index:10}.task-buttons{display:flex;gap:20px;justify-content:center;z-index:2}.thumb-down-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:2rem;transition:transform .3s ease}.thumb-down-btn:hover{background:none;transform:scale(1.2)}.thumb-up-btn{background:none;border:none;color:#ffbe0b;color:var(--lichtgeel);cursor:pointer;font-size:2rem;transition:transform .3s ease}.thumb-up-btn:hover{background:none;transform:scale(1.2)}.add-players .return-btn{background-color:#ffbe0b;background-color:var(--lichtgeel);color:#fff;color:var(--tekst-wit)}.end-screen{align-items:center;background-color:#ff8fab;background-color:var(--menu-achtergrond);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;width:100vw}.scoreboard{background-color:#fff;background-color:var(--tekst-wit);border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px 0;max-width:500px;padding:20px;width:90%}.scoreboard-list{margin-top:20px}.scoreboard-item{border-bottom:1px solid #2d1b2a;border-bottom:1px solid var(--tekst-donker);display:flex;justify-content:space-between;padding:10px}.scoreboard-player{color:#2d1b2a;color:var(--tekst-donker);font-size:1.2rem}.scoreboard-score{color:#fb5607;color:var(--oranje);font-size:1.2rem;font-weight:700}.game-over{align-items:center;background:radial-gradient(circle,#3a86ff 0,#3a86ffcc 70%,#3a86ff99 100%);background:radial-gradient(circle,var(--blauw) 0,#3a86ffcc 70%,#3a86ff99 100%);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100%}.game-over-content{color:#fff;color:var(--tekst-wit);text-align:center}.game-over-content h1{animation:bounceText .5s;font-size:4rem;font-weight:700;text-transform:uppercase}.back-btn{align-items:center;border:none;color:#2d1b2a;color:var(--tekst-donker);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:20px;position:absolute;top:20px;width:40px}.back-btn,.back-btn:hover,.settings-btn{background:none}.settings-btn{border:none;color:#2d1b2a;color:var(--tekst-donker);cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}.settings-btn:hover{background:none}.settings-menu{background:#fff;background:var(--tekst-wit);border-radius:5px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:5px;padding:10px;position:absolute;right:20px;top:50px}.settings-menu button{background:none;border:none;color:#2d1b2a;color:var(--tekst-donker);padding:5px 10px;text-align:left}.settings-menu button.active{background-color:#fb5607;background-color:var(--oranje);color:#fff;color:var(--tekst-wit)}.add-to-home-screen-prompt{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.prompt-content{background:#fff;background:var(--tekst-wit);border-radius:10px;box-shadow:0 4px 8px #0003;max-width:90%;padding:20px;text-align:center}.prompt-content p{color:#2d1b2a;color:var(--tekst-donker);font-size:1rem;line-height:1.5;margin:0 0 15px}.prompt-content button{background-color:#fb5607;background-color:var(--oranje);border:none;border-radius:5px;color:#fff;color:var(--tekst-wit);cursor:pointer;padding:10px 20px}.prompt-content button:hover{background-color:#ffbe0b;background-color:var(--lichtgeel)}.confetti{animation:fall linear forwards;pointer-events:none;position:fixed;transform:rotate(0deg);z-index:1000}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes bounceText{0%{transform:scale(.5)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(5turn)}}@keyframes flicker{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.fullscreen-btn{align-items:center;background:none;border:none;bottom:20px;color:#fff;color:var(--tekst-wit);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:fixed;right:20px;transition:transform .3s ease;width:40px;z-index:100}.fullscreen-btn:hover{background:none;transform:scale(1.2)}@media (max-width:768px){body,html{height:100vh;height:calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));overflow:hidden}.App,body,html{box-sizing:border-box;margin:0;padding:0;width:100%}.App{align-items:center;display:flex;height:100%;justify-content:center;min-height:100vh}h1{font-size:1.8rem;margin:10px 0}h2{font-size:1.2rem}input{margin:5px auto;max-width:250px;padding:10px;width:80%}button,input{font-size:14px}button{padding:8px 16px}.next-arrow{font-size:20px;height:40px;margin:10px auto;width:40px}.player-list{gap:8px;margin:10px 0}.player-item{padding:5px 10px}.player-count,.player-item,.player-item button.remove-player-btn{font-size:14px}.player-count{bottom:10px;padding:8px 16px}.category-selection{height:100vh;justify-content:flex-start;overflow-y:auto;padding:60px 10px 10px;width:100vw}.category-list{gap:10px;padding:0 10px;width:100%}.category-button{gap:10px;max-width:100%;padding:10px}.category-icon{font-size:30px;height:50px;width:50px}.category-text h2{font-size:1.2rem}.category-text p{font-size:12px}.game{padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}.close-btn{right:10px}.add-player-btn,.close-btn{font-size:20px;height:35px;top:10px;width:35px}.add-player-btn{left:10px}.add-player-btn-no-bg{font-size:20px;padding:5px}.task-content{font-size:1.2rem;max-width:100%;padding:15px}.task-text{font-size:1.4rem;margin-bottom:15px}.category-label{font-size:1rem}.spin-btn{font-size:1.2rem;margin-top:15px;padding:10px 20px}.wheel-container{height:250px;margin:10px auto 0;width:250px}.wheel-pointer{border-left:10px solid #0000;border-right:10px solid #0000;border-top:20px solid #c1121f;border-top:20px solid var(--rood);top:-20px}.task-buttons{gap:15px}.thumb-down-btn,.thumb-up-btn{font-size:1.5rem}.end-screen{justify-content:flex-start;padding:60px 10px 10px}.scoreboard{margin:10px 0;padding:15px;width:90%}.scoreboard-item{padding:8px}.scoreboard-player,.scoreboard-score{font-size:1rem}.game-over-content h1{font-size:2.5rem}.back-btn{font-size:20px;height:35px;left:10px;top:10px;width:35px}.settings-btn{font-size:20px;right:10px;top:10px}.settings-menu{padding:8px;right:10px;top:40px}.settings-menu button{font-size:14px;padding:5px 8px}.prompt-content{padding:15px}.prompt-content p{font-size:.9rem}.prompt-content button{font-size:14px;padding:8px 16px}.fullscreen-btn{background:#00000080;border-radius:50%;bottom:10px;font-size:1.5rem;height:35px;right:10px;width:35px}}
/*# sourceMappingURL=main.c1bbbbb5.css.map*/