/* A living field journal, using the shared pixel palette and controls. */
.about-page{max-width:1200px;margin:0 auto;padding:42px 20px 72px;color:var(--game-ink)}
.about-page p{margin:0 0 18px;line-height:1.5}
.about-page h1,.about-page h2,.about-page h3{margin:0;font-family:var(--display)}
.about-page h2{font-size:clamp(22px,2.6vw,31px);line-height:1.4;letter-spacing:-.025em}
.about-page .about-kicker{font:400 9px/1.8 var(--display);color:var(--game-green);margin:0 0 18px;letter-spacing:.025em}
.about-page .about-hero{display:grid;grid-template-columns:1.14fr 1fr;overflow:hidden;border-top:7px solid var(--game-green)}
.about-cover-copy{padding:38px 36px 32px}
.about-page #about-title{font-size:clamp(32px,3.4vw,43px);line-height:1.27;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}
.about-page #about-title em{font-style:normal;color:var(--game-green);text-shadow:3px 3px 0 var(--game-sage)}
.about-page .about-lede{font-size:27px;line-height:1.35;max-width:28ch}
.about-cover-copy>p:not(.about-lede,.about-kicker){font-size:22px;color:var(--muted);max-width:43ch}
.about-page .about-text-link{display:inline-flex;align-items:center;gap:12px;font:400 19px/1.5 var(--ui);text-decoration:underline;text-underline-offset:5px;min-height:44px}
.about-text-link span{font-size:23px}
.about-world{position:relative;margin:0;min-height:452px;border-left:3px solid var(--game-ink);isolation:isolate;background:var(--game-sage)}
.about-world-map{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:cover;z-index:-1}
.about-world-label{position:absolute;top:18px;left:18px;right:18px;padding:9px 8px;background:var(--game-paper);border:2px solid var(--game-ink);text-align:center;font:400 8px/1.6 var(--display);box-shadow:3px 3px 0 var(--game-shadow)}
.about-specimen{position:absolute;width:158px;background:#fff9e8ed;border:2px solid var(--game-ink);box-shadow:4px 4px 0 #344b4077;display:flex;align-items:center;flex-direction:column;padding:5px 5px 8px}
.about-specimen canvas{width:140px;height:119px;image-rendering:pixelated}
.about-specimen img{width:119px;height:119px;object-fit:contain;image-rendering:pixelated}
.about-specimen>span{font:400 10px/1.5 var(--display);margin-top:2px}
.about-specimen small{font:400 17px/1.3 var(--ui);color:var(--muted);margin-top:4px}
.specimen-first{top:76px;left:calc(50% - 79px)}
.specimen-second{bottom:48px;left:20px}
.specimen-third{bottom:48px;right:20px}
.about-world>figcaption{position:absolute;bottom:0;width:100%;padding:8px;background:var(--game-paper);border-top:2px solid var(--game-ink);font:400 17px/1.3 var(--ui);text-align:center}
.about-chapters{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-bottom:2px solid #a2b092;padding:24px 3px 17px;margin-bottom:54px}
.about-chapters a{font:400 8px/1.7 var(--display);text-transform:uppercase;padding:7px 0;text-decoration:none}
.about-section{margin-bottom:64px;scroll-margin-top:104px}
.about-belief{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px 64px;padding:0 22px}
.about-belief .about-prose{max-width:58ch;color:var(--muted)}
.about-page .about-belief blockquote{grid-column:1/-1;margin:0;padding:22px 28px;background:var(--game-sage);border-left:6px solid var(--game-green);font-size:29px;line-height:1.25;text-align:center}
.about-section-intro{max-width:700px;margin-bottom:26px}
.about-section-intro h2{margin-bottom:12px}
.about-section-intro>p:last-child{color:var(--muted);margin-bottom:0}
.about-reel{--creature-color:#d9ba48;border-top:7px solid var(--creature-color)!important}
.about-reel .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.about-reel .panel-head h3{font-size:10px;line-height:1.5}
.about-pause{display:flex;align-items:center;gap:7px;min-height:40px;padding:5px 9px;border:2px solid var(--game-ink);background:var(--game-paper);color:var(--game-ink);cursor:pointer;font:400 22px/1 var(--ui);box-shadow:2px 2px 0 var(--game-shadow)}
.about-pause span{font-size:17px}
.about-pause:hover{background:var(--amber)}
.about-roster{display:flex;gap:10px;padding:18px 24px;background:#f0f0db;border-bottom:2px solid #a2b092}
.about-roster button{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 15px;border:2px solid var(--game-ink);background:var(--game-paper);color:var(--game-ink);text-align:left;cursor:pointer;box-shadow:2px 2px 0 var(--game-shadow)}
.about-roster button[aria-pressed=true]{background:var(--amber);box-shadow:3px 3px 0 var(--game-ink)}
.about-roster button:hover{border-color:var(--game-green)}
.about-roster img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}
.about-roster span{font:400 10px/1.6 var(--display)}
.about-roster small{display:block;font:400 18px/1.3 var(--ui);color:var(--muted);margin-top:3px}
.about-reel-body{display:grid;grid-template-columns:.83fr 1.17fr;gap:35px;padding:30px 26px}
.about-record,.about-player{min-width:0}
.about-page .about-record-number{font:400 8px/1.8 var(--display);color:var(--game-green);margin:0 0 13px}
.about-page #about-name{font-size:clamp(24px,2.8vw,34px);line-height:1.3;overflow-wrap:anywhere}
.about-page .about-category{font:400 9px/1.8 var(--display);color:var(--game-green);margin:10px 0}
.about-page .about-elements{color:var(--cyan);font-size:20px;margin:0 0 16px;text-transform:capitalize}
.about-record blockquote{font:400 24px/1.4 var(--ui);margin:0 0 22px;padding:0 0 0 16px;border-left:4px solid var(--creature-color)}
.about-facts{display:grid;gap:13px;margin:0 0 15px}
.about-facts>div{display:grid;grid-template-columns:115px 1fr;gap:12px;border-bottom:1px dashed #a8b498;padding-bottom:10px}
.about-facts dt{font:400 8px/1.8 var(--display);color:var(--muted)}
.about-facts dd{font:400 20px/1.3 var(--ui);margin:0;overflow-wrap:anywhere}
.about-stage{position:relative;isolation:isolate;aspect-ratio:4/3;border:3px solid var(--game-ink);box-shadow:4px 4px 0 var(--game-shadow);background:var(--game-sage);overflow:hidden}
.about-stage canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
#about-animation-world{z-index:-1}
.about-stage>img{position:absolute;left:25%;top:20%;width:50%;height:60%;object-fit:contain;image-rendering:pixelated}
.about-stage-label{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 10px;background:var(--game-paper);border:2px solid var(--game-ink);font:400 8px/1.6 var(--display)}
.about-states{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}
.about-states button{flex:1;min-height:44px;padding:8px 9px;border:2px solid var(--game-ink);background:var(--game-paper);color:var(--game-ink);font:400 9px/1.5 var(--display);cursor:pointer;box-shadow:2px 2px 0 var(--game-shadow)}
.about-states button[aria-pressed=true]{background:var(--amber);box-shadow:2px 2px 0 var(--game-ink)}
.about-states button:hover{background:var(--game-sage)}
.about-states button:disabled{opacity:.45;cursor:default;box-shadow:none}
.about-page .about-play-hint{font-size:17px;color:var(--muted);margin:10px 0 16px}
.about-film{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.about-film figure{display:grid;place-items:center;gap:4px;padding:7px;background:#e7ebd4;border:2px solid #a2b092;margin:0}
.about-film img{width:100%;max-width:100px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}
.about-film figcaption{font:400 7px/1.5 var(--display);color:var(--muted)}
.about-page .about-animation-status{font-size:17px;color:var(--muted);margin:12px 0 0;min-height:26px}
.about-reel-note{display:flex;align-items:flex-start;gap:15px;padding:20px 26px;background:#ecefdc;border-top:2px solid #a2b092}
.about-note-mark{color:var(--game-green);font-size:27px;line-height:1.4}
.about-page .about-reel-note p{font-size:20px;margin:0;max-width:88ch;color:var(--muted)}
.about-ai{display:grid;grid-template-columns:1.1fr 1fr;margin:0 0 64px}
.about-ai-copy{padding:30px}
.about-ai h2{margin-bottom:20px}
.about-ai-copy>p:not(.about-kicker){color:var(--muted)}
.about-page .about-ai-footnote{font-size:18px;border-left:3px solid var(--game-green);padding-left:12px;margin:0}
.about-kit{padding:30px;background:var(--game-sage);border-left:3px solid var(--game-ink)}
.about-kit ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.about-kit li{display:flex;align-items:flex-start;gap:13px}
.about-kit li>span{font:400 9px/1.7 var(--display);padding:6px;background:var(--game-paper);border:2px solid var(--game-ink)}
.about-kit b{font:400 11px/1.6 var(--display)}
.about-page .about-kit li p{font-size:20px;margin:6px 0 0;color:var(--muted)}
.about-origin{padding:25px}
.about-origin-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-origin-strip figure{margin:0;min-width:0}
.about-origin-strip img,.about-origin-strip svg{display:block;width:100%;height:175px;object-fit:cover;image-rendering:pixelated;background:#e4e8d0;border:2px solid #a2b092}
.about-origin-strip svg{padding:18px 12px;color:var(--game-green);background-image:linear-gradient(#8a9d6c25 1px,transparent 1px),linear-gradient(90deg,#8a9d6c25 1px,transparent 1px);background-size:20px 20px}
.about-origin-strip figcaption{font:400 8px/1.7 var(--display);margin-top:10px;color:var(--muted)}
.about-page .about-origin-caption{font-size:18px;color:var(--muted);margin:17px 0 25px;padding-bottom:20px;border-bottom:2px solid #a2b092}
.about-journey{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;list-style:none;margin:0;padding:0}
.about-journey li{display:flex;align-items:flex-start;gap:14px;min-width:0}
.about-journey li>span{flex:none;font:400 9px/1.5 var(--display);display:grid;place-items:center;width:33px;height:33px;background:var(--amber);border:2px solid var(--game-ink);box-shadow:2px 2px 0 var(--game-shadow)}
.about-journey h3{font-size:11px;line-height:1.6;margin:2px 0 8px}
.about-page .about-journey p{font-size:20px;line-height:1.45;margin:0;color:var(--muted)}
.about-page .about-origin-footnote{margin:25px 0 0;padding-top:18px;border-top:1px dashed #a2b092;font-size:18px;color:var(--muted)}
.about-meaning{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:0 20px}
.about-meaning h2{margin-bottom:16px}
.about-meaning>div>p:last-child{color:var(--muted)}
.about-questions details{border-top:2px solid #9ba98b;padding:17px 0}
.about-questions details:last-child{border-bottom:2px solid #9ba98b}
.about-questions summary{font:400 11px/1.8 var(--display);cursor:pointer;list-style:disclosure-closed;padding-right:4px}
.about-page .about-questions p{font-size:21px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.about-page .about-invitation{text-align:center;padding:35px 25px;background:#f5dd92;border-top:7px solid var(--amber)}
.about-invitation h2{max-width:760px;margin:0 auto 15px}
.about-invitation>p:not(.about-kicker){margin:0 auto 25px;max-width:60ch}
.about-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.about-notice{padding:15px;border-left:3px solid var(--game-green)}
@media(max-width:1000px){.about-cover-copy{padding:28px 25px}.about-world{min-height:450px}.about-specimen{width:137px}.about-specimen canvas{width:120px;height:102px}.about-specimen img{width:102px;height:102px}.specimen-first{left:calc(50% - 68px);top:90px}.specimen-second{left:14px;bottom:56px}.specimen-third{right:14px;bottom:56px}.about-belief{gap:20px 35px}.about-roster{padding:16px}.about-roster button{padding:7px 10px;gap:8px}.about-reel-body{gap:25px;padding:25px 20px}.about-facts>div{grid-template-columns:95px 1fr}.about-origin-strip{gap:13px}.about-origin-strip img,.about-origin-strip svg{height:145px}.about-meaning{gap:30px}.about-roster span{font-size:9px}}
@media(max-width:760px){.about-page{padding:26px 16px 50px}.about-page .about-hero{grid-template-columns:1fr}.about-page #about-title{font-size:35px;max-width:16ch}.about-cover-copy{padding:28px 25px 24px}.about-world{border-left:0;border-top:3px solid var(--game-ink);min-height:420px}.about-specimen{width:155px}.about-specimen canvas{width:140px;height:119px}.about-specimen img{width:119px;height:119px}.specimen-first{top:68px;left:calc(50% - 78px)}.specimen-second{left:8%;bottom:40px}.specimen-third{right:8%;bottom:40px}.about-chapters{gap:6px 20px;margin-bottom:40px;padding-top:20px}.about-section{margin-bottom:45px}.about-belief{grid-template-columns:1fr;padding:0 5px;gap:18px}.about-belief .about-prose{max-width:none}.about-page .about-belief blockquote{padding:18px 15px;font-size:25px;text-align:left}.about-reel-body{grid-template-columns:1fr;padding:24px;gap:24px}.about-facts{grid-template-columns:1fr 1fr;gap:12px 20px}.about-facts>div{display:block}.about-facts dt{margin-bottom:5px}.about-ai{grid-template-columns:1fr;margin-bottom:45px}.about-kit{border-left:0;border-top:3px solid var(--game-ink);padding:25px}.about-ai-copy{padding:25px}.about-kit ol{grid-template-columns:1fr 1fr;gap:20px}.about-kit b{font-size:10px}.about-origin{padding:20px}.about-journey{grid-template-columns:1fr;gap:22px}.about-origin-strip{gap:10px}.about-origin-strip img,.about-origin-strip svg{height:115px}.about-origin-strip figcaption{font:400 16px/1.3 var(--ui)}.about-meaning{grid-template-columns:1fr;padding:0 5px;gap:18px}.about-questions summary{font-size:10px}.about-page h2{font-size:25px}}
@media(max-width:480px){.about-page{padding:22px 12px 45px}.about-cover-copy{padding:23px 20px}.about-page #about-title{font-size:30px;max-width:16ch}.about-page .about-lede{font-size:25px}.about-world{min-height:405px}.about-specimen{width:132px}.about-specimen canvas{width:117px;height:100px}.about-specimen img{width:100px;height:100px}.about-specimen>span{font-size:9px}.about-specimen small{font-size:16px}.specimen-first{top:73px;left:calc(50% - 66px)}.specimen-second{left:12px;bottom:46px}.specimen-third{right:12px;bottom:46px}.about-world-label{font-size:7px;top:14px;left:12px;right:12px}.about-world>figcaption{font-size:16px}.about-chapters{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.about-chapters a{font-size:7px}.about-page h2{font-size:23px}.about-reel .panel-head{padding:12px 14px}.about-reel .panel-head h3{font-size:8px;max-width:14ch}.about-pause{font-size:21px;gap:5px;padding:6px}.about-pause span{font-size:16px;max-width:10ch;line-height:1.1}.about-roster{padding:12px;gap:7px}.about-roster button{flex-direction:column;gap:3px;justify-content:center;text-align:center;padding:7px 3px}.about-roster img{width:44px;height:44px}.about-roster span{font-size:8px}.about-roster small{font-size:16px}.about-reel-body{padding:22px 15px}.about-record blockquote{font-size:24px}.about-facts{gap:10px 15px}.about-page #about-name{font-size:29px}.about-states{gap:7px}.about-states button{font-size:8px;min-width:72px}.about-film{gap:7px}.about-film figure{padding:4px}.about-film figcaption{font-size:6px}.about-reel-note{padding:16px;gap:10px}.about-page .about-reel-note p{font-size:19px}.about-ai-copy,.about-kit{padding:22px 19px}.about-kit ol{grid-template-columns:1fr;gap:19px}.about-origin{padding:16px}.about-origin-strip{grid-template-columns:1fr 1fr;gap:14px 10px}.about-origin-strip img{height:115px}.about-response{grid-column:1/-1}.about-origin-strip svg{height:98px}.about-journey li{gap:11px}.about-journey h3{font-size:10px}.about-page .about-invitation{padding:27px 19px}.about-actions{display:grid}.about-page .about-kicker{font-size:8px}}
@media(max-width:360px){.about-page #about-title{font-size:27px}.about-world{min-height:389px}.about-specimen{width:118px}.about-specimen canvas{width:106px;height:90px}.about-specimen img{width:90px;height:90px}.about-specimen small{font-size:14px}.specimen-first{left:calc(50% - 59px)}.specimen-second{left:10px}.specimen-third{right:10px}.about-roster span{font-size:7px}.about-roster small{font-size:14px}.about-roster{gap:6px;padding:10px}.about-page h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important}}
.about-world{min-height:540px}
@media(max-width:1000px){.about-world{min-height:520px}}
@media(max-width:760px){.about-world{min-height:520px}}
@media(max-width:480px){.about-world{min-height:480px}}
@media(max-width:360px){.about-world{min-height:470px}}
.about-questions details[open]>summary{list-style:disclosure-open}