/* Layout for the site's reading pages (About, Contact, Privacy). The palette, header, and
   footer come from lexiken-v3.css and penned.css so every look carries over from the game. */
.site-main{width:100%;max-width:700px;margin:0 auto}
.site-prose{background:var(--card);border-radius:24px;padding:30px 32px 34px;box-shadow:0 8px 0 var(--press),0 22px 40px var(--spotSh)}
.site-prose h1{margin:0 0 16px;font-family:var(--display);font-size:31px;line-height:1.1;font-weight:800;color:var(--ink);text-wrap:balance}
.site-prose h2{margin:26px 0 8px;font-size:17px;line-height:1.25;font-weight:800;color:var(--ink)}
.site-prose p,.site-prose li{margin:0 0 14px;font-size:15.5px;line-height:1.6;font-weight:500;color:var(--ink);text-wrap:pretty}
.site-prose ul{margin:0 0 14px;padding-left:22px}
.site-prose li{margin-bottom:6px}
.site-prose a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.site-prose a:hover{color:var(--d1)}
.site-prose .impossible-double{color:var(--d1);font-weight:900}
.site-prose figure{margin:24px 0;padding:0}
.site-prose figure.original-puzzle{max-width:345px;margin-left:auto;margin-right:auto}
.site-prose figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 4px 0 var(--press)}
.original-puzzle-reveal{position:relative;isolation:isolate;display:block;width:100%;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
.original-puzzle-stage{position:relative;isolation:isolate;display:block;width:100%;border-radius:14px}
.original-puzzle-reveal:focus-visible{outline:4px solid var(--c2);outline-offset:5px}
.original-puzzle-reveal img{pointer-events:none}
.original-puzzle-colors{position:absolute;z-index:3;left:3.7%;top:18.2%;width:92.7%;height:74.5%;overflow:visible;opacity:0;pointer-events:none}
.original-word-cage{opacity:0;stroke-width:5;stroke-linejoin:round;vector-effect:non-scaling-stroke;fill-opacity:.24;stroke-opacity:1;transform-box:fill-box;transform-origin:center}
.original-word-cage.cage-c1{fill:var(--t1);stroke:var(--c1)}
.original-word-cage.cage-c2{fill:var(--t2);stroke:var(--c2)}
.original-word-cage.cage-c3{fill:var(--t3);stroke:var(--c3)}
.original-word-cage.cage-c4{fill:var(--t4);stroke:var(--c4)}
.original-word-cage.cage-pangram{fill:var(--goldT);stroke:var(--gold);stroke-width:6}
.original-puzzle-pangram-halo{fill:none;stroke:var(--gold);stroke-width:10;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;filter:drop-shadow(0 0 4px rgba(255,176,32,.72))}
.original-puzzle-answer{position:absolute;z-index:2;left:3.7%;top:18.2%;width:92.7%;height:74.5%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);opacity:0;pointer-events:none;transition:opacity 150ms ease}
.original-puzzle-answer>span{--pencil-ink:rgba(52,51,48,.76);--pencil-shadow:.35px .2px 0 rgba(36,35,33,.45),-.3px .15px 0 rgba(85,83,77,.28);align-self:stretch;justify-self:stretch;display:grid;place-items:center;box-sizing:border-box;border-radius:6px;background:transparent;color:var(--pencil-ink);font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(19px,6vw,34px);font-weight:700;line-height:1;letter-spacing:-.05em;text-shadow:var(--pencil-shadow);mix-blend-mode:multiply;transform:none}
.original-puzzle-answer>span.ink-c1{--checked-ink:var(--d1);--checked-tint:var(--t1)}
.original-puzzle-answer>span.ink-c2{--checked-ink:var(--d2);--checked-tint:var(--t2)}
.original-puzzle-answer>span.ink-c3{--checked-ink:var(--d3);--checked-tint:var(--t3)}
.original-puzzle-answer>span.ink-c4{--checked-ink:var(--d4);--checked-tint:var(--t4)}
.original-puzzle-answer>span.ink-gold{--checked-ink:var(--goldInk);--checked-tint:var(--goldT)}
.original-puzzle-reveal.is-revealed .original-puzzle-answer,.original-puzzle-reveal.is-checked .original-puzzle-answer,.original-puzzle-reveal:focus-visible .original-puzzle-answer{opacity:1}
.original-puzzle-reveal.is-checked .original-puzzle-colors{opacity:1}
.original-puzzle-reveal.is-checked .original-word-cage{animation:original-cage-check 420ms cubic-bezier(.2,.9,.25,1.25) both}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(1){animation-delay:2950ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(2){animation-delay:3140ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(3){animation-delay:3330ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(4){animation-delay:3520ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(5){animation-delay:3710ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(6){animation-delay:3900ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(7){animation-delay:4090ms}
.original-puzzle-reveal.is-checked .original-word-cage:nth-of-type(8){animation-delay:4280ms}
.original-puzzle-reveal.is-checked .original-puzzle-pangram-halo{animation:original-pangram-check 950ms ease-out 3710ms both}
.original-puzzle-reveal.is-checked .original-puzzle-answer>span{animation:original-letter-press 110ms linear var(--press-delay,0ms) both}
.original-puzzle-prompt{position:relative;z-index:6;display:flex;width:max-content;max-width:calc(100% - 28px);min-width:132px;min-height:42px;margin:14px auto 0;align-items:center;justify-content:center;padding:8px 15px;border-radius:999px;background:rgba(36,33,27,.9);box-shadow:0 3px 0 rgba(20,18,14,.42),0 3px 10px rgba(30,27,20,.28);color:#fff;font-size:14px;font-weight:800;line-height:1;pointer-events:none;transition:min-width 150ms ease,min-height 150ms ease,border-radius 150ms ease,transform 100ms ease,box-shadow 100ms ease}
.original-puzzle-prompt .prompt-check,.original-puzzle-prompt .prompt-hide{display:none}
.original-puzzle-reveal.is-revealed:not(.is-checked) .prompt-show{display:none}
.original-puzzle-reveal.is-revealed:not(.is-checked) .prompt-check{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.original-puzzle-reveal.is-revealed:not(.is-checked) .original-puzzle-prompt{isolation:isolate;overflow:hidden;min-width:156px;min-height:56px;padding:6px 18px;border-radius:16px;background:linear-gradient(135deg,var(--c1) 0%,#ff7652 52%,var(--gold) 100%);box-shadow:0 5px 0 var(--d1),0 0 0 3px var(--goldT),0 0 18px rgba(255,176,32,.68);animation:original-check-ready 1.35s ease-in-out infinite}
.original-puzzle-reveal.is-revealed:not(.is-checked) .original-puzzle-prompt::before{content:"";position:absolute;z-index:0;inset:-45% -80%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.72) 49%,transparent 62%);animation:original-check-sweep 1.8s ease-in-out infinite}
.prompt-check-label{font-size:19px;font-weight:800;letter-spacing:.1em;line-height:1.05}
.prompt-check-caption{font-size:9px;font-weight:700;letter-spacing:0;opacity:.9}
.original-puzzle-reveal.is-checked .prompt-show,.original-puzzle-reveal.is-checked .prompt-check{display:none}
.original-puzzle-reveal.is-checked .prompt-hide{display:inline}
.original-puzzle-reveal:active .original-puzzle-prompt{transform:translateY(3px)}
.original-puzzle-reveal.is-revealed:not(.is-checked):active .original-puzzle-prompt{box-shadow:0 2px 0 var(--d1),0 0 0 3px var(--goldT),0 0 12px rgba(255,176,32,.58)}
.original-word-toasts{position:absolute;z-index:4;inset:0;overflow:hidden;border-radius:14px;pointer-events:none}
.original-word-toast{--toast-left:41%;--toast-top:27%;--toast-tilt:-2deg;--toast-delay:2950ms;position:absolute;left:var(--toast-left);top:var(--toast-top);width:clamp(96px,30vw,150px);padding:6px 9px;border:2.5px solid rgba(255,255,255,.82);border-radius:15px;background:var(--ink);box-shadow:0 10px 26px var(--spotSh);color:var(--bg);text-align:center;opacity:0;transform:translate(-50%,-50%) rotate(var(--toast-tilt))}
.original-word-toast small{display:block;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--cream2)}
.original-word-toast b{display:block;margin-top:2px;font-size:19px;font-weight:800;letter-spacing:.07em}
.original-word-toast.toast-gold b{color:var(--goldOnLight,var(--gold))}
.original-word-toast:nth-child(2){--toast-left:82%;--toast-top:36%;--toast-tilt:2deg;--toast-delay:3140ms}
.original-word-toast:nth-child(3){--toast-left:31%;--toast-top:42%;--toast-tilt:1deg;--toast-delay:3330ms}
.original-word-toast:nth-child(4){--toast-left:20%;--toast-top:61%;--toast-tilt:-3deg;--toast-delay:3520ms}
.original-word-toast:nth-child(5){--toast-left:62%;--toast-top:64%;--toast-tilt:2deg;--toast-delay:3710ms}
.original-word-toast:nth-child(6){--toast-left:26%;--toast-top:80%;--toast-tilt:2deg;--toast-delay:3900ms}
.original-word-toast:nth-child(7){--toast-left:73%;--toast-top:75%;--toast-tilt:-2deg;--toast-delay:4090ms}
.original-word-toast:nth-child(8){--toast-left:78%;--toast-top:87%;--toast-tilt:2deg;--toast-delay:4280ms}
.original-puzzle-reveal.is-checked .original-word-toast{animation:original-word-toast 700ms cubic-bezier(.2,.85,.25,1.15) var(--toast-delay) both}
.original-puzzle-confetti{position:absolute;z-index:5;inset:0;overflow:hidden;border-radius:14px;pointer-events:none}
.original-puzzle-confetti>i{--x:0px;--y:-150px;--r:180deg;--delay:2860ms;position:absolute;left:50%;top:58%;width:8px;height:13px;border-radius:2px;background:var(--c1);opacity:0}
.original-puzzle-confetti>i:nth-child(2){--x:-62px;--y:-190px;--r:-230deg;--delay:2890ms;background:var(--c2)}
.original-puzzle-confetti>i:nth-child(3){--x:72px;--y:-205px;--r:300deg;--delay:2920ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(4){--x:-124px;--y:-115px;--r:-310deg;--delay:2950ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(5){--x:132px;--y:-128px;--r:260deg;--delay:2980ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(6){--x:-168px;--y:-30px;--r:-190deg;--delay:2875ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(7){--x:164px;--y:-12px;--r:330deg;--delay:2905ms;background:var(--c1)}
.original-puzzle-confetti>i:nth-child(8){--x:-118px;--y:98px;--r:-280deg;--delay:2935ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(9){--x:116px;--y:112px;--r:210deg;--delay:2965ms;background:var(--c2)}
.original-puzzle-confetti>i:nth-child(10){--x:-42px;--y:142px;--r:-350deg;--delay:2995ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(11){--x:48px;--y:154px;--r:290deg;--delay:3025ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(12){--x:152px;--y:74px;--r:-240deg;--delay:2945ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(13){--x:-190px;--y:-140px;--r:-440deg;--delay:2885ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(14){--x:190px;--y:-155px;--r:460deg;--delay:2915ms;background:var(--c2)}
.original-puzzle-confetti>i:nth-child(15){--x:-205px;--y:30px;--r:-360deg;--delay:2940ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(16){--x:205px;--y:45px;--r:380deg;--delay:2970ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(17){--x:-145px;--y:140px;--r:-420deg;--delay:3000ms;background:var(--c1)}
.original-puzzle-confetti>i:nth-child(18){--x:150px;--y:155px;--r:430deg;--delay:3030ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(19){--x:-75px;--y:180px;--r:-300deg;--delay:3055ms;background:var(--c2)}
.original-puzzle-confetti>i:nth-child(20){--x:80px;--y:190px;--r:320deg;--delay:3080ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(21){--x:-35px;--y:-220px;--r:-510deg;--delay:2895ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(22){--x:38px;--y:-230px;--r:520deg;--delay:2925ms;background:var(--c1)}
.original-puzzle-confetti>i:nth-child(23){--x:-178px;--y:95px;--r:-470deg;--delay:2960ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(24){--x:178px;--y:115px;--r:480deg;--delay:2990ms;background:var(--c2)}
.original-puzzle-confetti>i:nth-child(25){--x:-210px;--y:-65px;--r:-390deg;--delay:3020ms;background:var(--gold)}
.original-puzzle-confetti>i:nth-child(26){--x:210px;--y:-80px;--r:410deg;--delay:3045ms;background:var(--c3)}
.original-puzzle-confetti>i:nth-child(27){--x:-10px;--y:175px;--r:-350deg;--delay:3070ms;background:var(--c1)}
.original-puzzle-confetti>i:nth-child(28){--x:12px;--y:-190px;--r:370deg;--delay:3100ms;background:var(--c4)}
.original-puzzle-confetti>i:nth-child(3n){width:13px;height:7px;border-radius:999px}
.original-puzzle-reveal.is-checked .original-puzzle-confetti>i{animation:original-puzzle-confetti 1100ms cubic-bezier(.16,.72,.32,1) calc(var(--delay) + 2340ms) both}
.original-puzzle-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes original-cage-check{0%{opacity:0;transform:scale(.92)}65%{opacity:1;transform:scale(1.025);filter:brightness(1.12)}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes original-pangram-check{0%{opacity:0;stroke-width:3}42%{opacity:.82;stroke-width:13}100%{opacity:.34;stroke-width:10}}
@keyframes original-letter-press{0%,34%{scale:1;translate:0 0;background:transparent;color:var(--pencil-ink);box-shadow:none;text-shadow:var(--pencil-shadow);mix-blend-mode:multiply}56%{scale:.94;translate:0 5px;background:var(--checked-tint);color:var(--checked-ink);box-shadow:inset 0 3px 5px rgba(0,0,0,.12);text-shadow:none;mix-blend-mode:normal;filter:brightness(.92)}100%{scale:1;translate:0 0;background:color-mix(in oklab,var(--checked-tint) 72%,transparent);color:var(--checked-ink);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--checked-ink) 62%,transparent);text-shadow:none;mix-blend-mode:normal;filter:none}}
@keyframes original-word-toast{0%{opacity:0;transform:translate(-50%,-32%) rotate(var(--toast-tilt)) scale(.8)}18%,68%{opacity:1;transform:translate(-50%,-50%) rotate(var(--toast-tilt)) scale(1)}100%{opacity:0;transform:translate(-50%,-76%) rotate(calc(var(--toast-tilt) + 3deg)) scale(1.03)}}
@keyframes original-puzzle-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.45)}14%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}
@keyframes original-check-ready{0%,100%{box-shadow:0 5px 0 var(--d1),0 0 0 2px var(--goldT),0 0 12px rgba(255,176,32,.5)}50%{box-shadow:0 5px 0 var(--d1),0 0 0 4px var(--goldT),0 0 21px rgba(255,176,32,.82);filter:brightness(1.08)}}
@keyframes original-check-sweep{0%,18%{transform:translateX(-65%)}72%,100%{transform:translateX(65%)}}
.site-prose figcaption{margin-top:10px;font-size:13px;line-height:1.5;font-weight:600;color:var(--ink2)}
.site-prose figcaption b{color:var(--ink)}
.site-sign{margin-top:26px;font-weight:800;color:var(--ink)}
.site-mail{display:inline-block;margin:6px 0 16px;font-size:20px;font-weight:800;color:var(--ink);word-break:break-all}
.site-meta{font-size:12.5px;font-weight:600;color:var(--ink3)}
a.btn-ghost{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.logo{text-decoration:none}
html[data-theme="letterpress"] .site-prose{border-radius:6px}
html[data-theme="inked"] .site-prose{border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--line)}
html[data-theme="porcelain"] .site-prose{box-shadow:0 2px 10px rgba(58,58,54,.06),inset 0 0 0 1px var(--line)}
@media(hover:hover){
  .original-puzzle-reveal:hover .original-puzzle-answer{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .original-puzzle-answer{transition:none}
  .original-puzzle-reveal.is-revealed:not(.is-checked) .original-puzzle-prompt{animation:none}
  .original-puzzle-reveal.is-revealed:not(.is-checked) .original-puzzle-prompt::before{display:none}
  .original-puzzle-reveal.is-checked .original-puzzle-answer>span{animation:none;background:color-mix(in oklab,var(--checked-tint) 72%,transparent);color:var(--checked-ink);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--checked-ink) 62%,transparent);text-shadow:none;mix-blend-mode:normal}
  .original-puzzle-reveal.is-checked .original-word-cage{animation:none;opacity:1}
  .original-puzzle-reveal.is-checked .original-puzzle-pangram-halo{animation:none;opacity:.34}
  .original-word-toasts,.original-puzzle-confetti{display:none}
}
@media(max-width:600px){
  .site-prose{padding:22px 18px 26px;border-radius:18px}
  .site-prose h1{font-size:26px}
  .site-prose p,.site-prose li{font-size:15px}
}