:root{color-scheme:dark;--bg:#090909;--ink:#eee;--muted:#aaa5a5}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}
body{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.skip{position:absolute;left:24px;top:-80px;padding:12px;background:var(--ink);color:var(--bg);z-index:2}
.skip:focus{top:12px}
.shell{width:min(100% - 48px,1080px);margin-inline:auto}
.index-title{font-size:.875rem;font-weight:500;letter-spacing:.16em;margin:40px 0 28px}
.game-entry{display:grid;gap:32px;align-items:center}
.release-visual{display:block;width:100%;max-width:480px;height:auto;background:#000}
.visual-link{display:block}
.eyebrow{font-size:.875rem;letter-spacing:.12em;color:#da6767;margin:0 0 16px}
h1,h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500;line-height:1.3;letter-spacing:-.055em;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.description{max-width:25em;color:#c2bcbc;font-size:1rem;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;margin:24px 0}
.metadata{display:flex;gap:20px;align-items:center;font-size:.75rem;letter-spacing:.09em;color:var(--muted);margin:0 0 32px}
.metadata span{padding-left:20px;border-left:1px solid #494141}
.entry-link,.play-entry{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;width:100%;max-width:280px;font-size:.875rem}
.entry-link{border-bottom:1px solid #666}
.entry-link span,.play-entry span{color:var(--muted)}
.play-entry{border:1px solid #666;padding:16px 20px;letter-spacing:.06em}
@media(hover:hover){.entry-link:hover,.play-entry:hover{border-color:var(--ink);background:#ffffff0a}h2 a:hover{color:#fff}}
.platforms{display:grid;gap:12px}
.back-nav{margin:24px 0 20px;font-size:.875rem;color:var(--muted)}
.back-nav a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:720px){.game-entry{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,7vw,96px)}.entry-copy{padding-block:32px}.index-title{margin-top:48px}.back-nav{margin-block:32px 24px}}
@media(max-width:359px){.shell{width:calc(100% - 32px)}}
@media(max-width:719px){.landing .entry-copy{order:-1}}
.entry-link:active,.play-entry:active,.back-nav a:active{opacity:.8}