.memory-game{margin:2rem auto;text-align:center}.memory-game input[type=email],.memory-game input[type=text]{width:100%;padding:8px 12px;border:2px solid #555;border-radius:4px;background:#2a2a4a;color:white;font-size:16px}.memory-game input[type=email]:focus,.memory-game input[type=text]:focus{border-color:#ffd700;outline:none;-webkit-box-shadow:0 0 5px rgba(255,215,0,0.5);box-shadow:0 0 5px rgba(255,215,0,0.5)}.game-board{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px auto}@media (max-width:600px){.game-board{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}}.card{aspect-ratio:3/4;background:#0a2e5a url("../images/card-back.jpg") center/cover;border-radius:8px;cursor:pointer;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s,-webkit-transform 0.6s;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.3);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.card.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background:#1a1a2e}.card-front{background:#0a2e5a url("../images/card-back.jpg") center/cover}.card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:white;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.2)}.card-back img{max-width:80%;max-height:80%;-webkit-filter:drop-shadow(0 0 5px gold);filter:drop-shadow(0 0 5px gold)}.game-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:20px 0;font-size:1.2rem;font-weight:bold;color:#ffd700;text-shadow:0 0 5px #cc0000}.score-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.score-modal .form-group{margin:15px 0;text-align:left;padding:0 10px}.score-modal .form-group label{display:block;margin-bottom:5px;color:#ffd700;font-weight:bold}.score-modal .email-note{font-size:0.8rem;color:#aaa;display:block;margin-top:3px}.score-modal .error-message{color:#ff5555;margin-top:10px;min-height:20px;font-weight:bold}.score-modal .consent-box{margin:15px 0;text-align:left;padding:0 10px}.score-modal .consent-box input{margin-right:8px}.score-modal .consent-box input:required:invalid+label{color:#ff5555}.score-modal .consent-box input:valid+label{color:#55ff55}.score-modal .consent-box label{color:#aaa;font-size:0.9rem;cursor:pointer}.modal-content{color:white;background:linear-gradient(135deg,#1a1a2e 0%,#0a2e5a 100%);padding:30px;border-radius:15px;border:3px solid gold;max-width:500px;text-align:center;-webkit-box-shadow:0 0 30px rgba(255,215,0,0.7);box-shadow:0 0 30px rgba(255,215,0,0.7)}.modal-content h2{color:white}.modal-content .stats{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:15px 0;font-size:1.1rem;font-weight:bold;color:#ffd700}.leaderboard{color:white;background:linear-gradient(135deg,#0a2e5a 0%,#1a1a2e 100%);border-radius:10px;padding:20px;margin:20px 0;border:2px solid #ffd700;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.leaderboard table{width:100%}.leaderboard tr{text-align:left}.leaderboard h3{color:#ffd700;text-align:center;margin-bottom:15px;text-shadow:0 0 5px #cc0000}.leaderboard ol{list-style-type:none;padding:0;counter-reset:leaderboard}.leaderboard li{counter-increment:leaderboard;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 15px;margin:5px 0;color:white;background:rgba(26,26,46,0.7);border-radius:5px;position:relative}.leaderboard li:before{content:counter(leaderboard);position:absolute;left:-30px;width:25px;height:25px;background:#ffd700;color:#1a1a2e;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:bold}.hall-of-fame table,.leaderboard table{font-size:0.9em}@media (max-width:600px){.hall-of-fame table,.leaderboard table{font-size:0.8em}.hall-of-fame td:nth-child(3),.hall-of-fame th:nth-child(3),.leaderboard td:nth-child(3),.leaderboard th:nth-child(3){display:none}}.confetti{position:fixed;width:10px;height:10px;background:gold;opacity:0.8;z-index:99999}.hall-of-fame .week{border-top:1px dashed #555;padding-top:10px;margin-top:10px}.hall-of-fame table{width:100%;border-collapse:collapse;margin-top:15px}.hall-of-fame th{background:#2a1a3a;color:#ffd700;padding:10px;text-align:left;font-weight:bold}.hall-of-fame td{padding:8px 10px;border-bottom:1px solid #3a2a4a}.hall-of-fame tr:hover td{background:rgba(42,26,58,0.5)}.historical-note{margin-top:15px;padding:10px;background:rgba(100,80,0,0.2);border-left:3px solid #ffd700;font-style:italic;color:#ccc;font-size:0.9em}.efficiency-box{text-align:center;margin-top:10px;padding:8px;background:rgba(255,215,0,0.1);border-radius:5px;font-weight:bold}.leaderboard.leaderboard-loading{position:relative;opacity:0.7;pointer-events:none}.leaderboard-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,46,90,0.9);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.spinner{border:4px solid rgba(255,215,0,0.3);border-top:4px solid #ffd700;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:15px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.leaderboard.leaderboard-updated{-webkit-animation:highlight 1.5s ease-in-out;animation:highlight 1.5s ease-in-out}@-webkit-keyframes highlight{0%{background-color:rgba(255,215,0,0.2)}50%{background-color:rgba(255,215,0,0.4)}to{background-color:transparent}}@keyframes highlight{0%{background-color:rgba(255,215,0,0.2)}50%{background-color:rgba(255,215,0,0.4)}to{background-color:transparent}}.leaderboard-notification{position:fixed;top:20px;right:20px;padding:15px;border-radius:5px;color:white;font-weight:bold;z-index:9999;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.3);box-shadow:0 2px 10px rgba(0,0,0,0.3);-webkit-animation:slideIn 0.3s,fadeOut 0.5s 2.5s;animation:slideIn 0.3s,fadeOut 0.5s 2.5s}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-success{background:#4CAF50}.notification-error{background:#f44336}
/*# sourceMappingURL=style.css.map */