.game-card{display:flex;flex-direction:row;align-items:center;border-radius:6px;width:370px;max-width:calc(100vw - 60px);padding-left:6px;transition:transform .3s ease;box-shadow:0 2px 5px #00000026;cursor:pointer}.game-card .game-card-img{width:64px;height:64px}.game-card .game-card-img.beans{width:50px;height:50px;margin:7px}.game-card .game-card-details{padding:0 14px 0 10px}.game-card:hover{transform:rotate(1deg)}.navbar-page-spacing{margin-bottom:60px}.navbar-container{position:fixed;top:0;left:0;width:100%;z-index:10}.navbar-container .navbar{display:flex;height:60px;justify-content:space-between;align-items:center;padding:10px 20px;background:white;color:#000;box-shadow:0 2px 5px #00000026}.navbar-container .navbar-logo{display:flex;flex-direction:row;transition:transform .2s ease;cursor:pointer}.navbar-container .navbar-logo:hover{transform:scale(1.03)}.navbar-container .navbar-logo .logo-name{display:flex;align-items:center;margin-left:16px;font-weight:700;font-size:20px}.navbar-container .navbar-links{display:flex;gap:30px;align-items:center}.navbar-container .navbar-link{color:#000;text-decoration:none;font-weight:700;transition:transform .2s ease;cursor:pointer;display:flex;align-items:center}.navbar-container .navbar-link:hover{transform:scale(1.05)}.navbar-container .navbar-icon{height:32px;width:32px;border-radius:50%}.navbar-container .menu-toggle{border:none;cursor:pointer;padding:10px;background:none;border-radius:4px;margin:0 -10px;display:none;justify-content:center;align-items:center}.dropdown-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:2rem;padding:2rem;overflow-y:auto;font-size:20px;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;display:none}.dropdown-menu.open{opacity:1;pointer-events:auto}@media (max-width: 768px){.navbar-container .navbar-links{display:none}.navbar-container .menu-toggle,.navbar-container .dropdown-menu{display:flex}}.btn{padding:8px 12px;background-color:#0a2612;color:#fff;text-decoration:none;border:none;outline:none;border-radius:8px;cursor:pointer;margin:10px 0;text-align:left;transition:transform .2s ease;height:fit-content;width:fit-content;display:flex;align-items:center;justify-self:center}.btn:hover{transform:scale(1.04)}.btn.btn-primary{background-color:var(--primary-color, #007bff);color:var(--primary-text-color, #fefefe)}.btn.btn-secondary{background-color:#d9dedc;color:#000}.btn.btn-tertiary{background-color:transparent;color:#000;padding:8px 0}.btn.btn-text{background-color:transparent;color:#000;padding:8px 0;margin:2px 0}.btn.btn-text span{margin:0 .25rem}.btn.btn-text:hover{transform:scale(1.02)}.btn.btn-text:hover span{text-decoration:underline;cursor:pointer}.btn.btn-icon{border-radius:50%;padding:8px;margin:0}.btn.btn-icon:hover{transform:scale(1.08)}.btn.btn-disabled{pointer-events:none;cursor:initial}.btn.btn-auth-linkedin{background-color:#0073b1;color:#fff;font-size:1.1rem;padding:16px 24px}.btn.btn-auth-linkedin .btn-auth-icon{height:24px;margin-right:20px}.game-container{text-align:center;padding:16px 20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.game-container .game-header{display:flex;align-items:center;justify-content:space-between;width:calc(var(--grid-size, 240px) + 16px);max-width:80vw;min-width:min(300px,80vw)}.game-container .game-title{margin:0}.game-container .game-timer{margin:10px 0;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;padding-bottom:4px}.game-container .game-board{display:grid;gap:0;border:1px solid #000;width:fit-content;border-radius:6px;transition:grid-template-columns .3s ease;position:relative}.game-container .game-board .game-board-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#f4f4f4;z-index:5;display:flex;flex-direction:column;align-items:center;gap:20px;transition:opacity .3s ease;border-radius:5px;border:1px solid #000}.game-container .game-board .game-board-overlay.hidden{opacity:0;pointer-events:none}.game-container .game-board .game-board-overlay .overlay-text{font-size:1.1rem}.game-container .game-board .game-board-overlay .overlay-button{padding:10px 20px;background-color:#6700b1;font-size:1.1rem}.game-container .game-board .game-board-overlay .overlay-bar-chart{padding:20px 20px 0 10px;width:100%;max-height:calc(var(--grid-size) - 90px);height:calc(var(--grid-size) / 2)}.game-container .game-board .game-board-overlay .overlay-menu{display:flex;gap:20px;flex-direction:column;flex:1;justify-content:center;align-items:center}.game-container .game-board .game-cell{border:1px solid #000;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:width .3s ease,height .3s ease}.game-container .game-board .game-cell .cell-marker{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;color:#000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:2}.game-container .game-board .game-cell .line-marker{position:absolute;color:#000;z-index:1;background-color:#fff;padding:0;height:12px;width:12px;display:flex;align-items:center;justify-content:center}.game-container .game-board .game-cell .line-marker .line-marker-img{width:min(24px,var(--grid-size, 240px) / 12)}.game-container .game-board .game-cell .line-marker.right{bottom:calc(50% - 6px);right:-7px}.game-container .game-board .game-cell .line-marker.bottom{bottom:-6px;left:calc(50% - 6px)}.game-container .game-board .game-cell .cell-img{width:75%}.game-container .game-board.bean{grid-template-columns:repeat(10,calc(var(--grid-size, 240px) / 10))}.game-container .game-board.bean .game-cell{width:calc(var(--grid-size, 240px) / 10);height:calc(var(--grid-size, 240px) / 10)}.game-container .game-board.mango{grid-template-columns:repeat(6,calc(var(--grid-size, 240px) / 6))}.game-container .game-board.mango .game-cell{width:calc(var(--grid-size, 240px) / 6);height:calc(var(--grid-size, 240px) / 6)}.game-container .game-alert{margin-top:20px;padding:10px;border-radius:5px}@media (max-width: 768px) and (min-height: 650px){.game-container{padding-top:26px}}.page-body{max-width:800px;margin:0 auto;padding:20px}.page-body.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 140px)}.cards-container{display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:center}.inline-text{display:inline-flex}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Calibri,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}