.history-page{background:radial-gradient(at 100% 8%,#183b4c66,#0000 32%);overflow:clip}.history-back{min-height:44px;color:var(--cyan);margin-bottom:var(--s8);align-items:center;font-size:1rem;display:inline-flex}.history-hero{align-items:center;gap:var(--s12);padding-block:var(--s16);grid-template-columns:1.35fr 1fr;display:grid}.history-hero h1{max-width:15ch;font-size:clamp(2.65rem,5.4vw,5rem)}.history-hero .lede{max-width:43ch}.history-start{margin-top:var(--s4)}.history-emblem{isolation:isolate;text-align:center;margin:0;position:relative}.history-emblem img{filter:drop-shadow(0 24px 35px #0008);width:100%;max-width:480px;position:relative}.history-emblem figcaption{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--s6)}.history-checks{z-index:-1;border:1px solid var(--gold);background:repeating-conic-gradient(#d3ae691a 0% 25%,#0000 0% 50%) 50%/72px 72px;border-radius:50%;position:absolute;inset:8% 0 16%;transform:rotate(-12deg);box-shadow:0 0 0 14px #d3ae6908,0 0 70px #8bdce81a}.history-origin{align-items:center;gap:var(--s8);padding:var(--s8);border-left:4px solid var(--cyan);background:var(--surface);max-width:950px;display:flex}.history-origin>span{font:700 6rem/1 var(--font-display);color:var(--cyan)}.history-origin h2{max-width:none;font-size:1.7rem}.history-origin p{max-width:65ch;color:var(--text-muted);margin:0}.history-journey{padding-block:var(--s16)}.history-chapter{gap:var(--s16);padding-block:var(--s16);border-bottom:1px solid #d3ae6933;grid-template-columns:.65fr 1.35fr;align-items:center;display:grid}.history-era{border-left:2px solid var(--gold);padding-left:var(--s8);flex-direction:column;justify-content:center;align-self:stretch;display:flex;position:relative}.history-era p{font:700 clamp(1.25rem,2.5vw,2rem)/1.25 var(--font-display);color:var(--gold-bright)}.history-era>span{color:var(--cyan);text-shadow:8px 8px #8bdce81a;font-size:clamp(6rem,14vw,11rem);line-height:1}.history-chapter:nth-child(2n) .history-era>span{color:var(--gold);text-shadow:8px 8px #d3ae691a}.history-chapter h2{max-width:20ch}.history-chapter__story>p{max-width:53ch;color:var(--text-muted)}.history-chapter__story .history-punchline{color:var(--gold-bright);padding-left:var(--s4);border-left:2px solid var(--gold);font-size:1.1rem;font-weight:600}.history-source{min-height:44px;color:var(--cyan);font-size:var(--text-sm);align-items:center;display:inline-flex}.grain-section{background:linear-gradient(125deg,#2a1738,var(--surface) 60%,#11323c);padding-block:var(--section-space)}.grain-layout{gap:var(--s16);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.grain-story h2{max-width:15ch}.grain-story>p{max-width:45ch}.grain-caution{color:var(--text-muted);border-left:2px solid var(--cyan);padding-left:var(--s4);font-size:1rem}.grain-joke{margin-top:var(--s8);color:var(--gold-bright);font-weight:600}.grain-lab{min-width:0;padding:var(--s6);border:1px solid var(--gold);border-radius:var(--radius-media);background:#07111fc9}.grain-board{aspect-ratio:1;border:2px solid var(--gold);grid-template-columns:repeat(8,1fr);display:grid}.grain-cell{background:var(--surface-raised);place-items:center;display:grid;position:relative}.grain-cell:nth-child(16n+2),.grain-cell:nth-child(16n+4),.grain-cell:nth-child(16n+6),.grain-cell:nth-child(16n+8),.grain-cell:nth-child(16n+9),.grain-cell:nth-child(16n+11),.grain-cell:nth-child(16n+13),.grain-cell:nth-child(16n+15){background:var(--bg)}.grain-cell small{color:var(--text-muted);font-size:.6rem;position:absolute;bottom:1px;left:4px}.grain-cell i{background:var(--gold-bright);opacity:0;border-radius:70% 20%;width:20%;height:38%;transform:rotate(25deg);box-shadow:3px 3px #0004}.grain-cell.is-filled i{opacity:1}.grain-cell.is-current{outline:3px solid var(--cyan);outline-offset:-3px;background:#184858}.grain-label{align-items:center;gap:var(--s3);margin-top:var(--s4);display:flex}.grain-label output{color:var(--gold-bright);margin-left:auto;font-size:1.8rem;font-weight:700}.grain-label>span{color:var(--text-muted)}.grain-lab input[type=range]{width:100%;height:44px;accent-color:var(--gold);cursor:pointer}.grain-lab input:focus-visible{outline:var(--focus-ring);outline-offset:4px}.grain-controls{gap:var(--s3);margin-block:var(--s4);flex-wrap:wrap;display:flex}.grain-controls .btn{min-height:48px}.grain-results{gap:var(--s4);margin-block:var(--s6);display:grid}.grain-results span{font-size:var(--text-sm);color:var(--text-muted);display:block}.grain-results strong{color:var(--cyan);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.15rem,2.3vw,1.8rem);display:block}.grain-formula{font-size:var(--text-sm);color:var(--text-muted)}.grain-answer summary{min-height:44px;padding-block:var(--s2);cursor:pointer;color:var(--gold-bright)}.grain-answer p{overflow-wrap:anywhere;font-size:1rem}.history-finale{gap:var(--s12);padding-block:var(--section-space);grid-template-columns:.4fr 1fr;align-items:center;display:grid}.history-finale>span{color:var(--gold);font-size:clamp(7rem,19vw,16rem);line-height:1}.history-finale h2{max-width:19ch}.history-footer{padding-block:var(--s12);border-top:1px solid #d3ae6944}.history-footer h2{font-size:1.6rem}.history-footer p{max-width:65ch;color:var(--text-muted);font-size:1rem}@media (width<=47.99rem){.history-hero{padding-block:var(--s8);gap:var(--s8);grid-template-columns:1fr}.history-emblem{width:min(100%,300px);margin:auto}.history-origin{gap:var(--s4);padding:var(--s6)}.history-origin>span{font-size:3rem}.history-origin h2{font-size:1.3rem}.history-origin p{font-size:1rem}.history-chapter{gap:var(--s6);padding-block:var(--s12);grid-template-columns:1fr}.history-era{justify-content:space-between;align-items:center;gap:var(--s4);flex-direction:row}.history-era p{margin:0}.history-era>span{font-size:4.5rem}.grain-layout{gap:var(--s8);grid-template-columns:1fr}.grain-lab{padding:var(--s4)}.grain-controls .btn{text-align:center;flex:1;justify-content:center}.history-finale{gap:var(--s4);grid-template-columns:1fr}.history-finale>span{font-size:5rem}.history-journey{padding-top:var(--s6)}}