@font-face{font-family:Champions;font-style:normal;font-weight:700;src:url(/static/media/Champions-Bold.57b7551df03a20bed65e.ttf) format("truetype")}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:#0e1e5b url(/static/media/uefa-champions-league-star-football-logo-8dv90jbvwwhzp9c0.4846cd25d42863150682.jpg) no-repeat 50% fixed;background-size:cover;color:#fff;font-family:Champions,Arial,sans-serif;line-height:1.6;overflow-x:auto}.app,body{min-height:100vh}.app{padding:20px}.container{animation:none;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#3562a6cc,#3562a699 25%,#3562a6b3 50%,#3562a680 75%,#3562a6cc);border:2px solid #fff3;border-radius:30px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26,0 8px 32px #1f26875e;margin:20px auto;max-width:1200px;overflow:hidden;padding:30px;position:relative}.container:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}.container:after,.container:before{animation:none;content:"";pointer-events:none;position:absolute}.container:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;left:0;right:0;top:0}.header{animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;color:#fff;margin-bottom:25px;overflow:hidden;padding:25px 30px;position:relative;text-align:center}.header:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.header h1{color:#fff;font-size:3rem;letter-spacing:4px;margin:0;text-shadow:0 4px 8px #00000080}.header h1,.subtitle{position:relative;text-transform:uppercase;z-index:1}.subtitle{color:#ffffffe6;font-size:1.3rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;text-align:center}.game-controls{align-items:center;animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:25px;box-shadow:0 15px 30px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;overflow:hidden;padding:25px 30px;position:relative}.game-controls:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.difficulty-selector{align-items:center;display:flex;gap:15px}.difficulty-selector label{color:#fff;font-weight:600;letter-spacing:1px;text-transform:uppercase}.difficulty-selector select{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border:2px solid #ffffff4d;border-radius:15px;color:#fff;font-family:Champions,Arial,sans-serif;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.difficulty-selector select:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.difficulty-selector select:focus{border-color:#3562a6;box-shadow:0 0 0 3px #3562a633,0 8px 25px #3562a64d;transform:translateY(-2px) scale(1.02)}.score-display{align-items:center;animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:20px;box-shadow:0 15px 30px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;gap:5px;margin:25px 0;overflow:hidden;padding:20px 30px;position:relative;text-align:center}.score-display:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff0f 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-indicator{color:#6b7280;font-size:.8rem;font-weight:500}.btn{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:none;border-radius:15px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Champions,Arial,sans-serif;font-size:1rem;font-weight:700;height:48px;letter-spacing:1px;line-height:1.2;overflow:hidden;padding:14px 28px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:before{animation:none;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.btn:hover{box-shadow:0 20px 40px #0000004d,0 0 0 2px #ffffff4d;transform:translateY(-3px) scale(1.02)}.btn:active{transform:translateY(-1px) scale(.98)}.btn-primary{background:#3562a6;border:1px solid #fff3;box-shadow:0 8px 25px #3562a64d,0 0 0 1px #ffffff1a;color:#fff}.btn-primary:hover{background:#0e1e5b;box-shadow:0 15px 35px #3562a666,0 0 0 1px #fff3}.btn-secondary{background:#091442;border:1px solid #fff3;box-shadow:0 8px 25px #0914424d,0 0 0 1px #ffffff1a;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 8px 25px #4a90e266;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #e74c3c4d;box-shadow:0 8px 25px #e74c3c4d,0 0 0 1px #e74c3c33,inset 0 1px 0 #fff3;color:#fff;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 8px 25px #e74c3c80;transform:translateY(-2px)}.btn-danger:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#95a5a64d;box-shadow:0 4px 15px #95a5a633;cursor:not-allowed;transform:none}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf504d;box-shadow:0 8px 25px #4caf504d,0 0 0 1px #4caf5033,inset 0 1px 0 #fff3;color:#fff;transition:all .3s ease}.btn-success:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 8px 25px #4caf5080;transform:translateY(-2px)}.btn-success:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#95a5a64d;box-shadow:0 4px 15px #95a5a633;cursor:not-allowed;transform:none}.btn-hint{background:#3562a6;border:1px solid #fff3;box-shadow:0 8px 25px #3562a64d,0 0 0 1px #ffffff1a;color:#fff}.btn-hint:hover{background:#0e1e5b;box-shadow:0 15px 35px #3562a666,0 0 0 1px #fff3}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading{color:#1e3c72;font-family:Champions,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:20px;text-align:center;text-transform:uppercase}.game-grid{padding:30px;position:relative}.game-instructions{animation:none;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#3562a6f2,#3562a6d9 50%,#3562a6e6);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;color:#fff;margin-bottom:25px;overflow:hidden;padding:25px 30px;position:relative;text-align:center}.game-instructions:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.game-instructions p{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.grid-table{border-collapse:initial;border-spacing:0;box-shadow:0 20px 40px #0000004d;table-layout:fixed;width:100%}.club-header,.corner-cell,.country-header{animation:none;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:0;color:#fff;font-weight:700;overflow:hidden;padding:15px 10px;position:relative;text-align:center}.club-header:before,.corner-cell:before,.country-header:before{animation:none;background:linear-gradient(45deg,#0000 30%,#ffffff14 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.corner-cell{border:1px solid #fff3;border-radius:0!important;max-width:120px;min-width:120px;width:120px}.club-header,.corner-cell,.country-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3562a6;color:#fff;font-weight:700;padding:15px 10px;text-align:center}.club-header,.country-header{border:1px solid #fff3;border-radius:0;letter-spacing:1px;text-transform:uppercase}.club-header{border-radius:0!important;max-width:160px;min-width:160px;width:160px}.country-header{border-radius:0!important;max-width:140px;min-width:140px;width:140px}.club-name,.country-name{color:#ffffffe6;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-top:10px;text-transform:uppercase}.country-flag{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3.5rem;line-height:1;padding:8px;text-align:center}.club-badge{padding:10px;text-align:center}.club-badge img{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:70px;margin:0 auto;object-fit:contain;width:70px}.grid-cell{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:0;cursor:pointer;max-width:140px;min-height:120px;padding:20px;position:relative;text-align:center;transition:all .3s ease;vertical-align:middle;width:140px}.grid-cell:before{animation:none;background:linear-gradient(45deg,#0000 30%,#3562a61a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.grid-cell:hover{background-color:#f8f9fa}.clickable-cell{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.clickable-cell:hover{border-color:#3562a6;box-shadow:0 8px 25px #3562a64d,0 0 0 1px #3562a633}.selected-cell{border-color:#3562a6;box-shadow:0 8px 25px #3562a666,0 0 0 1px #3562a64d}.filled-cell{background:#fffffffa;border-color:#3562a64d}.filled-cell:hover{background-color:#f8f9fa!important;box-shadow:none;transform:none}.cell-content,.image-container{align-items:center;display:flex;flex-direction:column;gap:5px}.image-container{position:relative}.player-image{animation:imagePop .5s ease-out;border:3px solid #667eea;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.player-image:hover{border-color:#764ba2;box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}.player-name{color:#1e3a8a;font-size:1.1rem;padding:8px}.fallback-name{display:none;text-align:center}.fallback-icon{font-size:2rem;margin-bottom:8px;opacity:.8}.primary-name{animation:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0e1e5bcc,#0e1e5b99);border:2px solid #ffd7004d;border-radius:15px;color:gold;display:block;font-size:1.2rem;font-weight:700;padding:8px 12px;text-shadow:0 2px 4px #00000080}.player-details{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:8px}.player-club{color:#87ceeb;font-size:.9rem;font-weight:600}.player-club,.player-country{letter-spacing:.5px;text-transform:uppercase}.player-country{color:#98fb98;font-size:.8rem;font-weight:500}.image-wrapper{position:relative}.image-wrapper,.no-image-wrapper{align-items:center;display:flex;flex-direction:column}.no-image-wrapper{justify-content:center;min-height:80px}.no-image-wrapper.hidden{display:none}.search-links{margin-top:8px;text-align:center}.search-links small{color:#87ceeb;font-size:.8rem}.search-links a{color:#98fb98;margin:0 4px;text-decoration:none;transition:color .3s ease}.search-links a:hover{color:gold;text-decoration:underline}.player-image:not([src])+.fallback-name,.player-image[src=""]+.fallback-name{display:block}.empty-cell{color:#adb5bd;font-size:1.2rem;font-weight:300}.guess-section{animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40}.guess-section:before{animation:liquidFlow 13s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff12 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.guess-section h2{color:#fff;font-size:1.5rem;letter-spacing:2px;margin:0 0 20px;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.input-group{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:160px}.input-field-container{align-items:center;display:flex;flex-wrap:nowrap;gap:50px;justify-content:center;margin-bottom:20px}.input-field-container label{color:#fff;display:block;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-align:center;text-transform:uppercase}.input-field{height:48px;min-width:140px;padding:12px 16px}.input-field:before{animation:none}.input-field[readonly]{background-color:#f8f9fa;border-color:#fffc;color:#1e3c72;cursor:default;font-weight:700}.input-field[readonly]:focus{border-color:#fffc;box-shadow:none}.hint-section{margin-top:20px;text-align:center}.hint-text{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;border-radius:15px;color:#fff;margin-top:15px;padding:20px}.hint-header{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.hint-header,.hint-name{color:#fff;font-weight:700}.hint-name{font-family:Champions,Arial,sans-serif;font-size:1.5rem;letter-spacing:3px;margin-bottom:15px;text-shadow:0 2px 4px #00000080}.hint-location{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;font-size:1rem;gap:12px;line-height:1.4;margin-top:15px;padding:12px 20px;text-align:center}.hint-label{color:#fff;font-weight:700}.hint-club{color:gold}.hint-club,.hint-country{font-size:1.1rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.hint-country{color:#87ceeb}.hint-separator{color:#fffc;font-size:1.2rem;margin:0 8px}.max-hints-reached{color:gold;font-size:.8rem;font-weight:600}.hint-limit-message{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:gold;font-size:.9rem;font-weight:500;margin-top:15px;padding:10px 15px;text-align:center}.completion-message{background:linear-gradient(135deg,#0f8,#00cc6a);border:3px solid #0f8;color:#1e3c72;padding:40px;text-align:center}.completion-message h2{font-family:Champions,Arial,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.completion-message p{font-size:1.3rem;font-weight:600;margin-bottom:25px;opacity:.9}.message{border:2px solid;border-radius:8px;font-weight:700;letter-spacing:1px;margin:20px 30px;padding:15px 20px;text-align:center;text-transform:uppercase}.message-success{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#0f8;color:#1e3c72}.message-error{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;color:#fff}.message-info{background:linear-gradient(135deg,#1e3c72,#2a5298);border-color:#0f8;color:#fff}.game-rules{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#0e1e5bf2,#0e1e5bd9 50%,#0e1e5be6);border:2px solid #ffffff40;border-radius:25px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26,0 8px 32px #1f26875e;margin-top:30px;overflow:hidden;padding:40px 30px;position:relative}.game-rules:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rules-header{margin-bottom:40px;position:relative;text-align:center;z-index:1}.rules-header h2{color:#fff;font-family:Champions,Arial,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:2px;margin:0 0 15px;text-shadow:0 4px 8px #00000080;text-transform:uppercase}.rules-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.rules-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));position:relative;z-index:1}.rules-section{display:flex;flex-direction:column;gap:20px}.rule-card{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border:2px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0003,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.rule-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rule-card:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff3,inset 0 1px 0 #fff3;transform:translateY(-5px) scale(1.02)}.rule-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));flex-shrink:0;font-size:3rem;line-height:1}.rule-content,.rule-icon{position:relative;z-index:1}.rule-content{flex:1 1}.rule-content h4{color:#fff;font-family:Champions,Arial,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.rule-content p{color:#ffffffe6;font-size:1rem;font-weight:600;line-height:1.5;margin:0;text-shadow:0 1px 2px #0000004d}.scoring-card{background:linear-gradient(135deg,#ffd7001a,#ffd7000d 50%,#ffd7001a);border-color:#ffd7004d}.scoring-details{display:flex;flex-direction:column;gap:12px;margin-top:15px}.score-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.score-item:hover{background:#ffffff26;transform:translateX(5px)}.difficulty{border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.difficulty.easy{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;color:#fff}.difficulty.medium{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;color:#fff}.difficulty.hard{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.points{color:gold;font-family:Champions,Arial,sans-serif;font-size:1.1rem;font-weight:800;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.game-rules{padding:30px 20px}.rules-header h2{font-size:2rem}.rules-content{gap:25px;grid-template-columns:1fr}.rule-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.rule-icon{font-size:2.5rem}.rule-content h4{font-size:1.2rem}.scoring-details{gap:10px}.score-item{padding:10px 12px}.difficulty{font-size:.8rem;padding:3px 10px}.points{font-size:1rem}.input-group{align-items:center;flex-direction:column}.input-field-container{max-width:300px;min-width:100%}.game-instructions{margin:15px;padding:12px}.game-instructions p{font-size:1rem}.game-controls{flex-direction:column;gap:20px}.header h1{font-size:2.5rem}.subtitle{font-size:1rem}}@media (max-width:480px){.game-rules{padding:20px 15px}.rules-header h2{font-size:1.8rem}.rules-subtitle{font-size:1rem}.rule-card{padding:15px}.rule-icon{font-size:2rem}.rule-content h4{font-size:1.1rem}.rule-content p{font-size:.9rem}.score-item{padding:8px 10px}.difficulty{font-size:.75rem;padding:2px 8px}.points{font-size:.9rem}.header{padding:20px}.header h1{font-size:1.8rem}.container{border-radius:15px}.game-grid,.game-info,.guess-section{padding:20px}.btn{font-family:Champions,Arial,sans-serif;font-size:13px;padding:8px 16px}}@keyframes imagePop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes nameGlow{0%{border-color:#ffd7004d;box-shadow:0 0 10px #ffd7004d}to{border-color:#ffd70099;box-shadow:0 0 20px #ffd70099}}.completion-message,.game-grid,.guess-section{animation:fadeIn .5s ease-out}.grid-cell:hover .empty-cell{color:#667eea;transform:scale(1.1);transition:all .3s ease}.btn:focus,.difficulty-selector select:focus,.input-field:focus{outline:2px solid #667eea;outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container{animation:fadeInUp .8s ease-out}.header{animation:slideInLeft .8s ease-out}.game-controls{animation:slideInRight .8s ease-out .2s both}.score-display{animation:scaleIn .6s ease-out .4s both}.game-instructions{animation:slideInLeft .6s ease-out .6s both}.grid-table{animation:scaleIn .8s ease-out .8s both}.guess-section{animation:slideInRight .6s ease-out 1s both}.grid-cell{transition:all .3s cubic-bezier(.4,0,.2,1)}.clickable-cell:hover{box-shadow:0 8px 25px #6493bf4d,0 0 0 1px #6493bf33;transform:translateY(-2px) scale(1.02)}.clickable-cell:hover,.selected-cell{background:#fff!important;border-color:#6594c0}.selected-cell{animation:bounceIn .4s ease-out;border-width:2px;box-shadow:0 8px 25px #6493bf66,0 0 0 1px #6493bf4d;transform:translateY(-1px) scale(1.01)}.input-field{transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;transform:translateY(-1px) scale(1.02)}.difficulty-selector select{transition:all .3s cubic-bezier(.4,0,.2,1)}.difficulty-selector select:focus{border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;outline:none;transform:translateY(-1px) scale(1.02)}@media (max-width:768px){.container{border-radius:16px;margin:10px;padding:20px}.header{border-radius:16px;margin-bottom:20px;padding:20px 15px}.header h1{font-size:2rem;letter-spacing:2px}.subtitle{font-size:1rem;margin-bottom:15px}.game-controls{border-radius:16px;gap:15px;margin-bottom:20px;padding:20px 15px}.difficulty-selector,.game-controls{align-items:stretch;flex-direction:column}.difficulty-selector{gap:10px}.difficulty-selector select{font-size:1rem;padding:15px 20px;width:100%}.score-display{font-size:1rem;margin:20px 0}.game-instructions,.score-display{border-radius:12px;padding:15px 20px}.game-instructions{margin-bottom:20px}.game-instructions p{font-size:.9rem;line-height:1.4}.grid-table{font-size:.7rem;margin:20px 0}.corner-cell{max-width:80px;min-width:80px;width:80px}.club-header,.corner-cell{border-radius:0;padding:10px 5px}.club-header{max-width:100px;min-width:100px;width:100px}.country-header{border-radius:0;max-width:80px;min-width:80px;padding:10px 5px;width:80px}.grid-cell{max-width:80px;min-height:40px;padding:8px;width:80px}.country-flag{font-size:2.5rem;padding:5px}.club-badge img{height:50px;width:50px}.club-name,.country-name{font-size:.7rem;line-height:1.1;margin-top:5px}.guess-section{border-radius:16px;margin-top:20px;padding:20px 15px}.guess-section h2{font-size:1.2rem;margin-bottom:15px}.input-field-container{align-items:stretch;flex-direction:column;gap:15px}.input-field-container label{font-size:.8rem;margin-bottom:5px}.input-field{min-width:auto;padding:15px 20px}.btn,.input-field{font-size:1rem;width:100%}.btn{margin-top:10px;padding:16px 24px}.btn-container{flex-direction:column;gap:10px}}@media (max-width:480px){.container{border-radius:12px;margin:5px;padding:15px}.header{border-radius:12px;padding:15px 10px}.header h1{font-size:1.5rem;letter-spacing:1px}.subtitle{font-size:.9rem}.game-controls{border-radius:12px;padding:15px 10px}.score-display{font-size:.9rem}.game-instructions,.score-display{border-radius:10px;padding:12px 15px}.game-instructions p{font-size:.8rem}.grid-table{font-size:.7rem}.corner-cell{max-width:70px;min-width:70px;width:70px}.club-header,.corner-cell{border-radius:0;padding:8px 4px}.club-header{max-width:90px;min-width:90px;width:90px}.country-header{border-radius:0;max-width:70px;min-width:70px;padding:8px 4px;width:70px}.grid-cell{max-width:70px;min-height:35px;padding:6px;width:70px}.country-flag{font-size:2rem;padding:4px}.club-badge img{height:40px;width:40px}.club-name,.country-name{font-size:.6rem;margin-top:4px}.guess-section{border-radius:12px;padding:15px 10px}.guess-section h2{font-size:1.1rem;margin-bottom:12px}.input-field{font-size:.9rem;padding:12px 16px}.btn{font-size:.9rem;padding:14px 20px}}@media (max-width:768px) and (orientation:landscape){.header h1{font-size:1.8rem}.game-controls,.input-field-container{flex-direction:row;flex-wrap:wrap}.btn{width:auto}}@media (hover:none) and (pointer:coarse){.btn:hover,.clickable-cell:hover{transform:none}.btn:active{transform:scale(.98)}.difficulty-selector select:focus,.input-field:focus{transform:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.country-flag{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.btn-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.game-section{margin:0 auto;max-width:800px;width:100%}.guess-section{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#3562a6f2,#3562a6d9 50%,#3562a6e6);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;color:#fff;margin-top:25px;overflow:hidden;padding:25px 30px;position:relative;transition:all .4s ease-out}.guess-section.fade-out{opacity:0;pointer-events:none;transform:translateY(-20px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hint-display{animation:slideInUp .4s ease-out;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:linear-gradient(135deg,#3562a6f2,#3562a6d9 50%,#3562a6e6);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 30px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;color:#fff;margin-top:20px;padding:20px 25px}.hint-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.hint-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.hint-progress{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;font-size:.9rem;padding:4px 8px}.hint-text{font-family:Champions,Arial,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:15px}.hint-location{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;gap:8px;justify-content:center}.hint-name{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hint-separator{color:#ffffffb3;font-weight:700;margin:0 4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{color:#fff;font-family:Champions,Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.modal-content p{color:#ffffffe6;font-size:1.1rem;line-height:1.5;margin-bottom:25px}.modal-buttons{flex-wrap:wrap;gap:15px}.modal-buttons .btn{min-width:120px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-name-display{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:8px}.player-name{color:#3b82f6;font-family:Champions,Arial,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2;margin-bottom:8px;text-align:center;text-shadow:0 1px 2px #0000001a}.stats-modal{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;box-shadow:0 20px 40px #0006;max-height:85vh;max-width:900px;overflow-y:auto;padding:30px}.stats-modal h3{color:#f8fafc;font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #00000080}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:30px 0}.stat-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60a5fa;border-radius:20px;box-shadow:0 8px 16px #3b82f64d;padding:20px 15px;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:18px}.stat-card:hover{border-color:#93c5fd;box-shadow:0 12px 24px #3b82f666;transform:translateY(-4px) scale(1.02)}.stat-number{font-size:2.5rem;text-shadow:0 2px 4px #0000004d}.stat-label,.stat-number{position:relative;z-index:1}.stat-label{color:#e2e8f0;font-size:.95rem;letter-spacing:.5px}.difficulty-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:2px solid #3b82f64d;border-radius:20px;margin:30px 0;padding:25px}.difficulty-breakdown h4{color:#f1f5f9;font-size:1.3rem;font-weight:700;margin:0 0 20px;text-align:center;text-shadow:0 1px 2px #0000004d}.difficulty-stats{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-around}.difficulty-stats span{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60a5fa;border-radius:25px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:1rem;font-weight:700;min-width:100px;padding:12px 20px;text-align:center;transition:all .3s ease}.difficulty-stats span:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.modal-buttons .btn{border-radius:12px;font-size:1.1rem;font-weight:600;min-width:140px;padding:12px 30px;transition:all .3s ease}.modal-buttons .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f87171;color:#fff}.modal-buttons .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.modal-buttons .btn-secondary{background:linear-gradient(135deg,#64748b,#475569);border:2px solid #94a3b8;color:#fff}.modal-buttons .btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 6px 16px #64748b66;transform:translateY(-2px)}.quick-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px}.stat-preview{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#3b82f6;font-size:.9rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.stat-preview:hover{background:#3b82f633;transform:translateY(-1px)}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.auth-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.auth-header .subtitle{font-size:1.2rem}.auth-description{max-width:500px}.user-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.user-info{color:#fff;font-size:1.1rem;font-weight:600}.header-buttons{display:flex;gap:10px}.stats-actions{margin-top:20px;padding:20px;text-align:center}@media (max-width:768px){.user-controls{flex-direction:column;gap:15px;text-align:center}.header-buttons{justify-content:center;width:100%}.auth-header h1{font-size:2.5rem}}.auth-wrapper{align-items:center;background:#0e1e5b url(/static/media/uefa-champions-league-star-football-logo-8dv90jbvwwhzp9c0.4846cd25d42863150682.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-wrapper:before{background:linear-gradient(135deg,#0e1e5bcc,#0e1e5b99 50%,#0e1e5bb3);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-container{max-width:500px;position:relative;width:100%;z-index:1}.auth-header{animation:fadeInUp .8s ease-out;color:#fff;margin-bottom:40px;text-align:center}.auth-header h1{font-family:Champions,Arial,sans-serif;font-size:3.5rem;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.auth-header .subtitle{font-size:1.3rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;opacity:.9;text-transform:uppercase}.auth-description{font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px;opacity:.8}.auth-card{animation:liquidBorder 8s ease-in-out infinite,glassFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#3562a6e6,#3562a6b3 25%,#3562a6cc 50%,#3562a699 75%,#3562a6e6);border:2px solid #fff3;border-radius:30px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26,0 8px 32px #1f26875e;overflow:hidden;padding:40px;position:relative}.auth-card:before{animation:liquidRipple 10s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}.auth-card:after,.auth-card:before{content:"";pointer-events:none;position:absolute}.auth-card:after{animation:liquidFlow 12s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;left:0;right:0;top:0}.auth-card-header{margin-bottom:30px;position:relative;text-align:center;z-index:1}.auth-card-header h2{color:#fff;font-family:Champions,Arial,sans-serif;font-size:2.2rem;letter-spacing:2px;margin:0 0 10px;text-shadow:0 4px 8px #00000080;text-transform:uppercase}.auth-subtitle{color:#ffffffe6;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.auth-form{position:relative;z-index:1}.form-group{margin-bottom:25px}.form-group label{color:#fff;display:block;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.input-field{-webkit-backdrop-filter:blur(15px) saturate(120%);backdrop-filter:blur(15px) saturate(120%);background:linear-gradient(135deg,#fffffff2,#ffffffe6 50%,#fffffff2);border:2px solid #ffffff4d;border-radius:15px;box-sizing:border-box;color:#0e1e5b;font-family:Champions,Arial,sans-serif;font-size:1rem;overflow:hidden;padding:15px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.input-field:before{animation:liquidFlow 18s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#3562a61a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.input-field:focus{border-color:#3562a6;box-shadow:0 0 0 3px #3562a633,0 8px 25px #3562a64d;outline:none;transform:translateY(-2px) scale(1.02)}.input-field:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.input-field::placeholder{color:#0e1e5b99;font-style:italic}.auth-submit{margin-top:20px}.auth-submit,.guest-button{font-family:Champions,Arial,sans-serif;font-size:1.1rem;font-weight:700;height:56px;letter-spacing:1px;padding:16px 28px;text-transform:uppercase;width:100%}.guest-button{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf504d;box-shadow:0 8px 25px #4caf504d,0 0 0 1px #4caf5033,inset 0 1px 0 #fff3;margin-bottom:20px}.guest-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 8px 25px #4caf5080;transform:translateY(-2px)}.auth-divider{margin:30px 0;position:relative;text-align:center}.auth-divider:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:linear-gradient(135deg,#3562a6e6,#3562a6b3);color:#fffc;font-size:1rem;font-weight:600;letter-spacing:1px;padding:0 20px;position:relative;text-transform:uppercase;z-index:1}.auth-toggle{margin-top:20px;position:relative;text-align:center;z-index:1}.auth-toggle p{color:#ffffffe6;font-size:1rem;margin:0}.toggle-button{background:none;border:none;color:gold;cursor:pointer;font-family:Champions,Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;text-decoration:underline;text-transform:uppercase;transition:all .3s ease}.toggle-button:hover{color:#fff;text-shadow:0 0 10px #ffd70080}.error-message{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #ff6b354d;border-radius:12px;box-shadow:0 4px 15px #ff6b354d;color:#fff;font-weight:600;margin-bottom:25px;padding:15px 20px;position:relative;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.auth-wrapper{padding:15px}.auth-header h1{font-size:2.5rem;letter-spacing:2px}.auth-header .subtitle{font-size:1.1rem}.auth-card{border-radius:25px;padding:30px 25px}.auth-card-header h2{font-size:1.8rem}.input-field{font-size:16px;padding:12px 16px}.auth-submit,.guest-button{font-size:1rem;height:50px;padding:14px 24px}}@media (max-width:480px){.auth-header h1{font-size:2rem;letter-spacing:1px}.auth-card{border-radius:20px;padding:25px 20px}.auth-card-header h2{font-size:1.5rem}.input-field{padding:12px 14px}.auth-submit,.guest-button{font-size:.9rem;height:48px;padding:12px 20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-header h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.stats-dashboard{padding:30px;position:relative}.stats-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;animation:none;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#3562a6e6,#3562a6b3 25%,#3562a6cc 50%,#3562a699 75%,#3562a6e6);border:2px solid #fff3;border-radius:25px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26,0 8px 32px #1f26875e;display:flex;gap:20px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 35px 70px #00000080,0 0 0 1px #fff3,inset 0 1px 0 #ffffff40,0 12px 40px #1f268780;transform:translateY(-5px) scale(1.02)}.stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;line-height:1}.stat-content,.stat-icon{position:relative;z-index:1}.stat-content{flex:1 1}.stat-number{color:#fff;font-family:Champions,Arial,sans-serif;font-size:3rem;font-weight:800;line-height:1;margin-bottom:8px;text-shadow:0 4px 8px #00000080}.stat-label{color:#ffffffe6;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.difficulty-section{animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;margin-bottom:40px;overflow:hidden;padding:35px;position:relative}.difficulty-section:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.difficulty-section h2{color:#fff;font-family:Champions,Arial,sans-serif;font-size:2rem;letter-spacing:2px;margin:0 0 30px;position:relative;text-align:center;text-shadow:0 4px 8px #00000080;text-transform:uppercase;z-index:1}.difficulty-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.difficulty-card{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border:2px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0003,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.difficulty-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.difficulty-card:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff3,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.02)}.difficulty-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.difficulty-header h3{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.difficulty-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.difficulty-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.metric{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.metric:hover{background:#ffffff26;transform:translateY(-2px)}.metric-label{color:#fffc;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.metric-value{color:#fff;font-family:Champions,Arial,sans-serif;font-size:1.5rem;font-weight:800;text-shadow:0 2px 4px #0000004d}.recent-games-section{animation:none;background:linear-gradient(135deg,#0e1e5be6,#0e1e5bb3 50%,#0e1e5bcc);border:2px solid #ffffff40;border-radius:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #fff3;overflow:hidden;padding:35px;position:relative}.recent-games-section:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.recent-games-section h2{color:#fff;font-family:Champions,Arial,sans-serif;font-size:2rem;letter-spacing:2px;margin:0 0 30px;position:relative;text-align:center;text-shadow:0 4px 8px #00000080;text-transform:uppercase;z-index:1}.games-list{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.game-item{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border:2px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0003,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-item:before{background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.game-item:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff3,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.01)}.game-header{justify-content:space-between;margin-bottom:15px;position:relative;z-index:1}.game-difficulty,.game-header{align-items:center;display:flex}.game-difficulty{color:#fff;font-size:1.1rem;font-weight:700;gap:8px;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.game-score{color:gold;font-family:Champions,Arial,sans-serif;font-size:1.5rem;font-weight:800;text-shadow:0 2px 4px #00000080}.game-details{flex-wrap:wrap;gap:15px;justify-content:space-between;position:relative;z-index:1}.game-details,.game-stat{align-items:center;display:flex}.game-stat{color:#ffffffe6;font-size:.95rem;font-weight:600;gap:8px}.stat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.2rem}.game-status{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.game-status.completed{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.game-status.incomplete{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f443364d;color:#fff}.status-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.1rem}.no-data{color:#fffc;font-size:1.1rem;font-weight:600;padding:40px 20px;position:relative;text-align:center;z-index:1}.no-data p{margin:0;text-shadow:0 2px 4px #0000004d}@keyframes liquidFlow{0%,to{background-position:0 50%;transform:translateY(0) rotate(0deg)}25%{background-position:100% 50%;transform:translateY(-2px) rotate(.5deg)}50%{background-position:50% 100%;transform:translateY(1px) rotate(-.3deg)}75%{background-position:50% 0;transform:translateY(-1px) rotate(.2deg)}}@keyframes liquidRipple{0%{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.05) rotate(180deg)}to{opacity:.8;transform:scale(1) rotate(1turn)}}@keyframes glassFloat{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-3px) translateX(2px)}50%{transform:translateY(-1px) translateX(-1px)}75%{transform:translateY(-2px) translateX(3px)}}@keyframes liquidBorder{0%{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:25px}25%{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:27px 23px 28px 24px}50%{background:linear-gradient(225deg,#ffffff0f,#ffffff0a);border-radius:24px 26px 23px 27px}75%{background:linear-gradient(315deg,#ffffff17,#ffffff05);border-radius:26px 24px 25px 28px}to{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:25px}}@media (max-width:768px){.stats-dashboard{padding:20px}.stats-summary{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.stat-icon,.stat-number{font-size:2.5rem}.difficulty-section,.recent-games-section{padding:25px 20px}.difficulty-grid{gap:20px;grid-template-columns:1fr}.difficulty-metrics{gap:12px;grid-template-columns:1fr}.game-details,.game-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.stats-dashboard{padding:15px}.stats-summary{gap:15px;grid-template-columns:1fr}.stat-card{padding:15px}.stat-icon,.stat-number{font-size:2rem}.difficulty-section h2,.recent-games-section h2{font-size:1.5rem}.difficulty-header h3,.metric-value{font-size:1.2rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.difficulty-icon,.stat-icon,.status-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.9a5078cc.css.map*/