:root{font-family:Times New Roman,Songti SC,serif;color:#241c17;background:#eee7da}*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:linear-gradient(rgba(70,50,30,.045) 1px,transparent 1px);background-size:100% 6px}.page{max-width:1440px;margin:auto;min-height:100vh;padding:32px 5vw 20px}header{display:grid;grid-template-columns:88px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid #7b6d5d;padding-bottom:24px}.seal{background:#b53a2c;color:#f7efe0;width:70px;height:70px;display:grid;place-items:center;font-size:44px;box-shadow:5px 5px #241c17}header p{font:11px Arial,sans-serif;letter-spacing:.22em;margin:0 0 10px}h1{font-size:clamp(28px,4vw,54px);font-weight:500;margin:0;letter-spacing:-.04em}.score{text-align:right}.score b{font:700 42px Arial}.score span{display:block;font-size:13px}.instruction{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;padding:20px 0}.instruction span,.instruction i{font:12px Arial,sans-serif;letter-spacing:.1em}.instruction strong{font-size:18px;font-weight:500}.instruction i{border:1px solid;border-radius:50%;padding:9px 15px;font-style:normal}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pair button{padding:0;border:3px solid transparent;background:#2c2723;position:relative;cursor:pointer;box-shadow:0 12px 32px #34271b22;transition:.15s}.pair button:hover,.pair button.picked{border-color:#b53a2c;transform:translateY(-3px)}.pair button.good{border-color:#446a4e}.pair button.bad{border-color:#b53a2c;filter:saturate(.85)}.pair canvas{display:block;width:100%;height:auto}.pair span{position:absolute;z-index:1;top:12px;left:12px;background:#eee7da;color:#241c17;font:700 18px Arial;width:38px;height:38px;display:grid;place-items:center}.pair em{position:absolute;right:12px;bottom:12px;background:#eee7da;color:#241c17;padding:9px 13px;font-style:normal}.decision{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid}.decision p{font-size:16px}.decision button,.answer-head button{border:0;background:#b53a2c;color:#fff;padding:14px 22px;font:700 13px Arial;cursor:pointer}.decision button:disabled{opacity:.3;cursor:not-allowed}.answer{margin-top:30px}.answer-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.answer-head small{font:12px Arial;letter-spacing:.12em;color:#b53a2c}.answer h2{font-size:24px;font-weight:500;max-width:780px;margin:8px 0 16px}.zooms{display:grid;grid-template-columns:1fr 1fr;gap:18px}.zooms figure{margin:0;border:1px solid #746759;background:#211c19}.zooms figcaption{padding:10px 13px;color:#eee7da;font-size:13px}.zooms canvas{width:100%;display:block;image-rendering:pixelated}footer{margin-top:32px;padding-top:14px;border-top:1px solid;font:11px Arial;letter-spacing:.18em;display:flex;justify-content:space-between}@media(max-width:720px){.page{padding:20px 16px}header{grid-template-columns:60px 1fr}.seal{width:52px;height:52px;font-size:32px}.score{grid-column:1/-1;display:flex;align-items:center;gap:8px;text-align:left}.score span{display:inline}.instruction{grid-template-columns:1fr auto}.instruction strong{grid-column:1/-1;grid-row:2}.pair{grid-template-columns:1fr}.answer-head{align-items:start;flex-direction:column}.zooms{grid-template-columns:1fr}footer span{display:none}}