.bonus-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn 0.3s ease-in-out;overflow:auto;padding:20px;box-sizing:border-box}.bonus-modal-content{background:var(--modal-bg-color);border-radius:16px;padding:0;max-width:450px;width:90%;max-height:90vh;box-shadow:0 12px 40px rgba(0,0,0,0.4);animation:slideIn 0.4s ease-out;border:2px solid var(--border-color);overflow:hidden;position:relative;display:flex;flex-direction:column}.bonus-modal-content.bonus-normal{border-color:var(--accent-color)}.bonus-modal-content.bonus-great{border-color:#ffd700;box-shadow:0 12px 40px rgba(255,215,0,0.3)}.bonus-modal-content.bonus-special{border-color:#ff6b35;box-shadow:0 12px 40px rgba(255,107,53,0.3)}.bonus-modal-header{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));padding:24px;text-align:center;position:relative;overflow:hidden;flex-shrink:0}.bonus-modal-header.bonus-great{background:linear-gradient(135deg,#ffd700,#ffed4e)}.bonus-modal-header.bonus-special{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.bonus-icon{font-size:3rem;margin-bottom:12px;display:block;animation:bounce 1s ease-in-out}.bonus-modal-header h3{margin:0;color:white;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.bonus-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.bonus-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:var(--secondary-bg-color);border-radius:12px;border:1px solid var(--border-color)}.bonus-hints-received{text-align:center}.hints-count{display:block;font-size:2.5rem;font-weight:bold;color:var(--accent-color);line-height:1}.hints-label{display:block;font-size:0.9rem;color:var(--text-color);margin-top:4px;opacity:0.8}.bonus-streak{text-align:center}.streak-label{display:block;font-size:0.8rem;color:var(--text-color);opacity:0.7;margin-bottom:4px}.streak-count{display:block;font-size:1.5rem;font-weight:bold;color:var(--accent-color)}.bonus-message{margin:0 0 20px 0;color:var(--text-color);font-size:1rem;line-height:1.5;text-align:center}.bonus-modal-footer{padding:20px 24px 24px;text-align:center;border-top:1px solid var(--border-color);flex-shrink:0}.bonus-modal-btn{width:100%;padding:14px 20px;background-color:var(--accent-color);color:white;border:none;border-radius:10px;font-size:1.2em;font-weight:600;cursor:pointer;transition:background-color 0.2s,color 0.2s,transform 0.1s,outline-offset 0.1s;box-sizing:border-box;text-align:center}.bonus-modal-btn:hover{background:var(--accent-hover)}.bonus-modal-btn:active{transform:scale(0.98)}.bonus-modal-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb,13,110,253),0.3)}.bonus-modal-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb,13,110,253),0.3)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-30px)scale(0.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:480px){.bonus-modal-content{margin:20px;max-width:none;width:calc(100%-40px)}.bonus-modal-header{padding:20px}.bonus-icon{font-size:2.5rem}.bonus-modal-header h3{font-size:1.5rem}.bonus-modal-body{padding:20px}.bonus-details{flex-direction:column;gap:16px;padding:12px}.hints-count{font-size:2rem}.streak-count{font-size:1.3rem}.bonus-modal-btn{padding:12px 15px;font-size:1.1em}}@media(orientation:landscape)and(max-height:500px){.bonus-modal-overlay{padding:10px}.bonus-modal-content{max-height:95vh;width:80%;max-width:600px}.bonus-modal-header{padding:16px 24px}.bonus-icon{font-size:2rem;margin-bottom:8px}.bonus-modal-header h3{font-size:1.4rem}.bonus-modal-body{padding:16px 24px}.bonus-details{margin-bottom:16px;padding:12px}.hints-count{font-size:2rem}.streak-count{font-size:1.2rem}.bonus-message{font-size:0.9rem;margin-bottom:16px}.bonus-modal-footer{padding:16px 24px 20px}.bonus-modal-btn{padding:12px 16px;font-size:1.1em}}@media(orientation:landscape)and(max-height:400px){.bonus-modal-content{max-height:98vh;width:85%}.bonus-modal-header{padding:12px 20px}.bonus-icon{font-size:1.5rem;margin-bottom:6px}.bonus-modal-header h3{font-size:1.2rem}.bonus-modal-body{padding:12px 20px}.bonus-details{margin-bottom:12px;padding:8px;gap:12px}.hints-count{font-size:1.8rem}.hints-label{font-size:0.8rem}.streak-label{font-size:0.7rem}.streak-count{font-size:1.1rem}.bonus-message{font-size:0.85rem;margin-bottom:12px}.bonus-modal-footer{padding:12px 20px 16px}.bonus-modal-btn{padding:10px 14px;font-size:1em}}.bonus-modal-content.light-theme{--modal-bg-color:var(--surface-color-light);--secondary-bg-color:rgba(var(--surface-color-rgb-light),1);--text-color:var(--text-color-light);--border-color:var(--border-color-light);--accent-color:var(--accent-color-light);--accent-color-rgb:var(--accent-color-rgb-light);--accent-hover:var(--accent-hover-light);background:var(--modal-bg-color);border-color:var(--border-color)}.bonus-modal-content.light-theme .bonus-details{background:var(--secondary-bg-color);border-color:var(--border-color)}.bonus-modal-content.light-theme .bonus-modal-footer{border-top-color:var(--border-color)}