:root{--bg:#f4ede0;--ink:#243839;--soft:#53615b;--line:#bdc0ad;--accent:#23494a;--paper:#fffaf0;--gold:#f3c568;--night:#0f1524;--radius:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Zen Maru Gothic",system-ui,sans-serif;font-size:16px;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:var(--accent);text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
h1,h2,h3{font-family:"Shippori Mincho",Georgia,serif;line-height:1.25}
.wrap{max-width:1160px;margin:auto;padding:0 32px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.mark{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.mark img{width:40px;height:40px;border-radius:10px}
.mark b{font-family:"Shippori Mincho",serif;font-size:24px}
.top nav{display:flex;gap:24px}
.top nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}
.intro{padding:32px 0}
.intro h1{font-size:28px;margin:0 0 6px;max-width:35ch}
.intro p{margin:0;color:var(--soft)}
.game{display:grid;grid-template-columns:1.05fr 1fr;border-radius:var(--radius);overflow:hidden;background:var(--night);color:#f2ebdd}
.cover{position:relative;min-height:430px}
.cover-art{width:100%;height:100%;object-fit:cover}
.kon{position:absolute;bottom:20px;left:24px;width:104px;filter:drop-shadow(0 8px 12px #0008)}
.game-body{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.game p{margin:0}
.release,.game-meta{font-size:14px;color:#e4d9c2}
.game h2{font-size:46px;margin:0}
.game h2 span{display:block;font-size:20px;color:var(--gold);margin-top:8px}
.game-lead{font-size:22px;max-width:30ch}
.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px}
.btn{min-height:48px;padding:12px 20px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.primary{background:var(--gold);color:#2b1f14}
.primary:hover{background:#ffd98a}
.game a:focus-visible{outline-color:#f3c568}
.text-link{display:inline-flex;align-items:center;min-height:48px}
.game .text-link{color:#f2ebdd}
.home-preview{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;margin-top:40px}
.home-preview h3{font-size:26px;margin:0 0 12px;max-width:25ch}
.home-preview p{color:var(--soft);margin:0}
.home-preview img{width:100%;border-radius:12px;outline:1px solid #24383915;outline-offset:-1px}
.contact{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.contact h2{font-size:26px;margin:0 0 8px}
.contact p{margin:0;color:var(--soft)}
footer{margin-top:48px;padding:24px 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--soft)}
footer a{min-height:48px;display:inline-flex;align-items:center}
footer span{display:inline-flex;align-items:center}
.skip-link{position:absolute;top:-100px;left:16px;z-index:20;padding:12px;background:var(--paper)}
.skip-link:focus{top:12px}
@media(prefers-color-scheme:dark){
 :root{--bg:#172b2c;--ink:#f4ede0;--soft:#c9d0c2;--line:#536d67;--accent:#f3c568;--paper:#23494a}
 .game{outline:1px solid #f3c56840}
}
@media(max-width:820px){
 .game{grid-template-columns:1fr}
 .cover{min-height:0;height:320px}
 .game-body{padding:32px}
 .home-preview{grid-template-columns:1fr;gap:20px}
}
@media(max-width:520px){
 .wrap{padding:0 20px}
 .top{gap:12px;padding:16px 0}
 .mark{gap:8px}
 .mark b{font-size:20px}
 .mark img{width:32px;height:32px}
 .top nav{gap:16px}
 .intro{padding:24px 0}
 .intro h1{font-size:24px}
 .game h2{font-size:36px}
 .cover{height:240px}
 .game-body{padding:24px}
 .game-lead{font-size:20px}
 .actions{gap:16px}
 .home-preview{margin-top:32px}
 footer{gap:8px}
}
/* Art direction: a midnight studio, with a warm garden interlude. */
:root{--bg:#101d32;--ink:#f4eedf;--soft:#c2c9d4;--line:#536077;--accent:#f3c568;--paper:#f4eedf}
body{background:radial-gradient(ellipse at 80% 0,#263952 0,transparent 55%),var(--bg)}
.wrap{max-width:1280px;padding:0 48px}
.top{border-color:#ffffff24;padding:28px 0}
.mark b{font-family:"Zen Maru Gothic",sans-serif;font-size:24px;letter-spacing:-.04em}
.mark img{border-radius:50%}
.intro{padding:40px 0 32px;position:relative}
.intro h1{font-family:"Zen Maru Gothic",sans-serif;font-size:clamp(40px,4.8vw,60px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 16px}
.eyebrow,.release{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.game{grid-template-columns:1.15fr 1fr;overflow:visible;border-radius:0;background:#091323;border-top:1px solid #f3c56870;border-bottom:1px solid #f3c56870}
.cover{min-height:530px}
.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#091323)}
.kon{width:180px;left:32px;bottom:-20px;z-index:1;filter:drop-shadow(0 8px 16px #0009)}
.game-body{padding:48px 40px;gap:20px}
.game h2{font-size:52px;line-height:1.13}
.game-lead{font-size:24px}
.btn{border-radius:4px;padding:14px 24px}
.home-preview{margin:96px -48px 0;padding:56px 48px;background:#eee6d5;color:#21362e;grid-template-columns:.8fr 1.3fr;gap:48px}
.home-preview .eyebrow{color:#6c583c;margin-bottom:16px}
.home-preview h3{font-size:38px;line-height:1.2}
.home-preview p{color:#4d5b50}
.home-preview img{border-radius:0;outline:8px solid #fff8;outline-offset:0;box-shadow:0 12px 32px #27382924}
.home-preview a:focus-visible{outline-color:#304f42}
.contact{margin-top:64px;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:4px 32px}
.contact h2{grid-row:span 2;font-size:32px}
footer{margin-top:40px;border-top:1px solid #ffffff24}
@media(prefers-color-scheme:dark){:root{--bg:#101d32;--ink:#f4eedf;--soft:#c2c9d4;--line:#536077;--accent:#f3c568;--paper:#f4eedf}.game{outline:0}}
@media(max-width:900px){.wrap{padding:0 28px}.game{grid-template-columns:1fr}.cover{height:380px;min-height:0}.cover::after{background:linear-gradient(0deg,#091323,transparent 45%)}.game-body{padding:32px}.kon{bottom:0;width:150px}.home-preview{margin:64px -28px 0;padding:40px 28px;grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr;gap:8px}}
@media(max-width:520px){.wrap{padding:0 20px}.top{padding:16px 0;flex-wrap:wrap}.top nav{flex-wrap:wrap}.mark b{font-size:20px}.intro{padding:40px 0 32px}.intro h1{font-size:42px}.game h2{font-size:38px}.cover{height:280px}.kon{width:124px;left:20px}.game-body{padding:28px 20px}.game-lead{font-size:22px}.home-preview{margin:48px -20px 0;padding:36px 20px}.home-preview h3{font-size:32px}.contact{margin-top:40px}.contact h2{font-size:26px}}

/* Privacy page and small fixes, 2026-10-06 */
.contact-body{display:grid;gap:4px}
footer .sep{margin:0 10px}
.prose{max-width:720px;padding:48px 0 16px}
.prose h1{font-family:"Zen Maru Gothic",sans-serif;font-size:clamp(36px,4.4vw,52px);line-height:1.1;letter-spacing:-.05em;margin:0 0 8px}
.prose h2{font-size:24px;margin:40px 0 8px}
.prose p{margin:0 0 12px;color:var(--soft)}
.prose .updated{font-size:14px}
