.fcboy-page{--gold:#bed185;color:#273025;background:#e5e1d5;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif}.fcboy-page .topbar{color:#fff;background:#283026;border-color:#56634a}.fcboy-page .topbar a,.fcboy-page .topbar button{color:#fff}.play-game{color:#f3efdf;font:14px/1.6 var(--px-zh);background:#29352b;border:2px solid #29352b;align-items:center;gap:14px;margin-top:16px;padding:18px 24px;text-decoration:none;display:inline-flex;box-shadow:4px 4px #9aa084}.play-game:hover{background:#43543a}.play-game:focus-visible{outline-offset:6px;outline:3px solid #526538}.fc-shell{max-width:1440px;margin:auto;padding:42px 40px 80px}.back{font:12px/1.7 var(--px-zh);color:inherit;text-decoration:none}.back:hover{text-decoration:underline}.fc-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;padding:65px 0 55px;display:grid}.eyebrow,.hero-note{letter-spacing:.09em;font:11px/1.9 monospace}.hero-copy h1{letter-spacing:-.055em;margin:26px 0;font:clamp(44px,6vw,88px)/1.2 PressStart,monospace}.hero-copy h1>span{font:22px/1.6 var(--px-zh);letter-spacing:.15em;margin-top:18px;display:block}.intro{max-width:480px;font-size:clamp(16px,1.4vw,21px);line-height:1.85}.hero-note{color:#626c57;margin-top:32px}.hero-plate{background:#9aa084;padding:14px;box-shadow:8px 8px #c4c1b3}.hero-plate figcaption{color:#223018;background:#9aa084}.chapter-nav{border-block:1px solid #8c937e;grid-template-columns:repeat(5,1fr);margin-bottom:70px;display:grid}.chapter-nav a{color:inherit;font:11px/1.7 var(--px-zh);align-items:center;gap:12px;padding:20px 12px;text-decoration:none;display:flex}.chapter-nav a:hover{background:#ccd3b2}.chapter-nav b{color:#6a764c;font:12px monospace}.chapter-nav i{margin-left:auto;font-style:normal}.chapter{margin:0 0 80px;scroll-margin-top:90px}.chapter-head{border-top:2px solid #4b5840;grid-template-columns:80px 1fr;gap:20px;padding:30px 0;display:grid}.chapter-no{color:#788858;font:34px/1.5 PressStart,monospace}.chapter-head h2{font:clamp(21px,2.8vw,34px)/1.5 var(--px-zh);margin:0 0 12px}.chapter-head p{color:#5c6555;max-width:790px;margin:0;font-size:15px;line-height:1.9}.plates{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plate{min-width:0;margin:0}.plates>.plate:first-child{grid-column:1/-1}.plates>.plate:has(img[src*=cycle]){grid-column:1/-1}.plates>.plate:has(img[src*=movement]){grid-column:1/-1}.plates>.plate:has(img[src*=expression]){grid-column:1/-1}.plates>.plate:has(img[src*=boy-run]){grid-column:1/-1}.artwork{background:#2e2846;border:1px solid #acae9e;display:block;position:relative;overflow:hidden}.artwork img{width:100%;height:auto;image-rendering:pixelated;display:block}.artwork:hover{outline-offset:3px;outline:2px solid #7b8f50}.artwork:focus-visible{outline-offset:4px;outline:3px solid #526538}.zoom{color:#273025;background:#e5e1d5;place-items:center;width:28px;height:28px;font:20px monospace;display:grid;position:absolute;bottom:9px;right:9px}.plate figcaption{font:12px/1.8 var(--px-zh);color:#536048;padding:12px 0}.memories{color:#f3efdf;background:#29352b;margin-inline:-40px;padding:36px 40px 44px}.memories .chapter-head{border-color:#9aa779}.memories .chapter-head p,.memories .chapter-no,.memories figcaption{color:#c3ccac}.photo-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.photo-grid img{image-rendering:auto;object-fit:cover;height:340px}.photo-grid .phone-photo img{object-fit:cover;object-position:center;height:340px}.archive{border-block:1px solid #929a81;padding:22px 0}.archive summary{cursor:pointer;font:14px/1.8 var(--px-zh)}.archive .plates{padding-top:25px}.end-back{margin-top:45px;display:inline-block}.fcboy-page footer{color:#34412c;background:#d3d0c2}.art-viewer{color:#f1efdf;background:#1d241d;border:1px solid #85916c;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:18px;position:fixed;inset:0;overflow:hidden}.art-viewer[open]{flex-direction:column;gap:12px;display:flex}.art-viewer::backdrop{background:#000e}.viewer-toolbar,.viewer-bottom{flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;display:flex}.viewer-count,.viewer-caption{font:12px/1.8 var(--px-zh)}.viewer-image{object-fit:contain;width:100%;min-height:0;image-rendering:pixelated;flex:1}.viewer-caption{text-align:center}.art-viewer button{color:#fff;font:12px/1.6 var(--px-zh);background:#37442f;border:1px solid #87956c;flex-shrink:0;padding:10px 14px}.art-viewer button:focus-visible{outline:2px solid #d2e998}.fcboy-page:has(.art-viewer[open]){overflow:hidden}@media (max-width:900px){.fc-shell{padding-inline:24px}.fc-hero{grid-template-columns:1fr;gap:25px;padding-top:35px}.hero-copy h1{font-size:60px}.chapter-nav{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:1fr 1fr}.memories{margin-inline:-24px;padding-inline:24px}}@media (max-width:580px){.fc-shell{padding:28px 18px 50px}.hero-copy h1{font-size:42px}.fc-hero{padding-bottom:32px}.chapter-nav{grid-template-columns:1fr 1fr;margin-bottom:35px}.chapter-nav a{padding:16px 7px;font-size:10px}.chapter-head{grid-template-columns:40px 1fr;gap:14px}.chapter-no,.chapter-head h2{font-size:20px}.chapter-head p{font-size:14px}.plates{grid-template-columns:1fr;gap:20px}.chapter{margin-bottom:42px}.memories{margin-inline:-18px;padding-inline:18px}.photo-grid{gap:14px}.photo-grid img,.photo-grid .phone-photo img{height:230px}.plate figcaption{font-size:11px}.viewer-bottom{flex-wrap:wrap}.viewer-caption{order:-1;width:100%;margin:0}.art-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:10px}.art-viewer button{font-size:10px}}.fcboy-page .chapter{color:#273025;text-transform:none;letter-spacing:normal;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif;font-size:16px}.fcboy-page .chapter.memories{color:#f3efdf}
