*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#fff;background-color:#000}.app-wrapper{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease-in-out}.app-content{min-height:100vh;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-title{font-size:32px;margin-bottom:20px}.home-overlay{background:#000000a6;padding:40px;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 30px #0009}.home-title{font-size:2.5rem;color:gold;margin-bottom:30px;text-shadow:2px 2px 8px black}.dificuldade-container{margin-bottom:20px}.dificuldade-container h3{color:#fff;margin-bottom:8px}.dificuldade-container select{padding:10px 15px;border:none;font-size:16px;background:linear-gradient(90deg,#ff9800,#ff5722);color:#000;cursor:pointer;transition:.3s;background-color:#ff9800}.hardcore-container{margin-bottom:25px;color:#fff;font-weight:700}.hardcore-container input{display:none}.hardcore-container label{position:relative;padding-left:50px;cursor:pointer}.hardcore-container label:before{content:"";position:absolute;left:0;top:2px;width:40px;height:20px;background:#ccc;border-radius:20px;transition:.3s}.hardcore-container label:after{content:"";position:absolute;left:3px;top:5px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.3s}.hardcore-container input:checked+label:before{background:red}.hardcore-container input:checked+label:after{transform:translate(20px)}.home-buttons button{padding:12px 25px;margin:8px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#2196f3,#00bcd4);color:#fff;transition:.3s}.home-buttons button:hover{transform:scale(1.1);box-shadow:0 0 15px #0ff9}.hardcore-container.ativo{color:red;text-shadow:0 0 8px red;animation:pulseHardcore 1s infinite alternate}.reiniciar-button{margin-top:20px;padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#ff4d4d,red);color:#fff;transition:all .3s ease}.reiniciar-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.reiniciar-button:active{transform:scale(.98)}.arco-container{margin:20px 0}.arco-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.arco-buttons button{padding:10px 18px;border-radius:8px;border:2px solid #38bdf8;background:#1e293b;color:#fff;cursor:pointer;transition:.3s}.arco-buttons button:hover{background:#38bdf8;color:#000}.arco-buttons .ativo{background:#38bdf8;color:#000;transform:scale(1.05)}.gallery-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center}.gallery-container{background:#111;padding:30px;border-radius:20px;width:80%;max-height:80vh;overflow-y:auto;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin:20px 0}.wallpaper-card{cursor:pointer;transition:.3s}.wallpaper-card img{width:100%;border-radius:12px}.wallpaper-card:hover{transform:scale(1.05)}.wallpaper-card p{color:#fff;margin-top:8px}.fechar{padding:10px 20px;border:none;border-radius:8px;background:#ef4444;color:#fff;font-weight:700;cursor:pointer}.fechar:hover{transform:scale(1.05)}.question-container{text-align:center}.option-button{padding:10px 20px;margin:10px;border-radius:8px;border:none;cursor:pointer;background-color:#facc15;font-weight:700;transition:.3s}.option-button:hover{transform:scale(1.05)}.result-container{text-align:center}.restart-button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;background:#38bdf8}.audio-container{position:fixed;bottom:20px;right:20px;background:#0009;padding:12px 15px;border-radius:20px;display:flex;align-items:center;gap:10px;z-index:9999}.mute-button{border:none;background:#ffae00;padding:8px 12px;border-radius:50%;cursor:pointer;font-size:18px}.volume-slider{width:100px;cursor:pointer}.social-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.social-container{background:#111;padding:40px;border-radius:20px;text-align:center;width:400px;box-shadow:0 0 30px #000c}.social-container h2{color:gold;margin-bottom:25px}.social-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.social-card{padding:12px;border-radius:12px;text-decoration:none;font-weight:700;background:linear-gradient(90deg,#2196f3,#00bcd4);color:#fff;transition:.3s}.social-card:hover{transform:scale(1.08);box-shadow:0 0 15px #0ff}