.minesweeper-game-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;background:linear-gradient(135deg,#ff9a56 0%,#ff6b9d 50%,#c44569 100%);border-radius:0;padding:28px;box-shadow:0 10px 30px #ff6b9d4d inset 0 1px 0 #ffffff4d;position:relative;overflow:hidden}.minesweeper-game-area::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,#ffffff0d 0px,#ffffff0d 2px,transparent 2px,transparent 10px);animation:shimmer 60s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#minesweeper-canvas{background:linear-gradient(145deg,#fff,#f8f9fa);border:4px solid #ff6b9d;border-radius:0;box-shadow:0 8px 25px #c4456966 inset 0 2px 0 #fffc inset 0 -2px 0 #0000001a;animation:canvasAppear .8s cubic-bezier(0.175,0.885,0.32,1.275);transition:all .3s ease;cursor:crosshair;margin:0}@keyframes canvasAppear{0%{opacity:0;transform:scale(0.5) rotateY(180deg)}50%{opacity:.7;transform:scale(1.1) rotateY(90deg)}100%{opacity:1;transform:scale(1) rotateY(0deg)}}#minesweeper-canvas.game-won{animation:victoryPulse 2s ease-in-out infinite;border-color:#28a745;box-shadow:0 0 30px #28a74599 0 8px 25px #28a74566}#minesweeper-canvas.game-lost{animation:defeatShake .5s ease-in-out 3;border-color:#dc3545;box-shadow:0 0 30px #dc354599 0 8px 25px #dc354566}@keyframes victoryPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes defeatShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.statistic-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:15px 10px;box-shadow:0 4px 15px #667eea4d;margin-bottom:10px;transition:all .3s ease}.statistic-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.statistic-number{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 4px #0000004d}.statistic-label{font-size:.85rem;color:#ffffffe6;margin-top:5px;font-weight:500}.difficulty-card{cursor:pointer;transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 4px 12px #0000001a}.difficulty-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #ff6b9d4d;background:linear-gradient(135deg,#fff,#f8f9fa)}.difficulty-card.selected{border-color:#ff6b9d;background:linear-gradient(135deg,#ffe0e6,#ffb3d1);transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px #ff6b9d66}.difficulty-card .badge{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:600}.badge{font-weight:600;padding:6px 12px;border-radius:20px;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px #0003}.badge.bg-danger{background:linear-gradient(135deg,#ff416c,#ff4757)!important;box-shadow:0 2px 8px #ff47574d}.badge.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 2px 8px #667eea4d}.badge.bg-secondary{background:linear-gradient(135deg,#6c757d,#495057)!important;box-shadow:0 2px 8px #6c757d4d}.badge.bg-success{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 2px 8px #28a7454d}.badge.bg-warning{background:linear-gradient(135deg,#ffc107,#ff9f43)!important;box-shadow:0 2px 8px #ffc1074d}.badge.bg-info{background:linear-gradient(135deg,#17a2b8,#00b8d4)!important;box-shadow:0 2px 8px #17a2b84d}.btn{border-radius:20px;font-weight:600;padding:8px 16px;border:none;transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:left .6s}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.btn-outline-success{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid transparent;color:#fff}.btn-outline-warning{background:linear-gradient(135deg,#ffc107,#ff9f43);border:2px solid transparent;color:#fff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid transparent;color:#fff}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid transparent;color:#fff}.game-end-icon{font-size:4rem;animation:iconBounce 1s ease-out}@keyframes iconBounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-10px)}}.game-end-message{font-size:1.2rem;font-weight:600;margin:10px 0}@media (max-width: 768px){.minesweeper-game-area{padding:15px;min-height:350px}#minesweeper-canvas{max-width:100%;max-height:350px}.statistic-item{padding:10px 5px;margin-bottom:8px}.statistic-number{font-size:1.4rem}.statistic-label{font-size:.75rem}.difficulty-card{margin-bottom:10px}.badge{font-size:.7rem;padding:4px 8px}}@media (max-width: 480px){.minesweeper-game-area{padding:10px;min-height:300px}#minesweeper-canvas{max-width:calc(100vw - 60px);max-height:280px}.btn{font-size:.8rem;padding:6px 12px}}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){#minesweeper-canvas{border-width:3px;border-color:#000}.badge{border:2px solid #000}.difficulty-card{border:2px solid #000}}