body{cursor:auto!important;}
body.dark{--bg:#141210;--surface:#1e1b18;--text:#f0e8df;--muted:#8a7a6a;--border:#2e2820;}
body.dark nav{background:rgba(20,18,16,.92);}
body.dark .game{box-shadow:0 8px 32px rgba(0,0,0,.3);}
nav{position:fixed;top:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 4rem;backdrop-filter:blur(12px);background:rgba(253,246,238,.88);border-bottom:1px solid var(--border);}
.nav-logo{font-family:var(--fd);font-size:1.3rem;font-style:italic;color:var(--coral);text-decoration:none;}
.nav-right{display:flex;align-items:center;gap:1rem;}
.nav-links{display:flex;gap:1.5rem;list-style:none;}
.nav-links a{font-size:.82rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--coral);}
.dark-toggle{width:36px;height:36px;border-radius:50%;background:none;border:1.5px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.dark-toggle:hover{border-color:var(--coral);}
main{padding:7rem 1.5rem 4rem;max-width:780px;margin:0 auto;}
.hero-tag{display:inline-block;background:rgba(255,107,74,.1);border:1px solid rgba(255,107,74,.25);border-radius:100px;padding:.35rem 1rem;font-size:.75rem;font-weight:500;color:var(--coral);margin-bottom:1rem;}
h1{font-family:var(--fd);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:.5rem;}
h1 em{font-style:italic;color:var(--coral);}
.subtitle{color:var(--muted);margin-bottom:2rem;font-size:.95rem;}
.scoreboard{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.score-card{flex:1;min-width:130px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.1rem;}
.score-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.score-value{font-family:var(--fd);font-size:1.8rem;font-weight:700;color:var(--coral);}
.game{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.06);}
.photo-wrap{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#000;margin-bottom:1.2rem;}
.photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-hint{position:absolute;top:.8rem;right:.8rem;background:rgba(0,0,0,.55);color:#fff;border-radius:100px;padding:.3rem .7rem;font-size:.72rem;}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
@media(max-width:520px){.choices{grid-template-columns:1fr;}}
.choice{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;font-size:.95rem;color:var(--text);transition:all .18s;font-weight:500;}
.choice:hover:not(:disabled){border-color:var(--coral);transform:translateY(-2px);box-shadow:0 6px 14px rgba(255,107,74,.18);}
.choice:disabled{cursor:default;opacity:.7;}
.choice.correct{background:rgba(62,203,160,.15);border-color:var(--mint);color:var(--mint);opacity:1;}
.choice.wrong{background:rgba(229,90,90,.15);border-color:#e55;color:#e55;opacity:1;}
.choice-flag{font-size:1.4rem;}
.feedback{margin-top:1.2rem;text-align:center;font-size:1.05rem;min-height:1.6em;font-weight:500;}
.feedback.ok{color:var(--mint);}
.feedback.ko{color:#e55;}
.actions{margin-top:1.2rem;display:flex;justify-content:center;}
.btn-next{background:var(--coral);color:#fff;border:none;border-radius:100px;padding:.8rem 2rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:var(--fb);}
.btn-next:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,107,74,.4);}
.empty{text-align:center;padding:3rem 1rem;color:var(--muted);}
.empty p{margin-bottom:1rem;}
.empty a{color:var(--coral);text-decoration:none;border-bottom:1px solid currentColor;}
footer{border-top:1px solid var(--border);padding:1.5rem 2rem;text-align:center;font-size:.78rem;color:var(--muted);background:var(--surface);margin-top:4rem;}
@media(max-width:900px){nav{padding:1.2rem 1.5rem;}.nav-links{display:none;}}
@media(max-width:680px){.hamburger{display:flex!important;}.lang-switcher{display:none;}}