.bean-game-container{padding:2rem 1rem;max-width:760px;margin:0 auto}.bean-game-header h2{margin-bottom:.5rem}.bean-game-header .bean-game-subtitle{font-size:1rem;margin-bottom:.5rem}.bean-game-header .bean-game-instruction{font-size:.95rem;opacity:.8}.bean-message-area{min-height:60px;display:flex;align-items:center;justify-content:center}.bean-message-area .bean-message{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;animation:fadeInUp .3s ease-out}.bean-message-area .bean-message.bean-message-win{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.bean-message-area .bean-message.bean-message-lose{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.bean-message-area .bean-message.bean-message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.bean-grid{padding:1rem}.bean-button{width:70px;height:70px;border-radius:50%;border:3px solid var(--primary-color, #007bff);background:linear-gradient(145deg,#f5f5f5,#e0e0e0);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:2rem}.bean-button:hover:not(.bean-clicked):not(.bean-disabled):not(.bean-loading){transform:scale(1.1);box-shadow:0 4px 12px #0003}.bean-button:active:not(.bean-clicked):not(.bean-disabled):not(.bean-loading){transform:scale(.95)}.bean-button .bean-icon{transition:opacity .2s ease}.bean-button .bean-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#28a745;font-weight:700}.bean-button .bean-xmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#6c757d;font-weight:700}.bean-button .bean-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bean-button.bean-loading{cursor:wait;opacity:.7}.bean-button.bean-loading .bean-icon{opacity:.3}.bean-button.bean-loading .bean-spinner{display:flex!important}.bean-button.bean-clicked{cursor:default}.bean-button.bean-clicked .bean-icon{opacity:.3}.bean-button.bean-clicked .bean-checkmark{display:block!important}.bean-button.bean-loss{background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border-color:#9e9e9e}.bean-button.bean-loss .bean-xmark{display:block!important}.bean-button.bean-loss .bean-checkmark{display:none!important}.bean-button.bean-loss .bean-icon{opacity:.2}.bean-button.bean-disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(145deg,#e0e0e0,#bdbdbd);border-color:#9e9e9e}.bean-button.bean-disabled:hover{transform:none;box-shadow:none}.bean-button.bean-win{animation:pulse-win .5s ease-out;background:linear-gradient(145deg,#c8f7c5,#4caf50);border-color:#2e7d32}.bean-button.bean-win .bean-checkmark{color:#1b5e20}.bean-button.bean-win .bean-icon{opacity:1}.bean-button .bean-win-label{position:absolute;bottom:0;left:0;right:0;background:#2e7d32e6;color:#fff;font-size:.6rem;font-weight:800;text-align:center;padding:2px 0;letter-spacing:.04em;pointer-events:none;border-radius:8px}.bean-stats p{font-size:1rem;margin-bottom:0}.all-beans-used{padding:1.5rem;background-color:#f8f9fa;border-radius:10px;margin-top:1rem}.all-beans-used p{font-size:1.1rem;margin-bottom:1rem}.win-area{padding:2rem;background:linear-gradient(145deg,#c8f7c5,#e8f5e9);border-radius:15px;border:2px solid #4caf50;margin-top:1rem}.win-area .win-message h3{font-size:1.5rem;margin-bottom:.5rem}.win-area .win-message .prize-name{font-size:1.3rem;font-weight:700;color:var(--primary-color, #007bff);margin-top:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-win{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:576px){.bean-button{width:60px;height:60px;font-size:1.6rem}.bean-button .bean-checkmark{font-size:1.6rem}.bean-button .bean-win-label{font-size:.45rem}.bean-game-container{padding:1rem .5rem}}#response .alert{background-color:transparent!important;border:none!important}#response .alert.alert-danger{color:red!important}