*{box-sizing:border-box}body{margin:0;background:#edf6f7;color:#123d3c;font:16px/1.65 system-ui,sans-serif}header{background:#073e3e;color:white;padding:18px max(5vw,20px);display:flex;justify-content:space-between;gap:18px}a{color:inherit}header a{text-decoration:none;font-weight:750}main{max-width:1180px;margin:auto;padding:26px 24px}.heading,.meta{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading{margin-bottom:18px;font-size:14px;font-weight:800;letter-spacing:1px}button{font:inherit;cursor:pointer;border:1px solid #b4cdca;border-radius:12px;padding:12px 20px;background:white;color:#123d3c;min-height:48px}button:focus-visible,a:focus-visible{outline:3px solid #e39200;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.arena{display:grid;grid-template-columns:40% 60%;background:white;border-radius:24px;overflow:hidden;box-shadow:0 16px 50px #073e3e12}aside{position:relative;min-height:600px;background:#075959}aside img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:43% center}.art-label{position:absolute;inset:0;padding:32px;color:white;background:linear-gradient(180deg,#003d40e8,transparent 65%);pointer-events:none}.art-label span,.tag{font-size:13px;font-weight:800;letter-spacing:1.5px}h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0}.art-label p{font-size:16px}.panel{padding:36px;display:flex;align-items:center}.panel>div{width:100%}h2{font-size:27px;line-height:1.45;margin:18px 0 24px}.tag{color:#08736b}.primary{background:#086d61;color:white;border:none;font-weight:750;margin-top:12px;min-width:180px}.primary:hover{background:#055648}.small{font-size:14px;color:#536c69}.meta{font-size:14px;font-weight:700}progress{width:100%;height:8px;margin:18px 0;accent-color:#0b9482}#question{font-size:24px;min-height:115px}#choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}#choices button{text-align:left;overflow-wrap:anywhere}#choices button.selected{border:2px solid #07806f;background:#e0f7ed;padding:11px 19px}#choices b{display:inline-block;margin-right:10px;color:#07806f}#selection{font-size:14px;color:#536c69;min-height:24px}#score{font-size:64px;font-weight:850;color:#087669}.review-link{display:inline-block;margin:16px}#review{margin-top:28px;background:white;padding:30px;border-radius:24px}#review ol{padding-left:26px}#review li{padding:18px 8px;border-bottom:1px solid #dce8e7}#review li p{margin:6px 0}#review .correct{color:#076e48}#review .incorrect{color:#a13232}footer{text-align:center;margin:28px 0 0;font-size:14px;color:#536c69}[hidden]{display:none!important}@media(max-width:720px){main{padding:18px 14px}.arena{grid-template-columns:1fr}aside{min-height:230px}.art-label{padding:22px;background:linear-gradient(90deg,#003d40e8,transparent)}h1{font-size:32px;max-width:300px}.art-label p{display:none}aside img{object-position:center 58%}.panel{padding:24px}#question{font-size:22px;min-height:0}#choices{grid-template-columns:1fr}.heading{letter-spacing:0;font-size:12px}#music{font-size:14px;padding:8px 12px}header{font-size:14px;padding:16px}#review{padding:22px}}

#entry label{display:block;margin-top:12px;font-weight:700}#entry input{width:100%;font:inherit;padding:12px;border:1px solid #8eafab;border-radius:8px}#entry-error{color:#a13232}#leaderboard{background:white;padding:24px;margin-top:24px;border-radius:24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid #dce8e7}td{overflow-wrap:anywhere}#timer,#elapsed{font-weight:750;font-variant-numeric:tabular-nums}