*{box-sizing:border-box}html{background:#101011;color:#f3ebdb;font-family:Arial,Helvetica,sans-serif;color-scheme:dark}body{margin:0}a{color:#d7b86f}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f3ebdb;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #4b4030}header img{display:block;width:min(260px,55vw);height:auto}header nav{display:flex;gap:12px;font-size:13px;letter-spacing:.1em}header nav a{text-decoration:none;color:#aaa}header nav a[aria-current]{color:#d7b86f}main{max-width:1120px;margin:auto;padding:50px 24px 70px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#d7b86f}h1{font:normal clamp(36px,7vw,68px)/1.12 Georgia,serif;letter-spacing:.035em;margin:12px 0 18px}.lead{max-width:640px;line-height:1.7;color:#bbb5aa;margin-bottom:42px}h2{font:normal clamp(25px,3.5vw,36px)/1.3 Georgia,serif;margin:20px 0 28px}h2:focus{outline:none}h3,h4{font:normal 23px/1.3 Georgia,serif}p{line-height:1.7}.intro-card{border:1px solid #453c2e;padding:36px;background:radial-gradient(ellipse at top,#242019,#151515 70%)}.intro-card>p:not(.eyebrow){color:#bfb7a8}.cta{display:inline-flex;justify-content:center;align-items:center;padding:14px 25px;border:1px solid #d7b86f;border-radius:28px;background:#d7b86f;color:#16130e;font-weight:700;text-decoration:none;cursor:pointer;min-height:48px;margin-top:15px}.cta:hover{background:#e8cc8e}.secondary{background:transparent;color:#d7b86f}.secondary:hover{background:#282217}.badge-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #453c2e;margin-top:40px;padding-top:32px;text-align:center}.badge-preview h3{font-size:20px;margin-bottom:4px}.badge-preview p{font-size:13px;color:#bfb7a8;margin-top:0}.medal{width:126px;height:126px;border:1px solid #b89a56;border-radius:50%;padding:7px;margin:12px auto;background:radial-gradient(circle,#3b3020,#171512);box-shadow:0 0 0 4px #181611,0 0 0 5px #4e4127}.medal-inner{border:1px dashed #907946;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d7b86f}.medal-stars{font-size:14px;letter-spacing:.15em}.medal-mark{font:42px/1.1 Georgia,serif}.medal-label{font-size:7px;letter-spacing:.12em;margin-top:7px}.progress-meta{display:flex;justify-content:space-between;color:#d7b86f;font-size:11px;letter-spacing:.16em}progress{width:100%;height:3px;border:0;margin-top:14px;accent-color:#d7b86f;background:#383128}progress::-webkit-progress-bar{background:#383128}progress::-webkit-progress-value{background:#d7b86f}progress::-moz-progress-bar{background:#d7b86f}.question-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}figure{margin:0}.art-frame{padding:12px;border:1px solid #645334;outline:1px solid #302a20;outline-offset:4px;background:#080809;min-height:240px;display:grid;place-items:center}.art-frame img{display:block;width:100%;height:clamp(260px,40vw,480px);object-fit:contain}.art-frame p{padding:24px;color:#bfb7a8}figcaption{font-size:12px;color:#aaa395;line-height:1.5;margin-top:17px}fieldset{border:0;padding:0;margin:0;min-width:0}.answers{display:grid;gap:12px}.answer{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:17px 18px;background:#191919;border:1px solid #494132;color:#f3ebdb;cursor:pointer;min-height:65px;line-height:1.4}.answer-letter{color:#d7b86f;font-family:Georgia,serif;font-size:22px}.answer-status{margin-left:auto;font-size:22px}.answer:hover:not(:disabled){border-color:#d7b86f;background:#262218}.answer:disabled{cursor:default;color:#b8b3aa}.answer.correct{border-color:#a9ba87;background:#232b1f;color:#e5eddb}.answer.wrong{border-color:#c3897c;background:#30201d;color:#eed5cc}#feedback:not(:empty){border-top:1px solid #453c2e;margin-top:24px;padding-top:8px}#feedback h3{color:#d7b86f;margin:16px 0 8px}#feedback p{font-size:14px;color:#d6d0c5}.result{text-align:center;max-width:850px;margin:auto}.result>.medal{width:160px;height:160px}.result>.medal .medal-mark{font-size:54px}.result h2{color:#d7b86f;margin-bottom:14px}.score{font:58px Georgia,serif;margin:16px}.score span{font-size:28px;color:#a9a191}.result-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}.review{text-align:left;display:grid;gap:15px}.review article{display:grid;grid-template-columns:110px 1fr;gap:22px;background:#181818;border:1px solid #3c372e;padding:20px}.review img{width:110px;height:130px;object-fit:contain}.review p{font-size:13px;margin:6px 0;color:#c6bfb2}.review h4{margin:0 0 8px}.review .review-status{color:#d7b86f;font-size:11px;letter-spacing:.1em}.review a{display:inline-block;font-size:13px;margin-top:8px}footer{border-top:1px solid #3c372d;padding:28px 24px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;color:#888}footer a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){main{padding-top:30px}.question-layout{grid-template-columns:1fr;gap:25px}.art-frame img{height:310px}.intro-card{padding:22px 18px}.badge-preview{gap:8px}.badge-preview h3{font-size:16px}.badge-preview .medal{width:80px;height:80px}.badge-preview .medal-mark{font-size:26px}.badge-preview .medal-label{font-size:4px}.badge-preview .medal-stars{font-size:9px}.review article{grid-template-columns:70px 1fr;gap:14px;padding:15px}.review img{width:70px;height:95px}footer{gap:18px}.answer{min-height:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
