/* Illustrated interview edition. */
.paper-hero{background:linear-gradient(135deg,#fff 15%,#f2f9ff 70%,#e3f3ff);color:#133456;padding-inline:clamp(28px,3vw,60px)}
.paper-rule{position:absolute;left:5%;right:5%;top:18%;height:1px;background:linear-gradient(90deg,transparent,#74b8ed,transparent)}
.paper-hero .hero-composition{grid-template-columns:minmax(210px,1.1fr) minmax(320px,1.7fr) minmax(85px,.45fr);gap:25px;width:100%}
.paper-hero h1{font-family:"Times New Roman",Times,Georgia,serif;font-weight:400;font-size:clamp(38px,4.1vw,74px);line-height:1.12;letter-spacing:-.025em;color:#152c48;text-wrap:balance}
.paper-hero .hero-subtitle{font-family:var(--display-font);font-size:clamp(20px,1.8vw,30px);color:#3888d1;letter-spacing:.03em}
.paper-hero .hero-directions{color:#5485b3;font-size:12px;gap:12px}
.paper-hero .hero-directions>span+span{padding-left:12px;border-color:#b7d9ee}
.paper-hero .start-link{color:#278bdf;border-color:#71b8ee}
.paper-hero .start-link:hover{color:#1672c8;border-color:#1672c8}
.paper-hero .hero-foot{color:#6898bb}
.paper-hero .hero-robot{max-width:145px;transform:rotate(5deg);filter:drop-shadow(0 15px 18px #3988ce22)}
.game-collage{width:100%;transform:rotate(-3deg)}
.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.console-grid>div{min-width:0;text-align:center}
.console-grid img{width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 7px 8px #12466b18)}
.console-grid span{display:block;font-size:10px;margin-top:6px;color:#6b8eaa;letter-spacing:.01em}
.game-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;align-items:center}
.game-logo-grid>div{display:grid;place-items:center;min-height:60px;border-radius:8px;background:#357cac;padding:9px}
.game-logo-grid>div:nth-child(3){background:#304e68}
.game-logo-grid img{width:100%;height:48px;object-fit:contain}
.game-logo-grid>div:nth-child(4),.game-logo-grid>div:nth-child(5){grid-column:span 1}
.cost-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:55px 0 38px;max-width:900px}
.cost-icons figure{border-top:1px solid var(--line);padding-top:24px}
.cost-icons svg{width:clamp(90px,10vw,160px);height:auto;color:var(--blue)}
.cost-icons figcaption{font-size:23px;margin-top:15px;display:flex;align-items:center;gap:35px;color:var(--ink)}
.cost-icons figcaption span{font-size:39px;color:#e2b029;font-family:Arial,sans-serif}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px}
.project-image{height:210px;display:flex;align-items:center;justify-content:center;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #4181b314}
.project-image img{width:100%;height:100%;object-fit:contain}.logo-image{padding:18px}
.project-gallery figcaption{padding-top:20px}.project-gallery figcaption>span{font-size:10px;color:#6485a7;letter-spacing:.1em}
.project-gallery h4{font-size:clamp(23px,2vw,31px);margin-top:10px;letter-spacing:-.02em}
.inline-link{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:18px;line-height:1.7}
.tweet-figure{max-width:740px;margin-top:32px}.tweet-figure img{width:100%;max-height:48vh;object-fit:contain;object-position:left center;border-radius:12px;filter:drop-shadow(0 14px 22px #4b82a51a)}
.media-figure figcaption,.tweet-figure figcaption,.browser-shot figcaption{font-size:12px;color:#6889a4;margin-top:12px;line-height:1.6;letter-spacing:0}
.media-figure figcaption a:hover,.tweet-figure figcaption a:hover,.browser-shot figcaption a:hover{color:var(--blue)}
.paper-layout{display:grid;grid-template-columns:1.25fr .8fr;gap:45px;align-items:center}
.paper-layout .section-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em;font-size:clamp(38px,4.5vw,68px)}
.world-chinese{font-size:20px;color:#6995b4;margin-top:10px}
.jepa-title{font-size:45px;margin-top:45px;font-weight:500;letter-spacing:.05em}.jepa-title small{display:inline;margin-left:15px;font-size:17px;color:#7895ad}
.paper-name{font-family:Georgia,serif;font-size:18px;line-height:1.65;margin-top:15px}
.paper-preview{max-width:360px;justify-self:end;transform:rotate(2deg);box-shadow:0 15px 40px #4a80a92b}
.paper-preview img{width:100%;height:auto}
.utopia-layout{display:grid;grid-template-columns:210px 1fr;gap:65px;align-items:center;margin-top:35px;max-width:900px}
.more-portrait img{height:255px;width:210px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #2a6a9f18}
.utopia-copy{display:flex;align-items:center;gap:30px}.utopia-copy h4{font-size:clamp(27px,3vw,46px);line-height:1.4}
.socialism-symbol{width:150px;flex-shrink:0;color:#e0ad22}
.ascension-visual{position:relative;margin-top:32px;max-width:1100px}.ascension-visual>.media-figure img{width:100%;height:clamp(270px,44vh,520px);object-fit:cover;border-radius:12px}
.stellaris-brand{position:absolute;bottom:42px;right:18px;width:29%;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #0005}
.visual-panel{justify-content:center}.visual-panel>.section-title{max-width:1100px}
.preference-pair{display:flex;align-items:center;gap:25px;justify-content:center;padding-top:20px}.preference-pair span{font-size:60px;font-family:Georgia,serif;color:#388cdb}.preference-pair i{font-family:Georgia,serif;color:#8ba1b7}
.browser-shot{margin-top:30px;max-width:1060px}.browser-shot img{width:100%;max-height:58vh;object-fit:contain;object-position:left center;border:1px solid #d7e9f5;border-radius:10px;background:white;box-shadow:0 12px 30px #4389bd14}
.artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:35px}.artist-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;box-shadow:0 7px 20px #3b6e9f1a}
.artist-grid figcaption{font-size:12px;text-align:center;margin-top:10px;line-height:1.6;color:#42678f}.naming>.micro{font-size:12px;color:#7394b1;margin-top:24px}
.priority-artists{grid-template-columns:repeat(4,minmax(0,1fr));max-width:840px;gap:20px 32px;margin-top:25px}.priority-artists img{height:140px;max-width:170px;margin:auto;object-fit:cover}.priority-artists figcaption{font-size:15px;margin-top:8px}#naming .support-copy{font-size:clamp(22px,2vw,30px);margin-top:23px;line-height:1.65}#naming .section-title{font-size:clamp(36px,3.8vw,60px)}
.industry-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:65px}
.industry-logos figure>div{height:200px;display:grid;place-items:center;background:#fff;border-radius:18px;padding:30px;box-shadow:0 10px 30px #4082b30d}
.industry-logos img{width:100%;height:100%;max-height:125px;object-fit:contain}.industry-logos figcaption{font-size:22px;text-align:center;margin-top:22px}
#west .industry-logos figure:first-child>div{background:#58a6e8}
.producer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:55px}
.producer-grid img{width:100%;height:clamp(190px,30vw,360px);object-fit:cover;object-position:50% 20%;border-radius:13px;box-shadow:0 12px 25px #4281b81a}
.producer-grid figcaption{font-size:20px;text-align:center;color:#325a7c;margin-top:18px}
.era-timeline{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:20px;margin-top:55px;align-items:start}
.era-timeline>div{min-width:0}.era-timeline svg{width:100px;color:#439bea;display:block;margin-bottom:20px}.era-timeline>div>span{font-size:12px;color:#72a5cf;letter-spacing:.15em}
.era-timeline p{font-size:clamp(22px,2vw,31px);margin-top:12px;line-height:1.6}.era-timeline>b{font-size:30px;padding-top:60px;color:#ddaf33;font-weight:400}
.era-timeline code{display:block;color:#8ca2b8;margin-top:17px;font-size:16px;line-height:1.7}.era-timeline small{font-size:15px;color:#7391ac;line-height:1.8;margin-top:18px}
.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:40px}.platform-grid svg,.platform-grid img{width:100%;height:110px;object-fit:contain;color:#3995e4}
.platform-grid figcaption{font-size:21px;text-align:center;margin-top:20px}.platform-grid small{font-size:11px;color:#7191ac;margin-top:6px}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px}.payment-grid svg{width:105px;color:#3995e4}
.payment-grid h5{font-family:var(--display-font);font-size:28px;font-weight:500;margin:20px 0}.payment-grid p{font-size:21px;line-height:1.9;color:#4e7292}
.constraint-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.constraint-pair>div{display:flex;gap:25px;align-items:center}.constraint-pair svg{width:105px;flex-shrink:0;color:#3d9cee}.constraint-pair p{font-size:21px;line-height:1.9}
.quality-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px;align-items:center}.quality-layout img{width:100%;border-radius:12px}.quality-layout ul{margin:0;padding-left:25px;font-size:22px;line-height:1.9}.quality-layout li+li{margin-top:20px}.image-comment{font-size:19px;line-height:1.8;margin-top:20px;color:#4d7394}
.wish-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:45px;margin-top:45px}.wish-layout h5{font-family:var(--display-font);font-size:34px;font-weight:500;margin:0 0 20px}.wish-quote{font-size:clamp(24px,3vw,43px);color:#3d8fd1}
.wish-layout .final-questions{flex-direction:column;gap:12px;font-size:23px}.grail-figure{background:#fff5cf;border-radius:50% 50% 18px 18px;padding:25px;max-width:340px;justify-self:center}.grail-figure img{max-height:310px;object-fit:contain;width:100%;mix-blend-mode:multiply}.grail-figure figcaption{text-align:center;color:#9c8144}
.asset-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 25px;padding-top:25px;border-top:1px solid var(--line)}.asset-sources a{font-size:12px;color:#6087a8;line-height:1.7;text-decoration:underline;text-underline-offset:3px}.asset-sources .credit{font-size:11px;color:#7897b0;line-height:1.7}
/* Brighter sky blue and a soft yellow accent. */
@font-face{font-family:"WenKai";src:url("../assets/fonts/wenkai.ttf") format("truetype");font-display:swap}
:root{--blue:#3697ef;--ink:#163d64;--muted:#7294b1;--paper:#f9fcff;--cream:#eef8ff;--orange:#ebbd3d;--line:rgba(63,137,193,.17);--display-font:"WenKai","Microsoft YaHei UI","Yu Gothic",sans-serif}
body{background:#fbfdff;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif}
.section-title,.subsection-title,.human-title,.question-title,.chapter-label h2,.two-headlines h3,.limit h4,.project-gallery h4,.utopia-copy h4{font-family:var(--display-font);font-weight:500;letter-spacing:0}
.section-title{line-height:1.35}.light{background:#fbfdff}.cream{background:#f2faff}.pale{background:#eaf6ff}
.dark,.questions,.naming,.human,.final-panel{background:linear-gradient(125deg,#e5f4ff,#eff8ff 70%,#f9fcff);color:#163d64}
.dark .eyebrow,.dark .chapter-label,.dark .aside-text,.dark .micro,.dark .inline-note{color:#6f9bbd}
.dark .inline-text,.dark .subsection-title,.dark .support-copy,.dark .context-line,.dark .context-art,.dark .final-questions{color:#285a83}
.dark .chapter-label>span,.dark .context-art{border-color:#a9cfe7}.dark .context-dots i,.dark .cursor-block{background:#66a9e2}
.dark .context-line{color:#6994b5}.dark .ending{border-color:#a8d0ed;color:#518dc0}.dark .source-caption,.dark .small-number{color:#7399b8}
.topbar.on-dark,.topbar.on-light{color:#285779;background:#f7fcffeb;backdrop-filter:blur(15px);border-color:#dcecf6}.topbar.on-dark .brand-mark,.brand-mark{color:#389aee}
.outline{background:#f6fbff;border-left-color:#d4e8f7}.outline-home{color:#3673a5;border-color:#d2e6f5}.nav-major{color:#42769e}.nav-major>span{color:#8ab0cd}
.nav-children{border-color:#d6e9f6}.nav-children a{color:#6a8da8}.nav-group.active .nav-major,.nav-children a.active,.nav-children a:hover{color:#248dde}
.nav-children a.active:before,.page-track i{background:#48a2ee}.nav-children a.active{background:#fff1b6;box-shadow:5px 0 #fff1b6,-5px 0 #fff1b6;border-radius:3px}.outline-bottom{border-color:#d2e6f5}.page-track{background:#dceef9}
.punchline span{color:#bf9724;background:#fff1b1;padding-inline:12px;border-radius:8px}.budget-row:last-child .budget-time{color:#298fe1}.budget-bar{background:linear-gradient(90deg,#a7d7ff,#399af0)}.budget-row:last-child .budget-bar{background:#edc344}
.budget-axis{background:linear-gradient(#b5e0ff,#3799ee)}.budget-axis:after{border-color:#3799ee}.limit h4{color:#278dd9}.inline-link{color:#348dce}
.data-obstacles h4{font-family:var(--display-font);color:#278dd9}.data-obstacles p{color:#6386a5}.data-obstacles>div+div{border-color:#c8e0f2}
.support-copy strong,.matrix-result strong{color:#bb9321;background:#fff1b7;box-shadow:7px 0 #fff1b7,-7px 0 #fff1b7}
.reference-panel{background:#eff8ff}.source-list>a>span,.source-list .asset-note{color:#6b91ae}.source-list>a{border-color:#cfe5f4}
@media(min-width:1600px){.paper-hero .hero-composition{grid-template-columns:1.2fr 2.1fr .6fr}.console-grid img{height:150px}.game-logo-grid img{height:65px}.project-image{height:290px}.artist-grid figcaption{font-size:16px}}
@media(max-width:1100px){.paper-hero .hero-composition{grid-template-columns:195px minmax(250px,1fr) 80px;gap:12px}.paper-hero h1{font-size:39px}.paper-hero .hero-subtitle{font-size:21px}.paper-hero .hero-directions{font-size:10px;gap:7px}.paper-hero .hero-directions>span+span{padding-left:7px}.console-grid img{height:90px}.game-logo-grid{gap:6px}.game-logo-grid>div{padding:5px}.project-gallery{gap:17px}.project-image{height:160px}.project-gallery h4{font-size:21px}.utopia-layout{gap:30px}.utopia-copy{gap:15px}.socialism-symbol{width:110px}.industry-logos{gap:20px}.industry-logos figure>div{height:165px;padding:20px}.producer-grid{gap:14px}.producer-grid figcaption{font-size:17px}.artist-grid{grid-template-columns:repeat(3,1fr);gap:20px}.artist-grid img{max-height:145px;object-fit:contain;background:#fff}.platform-grid{grid-template-columns:repeat(3,1fr);gap:25px}.platform-grid svg,.platform-grid img{height:85px}.platform-grid figcaption{margin-top:8px}.era-timeline{gap:10px;grid-template-columns:1fr 25px 1fr 25px 1fr}.era-timeline p{font-size:23px}.payment-grid{gap:22px}.payment-grid p{font-size:20px}.constraint-pair{gap:25px}.constraint-pair>div{display:block}.constraint-pair p{font-size:19px}.quality-layout{gap:30px}.quality-layout ul{font-size:20px}.paper-layout{gap:25px}}
@media(max-width:800px){.paper-hero .hero-composition{grid-template-columns:1fr 100px;gap:30px}.paper-hero .hero-copy{grid-row:1;grid-column:1/-1}.paper-hero h1{font-size:clamp(42px,8vw,65px)}.paper-hero .game-collage{grid-row:2;max-width:380px}.paper-hero .hero-robot{grid-row:2;grid-column:2;margin:0;width:100%;align-self:center}.paper-rule{top:90px}.console-grid{grid-template-columns:repeat(4,1fr);gap:7px}.console-grid img{height:75px}.console-grid span{font-size:8px}.game-logo-grid{margin-top:15px}.paper-hero .hero-subtitle{font-size:24px}.cost-icons{gap:20px;margin-block:35px}.cost-icons figcaption{gap:20px;font-size:20px}.project-gallery{grid-template-columns:1fr;gap:35px}.project-image{height:250px}.project-gallery h4{font-size:27px}.project-gallery figcaption{padding-top:12px}.paper-layout{grid-template-columns:1fr;gap:35px}.paper-preview{justify-self:center;max-width:330px}.jepa-title{margin-top:25px}.utopia-layout{grid-template-columns:130px 1fr;gap:25px}.more-portrait img{width:130px;height:185px}.utopia-copy{display:block}.socialism-symbol{width:95px}.utopia-copy h4{font-size:27px}.producer-grid{grid-template-columns:1fr 1fr;gap:25px}.producer-grid img{height:240px}.industry-logos{margin-top:35px;gap:15px}.industry-logos figure>div{height:110px;padding:15px}.industry-logos figcaption{font-size:17px}.artist-grid{grid-template-columns:repeat(3,1fr);gap:18px 12px}.artist-grid img{max-height:none}.artist-grid figcaption{font-size:11px}.era-timeline{grid-template-columns:1fr;gap:15px}.era-timeline>div{display:grid;grid-template-columns:80px 1fr;gap:4px 20px;align-items:center}.era-timeline svg{width:80px;grid-row:1/4;margin:0}.era-timeline p{font-size:23px;margin:0}.era-timeline code,.era-timeline small{grid-column:2;margin-top:0}.era-timeline>b{padding:0 0 0 27px;transform:rotate(90deg);width:60px;height:40px}.payment-grid{grid-template-columns:1fr;gap:30px}.payment-grid>div{display:grid;grid-template-columns:75px 1fr;column-gap:20px}.payment-grid svg{width:75px;grid-row:1/3}.payment-grid h5{font-size:26px;margin:0 0 8px}.payment-grid p{font-size:20px}.constraint-pair{grid-template-columns:1fr;gap:35px}.constraint-pair>div{display:flex;gap:20px}.constraint-pair svg{width:75px}.quality-layout,.wish-layout{grid-template-columns:1fr;gap:30px}.quality-layout ul{font-size:21px}.grail-figure{width:250px}.asset-sources{grid-template-columns:1fr 1fr}.browser-shot img{max-height:none}.tweet-figure{margin-top:30px}.paper-hero .hero-directions{font-size:12px}}
@media print{.dark,.questions,.naming,.human,.final-panel{background:#eaf6ff!important;color:#163d64!important}.paper-hero .hero-composition{grid-template-columns:200px 1fr 100px}.paper-hero .hero-copy{grid-column:2;grid-row:1}.paper-hero .game-collage{grid-column:1;grid-row:1}.paper-hero .hero-robot{grid-column:3;grid-row:1}.artist-grid{grid-template-columns:repeat(6,1fr)}.producer-grid{grid-template-columns:repeat(4,1fr)}.visual-panel{min-height:190mm}}
@media(max-width:1100px){.priority-artists{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.priority-artists img{height:120px;object-fit:cover}.priority-artists figcaption{font-size:12px}}
@media(max-width:600px){.priority-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.priority-artists img{height:auto;max-width:160px}.priority-artists figcaption{font-size:14px}}