.colorpop-game{color:#333;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#e0f7fa,#81d4fa);border-radius:24px;width:100%;max-width:600px;height:500px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000026}.colorpop-game-stats{z-index:10;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:15px;left:15px;right:15px}.colorpop-game-stats .stat{background:#ffffffd9;border-radius:20px;padding:6px 16px;font-size:1rem;font-weight:700;box-shadow:0 4px 8px #0000001a}.colorpop-target-indicator{z-index:10;white-space:nowrap;pointer-events:none;background:#ffffffe6;border-radius:30px;padding:7px 18px;font-size:1.1rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:42px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.colorpop-target-indicator.pulse{transform:translate(-50%)scale(1.1)}.colorpop-target-indicator .target-name{text-shadow:0 1px 1px #0000001a}.colorpop-timer-wrap{z-index:10;pointer-events:none;background:#ffffff80;border-radius:999px;height:7px;position:absolute;top:78px;left:15px;right:15px;overflow:hidden}.colorpop-timer-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);width:100%;height:100%;transition:width .1s linear,background-color .3s}.colorpop-timer-bar.warning{background:linear-gradient(90deg,#ff9800,#ffc107)}.colorpop-timer-bar.danger{background:linear-gradient(90deg,#f44336,#ef5350)}.colorpop-game-canvas-wrap{width:100%;height:100%;position:relative}.balloon{cursor:pointer;z-index:5;border-radius:50%/40% 40% 60% 60%;width:60px;height:75px;transition:transform .1s;position:absolute}.balloon:after{content:"";color:inherit;filter:brightness(.9);border-bottom:8px solid;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.balloon-string{background:#00000026;width:2px;height:40px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.balloon.popping{opacity:0;transition:all .2s ease-out;transform:scale(1.5)}.colorpop-game-start{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;color:#01579b;text-align:center;background:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.colorpop-game-start h2{color:#0277bd;margin-bottom:20px;font-size:2.2rem}.colorpop-game-start-btn{color:#fff;cursor:pointer;background:#00c853;border:none;border-radius:40px;padding:16px 45px;font-size:1.6rem;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 6px 20px #00c8534d}.colorpop-game-start-btn:hover{background:#00b248;transform:scale(1.05)}.colorpop-game-message{z-index:30;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.colorpop-game-message-card{text-align:center;background:#fff;border-radius:30px;max-width:85%;padding:40px;box-shadow:0 15px 40px #0006}.colorpop-game-message-emoji{margin-bottom:15px;font-size:4.5rem;animation:2s infinite bounce}.colorpop-game-message-ok{color:#fff;cursor:pointer;background:#03a9f4;border:none;border-radius:12px;padding:12px 35px;font-size:1.1rem;font-weight:700;transition:background .2s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.score-pop{color:#00c853;pointer-events:none;z-index:15;text-shadow:0 2px 4px #0003;font-size:1.8rem;font-weight:700;animation:.8s ease-out forwards float-up-pop;position:absolute}@keyframes float-up-pop{0%{opacity:0;transform:scale(.5)translateY(0)}20%{opacity:1;transform:scale(1.2)translateY(-20px)}to{opacity:0;transform:scale(1)translateY(-60px)}}