@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.header{background-color:#1f2937;color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#9ca3af;font-style:italic;margin-bottom:1rem;font-size:1.5rem}.score-container{display:flex;gap:1.5rem}.score{color:#4ade80}.wrong{color:#f87171}.high-score{color:#facc15}@media (max-width: 768px){.header{flex-direction:column;text-align:center;gap:1rem}.score-container{flex-direction:column;gap:.5rem}.title{font-size:1.75rem}.subtitle{font-size:1.25rem}}.score-board{background:linear-gradient(135deg,#1f1c2c,#928dab);padding:2rem;border-radius:1.5rem;box-shadow:0 10px 25px #00000026;text-align:center;width:60%;position:absolute;z-index:1000;display:flex;flex-direction:column;justify-content:center;transform:translate(-50%);left:50%;top:20%;transition:transform .3s ease-in-out}.score-board h2{font-size:2rem;margin-bottom:.5rem;color:#250303}.score-board h3{font-size:1.2rem;color:#f9c6c6;margin-bottom:1.5rem}.score-item{display:flex;justify-content:space-between;padding:.8rem 1.2rem;margin:.5rem 0;border-radius:.75rem;font-size:1.1rem;font-weight:600;color:#fff}.gold{background-color:gold;color:#000}.silver{background-color:silver;color:#000}.bronze{background-color:#cd7f32;color:#000}.result{margin-top:1.5rem;font-size:2rem;color:#2ecc71;font-weight:700;background:#750577}button{margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.75rem;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s}button:hover{background-color:#2980b9;transform:scale(1.05)}@media screen and (max-width: 768px){.score-board{width:90%;transform:translate(5%);padding:1rem}.score-board h2{font-size:1.5rem}.score-board h3{font-size:1rem}.score-item{padding:.6rem 1rem;font-size:.9rem}.result{font-size:1.5rem}button{padding:.5rem 1rem;font-size:.9rem}}.input-card{display:flex;flex-direction:column;gap:1rem;width:60%;margin:2rem auto;padding:2rem;background:linear-gradient(to right,#1b0202,#31044c);border-radius:8px;box-shadow:0 2px 4px #3203384a}.input-card label{font-weight:600;color:#64b6f9}.input-card input,.input-card select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.input-card button{padding:.75rem 1.5rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.input-card button:hover{background-color:#16053a}h2{text-align:center;color:#f1cfee;margin-bottom:1rem}p{text-align:center;color:#f05757;margin-top:1rem;font-style:italic}body{margin:0;padding:0;min-height:100vh;font-family:Noto Sans,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.cards-container{width:90%;display:flex;justify-content:center;gap:2em;flex-wrap:wrap;margin:0 auto;padding:3rem 0}.card{width:16rem;height:18rem;border-radius:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003;cursor:pointer;transition:all .3s ease;overflow:hidden}.card:hover{transform:scale(1.05) rotate(1deg);box-shadow:0 8px 25px #0000004d}.card img{width:100%;height:50%;object-fit:cover;transition:transform .3s ease}.card img:hover{transform:scale(1.1)}.card h2{text-align:center;color:#1891f4ea;padding:.2rem}.start-btn{position:relative;padding:1rem 2rem;font-size:1.2rem;color:#fff;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(270deg,#ff3d00,#ff1744,#d500f9,#651fff,#3d5afe);background-size:300% 100%;animation:gradientShift 8s ease infinite;box-shadow:0 4px 15px #0003;transition:all .3s ease;@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}.start-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0000004d}.start-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.game-aria{display:flex;flex-direction:column;justify-content:center;align-items:center}.btn-center{display:flex;justify-content:center;align-items:center;min-height:50vh}