:root{--cream:#ddd8bc;--olive:#50563d;--olive-dark:#273121;--brown:#3a2419;--ink:#151812;--paper:#e5dfc9;--muted:#9da28a;--line:rgba(229,223,201,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif}.topbar{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line)}.wordmark{color:inherit;text-decoration:none;font:500 clamp(26px,2.4vw,38px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.045em}.top-label,.micro,footer,.text-button,.question-number{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.text-button{justify-self:end;border:0;background:none;color:var(--paper);cursor:pointer}.screen{min-height:calc(100svh - 144px);padding:11vh 6vw 9vh}.intro-screen{background:linear-gradient(110deg,#747550 0 48%,#2e3827 48% 100%)}.intro-screen h1,.results-screen>h1{margin:7vh 0 8vh;font:400 clamp(92px,17vw,240px)/.68 Georgia,"Songti SC",serif;letter-spacing:-.09em}.intro-screen h1 span{color:var(--ink);text-shadow:1px 0 var(--cream),-1px 0 var(--cream),0 1px var(--cream),0 -1px var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.lead{max-width:620px;font:20px/1.75 Georgia,"Songti SC",serif}.primary,.secondary,.back{min-height:48px;border:1px solid currentColor;padding:12px 22px;background:var(--paper);color:var(--ink);font:10px ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.secondary,.back{background:transparent;color:var(--paper)}.secondary{margin-left:8px}.axis-index{margin:0;padding:0;list-style:none;border-top:1px solid var(--line);columns:2}.axis-index li{break-inside:avoid;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.axis-index span{display:inline-block;width:34px;color:var(--muted);font:9px ui-monospace,monospace}.notice{margin-top:8vh;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:4vw;font-size:11px;line-height:1.8}.quiz-screen{background:#d7d1bb;color:#23271c}.progress-head{display:flex;justify-content:space-between}.progress-track{height:2px;background:rgba(35,39,28,.2)}.progress-track span{display:block;height:100%;background:#23271c;transition:width .25s}.question-card{min-height:340px;display:flex;flex-direction:column;justify-content:center;padding:8vh 0 5vh;border-bottom:1px solid rgba(35,39,28,.45)}.question-card h2{max-width:1000px;margin:3vh 0;font:400 clamp(36px,5vw,76px)/1.22 "Songti SC",Georgia,serif;letter-spacing:-.045em}.question-card details{font-size:11px;color:#555b46}.question-card summary{cursor:pointer}.answers{display:grid;grid-template-columns:repeat(7,1fr);margin:34px 0}.answers button{min-height:92px;border:1px solid #23271c;border-right:0;background:transparent;padding:10px 6px;color:#23271c;font-size:11px;cursor:pointer;transition:.2s}.answers button:last-child{border-right:1px solid #23271c}.answers button:hover,.answers button:focus-visible{background:#23271c;color:#e5dfc9}.back{color:#23271c}.results-screen{background:#20251b}.results-screen>h1{margin-bottom:5vh}.result-note{max-width:680px;line-height:1.8;color:#b8b6a5}.result-list{margin-top:8vh;border-top:1px solid var(--line)}.axis-result{padding:26px 0;border-bottom:1px solid var(--line)}.axis-head{display:flex;justify-content:space-between;gap:30px;align-items:baseline}.axis-head h2{margin:0;font:400 clamp(25px,3vw,45px)/1 Georgia,"Songti SC",serif}.axis-head p{margin:0;color:#c3c0ae}.bar{display:flex;height:34px;margin-top:18px;background:#313728;overflow:hidden}.bar-left,.bar-right{display:flex;align-items:center;padding:0 10px;font:9px ui-monospace,monospace;white-space:nowrap}.bar-left{justify-content:flex-start;background:var(--cream);color:var(--ink)}.bar-right{justify-content:flex-end;background:#4f553d;color:var(--paper)}.closest{margin-top:9vh;padding:5vw;background:var(--brown)}.closest h2{font:400 clamp(42px,6vw,88px)/1 Georgia,serif}.closest p{max-width:850px;line-height:1.75}.closest a{color:var(--paper)}.result-actions{margin-top:5vh}.result-actions .secondary{margin-left:8px}footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid var(--line)}
.notice a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.topbar{grid-template-columns:1fr 1fr}.top-label{display:none}.screen{padding:10vh 5vw 7vh}.intro-grid,.notice{grid-template-columns:1fr}.axis-index{columns:1}.answers{grid-template-columns:1fr}.answers button{min-height:48px;border-right:1px solid #23271c;border-bottom:0}.answers button:last-child{border-bottom:1px solid #23271c}.question-card{min-height:420px}.axis-head{align-items:flex-start}.bar-left,.bar-right{font-size:7px;padding-inline:5px}footer{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}