:root{color-scheme:dark;--gold:#e8c47c;--paper:#fff4d9;--ink:#231923;--wine:#471729}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:linear-gradient(90deg,rgba(15,11,20,.95),rgba(24,11,21,.84)),url('assets/entrance.webp') center/cover fixed;font:1rem/1.6 Georgia,serif;min-height:100vh}button{font:inherit;cursor:pointer;min-height:48px;color:inherit;background:#301728;border:1px solid #a58753;border-radius:6px;padding:10px 18px}button:hover:not(:disabled){background:#5a253e;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.7}button:focus-visible,a:focus-visible{outline:3px solid #f6dca7;outline-offset:4px}header,main,footer{max-width:1250px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #90704e}h1{font-weight:normal;font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;margin:6px 0}h2{font-weight:normal;font-size:2rem;line-height:1.3}.eyebrow,.tag{font: .875rem/1.5 Arial,sans-serif;letter-spacing:1.5px;color:var(--gold)}.scorebar{display:flex;gap:20px;justify-content:space-between;padding:14px 24px;background:#160f19d9;border:1px solid #795837;margin-bottom:24px;border-radius:8px}.scorebar span{display:block;font:.875rem/1.5 Arial,sans-serif;color:#d2c2b5}.scorebar strong{font-size:1.6rem;color:var(--gold)}.lead{display:flex;align-items:center;gap:20px;justify-content:space-between}.lead p{max-width:750px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category h3{font-size:1.05rem;text-align:center;min-height:56px;display:flex;align-items:center;justify-content:center;margin:0 0 8px;border-bottom:2px solid #9c7847}.tile{display:block;width:100%;margin:12px 0;min-height:95px;background:linear-gradient(145deg,#54253b,#281724);box-shadow:inset 0 0 0 4px #221323,0 5px 14px #0006;color:var(--gold);font-size:2rem}.tile small{display:block;font:.875rem/1.4 Arial,sans-serif;color:#e8dccc}.tile.done{background:#1e2024;color:#d6d1c5;box-shadow:none}.tile.retry{background:#482516;color:#ffd3ab}.quiet{font:.875rem/1.6 Arial,sans-serif;color:#d5c3b7}footer{display:flex;align-items:center;gap:20px;font:.875rem/1.6 Arial,sans-serif;border-top:1px solid #70563e}dialog{width:min(760px,calc(100% - 24px));max-height:90vh;border:1px solid #b98e58;border-radius:10px;padding:28px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #000b}dialog::backdrop{background:#08040cd9;backdrop-filter:blur(6px)}dialog button{background:#efe0c1;color:var(--ink);border-color:#806f59}dialog button:hover:not(:disabled){background:#decba2}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-top .tag{color:#693148}.question{font-size:1.65rem;margin:24px 0}.choices{display:grid;gap:10px}.choice{text-align:left;font-family:Arial,sans-serif;font-size:1rem;line-height:1.55}.choice.selected{border:3px solid #7c3854}.choice.correct{border:3px solid #2e644b;background:#dce7d5}.feedback{margin-top:20px;padding:18px;border-left:4px solid #7c3854;background:#eddfc4}.feedback h3{margin:0;font-size:1.2rem}.feedback p{margin:10px 0}.primary{background:var(--gold);color:#25141e}.poe{width:84px;height:104px;object-fit:contain;float:right;margin-left:14px}.summary{background:#f9eed9;color:var(--ink);padding:32px;border:1px solid #b59463;border-radius:8px}.summary .quiet{color:#5e5054}.summary strong{color:#682c48}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.review-row{padding:16px 0;border-top:1px solid #c8b697}.review-row h3{margin:0 0 8px}.summary button{color:var(--ink);background:#e9d3a5}.banner{padding:18px 22px;background:#452b1d;border:1px solid #bd935c;margin-bottom:20px}.banner h2{margin:0;font-size:1.6rem}@media(max-width:720px){header,main,footer{padding:18px}header{align-items:flex-start}.scorebar{padding:12px;gap:12px}.scorebar strong{font-size:1.3rem}.scorebar span{font-size:.8rem}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.category:last-child{grid-column:1/-1}.category:last-child .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category h3{min-height:42px}.tile{min-height:80px}dialog{padding:20px}.question{font-size:1.3rem}footer{align-items:flex-start;flex-direction:column}.summary{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}button:hover:not(:disabled){transform:none}}
.report-form{border:1px solid #bba47d;padding:22px;margin:28px 0;background:#fffaf0}.report-form h3{margin-top:0}.student-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}label{display:block;margin-bottom:6px}input{width:100%;min-height:48px;font:1rem/1.5 Arial,sans-serif;background:white;color:#231923;border:1px solid #8d7961;padding:10px;border-radius:5px}input:focus-visible{outline:3px solid #683a50;outline-offset:2px}@media(max-width:600px){.student-fields{grid-template-columns:1fr}.report-form{padding:16px}}