/* Modified by Skilly from the pinned OpenDesign template; retained terms in THIRD_PARTY_NOTICES.md. */
@font-face{font-family:Display;src:url(display.woff2) format("woff2");font-display:swap}@font-face{font-family:Body;src:url(body.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Body,sans-serif;line-height:1.5}h1,h2,p{margin:0}h1,h2,p,span,a{overflow-wrap:anywhere}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:5px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid currentColor;padding:13px 20px;border-radius:2px;text-decoration:none;background:transparent;color:inherit;min-height:48px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-200%);padding:10px;background:#fff;color:#000}.skip:focus{transform:none}header,footer{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}main{min-width:0}.controls{display:flex;gap:12px;flex-wrap:wrap}button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body{background:#242720;color:#292c21}.page{max-width:1440px;margin:auto;background:#f1ecdb;min-height:100svh;padding:30px 5vw;background-image:radial-gradient(#7665370c 1px,transparent 1px);background-size:5px 5px}.brand{font:13px monospace;letter-spacing:.1em}header{border-bottom:1px solid #30332140;padding-bottom:20px}.story{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:55px 0 45px}.copy>.eyebrow{color:#6c6d57;margin-bottom:28px}h1{font:clamp(52px,5.6vw,88px)/.98 Display,serif;letter-spacing:-.03em;max-width:14ch}.chapter-copy{display:flex;align-items:flex-start;gap:24px;margin-top:40px;max-width:42ch;min-height:110px}#chapter-number{font:45px/1 Display,serif;color:var(--accent)}#chapter-title{font:26px/1.2 Display,serif;margin-bottom:9px}#caption{font-size:14px}.sprite-scene{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center;overflow:clip;contain:paint}.scene-label{position:absolute;left:0;top:0;color:#6c6d57}.scene-bottom{position:absolute;bottom:0;color:#6c6d57;font-size:9px}.orbit{position:absolute;width:min(90%,370px);aspect-ratio:1;border:1px dashed #77806066;border-radius:50%;}.sprite-stack{display:flex;align-items:center;flex-direction:column;position:relative;max-width:85%}.sprite-card{width:180px;max-width:100%;min-height:245px;background:#e4dcc1;border:3px solid #303b2a;border-radius:9px;box-shadow:8px 8px 0 #303b2a;padding:22px 15px;display:flex;align-items:center;flex-direction:column;gap:18px;image-rendering:pixelated}.sprite-card svg{width:90px;height:112px;display:block}.sprite-tag{font:28px/1.05 Display,serif;text-align:center;overflow-wrap:anywhere;max-width:100%;color:var(--accent)}.sprite-tag small{display:block;font:9px/1.5 monospace;text-transform:uppercase;letter-spacing:.13em;margin-top:8px;color:#596148}.shadow{display:block;width:140px;height:14px;background:#71775433;border-radius:50%;margin-top:28px}.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;border:1px solid #6a6c5044}.chapters button{display:flex;gap:12px;text-align:left;align-items:baseline;border:0;background:transparent;padding:16px 12px;color:#454b37;font-size:12px;overflow-wrap:anywhere}.chapters button span{font:10px monospace;color:#707a5c}.chapters button[aria-pressed=true]{background:#333e2c;color:#f1ecdb}.chapters button[aria-pressed=true] span{color:#e1c691}.transport{display:flex;align-items:center;gap:20px;padding:20px 0;flex-wrap:wrap}.transport input{flex:1;min-width:110px;accent-color:#58694b}.transport output{font:11px monospace}.button{font-size:11px;padding:10px 15px}details{border-top:1px solid #30332140;padding:15px 0;font-size:13px}details li{margin-bottom:10px}summary{cursor:pointer}footer{padding-top:18px;border-top:1px solid #30332140;color:#596148;font-size:10px}@media(max-width:700px){.page{padding:24px}.story{grid-template-columns:1fr;padding:32px 0;gap:10px}.chapter-copy{margin-top:28px}.sprite-scene{min-height:350px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.chapters button{flex-direction:column;gap:6px}.transport{gap:14px}h1{max-width:16ch}}
[hidden]{display:none!important}