.game-container{background:#fff;border-radius:24px;max-width:1000px;margin:0 auto;padding:2rem;box-shadow:0 20px 60px #0000001a}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-icon{font-size:2rem}.game-header h1{color:#3b82f6;margin:0;font-size:1.5rem;font-weight:700}.score{background:#f0fdf4;border-radius:12px;align-items:baseline;gap:.25rem;padding:.5rem 1rem;display:flex}.score-number{color:#22c55e;font-size:2rem;font-weight:700}.score-text{color:#6b7280;font-size:1.1rem;font-weight:600}.progress-container{margin-bottom:2rem}.progress-bar{background:#e5e7eb;border-radius:12px;height:24px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,#4ade80 0%,#22c55e 100%);border-radius:12px;height:100%;transition:width .5s ease-out;box-shadow:0 2px 4px #0000001a}.game-field{background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);border:3px solid #60a5fa;border-radius:16px;height:500px;margin-bottom:1.5rem;position:relative;overflow:hidden}.bubble{color:inherit;cursor:pointer;will-change:transform;border:0;border-radius:50%;padding:0;transition:transform .1s;animation:.5s ease-out bubbleAppear;display:block;position:absolute;box-shadow:inset -10px -10px 20px #0000001a,inset 10px 10px 20px #fff6,0 10px 30px #0003}.bubble:hover{transform:scale(1.05)}.bubble:active{transform:scale(.95)}.bubble:focus-visible{outline-offset:3px;outline:4px solid #1d4ed8}.bubble-highlight{background:radial-gradient(#fffc 0%,#0000 70%);border-radius:50%;width:30%;height:20%;position:absolute;top:15%;left:15%}@keyframes bubbleAppear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.win-overlay{z-index:10;background:#4ade80f2;justify-content:center;align-items:center;animation:.5s ease-out winFadeIn;display:flex;position:absolute;inset:0}.win-content{text-align:center;color:#fff;padding:2rem}.win-icon{margin-bottom:1rem;font-size:6rem;animation:1s infinite bounce}.win-content h2{text-shadow:2px 2px 4px #0003;margin:0 0 1rem;font-size:2.5rem}.win-content p{opacity:.95;margin-bottom:2rem;font-size:1.3rem}.repeat-btn{color:#22c55e;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.3rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 30px #0003}.repeat-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.repeat-btn:active{transform:translateY(-1px)}@keyframes winFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hint{color:#1e40af;background:#eff6ff;border:2px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:1.1rem;display:flex}.hint-icon{font-size:1.3rem}.back-section{text-align:center}.back-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:2px solid #d1d5db;border-radius:10px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af}@media (width<=768px){.game-header{text-align:center;flex-direction:column}.header-left{justify-content:center}.game-header h1{font-size:1.2rem}.game-field{height:400px}.bubble{min-width:60px;min-height:60px}.win-content h2{font-size:1.8rem}.win-icon{font-size:4rem}}