*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf8f1;color:#302b29;font:16px/1.65 Segoe UI,Arial,sans-serif}a{color:#71364b;text-underline-offset:.22em}button,select{font:inherit;color:inherit;cursor:pointer;min-height:44px}.navplay,.primary,.secondary,button,select{border:1px solid #795869;border-radius:8px;padding:9px 16px;background:#fffaf1}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #17685c;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:9}header{border-bottom:1px solid #d8cfbd}.bar,.foot,footer small,main{max-width:1240px;margin:auto;padding:0 clamp(16px,4vw,56px)}.actions,.bar,nav{display:flex;align-items:center;gap:22px}.bar{justify-content:space-between;min-height:68px}.brand{font:700 23px Georgia,serif;letter-spacing:-.04em;text-decoration:none;color:#342733}.brand i,em{color:#884354}nav a{text-decoration:none;font-weight:650;display:inline-flex;align-items:center;min-height:44px}.navplay,.primary{background:#733749;color:white;text-decoration:none}.primary,.secondary{font-weight:650;text-align:center;text-decoration:none;display:inline-grid;place-items:center;min-height:48px}.hero{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:6%;margin:48px 0 clamp(76px,7vw,104px)}.cover{width:100%;height:auto;border-radius:44% 44% 12px 12px;background:#bdc3a6}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:450px}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,78px);margin:.5em 0 .25em}.hero h1{margin:0}h2{font-size:clamp(29px,4vw,42px)}h3{font-size:25px}.lead{font-size:clamp(17px,2vw,21px);max-width:58ch;color:#574e49}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{display:grid;grid-template-columns:32% 1fr;color:inherit;text-decoration:none;background:#f4eee2;border:1px solid #dbd1bf;border-radius:12px;overflow:hidden}.card:focus-visible,.card:hover{border-color:#915269}.card img{width:100%;height:100%;object-fit:cover}.card div{padding:22px;display:flex;flex-direction:column}.card h3,.card p{margin:0 0 14px}.card b{margin-top:auto;color:#733749}.article,.journal{max-width:760px;margin:52px auto}.article section,.journal section{border-top:1px solid #dbd2c2;padding:20px 0;display:flow-root}.mini{float:right;width:28%;height:auto;margin:0 0 12px 22px;border-radius:9px}.studio{display:grid;grid-template-columns:minmax(0,3fr) minmax(225px,1fr);gap:20px;align-items:start}.frame{aspect-ratio:16/9;background:#26252b;border-radius:12px;overflow:hidden}.frame iframe,.poster{width:100%;height:100%;border:0}.poster{display:grid;place-items:center;background:linear-gradient(#37222726,#37222755),url(/art/atelier.webp) 50%/cover}.note,.panel{padding:18px;background:#f0eadf;border:1px solid #dbcdbb;border-radius:10px}.panel h2,.panel h3{margin:0 0 14px}.panel h2{font-size:28px}.panel label,.panel select{display:block;width:100%}.steps{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.steps button{padding:5px 9px;font-size:14px}.steps [aria-pressed=true]{background:#77394c;color:white}.panel small{display:block}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px;padding-top:30px;padding-bottom:25px}.foot a{display:block;width:fit-content;min-height:44px}.foot b{display:block;margin-bottom:8px}footer{background:#eee9df;margin-top:65px}footer small{display:block;border-top:1px solid #d7cdbb;padding-top:12px;padding-bottom:12px}@media(max-width:760px){.cards,.hero,.studio{grid-template-columns:1fr}.hero{gap:22px;margin:26px 0 48px}.cover{max-height:320px;object-fit:contain;background:#b7bd9f;border-radius:12px}.foot{grid-template-columns:1fr 1fr}.brand{font-size:20px}.bar,nav{gap:10px}.navplay{padding:7px 10px}.card div{padding:14px}.actions{gap:6px}.studio h2{font-size:26px}}@media(max-width:370px){.actions{grid-template-columns:1fr}.bar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.icon{width:1.15em;height:1.15em;flex:none;vertical-align:-.17em}.npc-logo{border-radius:10px;vertical-align:middle;margin-right:8px}.inline-action,.navplay,.primary,.secondary,button,nav a{display:inline-flex;gap:.55em;align-items:center;justify-content:center}.navplay,.primary,.secondary,button{font-weight:650;transition:background-color .15s,color .15s,border-color .15s}.secondary:hover,button:hover{background:#f1e2d3;border-color:#72354b}.navplay:hover,.primary:hover{background:#552937}.inline-action{min-height:44px;text-decoration:none;font-weight:650}.inline-action:hover{text-decoration:underline}.scene{margin:0}.scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.credit,.panel small,.scene figcaption{font-size:.88rem;color:#61524b}.scene figcaption{padding:.5em 0;font-style:italic}.hero{grid-template-columns:.87fr 1.13fr}.hero-scene img{aspect-ratio:1.45;object-position:40% 50%;border-radius:48% 48% 14px 14px;border:5px solid #f4ead6;box-shadow:0 12px 30px #48302025}.lead strong{color:#4d3038}.article h2,.journal h3{color:#663848}.instruction{font-weight:650;font-size:1.13rem;border-left:4px solid #997146;padding:.45em .9em;background:#f5ecdf}.journal strong{color:#533543}.article .scene,.journal .scene{margin:14px 0 20px}.article section,.journal section{scroll-margin:16px}.article .lead,.journal p{line-height:1.75}.card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.card img{height:auto;aspect-ratio:16/9}.card .inline-action{align-self:flex-start}.studio{grid-template-columns:minmax(0,3fr) minmax(235px,1fr);align-items:stretch}.frame{min-width:0;align-self:start}.frame iframe{display:block}.poster{background:linear-gradient(#20151c24,#21142272),url(/screens/scene-9.webp) 50%/cover}.panel{position:relative;min-height:0;padding:0;overflow:hidden;background:#f6f0e5}.panel-inner{position:absolute;inset:0;overflow:auto;scrollbar-gutter:stable;padding:14px}.panel h2{display:flex;gap:8px;align-items:center;font-size:24px}.panel h2 .icon{color:#805044}.panel label{font-weight:650}.panel select{padding:8px}.steps{display:grid;grid-template-columns:1fr;gap:4px}.steps button{justify-content:flex-start;text-align:left;border-color:#d9cebe}.current-tip{border-top:1px dashed #c6b7a7;padding-top:12px}.current-tip p{margin:.35rem 0}.game-tools{padding:8px 0}.gallery,.tool-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-buttons{max-width:720px}.gallery{grid-template-columns:1fr 1fr}.walk-video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}@media(max-width:760px){.gallery,.hero,.studio{grid-template-columns:1fr}.panel-inner{position:static;overflow:visible}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-buttons{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.hero-scene img{aspect-ratio:16/9}.brand .npc-logo{width:30px;height:30px}.bar{flex-wrap:wrap}.bar nav{margin-left:auto}}@media(prefers-reduced-motion:reduce){.navplay,.primary,.secondary,button{transition:none}}.play-question{border-bottom:1px solid #dbd2c2}.play-question summary{padding:12px 0;cursor:pointer;color:#663848;font-weight:650}.play-question summary:focus-visible{outline:3px solid #17685c}.walk-video{height:auto}.secondary.steam-store{background:#192431;color:white;border-color:#192431}.secondary.steam-store:hover{background:#2d4155}.steam-store img{width:84px;height:auto}.journal .guide-finder{padding:1.2rem;background:#f3ebdf;border:1px solid #d9cbb8;border-radius:12px}.guide-finder h3{margin-top:0}.guide-finder details+details{border-top:1px solid #d9cbb8}.guide-finder summary{cursor:pointer;padding:12px 0;font-weight:650}.guide-finder summary:focus-visible{outline:3px solid #17685c}.finder-actions{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}#guides>h2{margin:0 0 clamp(18px,2vw,26px)}@media (orientation:landscape) and (max-height:500px) and (min-width:761px) and (max-width:1000px){main:has(.studio)>h1{font-size:30px;margin:8px 0 2px}main:has(.studio)>.lead{font-size:15px;line-height:1.35;margin:0 0 8px;max-width:none}.studio{grid-template-columns:minmax(0,min(64%,max(240px,calc((100svh - 166px)*16/9)))) minmax(0,1fr);gap:14px}.hero{margin-top:16px;gap:4%}.hero h1{font-size:42px}.hero .lead{font-size:16px;margin:8px 0 12px}}