*{box-sizing:border-box}body{margin:0;background:#112923;color:#f0e9cd;font:17px/1.65 Georgia,serif}main{min-height:100vh;padding:clamp(18px,4vw,70px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #647668;padding-bottom:24px}h1{font-size:clamp(28px,4vw,56px);line-height:1.1;margin:12px 0}h2{font-size:30px}small{font:12px/1.5 monospace;letter-spacing:.07em;color:#c4d3ae}button,select,input,textarea{font:inherit;color:inherit;background:#203f34;border:1px solid #698773;border-radius:5px;padding:10px;margin:4px}button{cursor:pointer}button:hover,button[aria-pressed=true]{background:#a8c18b;color:#152d24}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #f4c96b;outline-offset:3px}section,article{padding:24px;border:1px solid #567463;margin-top:24px;border-radius:8px}section.hero{background:#1c3d30}.phrase{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.phrase span{font-size:42px;color:#eac985}.phrase small{display:block;font-size:13px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.event,aside{border-left:3px solid #dfb86e;padding:12px;background:#264237}p,pre,h3{white-space:pre-wrap;overflow-wrap:anywhere}pre{font:13px/1.5 monospace;max-height:460px;overflow:auto}label{display:block}textarea{width:100%;font:14px/1.5 monospace}input{width:min(100%,500px)}footer{padding:30px 0;border-top:1px solid #647668;margin-top:40px}.lexicon{display:grid;grid-template-columns:repeat(4,1fr)}.lexicon small{display:block}article{animation:appear .3s ease-out}@keyframes appear{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){header{display:block}.columns{grid-template-columns:1fr}.lexicon{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}button,nav,footer{display:none}section,article{break-inside:avoid}}h1,h2,small,option{white-space:pre-wrap;overflow-wrap:anywhere}