.game-area{position:relative;display:flex;justify-content:center;align-items:center;max-width:600px;aspect-ratio:600 / 800;max-width:100%;width:600px;margin:0 auto;background-image:radial-gradient(circle at 20% 20%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 60% 40%,#ffffff0d 0%,transparent 30%);border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden}#game-canvas{border:3px solid #fff;border-radius:10px;background-image:radial-gradient(circle at 20% 20%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 60% 40%,#ffffff0d 0%,transparent 30%);box-shadow:inset 0 0 20px #0000001a;cursor:crosshair}#game-canvas:hover{box-shadow:inset 0 0 20px #0003 0 0 20px #ffffff4d}.current-block-area{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#fffffff2;border-radius:15px;padding:15px;box-shadow:0 4px 20px #00000026;border:2px solid #ffffff4d}.current-block-title{font-size:.9rem;font-weight:700;text-align:center;color:#e53e3e;margin-bottom:10px;text-shadow:1px 1px 2px #0000001a}#current-block-canvas{border:2px solid #e53e3e;border-radius:8px;background:linear-gradient(45deg,#fff5f5 25%,transparent 25%),linear-gradient(-45deg,#fff5f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff5f5 75%),linear-gradient(-45deg,transparent 75%,#fff5f5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.next-block-area{position:absolute;top:5px;right:5px;display:flex;flex-wrap:nowrap;align-items:center}.next-block-title{font-size:.7rem;font-weight:700;text-align:center;color:#4a5568;margin-bottom:5px;text-shadow:none}#next-block-canvas{border:none;border-radius:4px;background:transparent}#current-score{color:#fff;border-radius:20px}@keyframes scoreGlow{0%{box-shadow:0 4px 15px #ff6b6b4d}100%{box-shadow:0 4px 20px #ff6b6b80}}#game-status{color:#fff;border-radius:18px}@keyframes statusPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.btn-outline-success{background:linear-gradient(45deg,#48bb78,#68d391);border:none;color:#fff;font-weight:700;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #48bb784d;transition:all .3s ease}.btn-outline-success:hover{background:linear-gradient(45deg,#38a169,#48bb78);transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866;color:#fff}.btn-outline-warning{background:linear-gradient(45deg,#ed8936,#f6ad55);border:none;color:#fff;font-weight:700;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #ed89364d;transition:all .3s ease}.btn-outline-warning:hover{background:linear-gradient(45deg,#dd6b20,#ed8936);transform:translateY(-2px);box-shadow:0 6px 20px #ed893666;color:#fff}.stat-item{padding:15px;margin:10px 0;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px)}.stat-number{font-size:2rem;font-weight:700;margin-bottom:5px;color:#4a5568}.stat-label{font-size:.9rem;font-weight:500;color:#718096}.card{border:none;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;background:#fff}.card-body{padding:25px}.bg-light{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)!important;border:1px solid #cbd5e0;border-radius:15px}.text-primary{color:#667eea!important}.text-success{color:#48bb78!important}.text-warning{color:#ed8936!important}.border.rounded{border-color:#e2e8f0!important;border-radius:10px!important;transition:all .3s ease}.border.rounded:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}#game-result{border-radius:15px;font-weight:700;text-align:center;animation:resultSlide .5s ease-out}@keyframes resultSlide{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.modal-content{border-radius:20px;border:none;box-shadow:0 20px 60px #0003}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom:none;border-radius:20px 20px 0 0}.modal-body{padding:30px}.modal-footer{border-top:none;padding:20px 30px}@media (max-width: 768px){#game-canvas{width:100%;height:auto;max-width:100%}.next-block-title{font-size:.6rem}#next-block-canvas{width:60px;height:60px}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.card-body{padding:20px}}@media (max-width: 480px){#next-block-canvas{width:50px;height:50px}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}}@keyframes blockDrop{0%{transform:translateY(-100px);opacity:0}50%{opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes gameStart{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}.game-area.starting{animation:gameStart .5s ease-out}.score-celebration{animation:celebration 1s ease-out}@keyframes celebration{0%,100%{transform:scale(1)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#game-canvas{background-image:radial-gradient(circle at 20% 20%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,transparent 20%),radial-gradient(circle at 60% 40%,#ffffff0d 0%,transparent 30%)}.hole-indicator{position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,#2c3e50cc);pointer-events:none}