:root{--bg:#0e1d17;--panel:#fbf7ed;--ink:#223126;--muted:#626a63;--gold:#eac178;--green:#1b5138;--red:#a6251d;--ok:#246847;--line:rgba(27,48,36,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(150deg,#0a1711,#1e3225 65%,#362917);font-family:Montserrat,Arial,sans-serif;color:#fff;min-height:100vh}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topline{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:14px 24px;gap:18px}.brand{text-decoration:none;font-size:17px;font-weight:900;letter-spacing:.06em}.brand span{color:#f1c25f}.games-counter{display:flex;align-items:flex-end;gap:10px;padding:8px 13px;border:1px solid #ffffff38;border-radius:13px;background:#ffffff10}.games-counter .small{font-weight:700;color:#e2ded2;font-size:9px;line-height:1.25;letter-spacing:.06em;max-width:160px}.games-counter strong{font-weight:900;font-size:23px;color:#ffd577;font-variant-numeric:tabular-nums}
main{max-width:1180px;margin:0 auto;padding:10px 18px 40px}.cover-button{display:block;width:100%;max-width:1130px;border:none;background:#1e271b;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 18px 50px #0008;transition:transform .15s,box-shadow .15s;margin:0 auto}.cover-button:hover{transform:translateY(-3px);box-shadow:0 22px 58px #0009}.cover-button img{display:block;width:100%;height:auto;aspect-ratio:1648/928;object-fit:cover}.home-panel{max-width:900px;margin:22px auto 0;padding:23px 28px;border-radius:22px;color:var(--ink);background:var(--panel);box-shadow:0 10px 34px #0005;text-align:center}.home-panel h2{margin:6px 0 8px;font-size:clamp(21px,3.1vw,29px)}.home-panel>p:not(.eyebrow){line-height:1.55;margin:6px auto 15px;max-width:700px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;color:#8c6026;margin:0 0 6px}.home-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin:16px auto 10px}.home-controls label{font-size:12px;font-weight:800}.home-controls select{border:1px solid #ccc4b7;border-radius:12px;background:white;color:var(--ink);padding:14px;min-height:48px;max-width:100%}.primary{border:0;border-radius:13px;padding:15px 24px;min-height:51px;color:white;background:linear-gradient(120deg,#9f1919,#d73624);font-weight:900;letter-spacing:.03em;box-shadow:0 5px 0 #681211;transition:transform .12s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.home .micro{font-size:12px;color:#687169;line-height:1.5}.footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;border-top:1px solid #fff2;padding:22px;color:#eee4ce;font-size:11px;line-height:1.5;text-align:center}
.game,.result{max-width:850px;margin:8px auto 0}.game-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.quiet{border:1px solid #cbb88f;border-radius:12px;padding:12px 14px;background:#fff8e9;color:#3d3326;font-weight:800}.game-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{padding:8px 11px;background:#ffffff22;border:1px solid #ffffff40;border-radius:30px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.progress-track{background:#ffffff40;border-radius:20px;height:9px;margin:0 0 15px;overflow:hidden}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#f7b947,#fff0b8);transition:width .25s}.question-card,.result{background:var(--panel);color:var(--ink);border:1px solid #f0d6aa;border-radius:23px;padding:clamp(18px,4vw,35px);box-shadow:0 13px 42px #0007}.question-card h2{font-size:clamp(20px,3.2vw,28px);line-height:1.39;margin:7px 0 12px}.instruction{color:#677468;font-size:12px;font-weight:700;margin-bottom:15px}.answer-list{display:grid;gap:11px}.answer-btn{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;background:white;border:2px solid #ddd8c9;color:#293c2f;border-radius:15px;padding:16px 17px;font-weight:700;font-size:clamp(14px,1.7vw,16px);line-height:1.5;min-height:63px;transition:background .12s,border-color .12s}.answer-btn:hover:not(:disabled){border-color:#bc9454;background:#fff9e8}.answer-btn:disabled{cursor:default;opacity:1}.letter{min-width:27px;color:#aa6123;font-weight:900}.answer-btn.correct{border-color:#237950;background:#e3f6e7;color:#19492b}.answer-btn.wrong{border-color:#b74435;background:#ffebe8;color:#803025}.feedback{background:#ecf3e8;border-left:5px solid var(--ok);padding:15px;margin:16px 0 8px;border-radius:11px;line-height:1.5;font-size:14px}.feedback.bad{background:#fff1ec;border-color:#bb5741}.feedback strong{display:block;margin-bottom:5px}.note{display:block;color:#686c5e;font-size:12px;margin-top:8px}.source-link{display:inline-block;margin-top:9px;color:#0c6350;text-decoration:underline;font-weight:700}.next{display:block;width:100%;margin-top:18px}.disclaimer{font-size:11px;color:#e9dfc8;text-align:center;line-height:1.5}.media-region{text-align:center;margin-bottom:14px}.question-photo{width:100%;max-width:550px;max-height:350px;object-fit:contain;border-radius:15px;border:1px solid #ddd0b6;background:#e6dece}.photo-error{padding:17px;background:#f6eee0;color:#694c32;border-radius:13px;font-size:13px}.video-box{padding:17px;border:2px solid #e4d3b5;border-radius:15px;background:#fff6e7}.video-box a{display:inline-block;background:#334b3e;padding:12px 18px;border-radius:13px;color:#fff;font-weight:800;text-decoration:none}.video-box p{font-size:12px;color:#786d5b;line-height:1.45}
.result{text-align:center;padding:48px 25px}.result-mark{font-size:54px;color:#e4ae43}.result h2{font-size:clamp(24px,4vw,34px)}.result-score{display:flex;align-items:center;flex-direction:column;padding:10px 0}.result-score strong{font-size:clamp(50px,8vw,78px);color:#195339;font-weight:900;line-height:1.1}.result-score span{font-size:13px;color:var(--muted)}.result-details{display:flex;justify-content:center;gap:12px;margin:14px auto}.result-details span{background:#ece6d8;padding:12px 20px;border-radius:13px;font-weight:800}.result>p{line-height:1.5}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:630px){.topline{padding:9px 12px}.brand{font-size:14px}.games-counter{padding:7px 9px}.games-counter .small{font-size:8px;max-width:90px}.games-counter strong{font-size:17px}main{padding:5px 10px 22px}.cover-button{border-radius:11px}.home-panel{padding:18px 12px;margin-top:12px;border-radius:15px}.home-controls{flex-direction:column;align-items:stretch}.home-controls label{text-align:center}.home-controls select,.home-controls button{width:100%}.game-head{align-items:flex-start}.game-meta{gap:4px}.pill{padding:7px;font-size:10px}.question-card{border-radius:15px}.answer-btn{padding:13px 12px;gap:10px}.question-photo{max-height:310px}.result{padding:34px 16px}.result-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}