*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);min-height:100vh;min-height:100dvh;padding:20px;position:relative;overflow-x:hidden;}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('../images/background.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(6px);z-index:-2;transform:scale(1.1);}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(15,32,39,0.7) 0%,rgba(32,58,67,0.6) 50%,rgba(44,83,100,0.7) 100%),radial-gradient(circle at 20% 50%,rgba(120,119,198,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,135,135,0.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,177,66,0.2) 0%,transparent 50%);pointer-events:none;z-index:-1;}.container{max-width:1280px;margin:0 auto;position:relative;z-index:1;}header{text-align:center;color:white;margin-bottom:40px;animation:fadeInDown 0.8s ease;}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}header h1{font-size:3.5rem;margin-bottom:15px;font-weight:800;background:linear-gradient(135deg,#fff 0%,#ffd700 50%,#ff8c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,215,0,0.4);letter-spacing:2px;}.subtitle{font-size:1.2rem;opacity:0.95;font-weight:300;color:#e0e0e0;letter-spacing:0.5px;}.game-info{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:20px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);animation:fadeIn 0.8s ease 0.2s both;}@keyframes fadeIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.attempts{font-size:1.3rem;display:flex;align-items:center;gap:12px;}.attempts .label{font-weight:600;color:#333;font-size:1.1rem;}.attempts .value{font-weight:800;background:linear-gradient(135deg,#777777 0%,#28252b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;min-width:40px;text-align:center;}.btn-new-game,.btn-play-again{background:linear-gradient(135deg,#777777 0%,#28252b 100%);color:white;border:none;padding:12px 30px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.4);position:relative;overflow:hidden;}.btn-new-game::before,.btn-play-again::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;}.btn-new-game:hover::before,.btn-play-again:hover::before{left:100%;}.btn-new-game:hover,.btn-play-again:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,0.6);}.btn-new-game:active,.btn-play-again:active{transform:translateY(-1px);}.search-section{position:relative;margin-bottom:35px;animation:fadeIn 0.8s ease 0.4s both;z-index:100;}#cardSearch{width:100%;padding:18px 25px;font-size:1.15rem;font-family:'Poppins',sans-serif;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.5);border-radius:16px;outline:none;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.2);}#cardSearch::placeholder{color:#999;font-weight:300;}#cardSearch:focus{border-color:#ffd700;box-shadow:0 0 0 4px rgba(255,215,0,0.3),0 8px 25px rgba(0,0,0,0.3);transform:translateY(-2px);}.suggestions{position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-top:10px;max-height:400px;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.3);z-index:1001;display:none;border:1px solid rgba(255,255,255,0.3);animation:slideDown 0.3s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.suggestions::-webkit-scrollbar{width:8px;}.suggestions::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:10px;}.suggestions::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#777777 0%,#28252b 100%);border-radius:10px;}.suggestions.show{display:block;}.suggestion-item{padding:18px 24px;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid rgba(0,0,0,0.05);display:flex;align-items:center;gap:18px;}.suggestion-item:last-child{border-bottom:none;}.suggestion-item:hover{background:#e8ebf9;}.suggestion-item.selected{background:#dce2f8;border-left:4px solid #667eea;padding-left:20px;}.suggestion-item .card-image{width:100px;height:100px;border-radius:10px;object-fit:contain;background:transparent;transition:transform 0.2s ease,box-shadow 0.2s ease;flex-shrink:0;image-rendering:crisp-edges;}.suggestion-item:hover .card-image{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(102,126,234,0.4));}.suggestion-item .card-name{font-weight:600;color:#222;font-size:1.1rem;letter-spacing:0.3px;}.guesses-container{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:42px;box-shadow:0 8px 32px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);min-height:250px;animation:fadeIn 0.8s ease 0.6s both;position:relative;z-index:1;}.guess-header{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(8,minmax(0,1fr));gap:10px;padding:0;margin-bottom:20px;font-size:0.88rem;}.guess-header .cell{background:linear-gradient(135deg,#777777 0%,#28252b 100%);color:white;border-radius:12px;font-weight:600;text-align:center;box-shadow:0 4px 15px rgba(102,126,234,0.4);letter-spacing:0.3px;padding:26px 20px;}.guess-row{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(8,minmax(0,1fr));gap:12px;margin-bottom:12px;animation:slideIn 0.5s ease;}@keyframes slideIn{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}.cell{padding:18px 16px;border-radius:10px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:0.9rem;transition:all 0.3s ease;word-wrap:normal;hyphens:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.guess-row .cell{min-width:0;}.cell.correct{background:linear-gradient(135deg,#48c774 0%,#3ec46d 100%);color:white;border-color:#3ec46d;box-shadow:0 4px 15px rgba(72,199,116,0.4);animation:pulse 0.6s ease;}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.cell.wrong{background:linear-gradient(135deg,#f14668 0%,#e73854 100%);color:white;border-color:#e73854;box-shadow:0 4px 15px rgba(241,70,104,0.4);}.cell.higher::after{content:" ↑";margin-left:5px;font-weight:bold;font-size:1.2rem;}.cell.lower::after{content:" ↓";margin-left:5px;font-weight:bold;font-size:1.2rem;}.victory-message{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;align-items:center;justify-content:center;}.victory-message.show{display:flex;}.victory-content{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 70px;border-radius:30px;text-align:center;animation:popIn 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 20px 60px rgba(0,0,0,0.5);border:2px solid rgba(255,255,255,0.5);position:relative;overflow:hidden;}.close-victory{position:absolute;top:20px;right:25px;font-size:35px;font-weight:bold;color:#333;cursor:pointer;transition:all 0.3s ease;line-height:1;z-index:10;}.close-victory:hover{color:#000;transform:scale(1.2) rotate(90deg);}.victory-content::before{content:'🎉';position:absolute;font-size:8rem;top:-30px;right:-30px;opacity:0.1;animation:rotate 20s linear infinite;}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes popIn{0%{opacity:0;transform:scale(0.3) rotate(-10deg);}50%{transform:scale(1.05) rotate(5deg);}100%{opacity:1;transform:scale(1) rotate(0deg);}}.victory-content h2{font-size:3rem;background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;font-weight:800;letter-spacing:1px;}.victory-content p{font-size:1.4rem;color:#444;margin-bottom:30px;font-weight:400;}.victory-content #finalAttempts{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:2rem;}@media (max-width:768px){.home-button{display:none !important;}body{padding-bottom:120px;}header h1{font-size:2.5rem;}.subtitle{font-size:1rem;}.game-info{padding:15px 20px;}.guess-header,.guess-row{grid-template-columns:repeat(9,1fr);font-size:0.7rem;gap:4px;}.cell{padding:8px 4px;font-size:0.7rem;}.victory-content{padding:40px 30px;margin:0 20px;}.victory-content h2{font-size:2.2rem;}.victory-content p{font-size:1.1rem;}.suggestion-item .card-image{width:70px;height:70px;}}body.high-contrast{filter:contrast(1.2);}body.high-contrast *{border-color:rgba(255,255,255,0.3) !important;}body.no-animations,body.no-animations *{animation:none !important;transition:none !important;}body.no-animations .container,body.no-animations [style*="opacity"],body.no-animations .game-container,body.no-animations .victory-modal,body.no-animations .modal-content{opacity:1 !important;transform:none !important;}body.performance-mode *{box-shadow:none !important;text-shadow:none !important;}body.performance-mode::before{backdrop-filter:none !important;}body.performance-mode::after{filter:none !important;}.achievement-popup{position:fixed;top:20px;right:-400px;background:linear-gradient(135deg,rgba(30,30,30,0.98) 0%,rgba(20,20,20,0.98) 100%);border:2px solid #FFD700;border-radius:16px;padding:16px 24px;z-index:3000;box-shadow:0 10px 40px rgba(255,215,0,0.4),0 0 60px rgba(255,215,0,0.2);transition:right 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);max-width:350px;}.achievement-popup.show{right:20px;}.achievement-popup-content{display:flex;align-items:center;gap:16px;}.achievement-popup-icon{font-size:3rem;animation:achievementBounce 0.6s ease infinite;}@keyframes achievementBounce{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-8px) scale(1.1);}}.achievement-popup-text strong{display:block;color:#FFD700;font-size:0.9rem;margin-bottom:4px;}.achievement-popup-text p{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px 0;}.achievement-popup-text small{color:#FFA500;font-size:0.85rem;font-weight:500;}.collection-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #4caf50;border-radius:16px;padding:16px 24px;box-shadow:0 8px 32px rgba(76,175,80,0.3);z-index:10000;opacity:0;transition:all 0.3s ease;}.collection-notification.show{transform:translateX(-50%) translateY(0);opacity:1;}.collection-notification-content{display:flex;align-items:center;gap:12px;}.collection-icon{font-size:28px;animation:bounce 0.5s ease;}.collection-text{display:flex;flex-direction:column;}.collection-text strong{color:#4caf50;font-size:12px;text-transform:uppercase;letter-spacing:1px;}.collection-text span{color:#fff;font-size:15px;font-weight:500;}@keyframes bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}