*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Geneva,sans-serif}.app{height:100vh;width:100vw;display:flex;flex-direction:column;background-image:url(/build/assets/wood-pattern-DPtzwQ_D.png);background-repeat:repeat;background-size:300px;background-color:#8b4513}.content{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 10px 30px;justify-content:flex-end;background-color:#ffffffb3}.grid-container{display:flex;justify-content:space-evenly;width:100%;max-width:1200px;padding:0 40px;gap:15px;margin-top:auto}.column{display:flex;flex-direction:column;align-items:center;gap:15px}.circles{display:flex;flex-direction:column;gap:25px;align-items:center}.circle{width:24px;height:24px;border-radius:50%;background-color:#4dba87;cursor:pointer;transition:all .3s ease}.circle.enlarged{transform:scale(1.5);background-color:#2c3e50}.number{font-size:24px;font-weight:700;color:#333;margin-top:8px}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:2rem;border-radius:10px;text-align:center}.popup-content h2{color:#4dba87;margin-bottom:1rem}.popup-content button{margin-top:1rem;padding:.5rem 1rem;background:#4dba87;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.popup-content button:hover{background:#3a9c6c}.top-bar{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;margin-bottom:auto}.title{font-size:32px;color:#2c3e50;font-weight:700;margin-left:15px;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.reset-button{margin-right:15px;padding:8px 16px;background-color:#f44;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem}.popup-buttons{display:flex;gap:10px;justify-content:center;margin-top:1rem}.confirm-button{background-color:#f44}.confirm-button:hover{background-color:#f22}.cancel-button{background-color:#666}.cancel-button:hover{background-color:#555}.popup-buttons button{margin-top:0}@media screen and (orientation: portrait){body:after{content:"Draai je scherm naar landscape modus";position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center;padding:20px;z-index:9999}}