@charset "UTF-8";
:root{--paper:#f4dfb6;--yellow:#f4bc42;--orange:#e99548;--ink:#352416;--light:#dfceb2;--card:url('assets/cardboard-fiber.jpg');--dark:#28221c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;overflow-x:hidden}body{margin:0;color:var(--paper);font-family:'Trebuchet MS',Arial,sans-serif;font-size:18px;line-height:1.7;background:linear-gradient(#211f1df2,#29221ce8),var(--card);background-size:auto,400px 400px}button{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffe080;outline-offset:6px}button{cursor:pointer}button[hidden],[hidden]{display:none!important}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 100px));margin:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The navigation is a row of physical paper labels on dark cardboard. */
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 3.5% 21px;min-height:112px;position:relative;z-index:2;background:linear-gradient(#171719d9,#282321db),var(--card);box-shadow:0 6px 7px #0006}header:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:10px;background:#32291f;clip-path:polygon(0 0,100% 0,100% 70%,96% 55%,93% 90%,87% 60%,82% 80%,75% 50%,68% 85%,60% 65%,55% 95%,46% 55%,39% 80%,31% 50%,22% 85%,16% 65%,9% 90%,0 65%)}header>a:first-child{width:175px;flex-shrink:0;line-height:0}header img{display:block;width:100%;height:auto;filter:drop-shadow(2px 5px 3px #0008)}nav{display:flex;gap:15px;align-items:center}nav a{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1.2;color:#a8751b;background:var(--card);padding:10px 13px 12px;box-shadow:1px 4px 2px #0009;transform:rotate(-2deg);border:1px solid #e5bd7977;font-weight:400}nav a:nth-child(2){color:#713f69;transform:rotate(2deg)}nav a:nth-child(3){color:#3d713d;transform:rotate(-1deg)}nav a:nth-child(4){color:#a34227;transform:rotate(1deg)}nav a:nth-child(5){color:#28647b;transform:rotate(-2deg)}nav a:hover{translate:0 -4px}.header-tag{flex-shrink:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:22px;color:#412c1d;background:var(--card);border:4px solid #765137;outline:1px solid #d7b389;border-radius:14px;padding:8px 17px;line-height:1.3;box-shadow:2px 5px 3px #0008;transform:rotate(1deg)}
/* Keep the illustration's ratio; copy sits on its own dark material. */
.hero{position:relative}.keyart{display:block;width:100%;height:auto;aspect-ratio:1920/1080;max-height:610px;object-fit:cover;object-position:center 50%}.hero-bottom{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:70px;padding:40px max(50px,calc((100vw - 1280px)/2)) 55px;background:linear-gradient(#29211adb,#231e1bdc),var(--card);position:relative;box-shadow:0 -6px 10px #0004}.hero-bottom:before{content:'';position:absolute;inset:-7px 0 auto;height:10px;background:#32291f;clip-path:polygon(0 20%,9% 45%,20% 0,29% 40%,38% 10%,48% 55%,60% 0,71% 35%,84% 10%,94% 50%,100% 20%,100% 100%,0 100%)}.overline{display:block;font-size:14px;font-weight:900;line-height:1.5;letter-spacing:1.6px;color:#ecc16f;margin-bottom:20px}h1,h2{font-family:Impact,'Arial Black',sans-serif;font-weight:900;line-height:1.07;letter-spacing:.1px;margin:0;color:#f6dfb8;text-shadow:1px 2px #ac8558,2px 4px #624329,3px 7px 4px #0008}h1{font-size:clamp(45px,5.2vw,76px)}h2{font-size:clamp(40px,4.2vw,60px)}em{font-style:normal;color:#f4bb42}.headline-art{display:block;width:100%;max-width:740px;height:auto;filter:drop-shadow(0 5px 3px #0005)}.hero-intro p{font-family:'Trebuchet MS',sans-serif;font-size:20px;color:#39291d;line-height:1.7;background:var(--card);padding:7px 12px;box-shadow:2px 4px 3px #0008;transform:rotate(-1deg);margin:0 0 25px}.button{display:inline-flex;align-items:center;gap:30px;background:#b43624;color:#ffe9bd;font-family:Impact,'Arial Narrow',sans-serif;font-size:27px;line-height:1.3;padding:15px 23px;border:4px solid #d9b078;border-radius:5px 11px 7px 9px;box-shadow:inset 1px 2px #f5836266,2px 5px #52311e,3px 9px 7px #0007;text-shadow:1px 2px #6d2519;transform:rotate(-2deg)}.button span{color:#ffae3d}.button:hover{transform:rotate(1deg) translateY(-3px)}.strap{display:flex;align-items:center;justify-content:center;gap:30px;padding:24px 20px;color:#c5af8c;font-size:12px;letter-spacing:1.5px;font-weight:bold}.strap b{color:#bc6137;font-size:20px}
.section{padding-top:85px;padding-bottom:85px}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;margin-bottom:45px}.section-head>p{font-size:19px;line-height:1.85;color:#dfceb2;max-width:490px;margin:0}.section-head>div{min-width:0}h3{font-family:'Trebuchet MS',sans-serif;font-size:25px;line-height:1.25}p{margin-top:0}figure{margin:0}.trailer-status{text-align:right}.coming-soon{display:inline-block;font-family:Impact,'Arial Narrow',sans-serif;background:var(--card);color:#432c19;padding:10px 19px;font-size:25px;letter-spacing:1px;box-shadow:2px 4px 3px #0008;transform:rotate(3deg)}.trailer-status p{margin:20px 0 0;color:#ddc9aa;font-size:18px}.trailer-screen{position:relative;aspect-ratio:16/9;background:#0c0907;border:10px solid #805a38;outline:2px solid #b99462;box-shadow:0 14px 26px #0008;transform:rotate(-.7deg)}.trailer-screen iframe{display:block;border:0;width:100%;height:100%}.trailer-caption{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;font-weight:bold;letter-spacing:1px;color:#c3aa85}.trailer-caption a{color:#f4cb84}.trailer{padding-bottom:30px}.image-button{position:relative;display:block;padding:0;border:0;background:none;color:var(--paper);width:100%;text-align:left;cursor:zoom-in}.image-button img{display:block;width:100%;height:auto}.gameplay{background:#32271b;padding:10px;box-shadow:0 15px 30px #0007;transform:rotate(.7deg);border:1px solid #8f6841}.gameplay img{aspect-ratio:1826/1022;object-fit:contain}.image-zoom{position:absolute;right:15px;bottom:15px;background:var(--card);color:#4a301b;padding:7px 13px;box-shadow:1px 3px 3px #0008;font-size:11px;font-weight:bold;transform:rotate(-3deg)}figcaption{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;padding:17px 7px 7px;color:#dbc29b}figcaption>span:last-child{margin-left:auto}.capture-dot{width:7px;height:7px;border-radius:50%;background:#edaa4d}.game-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.game-notes>div{background:var(--card);color:#49301d;padding:30px 25px;box-shadow:2px 6px 5px #0008;transform:rotate(-2deg);clip-path:polygon(1% 1%,34% 0,68% 1%,99% 0,100% 44%,99% 79%,100% 99%,58% 100%,23% 99%,0 100%,1% 66%,0 30%)}.game-notes>div:nth-child(2){transform:rotate(2deg);margin-top:20px}.game-notes>div:nth-child(3){transform:rotate(-1deg);margin-top:40px}.game-notes b{font-size:12px;color:#98512b}.game-notes h3{margin:17px 0;font-size:24px}.game-notes p{font-size:17px;line-height:1.7;margin-bottom:0}
/* A cast of physical cut-outs, not a grid of generic cards. */
.characters{padding-top:45px}.cast-title{display:block;width:340px;height:auto;margin:20px 0 28px;transform:rotate(-3deg);filter:drop-shadow(0 4px 4px #0008)}.faction-switch{display:flex;gap:30px;align-items:center;padding-left:10px;margin-bottom:8px}.faction-switch button{background:none;border:0;padding:0;box-shadow:none;opacity:.55;transition:opacity .15s,transform .15s}.faction-switch button[aria-pressed=true],.faction-switch button:hover{opacity:1;transform:translateY(-3px)}.faction-sign{display:block;width:245px;height:auto;filter:drop-shadow(0 6px 4px #0006)}.character-showcase{--character-accent:#f2bb65;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:470px;isolation:isolate;padding:45px 40px}.character-showcase:before{content:'';position:absolute;inset:15px 0;z-index:-1;background:var(--card);box-shadow:0 12px 20px #0008;transform:rotate(-1deg);clip-path:polygon(0 2%,15% 0,28% 2%,44% 0,57% 1%,73% 0,87% 2%,99% 0,100% 15%,99% 34%,100% 52%,99% 71%,100% 99%,83% 100%,62% 99%,43% 100%,26% 99%,0 100%,1% 78%,0 58%,1% 32%)}.character-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;isolation:isolate}.character-ghost,.character-glow{display:none}.character-full{width:360px;height:360px;max-width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(7px 16px 5px #55321e60);transform:rotate(-5deg);z-index:1}.character-ground{position:absolute;bottom:40px;left:10%;right:10%;height:35px;border-radius:50%;background:radial-gradient(ellipse,#38241160,transparent 70%);z-index:0}.visual-caption{position:absolute;bottom:7px;left:5px;font-size:10px;color:#72502f;letter-spacing:1px;font-weight:bold}.character-story{display:flex;align-items:center;padding:12px 10px}.character-story .character-card{background:none;border:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:0;min-width:0}.ingredient{display:block;font-size:12px;font-weight:bold;letter-spacing:2px;color:#805124}.character-story h4{font-size:40px;margin:13px 0 24px;line-height:1.2;transform:rotate(1deg)}.character-name-art{display:block;width:100%;max-width:380px;max-height:110px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(2px 5px 2px #0004)}.character-card>p{font-size:18px;line-height:1.8;color:#412c1b;margin:0 0 24px}.character-card blockquote{font-weight:bold;color:#6d2f1b;font-size:22px;line-height:1.5;margin:0;transform:rotate(-2deg)}.motion-control{display:block;margin:8px 0 0 auto;border:0;background:none;color:#c0a57e;font-size:12px;padding:10px}.character-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:23px;padding-top:25px}.character-roster button{min-width:0;border:0;background:none;padding:0;filter:drop-shadow(0 5px 3px #0008);transition:transform .15s}.character-roster button:nth-child(even){translate:0 10px}.character-roster button:hover,.character-roster button[aria-pressed=true]{transform:translateY(-6px) rotate(-4deg);filter:drop-shadow(0 5px 8px #f3b84b66)}.roster-portrait{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-position:center;background-size:contain}.roster-name{display:none}.forgotten{margin-top:60px;padding:30px 35px;max-width:980px;background:var(--card);color:#432d1d;box-shadow:3px 6px 7px #0008;transform:rotate(-1deg);clip-path:polygon(0 2%,24% 0,52% 2%,78% 0,100% 2%,99% 39%,100% 69%,99% 100%,70% 99%,39% 100%,0 98%,1% 65%)}.forgotten h3{font-family:Impact,sans-serif;font-size:34px;letter-spacing:.3px;margin:0 0 15px}.forgotten .overline{color:#94512c;font-size:12px;margin-bottom:15px}.forgotten p{font-size:18px;line-height:1.8;margin-bottom:0}.faction-heading{padding:20px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-grid .character-card{padding:25px;background:var(--card)}
.mutation{padding:85px 0;background:radial-gradient(ellipse at 78% 40%,#59673470,transparent 68%)}.mutation-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.mutation-copy>p{max-width:450px;font-size:19px;color:#dfceb2;line-height:1.8;margin:26px 0}.mutagen-selected{margin-top:32px}.mutagen-selected>span{font-size:11px;letter-spacing:1px;color:#bca77e}.mutagen-name-art{display:block;width:min(100%,390px);height:95px;object-fit:contain;object-position:left center;margin-top:16px;filter:drop-shadow(2px 6px 3px #0006)}.hint{font-size:13px!important;color:#baad89!important}.mutagen-stage{text-align:center;position:relative}.mutagen-stage>img{display:block;position:relative;z-index:1;width:380px;height:380px;object-fit:contain;margin:auto;filter:drop-shadow(0 22px 11px #0007)}.pedestal{width:75%;height:55px;border-radius:50%;margin:-28px auto 35px;background:radial-gradient(ellipse,#1d1d1290,transparent 70%)}.mutagen-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.mutagen-picker button{background:none;border:0;padding:0}.mutagen-picker button[aria-pressed=true]{filter:drop-shadow(0 0 8px #d9d16b)}.mutagen-picker button:hover{transform:translateY(-5px)}.mutagen-picker img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.fusion{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.fusion-visual{display:flex;align-items:center;gap:7px;justify-content:center;grid-column:1;grid-row:1}.fusion-visual img{width:26%;height:auto;filter:drop-shadow(0 15px 8px #0008)}.fusion-visual .fusion-result{width:32%}.fusion-visual>span{font-size:32px;color:#d9ab61}.fusion-name-art{grid-column:1;grid-row:2;justify-self:center;width:80%;height:auto;max-width:420px;transform:rotate(-3deg);margin-top:-40px}.fusion>div:last-child{grid-column:2;grid-row:1/3}.fusion p{color:#dfceb2;font-size:19px;line-height:1.8;margin-top:25px}
.world{padding:85px 0;background:linear-gradient(#4b30251c,#5c3f232c)}.world-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.world-scene{position:relative;background:#7d5a37;padding:8px;box-shadow:3px 9px 16px #0008;transform:rotate(2deg);border:1px solid #bb965f}.scene-wide{grid-column:1/-1;width:96%;margin-bottom:15px;transform:rotate(-1deg)}.world-scene:nth-child(3){margin-top:70px;transform:rotate(-3deg)}.world-scene .image-button{overflow:hidden}.world-scene img{aspect-ratio:1672/941;object-fit:cover}.world-scene .image-button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#1a100bd9)}.scene-label{position:absolute;left:23px;bottom:23px;z-index:1}.scene-label small{display:block;font-size:11px;color:#f6c573;letter-spacing:1px;margin-bottom:7px}.scene-label strong{font-family:Impact,sans-serif;font-size:34px;text-shadow:1px 3px #000}.world-scene .image-zoom{z-index:2}.art-caption{text-align:center;font-size:12px;letter-spacing:1px;color:#b89e75;margin:35px 0 0}
/* Technology is readable paper labels, never one stretched cardboard image. */
.technology{text-align:center}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;margin-top:50px}.tech-grid article{position:relative;background:var(--card);color:#432d1c;padding:33px 27px;box-shadow:3px 7px 7px #0008;transform:rotate(-2deg);clip-path:polygon(0 1%,24% 0,57% 1%,99% 0,100% 47%,99% 77%,100% 99%,59% 100%,25% 99%,0 100%,1% 65%)}.tech-grid article:nth-child(2){transform:rotate(2deg);margin-top:22px}.tech-grid article:nth-child(3){transform:rotate(-1deg);margin-top:44px}.tech-number{display:inline-block;font-family:Impact,sans-serif;font-size:45px;line-height:1.1;color:#9e3822;text-shadow:1px 2px #e4ad67;transform:rotate(-4deg)}.tech-grid h3{font-size:24px;line-height:1.25;margin:25px 0 16px}.tech-grid p{font-size:18px;line-height:1.8;margin:0}.end{text-align:center;padding:55px 20px 65px;background:radial-gradient(ellipse at bottom,#60401e66,transparent 75%)}.end>img{display:block;width:min(410px,80%);height:auto;margin:auto;filter:drop-shadow(0 14px 9px #0007);transform:rotate(-4deg)}.end p{font-size:27px;margin:28px 0 23px;font-weight:bold}.end a{display:inline-block;color:#4c321e;background:var(--card);padding:9px 17px;box-shadow:2px 4px 3px #0007;transform:rotate(2deg);font-size:14px;font-weight:bold}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0;font-size:11px;color:#b5a083;letter-spacing:.6px;border-top:1px dashed #c69b5230}footer>span:first-child{color:#e3bc7b;font-weight:900}dialog{max-width:94vw;max-height:94svh;border:2px solid #ad8150;padding:18px;background:#241b12;color:#f6dfb5;box-shadow:0 20px 80px #000b}dialog::backdrop{background:#000d}dialog img{display:block;max-width:86vw;max-height:74svh;object-fit:contain;margin:auto}dialog p{max-width:850px;font-size:16px;margin:15px auto 0}.close{display:block;margin:0 0 10px auto;width:42px;height:42px;border:1px solid #b78c52;background:#6f361d;color:#fff0c3;font-size:28px;line-height:1}
@media(min-width:1700px){.keyart{max-height:710px}.hero-bottom{padding-top:45px;padding-bottom:65px}}
@media(max-width:1150px){header{gap:20px;padding-left:3%;padding-right:3%}header>a:first-child{width:135px}nav{gap:10px}nav a{font-size:21px;padding:9px 10px}.header-tag{font-size:18px;padding:8px 12px}.wrap{width:calc(100% - 70px)}.hero-bottom{gap:40px;padding-left:35px;padding-right:35px}.hero-intro p{font-size:18px}.section-head{gap:45px}.section-head>p{font-size:18px}.character-showcase{padding:35px 30px;gap:20px}.character-story .character-card>p{font-size:17px}.character-full{width:310px;height:340px}.character-card blockquote{font-size:20px}.game-notes,.tech-grid{gap:23px}.mutation-grid{gap:40px}.mutagen-stage>img{width:320px;height:340px}}
@media(max-width:800px){header{flex-wrap:wrap;padding:12px 20px 20px;gap:10px 20px}header>a:first-child{width:135px}nav{order:3;width:100%;justify-content:center;gap:12px;flex-wrap:wrap}nav a{font-size:20px}.header-tag{margin-left:auto}h2{font-size:44px}.hero-bottom{grid-template-columns:1fr;gap:28px}.hero-intro{max-width:530px}.hero-intro p{display:inline-block}.section-head{grid-template-columns:1fr;gap:25px}.section-head>p{max-width:none}.trailer-status{text-align:left}.game-notes{grid-template-columns:1fr;gap:25px}.game-notes>div{margin:0!important;padding:28px 30px}.game-notes>div:nth-child(2){margin-left:25px!important}.game-notes>div:nth-child(3){margin-right:20px!important}.character-showcase{grid-template-columns:1fr 1fr;gap:15px;padding:30px 20px}.character-visual{min-height:360px}.character-full{width:270px;height:300px}.character-card>p{font-size:16px}.character-story{padding:15px 0}.character-card blockquote{font-size:19px}.character-roster{gap:12px}.mutation-grid{grid-template-columns:1fr 1fr;gap:30px}.mutagen-stage>img{width:280px;height:300px}.mutagen-picker{grid-template-columns:repeat(4,1fr)}.fusion{gap:30px}.fusion p{font-size:18px}.tech-grid{gap:20px}.tech-grid article{padding:25px 20px}.tech-grid p{font-size:17px}.tech-grid h3{font-size:22px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}header{gap:10px;padding:10px 15px 18px}header>a:first-child{width:122px}nav{gap:9px}nav a{font-size:17px;padding:8px 9px}header .header-tag{font-size:18px;padding:7px 12px}.keyart{height:auto;max-height:none;aspect-ratio:1920/1080;object-fit:contain}.hero-bottom{padding:30px 22px 40px;gap:25px}h1{font-size:44px}h2{font-size:40px}.overline{font-size:12px;letter-spacing:1px;margin-bottom:17px}.hero-intro p{font-size:18px;padding:6px 10px}.button{font-size:24px;padding:12px 20px}.strap{flex-wrap:wrap;gap:12px;font-size:10px;line-height:1.4;letter-spacing:.7px;padding:20px 15px}.strap>span:last-child,.strap>b:nth-last-child(2){display:none}.section{padding-top:55px;padding-bottom:55px}.section-head{margin-bottom:30px;gap:23px}.section-head>p{font-size:18px;line-height:1.8}.trailer{padding-bottom:15px}.coming-soon{font-size:23px}.trailer-status p{font-size:16px}.trailer-screen{border-width:6px;outline-width:1px}.trailer-caption{font-size:10px;letter-spacing:.3px;padding-top:20px}.gameplay{padding:6px}.image-zoom{font-size:10px;right:10px;bottom:10px;padding:6px 9px}figcaption{font-size:9px;letter-spacing:0;padding-top:14px;gap:6px}.game-notes{margin-top:35px}.game-notes p{font-size:17px}.game-notes h3{font-size:24px}.characters{padding-top:25px}.cast-title{width:280px;max-width:90%;margin:0 auto 25px}.faction-switch{gap:17px;padding:0;justify-content:center}.faction-sign{width:150px}.character-showcase{grid-template-columns:1fr;gap:0;padding:24px 24px 33px}.character-showcase:before{inset:10px -3px}.character-visual{min-height:300px}.character-full{width:290px;height:290px}.character-ground{bottom:20px}.visual-caption{font-size:9px;bottom:0}.character-story{padding:24px 0 5px}.character-name-art{max-width:290px;max-height:90px}.character-story h4{margin:10px 0 22px}.character-card>p,.character-story .character-card>p{font-size:18px;line-height:1.75}.character-card blockquote{font-size:21px}.ingredient{font-size:11px}.character-roster{grid-template-columns:repeat(3,1fr);gap:13px}.motion-control{font-size:11px}.forgotten{padding:28px 25px;margin-top:45px}.forgotten h3{font-size:31px}.forgotten p{font-size:17px}.forgotten .overline{font-size:11px}.mutation{padding:55px 0}.mutation-grid{grid-template-columns:1fr;gap:20px}.mutation-copy>p{font-size:18px;margin:23px 0}.mutagen-selected{margin-top:25px}.mutagen-name-art{height:85px}.hint{font-size:13px!important}.mutagen-stage>img{width:300px;height:320px}.mutagen-picker{max-width:330px;margin:auto;gap:12px}.mutagen-picker img{height:70px}.fusion{grid-template-columns:1fr;gap:25px}.fusion>div:last-child{grid-column:1;grid-row:1}.fusion-visual{grid-column:1;grid-row:2}.fusion-name-art{grid-column:1;grid-row:3;margin-top:-10px}.fusion p{font-size:18px}.world{padding:55px 0}.world-gallery{grid-template-columns:1fr;gap:30px}.scene-wide{grid-column:1;width:100%;margin-bottom:0}.world-scene:nth-child(2){width:96%}.world-scene:nth-child(3){width:96%;margin-top:0;margin-left:auto}.world-scene{padding:6px}.scene-label{left:16px;bottom:16px}.scene-label strong{font-size:29px}.scene-label small{font-size:9px}.world-scene .image-zoom{font-size:9px}.art-caption{font-size:10px}.technology{text-align:left}.tech-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.tech-grid article{padding:30px 27px;margin-top:0!important}.tech-grid article:nth-child(2){margin-left:15px}.tech-grid article:nth-child(3){margin-right:10px}.tech-number{font-size:42px}.tech-grid h3{font-size:25px;margin:22px 0 15px}.tech-grid p{font-size:18px}.end{padding:35px 20px 50px}.end p{font-size:23px}.end a{font-size:13px}footer{flex-wrap:wrap;font-size:9px;gap:15px}footer>span:nth-child(2){order:3;width:100%}dialog{padding:10px}dialog p{font-size:14px}.character-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
h1,h2{font-family:'Arial Rounded MT Bold','Arial Black',sans-serif;font-weight:900;letter-spacing:-1.4px;text-shadow:1px 2px #b38b5b,2px 4px #65462b,3px 6px 3px #0008}nav a{font-family:'Arial Rounded MT Bold','Arial Black',sans-serif;font-size:20px;font-weight:900}.tech-number,.scene-label strong,.forgotten h3{font-family:'Arial Rounded MT Bold','Arial Black',sans-serif;font-weight:900}.tech-number{font-size:35px}.game-notes>div,.tech-grid article,.forgotten{filter:drop-shadow(3px 6px 2px #0007)}.tech-grid article{align-self:start}.tech-grid article:nth-child(2){margin-top:22px}.tech-grid article:nth-child(3){margin-top:44px}@media(max-width:1150px){nav a{font-size:17px}}@media(max-width:600px){nav a{font-size:14px;padding:9px 8px}nav{gap:8px}.tech-number{font-size:34px}.technology h2{font-size:37px}}
.hero-scene{position:relative;overflow:hidden}.hero-scene .keyart{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2172/724;object-fit:contain}.hero-logo{position:absolute;top:5%;right:7%;width:36%;height:auto;filter:drop-shadow(3px 7px 4px #402b1a99);transform:rotate(-2deg)}@media(max-width:600px){.hero-logo{top:3%;right:5%;width:37%}.hero-bottom{padding-top:25px}}
.hero-intro p{background:none;padding:0;box-shadow:none;transform:none;line-height:1.95}.hero-intro p>span{display:inline;background:var(--card);padding:4px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:1px 3px 2px #0008}.hero-intro p>span:nth-child(2){background-position:70px 40px}.hero-intro p>span:last-child{background-position:130px 80px}
.hero-bottom{padding-top:30px;padding-bottom:40px}.hero-bottom .overline{margin-bottom:15px}@media(max-width:600px){.hero-bottom{padding-top:25px;padding-bottom:35px}}
/* Requested placement of the cast heading and raised cream navigation. */
.cast-title{width:520px;max-width:88%;margin:24px auto 48px;transform:rotate(-2deg)}.faction-switch{margin-top:18px;margin-bottom:-10px;position:relative;z-index:1}nav a,nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4),nav a:nth-child(5){color:#fff0cf;text-shadow:0 1px #d4ac7b,1px 2px #a87948,2px 3px #694329,2px 4px 3px #3d281b99}nav a:hover{color:#fff7e6;text-shadow:0 1px #d4ac7b,1px 2px #a87948,2px 3px #694329,2px 5px 4px #3d281b99}@media(max-width:600px){.cast-title{width:340px;max-width:95%;margin:20px auto 35px}.faction-switch{margin-top:10px;margin-bottom:-8px}}
@font-face{font-family:'Splat Hand';src:url('assets/fonts/PatrickHand-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:'Splat Display';src:url('assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
h1,h2,nav a,.button,.coming-soon,.header-tag,.scene-label strong,.forgotten h3,.tech-number{font-family:'Splat Display','Arial Rounded MT Bold',sans-serif;font-weight:400}nav a,nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4),nav a:nth-child(5){font-size:23px;color:#fff0cf;text-shadow:0 1px #d4ac7b,1px 2px #a87948,2px 3px #694329,2px 4px 3px #3d281b99}h2{font-size:clamp(42px,4.4vw,64px);letter-spacing:0}.hero-intro p{font-family:'Splat Hand',sans-serif;font-size:27px;font-weight:400}.paper-copy{font-family:'Splat Hand',sans-serif!important;font-size:26px!important;font-weight:400!important;line-height:1.25!important;color:#38271b!important;margin-top:0!important;overflow:visible}.paper-copy .paper-line{position:relative;display:table;max-width:100%;padding:5px 13px 6px;margin:0 0 3px;isolation:isolate;transform:rotate(var(--paper-angle,0deg));white-space:normal}.paper-line:before{content:'';position:absolute;inset:0 -2px;z-index:-1;border-style:solid;border-color:transparent;border-width:9px 18px;border-image-source:url('assets/paper-strip-v1.webp');border-image-slice:25 80 fill;border-image-width:10px 20px;border-image-repeat:stretch;filter:drop-shadow(1px 3px 2px #0009)}.hero-intro p>span{background:none;box-shadow:none;box-decoration-break:slice;-webkit-box-decoration-break:slice}.hero-intro .paper-copy{margin-bottom:26px}.section-head{gap:60px}.section-head>.paper-copy{max-width:520px}.game-notes>div,.tech-grid article{background:none!important;box-shadow:none!important;clip-path:none!important;filter:none!important;padding:15px 0!important}.game-notes>div:nth-child(2){margin-top:25px}.game-notes>div:nth-child(3){margin-top:50px}.game-notes b{color:#dfba7e;font-size:12px}.game-notes h3,.tech-grid h3{font-family:'Splat Display',sans-serif;font-weight:400;font-size:29px;color:#f7dfb7;line-height:1.2;text-shadow:1px 2px #694429,2px 4px 3px #0008}.tech-grid .tech-number{font-size:43px;color:#f3bd49;text-shadow:1px 2px #87542d,2px 4px 3px #0007}.character-showcase:before{display:none}.character-card>p{max-width:100%}.character-card blockquote{display:table;position:relative;padding:12px 22px;isolation:isolate;font-family:'Splat Hand',sans-serif;font-size:28px;color:#41291b;margin-top:5px;transform:rotate(-2deg)}.character-card blockquote:before{content:'';position:absolute;inset:0;z-index:-1;border:15px solid transparent;border-image:url('assets/paper-note-v1.webp') 90 fill / 18px / 0 stretch;filter:drop-shadow(2px 4px 2px #0008)}.character-story .ingredient{color:#d9b276}.visual-caption{color:#b7a182}.character-story{padding-right:0}.character-full{width:390px;height:390px;filter:drop-shadow(8px 19px 8px #0008)}.character-ground{background:radial-gradient(ellipse,#0008,transparent 70%)}.forgotten{background:none!important;box-shadow:none!important;clip-path:none!important;filter:none!important;padding:25px 0;max-width:980px}.forgotten h3{color:#f0d8ac;text-shadow:1px 2px #73512e,2px 4px 3px #0007;font-size:38px}.forgotten .overline{color:#d4a47f}.mutation-copy>p.paper-copy{max-width:470px}.hint{color:#c8b58d!important}.mutagen-selected>span{color:#d3be8c}.fusion p.paper-copy{margin-top:25px!important}.trailer-status .paper-copy{display:inline-block;text-align:left;margin-top:22px!important}.technology{text-align:left}.tech-grid article{margin-top:0!important}.tech-grid article:nth-child(2){padding-top:30px!important}.tech-grid article:nth-child(3){padding-top:60px!important}.tech-grid h3{font-size:28px}.cast-title{margin-bottom:48px}.character-showcase{gap:45px;padding-top:25px;padding-bottom:15px}.motion-control{color:#c3ab87}.paper-copy strong{font-weight:inherit}@media(max-width:1150px){nav a,nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4),nav a:nth-child(5){font-size:20px}.paper-copy{font-size:24px!important}.character-showcase{gap:30px}.character-full{width:320px;height:350px}.section-head{gap:40px}}
@media(max-width:800px){.section-head{gap:25px}.character-showcase{gap:25px}.character-card blockquote{font-size:26px}.game-notes>div{margin-left:0!important;margin-right:0!important}.tech-grid{gap:25px}.tech-grid h3{font-size:25px}}
@media(max-width:600px){nav a,nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4),nav a:nth-child(5){font-size:17px;padding:9px 8px}nav{gap:9px}h2{font-size:43px}.paper-copy{font-size:23px!important}.paper-copy .paper-line{padding:4px 10px 5px;margin-bottom:4px}.paper-line:before{border-image-width:8px 15px}.character-showcase{padding:18px 0 10px;gap:0}.character-story{padding:22px 0}.character-full{width:320px;height:320px}.character-visual{min-height:325px}.character-card blockquote{font-size:26px;padding:10px 18px}.character-name-art{max-width:310px}.game-notes>div,.tech-grid article{padding:10px 0!important;margin:0!important}.game-notes>div:nth-child(2){margin-top:10px!important}.game-notes>div:nth-child(3){margin-top:20px!important}.game-notes h3{font-size:29px}.tech-grid{gap:35px}.tech-grid article:nth-child(2),.tech-grid article:nth-child(3){padding-top:0!important}.tech-grid h3{font-size:29px}.tech-grid .tech-number{font-size:40px}.forgotten{padding:20px 0}.forgotten h3{font-size:35px}.trailer-status .paper-copy{margin-top:20px!important}.cast-title{margin-bottom:38px}}
/* Each paper edge keeps its aspect ratio. The middle repeats; nothing stretches. */
.paper-line:before,.character-card blockquote:before{display:none!important}.paper-surface{position:absolute;inset:0 -2px;z-index:-1;display:flex;align-items:stretch;pointer-events:none;filter:drop-shadow(1px 3px 2px #0009)}.paper-edge-left,.paper-edge-right{display:block;flex:none;height:100%;aspect-ratio:100/277;background-repeat:no-repeat;background-size:contain;background-position:center}.paper-edge-left{background-image:url('assets/paper-edge-left.webp')}.paper-edge-right{background-image:url('assets/paper-edge-right.webp')}.paper-center{display:block;flex:1;min-width:0;background:url('assets/paper-center.webp') center center/auto 100% repeat-x}.character-card blockquote.paper-copy{padding:0;margin-top:8px;transform:rotate(-1deg)}.character-card blockquote.paper-copy .paper-line{padding:8px 15px;font-size:27px}.paper-copy .paper-line{padding-left:15px;padding-right:15px}@media(max-width:600px){.character-card blockquote.paper-copy .paper-line{font-size:25px;padding:6px 13px}.paper-copy .paper-line{padding-left:13px;padding-right:13px}}
/* Tighter composition with overlapping physical labels. */
.section{padding-top:48px;padding-bottom:48px}.section-head{gap:38px;margin-bottom:28px}.section-head .overline{margin-bottom:12px}.overline{margin-bottom:14px}.strap{padding-top:13px;padding-bottom:13px}.hero-bottom{gap:38px;padding-top:24px;padding-bottom:27px}.trailer{padding-top:35px;padding-bottom:12px}.trailer-caption{padding-top:17px;padding-bottom:10px}.trailer-status .paper-copy{margin-top:14px!important}.game-notes{gap:27px;margin-top:27px}.game-notes h3,.tech-grid h3{position:relative;z-index:1;transform:rotate(-1.5deg);margin-bottom:7px}.game-notes>div,.tech-grid article{padding:5px 0!important}.game-notes>div:nth-child(2){margin-top:10px}.game-notes>div:nth-child(3){margin-top:20px}.game-notes b{font-size:11px}.game-notes h3{margin-top:10px}.characters{padding-top:28px}.characters .section-head{margin-bottom:10px}.cast-title{width:520px;max-width:88%;margin:4px auto 14px;position:relative;z-index:2}.faction-switch{margin-top:4px;margin-bottom:-22px;gap:22px}.character-showcase{grid-template-columns:.92fr 1.08fr;gap:24px;min-height:350px;padding:13px 15px 0}.character-visual{min-height:350px}.character-full{width:360px;height:350px}.character-story{padding-top:8px;padding-bottom:0}.character-story h4{margin:5px 0 8px;position:relative;z-index:2}.character-name-art{max-height:95px}.character-story .ingredient{font-size:10px}.character-card>p{margin-bottom:12px}.character-card blockquote.paper-copy{margin-top:2px}.visual-caption{bottom:4px}.motion-control{margin-top:0;padding-top:4px;padding-bottom:4px}.character-roster{gap:15px;padding-top:10px}.roster-portrait{max-height:135px}.character-roster button:nth-child(even){translate:0 4px}.forgotten{margin-top:32px;padding:12px 0;max-width:100%}.forgotten h3{margin-bottom:10px}.forgotten .overline{margin-bottom:7px}.mutation{padding-top:40px;padding-bottom:35px}.mutation-grid{gap:35px;grid-template-columns:1fr 1fr}.mutation-copy>p{margin-top:17px;margin-bottom:17px}.mutagen-selected{margin-top:18px}.mutagen-name-art{height:75px;margin-top:8px}.hint{margin-top:12px!important;margin-bottom:0!important}.mutagen-stage>img{height:300px;width:320px}.pedestal{margin-top:-30px;margin-bottom:12px;height:38px}.mutagen-picker{gap:8px}.fusion{gap:35px;padding-top:35px;padding-bottom:40px}.fusion p.paper-copy{margin-top:17px!important}.fusion-name-art{margin-top:-25px}.world{padding-top:45px;padding-bottom:45px}.world-gallery{gap:26px}.scene-wide{margin-bottom:0}.world-scene:nth-child(3){margin-top:30px}.scene-label{bottom:18px;left:20px}.art-caption{margin-top:22px}.technology .overline{margin-bottom:12px}.technology .tech-grid{margin-top:25px;gap:30px}.tech-grid h3{margin-top:13px}.tech-grid article:nth-child(2){padding-top:16px!important}.tech-grid article:nth-child(3){padding-top:30px!important}.tech-number{font-size:36px}.end{padding-top:25px;padding-bottom:35px}.end>img{width:300px}.end p{margin-top:18px;margin-bottom:16px}footer{padding-top:20px;padding-bottom:20px}
@media(max-width:1000px){.section-head{gap:25px}.character-showcase{gap:20px;padding-left:0;padding-right:0}.character-full{width:300px;height:320px}.character-visual{min-height:320px}.character-showcase{min-height:320px}.character-story .paper-copy{font-size:23px!important}.character-roster{gap:10px}.roster-portrait{max-height:115px}}
@media(max-width:800px){.section-head{gap:18px}.game-notes>div:nth-child(2){margin-top:5px}.game-notes>div:nth-child(3){margin-top:10px}.mutation-grid{gap:22px}.character-showcase{grid-template-columns:.9fr 1.1fr}.character-full{width:260px;height:300px}.character-visual{min-height:300px}.character-story .paper-copy{font-size:22px!important}.character-name-art{max-height:85px}.character-roster{gap:8px}.roster-portrait{max-height:100px}}
@media(max-width:600px){.section{padding-top:32px;padding-bottom:32px}.section-head{margin-bottom:23px;gap:15px}.section-head .paper-copy{margin-bottom:0}.hero-bottom{gap:20px;padding-top:20px;padding-bottom:27px}.strap{padding-top:14px;padding-bottom:14px}.trailer{padding-top:25px;padding-bottom:7px}.trailer .section-head{gap:18px}.game-notes{margin-top:25px;gap:20px}.game-notes>div:nth-child(2),.game-notes>div:nth-child(3){margin-top:0!important}.game-notes h3{margin-bottom:7px}.characters{padding-top:20px}.characters .section-head{margin-bottom:14px}.cast-title{width:340px;max-width:96%;margin:2px auto 12px}.faction-switch{margin-top:0;margin-bottom:-10px;gap:15px}.character-showcase{display:grid;grid-template-columns:1fr;gap:0;padding:0}.character-visual{min-height:260px}.character-full{height:260px;width:280px}.visual-caption{bottom:0;font-size:8px}.character-story{padding:13px 0 0}.character-story h4{margin:5px 0 8px}.character-name-art{max-height:85px;max-width:280px}.character-card>p{margin-bottom:10px}.character-story .paper-copy{font-size:23px!important}.character-card blockquote.paper-copy{margin-top:2px}.character-roster{grid-template-columns:repeat(6,1fr);gap:5px;padding-top:10px}.roster-portrait{max-height:65px}.motion-control{font-size:10px}.forgotten{margin-top:23px;padding:8px 0}.forgotten h3{font-size:32px;margin-bottom:12px}.mutation{padding-top:30px;padding-bottom:25px}.mutation-grid{grid-template-columns:1fr;gap:5px}.mutation-copy>p{margin-top:17px;margin-bottom:17px}.mutagen-stage>img{width:255px;height:260px}.mutagen-picker{grid-template-columns:repeat(8,1fr);gap:5px;max-width:none}.mutagen-picker img{height:auto}.pedestal{height:30px;margin-bottom:10px}.fusion{gap:15px;padding-top:28px;padding-bottom:30px}.fusion p.paper-copy{margin-top:17px!important}.fusion-name-art{margin-top:-7px}.world{padding-top:30px;padding-bottom:30px}.world-gallery{gap:22px}.world-scene:nth-child(3){margin-top:0}.scene-label strong{font-size:26px}.art-caption{margin-top:22px}.technology .tech-grid{margin-top:24px;gap:24px}.tech-grid article:nth-child(2),.tech-grid article:nth-child(3){padding-top:0!important}.tech-grid h3{margin-top:9px}.end{padding-top:20px;padding-bottom:28px}.end>img{width:260px}.end p{margin-top:18px;margin-bottom:15px;font-size:22px}footer{padding-top:18px;padding-bottom:18px}}

/* Language controls use natural proportions and keep the handmade typography. */
.language-select{font-family:'Splat Hand',sans-serif;font-size:18px;color:#ffe5b0;background:#34271d;border:1px solid #b38b56;border-radius:5px;padding:6px 9px;max-width:115px;cursor:pointer}.language-select:focus-visible{outline:3px solid #efc36b;outline-offset:3px}
.studio-credit{font-family:'Splat Display',sans-serif;color:#ffe4b2;font-size:19px}footer{flex-wrap:wrap;gap:14px}.studio-credit{flex-basis:100%;text-align:center}
.english-headline{font-family:'Splat Display',sans-serif;font-size:clamp(36px,4.8vw,76px);line-height:1.02;color:#ffe4b4;text-shadow:0 3px #9c6c38,0 6px #50321e,3px 8px 5px #0008;max-width:750px}
.english-cast-title{text-align:center;font-size:clamp(32px,4vw,54px);color:#ffe4b4;text-shadow:0 3px #805128,2px 5px 4px #000;margin:10px auto 22px}
.english-faction{display:block;font-family:'Splat Display',sans-serif;font-size:clamp(24px,3vw,36px);color:#ffe4b4;text-shadow:0 2px #713815,1px 4px 3px #0008;padding:10px 25px;background:url('assets/paper-strip-v1.webp') center/cover;border-radius:9px}
html[lang=en] .faction-switch button{height:auto;min-height:64px}html[lang=en] .faction-switch button[aria-pressed=true]{filter:brightness(1.12)}
@media(max-width:700px){.language-select{font-size:16px;max-width:100px}.english-headline{font-size:40px}.english-faction{padding:8px 16px}header{flex-wrap:wrap}}
/* Original PBR models, loaded on demand inside an accessible native dialog. */
.view-3d-button{display:block;margin:12px auto 0;padding:10px 25px;border:2px solid #bc955e;border-radius:8px;background:#a23d23;color:#ffe5b5;font-family:'Splat Display',sans-serif;font-size:25px;text-shadow:0 2px #502717;box-shadow:0 4px #513a25,0 7px 8px #0005;transform:rotate(-1deg)}
.view-3d-button:hover{filter:brightness(1.13)}.view-3d-button:focus-visible{outline:3px solid #ffe4ac;outline-offset:5px}
.model-dialog{box-sizing:border-box;width:min(900px,94vw);max-width:94vw;max-height:94dvh;padding:22px 26px;border:2px solid #b58b50;border-radius:14px;background:#2a2018;color:#ffe5b5;box-shadow:0 20px 80px #000b;overflow:auto}
.model-dialog::backdrop{background:#100b07d9;backdrop-filter:blur(5px)}.model-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.model-dialog-head h2{font-size:38px;margin:0;line-height:1.1}.model-dialog .overline{font-size:12px;margin-bottom:5px}.model-close{flex-shrink:0;width:44px;height:44px;border:1px solid #ae834c;background:#4a3120;border-radius:50%;color:#ffe5b5;font-size:30px}.model-host{width:100%;height:min(55dvh,490px);min-height:250px;background:radial-gradient(ellipse at 50% 60%,#72503566,transparent 70%)}.model-host model-viewer{display:block;width:100%;height:100%;--progress-bar-color:#f4c14f;--poster-color:transparent}.model-status,.model-help{font-family:'Splat Hand',sans-serif;text-align:center;margin:8px 0;font-size:20px;line-height:1.3}.model-help{color:#cfb58e;font-size:18px}
@media(max-width:600px){.model-dialog{padding:16px}.model-dialog-head h2{font-size:30px}.model-host{height:49dvh}.model-help{font-size:17px}}

/* Render real image elements on mobile Safari and keep the 3D action beside the art. */
.character-render{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%}
.character-visual{padding-bottom:54px}.character-visual .view-3d-button{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-1deg);margin:0;z-index:3;white-space:nowrap;min-height:44px}.visual-caption{bottom:55px}
@media(max-width:600px){.character-visual{min-height:315px;padding-bottom:55px}.character-full{height:260px;flex:none;width:min(280px,100%)}.character-visual .view-3d-button{font-size:23px;padding:7px 22px}.hero-intro p{display:block;width:100%;min-width:0}}
/* Paper copy must fill its column before measuring; inline shrink-to-fit caused feedback on Safari. */
.paper-copy,.hero-intro p.paper-copy,.trailer-status p.paper-copy,.character-card blockquote.paper-copy{display:block;width:100%;min-width:0;box-sizing:border-box}
.hero-bottom>div,.hero-intro,.trailer-status,.character-story,.character-card,.game-notes>div,.tech-grid article,.mutation-copy,.fusion>div{min-width:0}
.paper-copy .paper-line{width:fit-content;max-width:100%;overflow-wrap:break-word}
@media(max-width:800px){.hero-intro{width:100%;justify-self:stretch}.section-head>.paper-copy{max-width:none}.trailer-status{width:100%}}
.model-dialog-head>div{min-width:0;flex:1}.model-dialog-head h2{line-height:1;margin:4px 0 0;text-shadow:none}.model-name-art{display:block;width:auto;height:auto;max-width:min(330px,100%);max-height:88px;object-fit:contain;object-position:left center;filter:drop-shadow(1px 4px 2px #0006)}
@media(max-width:600px){.model-name-art{max-width:100%;max-height:64px}.model-dialog-head{align-items:center}}
.model-dialog .model-name-art{margin:0;width:auto;height:auto}