:root{color-scheme:dark;--bg:#0b112b;--cream:#fff0e6;--muted:#adb4cb;--line:#ffffff20;--accent:#f1cf64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a[href],button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}figure{margin:0}p{margin:0 0 1.5em}h1,h2,h3{line-height:1.5;margin:0 0 24px;letter-spacing:.035em}h2{font-size:clamp(24px,3vw,34px)}h3{font-size:20px}button{color:inherit}.skip{position:fixed;top:-100px;background:var(--cream);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:0}.header{height:100px;max-width:1280px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:40px}.header img{width:96px}.header nav{margin-left:auto;display:flex;gap:28px;font-size:12px}.hero{position:relative;max-width:1440px;margin:auto;min-height:720px;padding:65px max(48px,calc((100% - 1184px)/2)) 110px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(0deg,var(--bg),transparent 35%),url('assets/images/space.png') center/cover}.hero-logo{width:300px;margin:0 0 30px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.24em;color:var(--muted);margin-bottom:25px}h1{font-size:clamp(32px,3.7vw,48px);line-height:1.5}.intro{font-size:14px;color:#d2d5e2}.release{font-size:13px;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:15px 24px;font-size:14px;font-weight:bold;line-height:1.5;border:1px solid var(--cream);min-width:240px}.primary{background:var(--cream);color:var(--bg)}.primary:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.text-link{font-size:12px;color:var(--muted)}.key-art{max-width:500px;transform:rotate(2deg);box-shadow:0 20px 60px #0004}.key-art img{width:100%}.scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em;color:var(--muted)}.section{width:calc(100% - 96px);max-width:1120px;margin:0 auto;padding:95px 0;border-bottom:1px solid var(--line)}.about{display:grid;grid-template-columns:1fr 384px;gap:90px;align-items:center}.about p:not(.eyebrow){color:#c5cbdd;font-size:14px;line-height:2.2}.facts{list-style:none;display:flex;gap:12px;flex-wrap:wrap;padding:0;margin-top:30px}.facts li{font-size:11px;border:1px solid var(--line);padding:5px 12px}.game-window{width:384px}.pixel{image-rendering:pixelated}.game-window figcaption{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.features article{position:relative;padding-top:20px}.number{display:block;font-size:12px;color:var(--accent);margin-bottom:35px}.features .eyebrow{margin-bottom:15px}.features h3{font-size:18px}.features article>p:last-child{font-size:13px;color:var(--muted);margin:0}.section-heading{margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}.trailer{aspect-ratio:16/9;background:linear-gradient(#0b112b66,#0b112b99),url('assets/images/space.png') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);color:var(--muted);gap:16px}.trailer p{font-size:13px;margin:0}.play{font-size:50px;line-height:1}.trailer iframe{width:100%;height:100%;border:0}.trailer button{background:transparent;border:0;width:100%;height:100%;color:inherit}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shot{position:relative;background:none;border:0;padding:0;overflow:hidden}.shot img{width:100%}.shot span{position:absolute;bottom:0;right:0;background:var(--bg);padding:0 12px;font-size:20px}.shot:hover{outline:1px solid var(--accent);outline-offset:4px}.news{display:grid;grid-template-columns:1fr 1fr;gap:70px}.news:has([data-events-section][hidden]){grid-template-columns:1fr}.news .eyebrow,.details .eyebrow{margin-bottom:12px}.news a{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:18px 0;font-size:14px}.news a span{font-size:12px;color:var(--muted)}.details{display:grid;grid-template-columns:1fr 1fr;gap:80px}dl{margin:30px 0 0}dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}dt{color:var(--muted)}dd{margin:0}.contact{text-align:center;padding:100px 0;border:0}.contact p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact .button{margin-top:15px}.contact-links{display:flex;justify-content:center;gap:25px;margin-top:30px;font-size:12px}.contact-links:empty{display:none}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 48px;font-size:10px;letter-spacing:.1em;color:var(--muted)}dialog{padding:48px 16px 16px;border:1px solid var(--line);background:var(--bg);max-width:95vw;max-height:95vh}dialog::backdrop{background:#030611e8}dialog img{max-height:calc(95vh - 80px);width:auto;margin:auto}.dialog-close{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:13px}[hidden]{display:none!important}@media(min-width:1200px){.gallery{grid-template-columns:repeat(3,256px);justify-content:space-between}.gallery img{width:256px}}@media(max-width:900px){.header{padding:0 24px}.header nav{gap:16px}.hero{gap:30px;padding:50px 32px 100px;min-height:auto}.hero-logo{width:220px}.section{width:calc(100% - 48px);padding:65px 0}.about{grid-template-columns:1fr 256px;gap:35px}.game-window{width:256px}.features{gap:25px}.details{gap:35px}.gallery{gap:16px}}@media(max-width:600px){.header{height:76px;gap:20px}.header img{width:78px}.header nav{display:none}.hero{display:flex;flex-direction:column;padding:30px 24px 85px;gap:40px;align-items:stretch}.hero-copy{order:1}.hero .eyebrow{font-size:9px}.hero-logo{width:200px;margin-bottom:24px}.hero h1{font-size:34px}.key-art{order:2;width:min(100%,350px);align-self:center;transform:rotate(1deg)}.intro{font-size:13px}.actions{gap:14px}.button{width:100%;max-width:340px}.scroll{white-space:nowrap;bottom:20px}.about{display:flex;flex-direction:column;align-items:stretch;gap:35px}.game-window{align-self:center}.features{grid-template-columns:1fr;gap:35px}.features article{padding:0 0 0 38px}.number{position:absolute;left:0;top:0}.features h3{margin-bottom:12px}.features .eyebrow{margin-bottom:8px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.news,.details{grid-template-columns:1fr;gap:45px}footer{padding:22px 24px;gap:20px;flex-direction:column}.contact h2{font-size:23px}.contact .button{max-width:300px}.trailer{aspect-ratio:16/10}.play{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.announcements{max-width:900px}.announcement{padding:30px 0;border-top:1px solid var(--line)}.announcement time{display:block;font-size:12px;color:var(--accent);margin-bottom:12px}.announcement h3{font-size:22px;margin-bottom:14px}.announcement>p{color:var(--muted);font-size:14px;white-space:pre-line}.announcement .button{display:block;background:transparent;margin-top:22px;min-width:0;color:var(--cream)}.announcement .button:disabled{opacity:.6;cursor:wait}.tweet-embed{max-width:550px}.embed-status{font-size:12px!important;margin-top:14px}.tweet-embed:empty{display:none}@media(max-width:900px){.header{gap:20px}.header nav{gap:14px;font-size:11px}}
/* お知らせ中心のコンパクトな構成 */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-visual{padding:32px 24px 50px;text-align:center;background:linear-gradient(0deg,var(--bg),transparent),url('assets/images/space.png') center/cover}.main-visual>img{width:min(100%,380px);margin:0 auto 24px}.short-description{font-size:13px;margin-bottom:8px;color:#d2d5e2}.main-visual .release{margin-bottom:20px}.store-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.store-links .button{min-width:200px;width:230px;text-align:left}.announcements{padding:50px 0;max-width:900px}.details{max-width:900px;padding:55px 0}.section-heading{margin-bottom:24px}.header{max-width:996px}.details h2{font-size:24px}.header nav{margin-left:auto}@media(max-width:600px){.main-visual{padding:15px 24px 36px}.main-visual>img{width:min(100%,320px)}.short-description{font-size:12px}.store-links{gap:10px}.store-links .button{width:100%;max-width:320px}.header nav{display:flex;font-size:10px;gap:12px}.header{gap:16px}.header img{width:65px}.announcements,.details{padding:40px 0}}


.store-links .button{min-height:82px;gap:16px}.store-copy{display:flex;flex-direction:column;gap:7px}.store-copy small{font-size:11px;font-weight:normal;line-height:1.5}

.main-visual{padding-top:96px}@media(max-width:600px){.main-visual{padding-top:65px}}


/* コンテンツ幅を500pxに統一 */
.main-visual>img{width:100%;max-width:500px}.main-visual{padding-left:24px;padding-right:24px}.store-links{max-width:500px;margin-left:auto;margin-right:auto}.section{max-width:500px}.details{grid-template-columns:1fr;gap:40px}footer{max-width:548px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media(max-width:600px){.main-visual>img{width:100%;max-width:500px}}

/* ストアリンクは縦並びにし、Steam版を主に表示 */
.store-links{flex-direction:column;align-items:center;gap:14px}.store-links .button[data-link=steam]{width:320px;max-width:100%;min-height:86px}.store-links .button[data-link=itch]{width:280px;max-width:100%;min-width:0;min-height:74px;padding:12px 20px;font-size:13px}.store-links .button[data-link=itch] .store-copy{gap:5px}


.streaming-guidelines p{font-size:13px;line-height:2;color:var(--muted)}.streaming-guidelines h3{font-size:14px;margin:24px 0 10px}.streaming-guidelines p:last-child{margin-bottom:0}


.streaming-guidelines{margin-top:32px;margin-bottom:32px}


.announcement>p>a{text-decoration:underline;text-decoration-color:#adb4cb70;text-underline-offset:4px}.announcement>p>a:hover{text-decoration-color:currentColor}


.section-links{max-width:500px;width:calc(100% - 48px);margin:24px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;font-size:12px}.section-links a{text-decoration:underline;text-underline-offset:5px}#guidelines,#credits{scroll-margin-top:40px}


.contact-info{padding:55px 0}.contact-info h2{font-size:24px}.contact-info p{font-size:13px;margin-bottom:12px}.contact-info a{text-decoration:underline;text-underline-offset:4px}#contact{scroll-margin-top:40px}


/* 各コンテンツ間の余白を約50px追加 */
.section-links{margin-top:74px}.details{margin-top:50px;row-gap:90px}.contact-info{margin-top:50px}


.section-links + .announcements{margin-top:30px}

