:root{--paper:#f3eadb;--paper2:#e5d7c1;--white:#fffdf7;--ink:#17201f;--muted:#4e5b58;--orange:#d76522;--orange2:#a84413;--forest:#173f38;--line:#9d927f;--good:#1d6b4f;--warn:#9b5b15;--bad:#9b3028;--max:1180px}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,a{font:inherit;color:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--ink);color:white;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{min-height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem max(1rem,calc((100vw - var(--max))/2));position:sticky;top:0;background:rgba(243,234,219,.97);z-index:20}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand img{width:46px;height:46px}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{letter-spacing:.1em}.brand small{font-size:.65rem;letter-spacing:.17em;margin-top:.35rem;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:.7rem}.site-header nav button,.site-header nav a{border:0;background:none;text-decoration:none;font-weight:800;padding:.5rem;border-bottom:2px solid transparent}.site-header nav button:hover,.site-header nav a:hover,.site-header nav button:focus-visible,.site-header nav a:focus-visible{border-color:var(--orange)}main{max-width:var(--max);margin:auto;padding:0 1rem 4rem}.view[hidden]{display:none!important}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:3rem;padding:clamp(3rem,7vw,7rem) 0 3rem;border-bottom:3px solid var(--ink)}.eyebrow{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--orange2)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;line-height:1.05}h1{font-size:clamp(3.2rem,7.4vw,7rem);margin:0;max-width:870px}h2{font-size:clamp(2.1rem,4.5vw,4.6rem)}h3{font-size:1.45rem}.lede{font-size:clamp(1.05rem,1.8vw,1.3rem);max-width:730px;color:var(--muted);margin:1.4rem 0 1.8rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem}.primary,.secondary{min-height:46px;border:1px solid var(--ink);padding:.72rem 1rem;font-weight:900;cursor:pointer}.primary{background:var(--orange);border-color:var(--orange);color:white}.primary:hover,.primary:focus-visible{background:var(--orange2);border-color:var(--orange2)}.secondary{background:transparent}.secondary:hover,.secondary:focus-visible{background:var(--ink);color:white}.micro{font-size:.82rem;color:var(--muted)}.exam-facts{background:var(--ink);color:white;border-top:10px solid var(--orange);padding:1.3rem;align-self:start}.exam-facts strong{display:block;font:900 2.2rem/1.2 Georgia,serif;border-bottom:1px solid #ffffff55;padding:.6rem 0}.exam-facts p:last-child{font-size:.82rem;color:#d7dedb}.mode-section{padding:4.5rem 0}.section-head{display:grid;grid-template-columns:180px 1fr;align-items:end;border-bottom:3px solid var(--ink)}.section-head h2{margin:0 0 1rem}.mode{display:grid;grid-template-columns:90px minmax(0,1fr) 100px;gap:1.2rem;align-items:center;padding:1.35rem 0;border-bottom:1px solid var(--ink)}.mode-code{font:900 2.7rem/1 Georgia,serif;color:var(--orange2)}.mode h3{margin:0 0 .3rem}.mode p{margin:0;color:var(--muted)}.mode button{background:var(--ink);color:white;border:1px solid var(--ink);padding:.65rem;font-weight:900;cursor:pointer}.mode button:hover,.mode button:focus-visible{background:var(--orange);border-color:var(--orange)}.principle-strip{background:var(--forest);color:white;padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.principle-strip h2{margin:0}.principle-strip p:last-child{color:#d8e0dd}.limits{padding:4rem 0}.limits h2{font-size:2rem;border-bottom:1px solid var(--ink);padding-bottom:.6rem}.limits p{max-width:780px;color:var(--muted)}.game-view{padding-top:2rem}.game-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:3px solid var(--ink);padding-bottom:1rem}.game-head h2{font-size:2.5rem;margin:0}.game-stats{display:flex;align-items:center;gap:.7rem;font-weight:900;font-variant-numeric:tabular-nums}.game-stats span{border:1px solid var(--ink);padding:.55rem .7rem}.game-stats button{background:transparent;border:0;text-decoration:underline;cursor:pointer}.game-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:2rem;padding:2rem 0}.scenario-panel{background:var(--ink);color:white;padding:1.5rem;position:sticky;top:100px;align-self:start}.scenario-panel h3{font-size:2rem;margin:.3rem 0 1rem}.scenario-panel>p:not(.scenario-label){font-size:1.05rem;color:#e4e9e7}.scenario-label,.response-label{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900;color:#f2a16f}.scenario-panel dl{margin:1.4rem 0 0}.scenario-panel dl div{border-top:1px solid #ffffff44;padding:.7rem 0}.scenario-panel dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#bdcac6}.scenario-panel dd{margin:.2rem 0 0}.question-panel{border-top:10px solid var(--orange);background:var(--white);padding:1.5rem;border-left:1px solid var(--ink);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.question-panel h3{font-size:clamp(1.55rem,3vw,2.4rem);margin:.4rem 0 1.3rem}.question-panel fieldset{border:0;padding:0;margin:0}.rating-option{display:grid;grid-template-columns:28px 1fr;gap:.7rem;align-items:start;padding:.85rem 0;border-top:1px solid var(--line);cursor:pointer}.rating-option:last-child{border-bottom:1px solid var(--line)}.rating-option input{width:20px;height:20px;margin-top:.1rem;accent-color:var(--orange)}.rating-option span{font-weight:800}.rating-option:has(input:checked){background:var(--paper);padding-left:.5rem;padding-right:.5rem}.game-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.2rem}.game-actions .secondary{margin-right:auto}.clue-box,.feedback{margin-top:1.2rem;padding:1rem;border-left:6px solid var(--orange);background:var(--paper)}.feedback.correct{border-color:var(--good)}.feedback.near{border-color:var(--warn)}.feedback.far{border-color:var(--bad)}.feedback h4{margin:0 0 .4rem;font-family:Georgia,serif;font-size:1.25rem}.feedback p{margin:.45rem 0}.feedback .answer-line{font-weight:900}.result-view{padding:clamp(3rem,7vw,6rem) 0}.result-view>h1{font-size:clamp(3rem,7vw,6rem)}.score-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);margin:2rem 0}.score-line div{padding:1.2rem;border-right:1px solid var(--ink)}.score-line div:last-child{border-right:0}.score-line span{display:block;font:900 2.5rem/1 Georgia,serif;color:var(--orange2)}.score-line small{display:block;margin-top:.4rem;color:var(--muted)}.result-message{font-size:1.12rem;max-width:800px;padding:1rem 0}.result-view section{margin:3rem 0}.result-view section h2{font-size:2rem;border-bottom:1px solid var(--ink);padding-bottom:.5rem}.theme-review{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.theme-row{border:1px solid var(--line);padding:.9rem}.theme-row strong{display:flex;justify-content:space-between}.theme-row meter{width:100%;height:18px;margin-top:.5rem}.error-item{border-bottom:1px solid var(--line);padding:1rem 0}.error-item h3{margin:.2rem 0 .4rem}.error-item p{margin:.35rem 0;color:var(--muted)}.error-item strong{color:var(--ink)}dialog{max-width:760px;width:calc(100% - 2rem);border:1px solid var(--ink);background:var(--white);padding:1.6rem;color:var(--ink)}dialog::backdrop{background:#17201fd4}.dialog-close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.dialog-actions{display:flex;gap:.7rem;margin-top:1rem}.dialog-actions button{border:1px solid var(--ink);background:transparent;padding:.6rem;font-weight:800}.progress-table{width:100%;border-collapse:collapse}.progress-table th,.progress-table td{padding:.7rem .3rem;border-bottom:1px solid var(--line);text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:820px){.hero,.game-grid,.principle-strip{grid-template-columns:1fr}.scenario-panel{position:static}.section-head{grid-template-columns:1fr}.score-line{grid-template-columns:1fr 1fr}.score-line div:nth-child(2){border-right:0}.score-line div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.theme-review{grid-template-columns:1fr}}@media(max-width:560px){.site-header{padding:.6rem .8rem}.brand small{display:none}.site-header nav a{display:none}.site-header nav{gap:0}.site-header nav button{font-size:.8rem;padding:.4rem}.hero{padding-top:2.5rem}.mode{grid-template-columns:58px 1fr}.mode-code{font-size:2rem}.mode button{grid-column:2;justify-self:start}.game-head{align-items:start;flex-direction:column}.game-stats{width:100%;flex-wrap:wrap}.game-grid{gap:1rem}.question-panel,.scenario-panel{padding:1rem}.game-actions{flex-wrap:wrap}.game-actions button{flex:1 1 140px}.score-line{grid-template-columns:1fr}.score-line div{border-right:0!important;border-bottom:1px solid var(--ink)}.score-line div:last-child{border-bottom:0}.actions button{flex:1 1 180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
