/* Extracted Style 1 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');:root{--glass-bg:rgba(255,255,255,0.2);--glass-border:rgba(255,255,255,0.4);--accent-color:#f1c40f;--text-color:#ffffff;--neon-green:#39ff14;--error-red:#ff4757;}*{box-sizing:border-box;}body{font-family:'Poppins',sans-serif;background-image:url('background.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;background-color:#1e3c72;color:var(--text-color);min-height:100vh;margin:0;padding:10px;overflow-x:hidden;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;}.custom-toast{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:rgba(255,71,87,0.9);color:white;padding:15px 40px;border-radius:50px;font-size:1.2rem;font-weight:600;box-shadow:0 0 20px rgba(255,71,87,0.6);border:1px solid rgba(255,255,255,0.5);z-index:2000;transition:top 0.4s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none;white-space:nowrap;backdrop-filter:blur(5px);}.custom-toast.active{top:30px;}.main-wrapper{display:flex;gap:30px;max-width:1400px;width:100%;align-items:flex-start;justify-content:center;padding-top:20px;padding-bottom:60px;}.sidebar{width:320px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;padding:25px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;height:fit-content;max-height:85vh;box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);}.sidebar h2{text-align:center;color:var(--accent-color);border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px;margin-top:0;font-size:1.8rem;text-shadow:none;}#sidebar-score-list{list-style:none;padding:0;margin:0;overflow-y:auto;}#sidebar-score-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dotted rgba(255,255,255,0.2);font-size:1.1rem;}#sidebar-score-list li span:first-child{font-weight:bold;color:#74b9ff;}.game-section{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;}h1{font-size:2.5rem;margin:0 0 20px 0;text-shadow:0 2px 4px rgba(0,0,0,0.5);text-align:center;}.stats-container{display:flex;justify-content:center;gap:30px;font-size:1.3rem;margin-bottom:20px;background:var(--glass-bg);padding:12px 30px;border-radius:50px;border:1px solid var(--glass-border);width:100%;max-width:500px;backdrop-filter:blur(5px);}.stat-value{color:var(--accent-color);font-weight:bold;margin-left:8px;}.game-board{display:grid;gap:12px;perspective:1000px;width:100%;margin:0 auto;padding-bottom:30px;transition:max-width 0.3s ease;}.grid-20{grid-template-columns:repeat(5,1fr);max-width:650px;}.grid-30{grid-template-columns:repeat(6,1fr);max-width:800px;}.grid-40{grid-template-columns:repeat(8,1fr);max-width:1000px;}.card{background-color:transparent;width:100%;aspect-ratio:1 / 1;position:relative;transform-style:preserve-3d;transition:transform 0.6s,opacity 0.3s;cursor:pointer;touch-action:manipulation;border-radius:12px;}.card.flipped{transform:rotateY(180deg);}.card.matched{cursor:default;pointer-events:none;background:rgba(255,255,255,0.1);border:2px dashed rgba(255,255,255,0.5);box-shadow:none;transform:rotateY(0deg) !important;}.card.matched .card-face{opacity:0;transition:opacity 0.3s ease;}.card.matched::after{content:'✔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:rgba(255,255,255,0.6);font-weight:bold;display:block;}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:12px;font-size:3.5rem;box-shadow:0 4px 8px rgba(0,0,0,0.3);}.card-front{background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);color:#bdc3c7;border:1px solid rgba(255,255,255,0.8);}.card-back{background:#ffffff;transform:rotateY(180deg);border:3px solid #f1c40f;}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);transition:opacity 0.5s;padding:20px;overflow-y:auto;}.menu-content{background:rgba(255,255,255,0.1);padding:30px;border-radius:20px;border:1px solid var(--glass-border);text-align:center;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px 0 rgba(0,0,0,0.5);}.mobile-score-container{width:100%;margin-bottom:20px;background:rgba(0,0,0,0.3);border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,0.1);}.mobile-score-container h3{margin:0 0 10px 0;text-align:center;color:var(--neon-green);font-size:1rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px;text-shadow:0 0 5px rgba(57,255,20,0.5);}.mobile-score-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;text-align:left;}.mobile-score-list li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dotted rgba(255,255,255,0.2);font-size:0.9rem;color:#eee;}.mobile-score-list li span:first-child{color:var(--accent-color);font-weight:bold;}.difficulty-btns{display:flex;flex-direction:column;gap:10px;width:100%;}button{padding:15px;font-size:1.1rem;font-family:'Poppins',sans-serif;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(45deg,#0984e3,#74b9ff);color:white;font-weight:600;box-shadow:0 4px 15px rgba(0,0,0,0.3);width:100%;}button:active{transform:scale(0.98);}input.name-input{background:rgba(0,0,0,0.5);border:2px solid var(--neon-green);color:white;padding:12px;font-size:1.2rem;text-align:center;border-radius:8px;width:100%;margin-bottom:20px;outline:none;text-transform:uppercase;box-shadow:0 0 10px rgba(57,255,20,0.2);transition:box-shadow 0.3s,border-color 0.3s;}input.name-input.error{border-color:var(--error-red);box-shadow:0 0 15px rgba(255,71,87,0.6);animation:shake 0.5s;}@keyframes shake{0%{transform:translateX(0);}25%{transform:translateX(-5px);}50%{transform:translateX(5px);}75%{transform:translateX(-5px);}100%{transform:translateX(0);}}.hidden{display:none !important;}@media (max-width:1024px){.sidebar{display:none;}.main-wrapper{flex-direction:column;align-items:center;}.game-section{width:95%;max-width:1000px;}.grid-20,.grid-30,.grid-40{max-width:100%;}.grid-40{grid-template-columns:repeat(5,1fr);}}@media (max-width:600px){h1{font-size:2rem;}.game-board{gap:6px;}.grid-20{grid-template-columns:repeat(4,1fr);max-width:100%;}.grid-30{grid-template-columns:repeat(5,1fr);max-width:100%;}.grid-40{grid-template-columns:repeat(5,1fr);max-width:100%;}.card-face{font-size:2.2rem;}.stats-container{font-size:1rem;padding:10px;}}