/* Local play and reading UI. The three game canvases retain their own renderer. */
.brand-group{display:flex;align-items:center;gap:14px;min-width:0}.thought-trigger{position:relative;display:grid;place-items:center;min-width:44px;min-height:40px;padding:5px 7px;border:2px solid var(--ink);background:#f8f1d8;color:var(--blue);box-shadow:2px 2px 0 #aeb8bd;font:12px/1 var(--pixel);overflow:visible}.thought-trigger:hover{background:#f7df86}.thought-trigger:active{box-shadow:none}.thought-word{display:block;min-width:25px}.thought-spark{position:absolute;left:50%;top:4px;width:3px;height:3px;pointer-events:none;opacity:0;background:var(--blue);box-shadow:-10px 5px 0 var(--yellow),10px 3px 0 var(--blue),-6px -5px 0 var(--blue),6px -7px 0 var(--yellow)}.thought-trigger.is-thinking .thought-spark{animation:thought-spark .7s steps(4,end) both}@keyframes thought-spark{0%{opacity:0;transform:translateY(3px)}20%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
.project-copy{grid-template-columns:auto minmax(0,1fr) auto;padding-block:15px;gap:20px}.project-summary{font-size:14px;line-height:1.7;max-width:720px}.project-summary br{display:block}.project-status{font-size:12px}.project-tab{transform-origin:center 90%}.project-tab.cartridge-press{animation:cartridge-press .2s steps(2,end)}.project-tab.star-arrived .tab-mark{animation:star-stamp .45s steps(2,end)}.project-tab .tab-mark{display:grid;place-items:center;width:20px;min-width:20px;height:20px;font-size:16px}.tab-mark svg{display:block;width:18px;height:18px;fill:currentColor;image-rendering:pixelated}.project-tab.has-star .tab-mark{color:var(--blue)}.project-tab.has-star[aria-selected=true] .tab-mark{color:var(--yellow)}@keyframes cartridge-press{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes star-stamp{0%{transform:translateY(-4px);opacity:0}50%{transform:translateY(2px);opacity:1}100%{transform:translateY(0);opacity:1}}
.reading-section.manual-section,.reading-section.profile-section{display:block;padding-block:64px 0;border:0}.reading-shell{padding:3px;background:var(--ink);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 4px,8px 4px)}.reading-paper{background:#f7f2df;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,100% 3px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px),0 3px,6px 3px)}.manual-heading,.profile-heading{display:flex;align-items:center;gap:20px;min-height:76px;padding:18px 32px;border-bottom:2px solid var(--ink)}.manual-heading h2,.profile-heading h2{font:24px/1.4 var(--pixel);font-weight:400;margin:0;letter-spacing:0}.manual-corner{display:grid;place-items:center;width:36px;height:28px;background:var(--ink);color:var(--white);font:12px/1 var(--pixel);clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px,3px 3px)}.manual-bookmark{margin-left:auto;align-self:flex-start;width:16px;height:26px;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%)}.manual-pages{padding:0 40px}.manual-entry{display:grid;grid-template-columns:192px minmax(0,600px);justify-content:center;gap:32px;align-items:center;padding:36px 0}.manual-entry+.manual-entry{border-top:2px solid #d9dbcb}.manual-prose p,.profile-prose p{font-size:18px;line-height:2;letter-spacing:.3px;margin:0;text-wrap:pretty}.entry-thinker{background:#e8ecdb;margin-inline:-40px;padding-inline:40px;border-top-color:#bfc8b3!important}.sketch-column{align-self:center}.pixel-sketch{display:block;position:relative;width:192px;height:120px;border:0;background:transparent;padding:0;cursor:pointer;flex-shrink:0}.pixel-sketch canvas{display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.pixel-sketch:focus-visible{outline:3px dashed var(--blue);outline-offset:6px}.pixel-sketch:hover:after,.pixel-sketch:focus-visible:after{content:'';position:absolute;left:2px;bottom:1px;width:4px;height:4px;background:var(--blue);box-shadow:8px 0 0 var(--blue)}
.profile-shell{background:#f4eedb;border:3px solid var(--ink);box-shadow:6px 6px 0 #c4c8b7;position:relative;margin-bottom:64px}.profile-shell:before,.profile-shell:after{content:'';position:absolute;top:-3px;width:7px;height:7px;background:var(--paper)}.profile-shell:before{left:-3px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.profile-shell:after{right:-3px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink)}.profile-heading{background:var(--ink);color:var(--white);border-bottom:0;min-height:68px;padding-block:16px}.profile-heading .manual-corner{background:#d9e4ce;color:var(--ink)}.profile-heading-pixels{margin-left:auto;width:8px;height:8px;background:#b8d5c7;box-shadow:-14px 0 0 #e4cd74,-28px 0 0 #89a7c9}.profile-body{display:grid;grid-template-columns:192px minmax(0,600px);justify-content:center;align-items:center;gap:32px;padding:36px 40px 0}.profile-prose p+p{margin-top:22px}.profile-desk{align-self:start;padding-top:8px}.profile-shell .name-note{max-width:824px;margin:32px auto 36px;padding:20px 24px;background:#e6e8d4;border:0;border-left:4px solid var(--blue)}.profile-shell .name-note-label{font:24px/1.2 var(--pixel);color:var(--blue)}.profile-shell .name-note p{font:15px/1.95 var(--body);color:#43536a;margin:12px 0 0}.site-footer{padding-top:28px}
@media(max-width:1050px){.manual-pages{padding-inline:28px}.manual-entry{grid-template-columns:128px minmax(0,600px);gap:24px}.pixel-sketch{width:128px;height:80px}.entry-thinker{margin-inline:-28px;padding-inline:28px}.profile-body{grid-template-columns:128px minmax(0,600px);gap:24px;padding-inline:28px}.profile-shell .name-note{margin-inline:28px}.manual-prose p,.profile-prose p{font-size:18px}}
@media(max-width:760px){.brand-group{gap:6px}.thought-trigger{min-width:44px;min-height:40px;padding:4px;font-size:12px;box-shadow:2px 2px 0 #aeb8bd}.masthead nav{gap:14px}.masthead nav a{min-height:40px;display:flex;align-items:center}.brand{min-height:40px}.footer-brand{min-height:40px;display:inline-flex;align-items:center}.back-top{min-height:40px}.project-copy{grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:8px 10px}.project-summary{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.7}.project-summary br{display:none}.project-status{font-size:11px}.project-tab .tab-mark{width:18px;min-width:18px;height:18px;font-size:12px}.tab-mark svg{width:18px;height:18px}.reading-section.manual-section,.reading-section.profile-section{padding-block:40px 0}.reading-shell{padding:2px}.manual-heading,.profile-heading{min-height:60px;padding:14px 16px;gap:12px}.manual-heading h2,.profile-heading h2{font-size:24px}.manual-corner{width:28px;height:24px;font-size:12px}.manual-bookmark{width:12px;height:23px}.manual-pages{padding:0 16px}.manual-entry{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0}.pixel-sketch{width:128px;height:80px}.manual-prose p,.profile-prose p{font-size:17px;line-height:1.95;letter-spacing:.2px}.entry-thinker{margin-inline:-16px;padding-inline:16px}.profile-shell{border-width:2px;box-shadow:4px 4px 0 #c4c8b7;margin-bottom:40px}.profile-shell:before,.profile-shell:after{top:-2px;width:6px;height:6px}.profile-shell:before{left:-2px;border-width:2px}.profile-shell:after{right:-2px;border-width:2px}.profile-body{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 16px 0}.profile-desk{padding:0}.profile-prose p+p{margin-top:20px}.profile-shell .name-note{margin:24px 16px;padding:16px;border-left-width:3px}.profile-shell .name-note p{font-size:14px;line-height:1.9}.profile-heading-pixels{width:6px;height:6px;box-shadow:-11px 0 0 #e4cd74,-22px 0 0 #89a7c9}.site-footer p{font-size:11px}}
@media(max-width:370px){.brand-group{gap:4px}.masthead nav{gap:10px}.thought-trigger{min-width:40px;min-height:40px}.manual-heading h2,.profile-heading h2{font-size:20px}.manual-heading,.profile-heading{padding-inline:14px}.manual-prose p,.profile-prose p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.thought-trigger.is-thinking .thought-spark,.project-tab.cartridge-press,.project-tab.star-arrived .tab-mark{animation:none!important}.thought-spark{display:none}}